{"version":3,"file":"static/css/853.c4c6d2cc.chunk.css","mappings":"sHAEA,EACE,qBACF,CAEA,SAIE,2CAA6C,CAC7C,kBAAmB,CACnB,0BAAwC,CAJxC,gBAAiB,CADjB,eAAgB,CAEhB,YAIF,CAEA,GAIE,aAAc,CAHd,6BAAiC,CAKjC,gBAAiB,CACjB,QAAS,CALT,iBAAkB,CAGlB,6BAA0C,CAF1C,wBAKF,CAEA,MAEE,UAAc,CADd,iBAEF,CAEA,SAIE,aAAc,CAHd,gBAAiB,CACjB,QAGF,CAEA,iBAJE,iBAMF,CAEA,WACE,aACF,CAEA,UAGE,kBAAmB,CAFnB,YAAa,CACb,sBAEF,CAEA,cAGE,wBAAyB,CADzB,wBAAyB,CAEzB,iBAAkB,CAElB,4BAA6B,CAD7B,yBAA0B,CAG1B,aAAc,CAPd,YAAa,CAMb,cAEF,CAEA,eAEE,wBAAyB,CACzB,wBAAyB,CAIzB,8BAA+B,CAD/B,2BAA4B,CAD5B,aAAc,CAJd,cAAe,CAGf,kBAIF,CAEA,qBACE,wBAAyB,CACzB,oBACF,CAEA,YAGE,YAAa,CACb,cAAe,CACf,QAAS,CAHT,gBAAiB,CADjB,eAKF,CAEA,WAIE,kBAAmB,CAInB,2CAA6C,CAG7C,iBAAkB,CADlB,8BAA2C,CAD3C,aAAc,CAPd,YAAa,CACb,qBAAsB,CAEtB,sBAAuB,CAEvB,gBAAiB,CADjB,YAAa,CALb,WAWF,CAEA,kBAKE,kBAAmB,CAFnB,WAAY,CACZ,iBAAkB,CAElB,aAAc,CAEd,cAAe,CADf,gBAAiB,CANjB,eAAgB,CAChB,kBAOF,CAEA,wBACE,kBACF,CAEA,cAME,aAAc,CALd,gBAAiB,CACjB,mBAAqB,CACrB,QAAS,CACT,iBAAkB,CAClB,wBAEF,CAEA,gBACE,wBAAyB,CACzB,iBAAkB,CAElB,YAAc,CADd,oBAEF,CAEA,mBACE,2BACF,CAEA,cAIE,wBAAyB,CAHzB,WAAY,CACZ,iBAAkB,CAClB,YAEF,CAEA,oBACE,yCACF,CAEA,wBACE,oBACF,CAEA,iBACE,6BAAiC,CAEjC,cAAe,CADf,iBAAqB,CAErB,wBACF,CAEA,uBAIE,oBAAqB,CAFrB,aAAc,CACd,QAAS,CAFT,UAIF,CAEA,gBAEE,gBAAiB,CADjB,cAEF,CAEA,uBACE,aACF,CAEA,mBACE,gBACF,CAEA,qBAKE,kBAAmB,CAFnB,WAAY,CACZ,iBAAkB,CAElB,aAAc,CAEd,cAAe,CADf,gBAAiB,CANjB,eAAgB,CAChB,kBAOF,CAEA,2BACE,kBACF,CAEA,6BACE,GAEE,SAAU,CADV,0BAEF,CACA,GAEE,SAAU,CADV,uBAEF,CACF,CAEA,iBACE,GACE,UACF,CACA,IACE,SACF,CACA,GACE,UACF,CACF","sources":["projects/timerChallenge/TimerChallengeMain.css"],"sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&family=Handjet:wght@400;700&display=swap');\r\n\r\n* {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#content {\r\n  max-width: 60rem;\r\n  margin: 2rem auto;\r\n  padding: 2rem;\r\n  background: radial-gradient(#0b201d, #021619);\r\n  border-radius: 16px;\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);\r\n}\r\n\r\nh1 {\r\n  font-family: 'Handjet', monospace;\r\n  text-align: center;\r\n  text-transform: uppercase;\r\n  color: #c1e2dd;\r\n  text-shadow: 0 0 4px rgba(35, 34, 34, 0.4);\r\n  font-size: 3.5rem;\r\n  margin: 0;\r\n}\r\n\r\nh1 em {\r\n  font-style: normal;\r\n  color: #00eeff;\r\n}\r\n\r\nheader p {\r\n  font-size: 1.2rem;\r\n  margin: 0;\r\n  text-align: center;\r\n  color: #c6f4f2;\r\n}\r\n\r\n#player {\r\n  text-align: center;\r\n}\r\n\r\n#player h2 {\r\n  color: #54a399;\r\n}\r\n\r\n#player p {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n#player input {\r\n  font: inherit;\r\n  border: 1px solid #54a399;\r\n  background-color: #192f2b;\r\n  border-radius: 4px;\r\n  border-top-right-radius: 0;\r\n  border-bottom-right-radius: 0;\r\n  padding: 0.25rem;\r\n  color: #d1f0ec;\r\n}\r\n\r\n#player button {\r\n  cursor: pointer;\r\n  background-color: #54a399;\r\n  border: 1px solid #54a399;\r\n  padding: 0.4rem 1rem;\r\n  color: #061e1a;\r\n  border-top-right-radius: 4px;\r\n  border-bottom-right-radius: 4px;\r\n}\r\n\r\n#player button:hover {\r\n  background-color: #3c8379;\r\n  border-color: #3c8379;\r\n}\r\n\r\n#challenges {\r\n  max-width: 50rem;\r\n  margin: 3rem auto;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 2rem;\r\n}\r\n\r\n.challenge {\r\n  width: 22rem;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 2rem;\r\n  margin: 2rem auto;\r\n  background: linear-gradient(#4df8df, #4df0f8);\r\n  color: #221c18;\r\n  box-shadow: 0 2px 8px rgba(35, 34, 34, 0.6);\r\n  border-radius: 6px;\r\n}\r\n\r\n.challenge button {\r\n  margin-top: 1rem;\r\n  padding: 0.5rem 1rem;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: #12352f;\r\n  color: #edfcfa;\r\n  font-size: 1.2rem;\r\n  cursor: pointer;\r\n}\r\n\r\n.challenge button:hover {\r\n  background: #051715;\r\n}\r\n\r\n.challenge h2 {\r\n  font-size: 1.5rem;\r\n  letter-spacing: 0.1em;\r\n  margin: 0;\r\n  text-align: center;\r\n  text-transform: uppercase;\r\n  color: #221c18;\r\n}\r\n\r\n.challenge-time {\r\n  border: 1px solid #46cebe;\r\n  border-radius: 4px;\r\n  padding: 0.25rem 0.5rem;\r\n  margin: 0.5rem;\r\n}\r\n\r\n.challenge .active {\r\n  animation: flash 1s infinite;\r\n}\r\n\r\n.result-modal {\r\n  border: none;\r\n  border-radius: 8px;\r\n  padding: 2rem;\r\n  background-color: #d7fcf8;\r\n}\r\n\r\n.result-modal[open] {\r\n  animation: slide-in-from-top 0.35s ease-out;\r\n}\r\n\r\n.result-modal::backdrop {\r\n  background: rgba(0, 0, 0, 0.9);\r\n}\r\n\r\n.result-modal h2 {\r\n  font-family: 'Handjet', monospace;\r\n  margin: 0 0 0.25rem 0;\r\n  font-size: 3rem;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.result-modal progress {\r\n  width: 100%;\r\n  height: 1.5rem;\r\n  margin: 0;\r\n  accent-color: #46cebe;\r\n}\r\n\r\n.result-modal p {\r\n  margin: 0.5rem 0;\r\n  font-size: 1.2rem;\r\n}\r\n\r\n.result-modal p strong {\r\n  color: #10655b;\r\n}\r\n\r\n.result-modal form {\r\n  text-align: right;\r\n}\r\n\r\n.result-modal button {\r\n  margin-top: 1rem;\r\n  padding: 0.5rem 1rem;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: #12352f;\r\n  color: #edfcfa;\r\n  font-size: 1.2rem;\r\n  cursor: pointer;\r\n}\r\n\r\n.result-modal button:hover {\r\n  background: #051715;\r\n}\r\n\r\n@keyframes slide-in-from-top {\r\n  0% {\r\n    transform: translateY(-15%);\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes flash {\r\n  0% {\r\n    opacity: 0.5;\r\n  }\r\n  50% {\r\n    opacity: 1;\r\n  }\r\n  100% {\r\n    opacity: 0.5;\r\n  }\r\n}"],"names":[],"sourceRoot":""}