{"mappings":"A,4HCGA,wmBAUA,wmBAUA,wmBASA,gDAMA,2dAwBA,oFAYA,iCAMA,6BAMA,uDASA,gCAOA,8BAKA,4CAMA,mBAIA,mCAIA,oCAIA,2BAIA,2CAIA,iEAOA,6GAOA,6CAQA,sBAIA,iCAIA,+BAIA,2CAKA,8BAIA,uCAIA,mHAWA,gMASA,wFASA,2CAKA,oMAgBA,0QAmBA,uEAyBA,mHASA,yFAOA,mGASA,iEAMA,mDAoBA,oKASA,qBAIA,2BAIA,wBAIA,kCAIA,sCAQA,2DAMA,4EAOA,uFAOA,8CASA,2BAIA,4JAaA,iEAKA,kQAgBA,uCAMA,kCAIA,8CAKA,iIAaA,uBAIA,mDAKA,kCAIA,4OAeA,mEAQA,2EAKA,6RAAA,mSAAA,mSAAA,gSAAA,sSAAA,sSAgBA,yNASA,sDAOA,qDAKA,iDAKA,mLAWA,mCAKA,wFAOA,kFAQA,wGASA,yCAIA,sCAKA,0DAQA,sBAIA,4CAOA,8CAMA,wMAaA,4FAQA,qIAWA,qDAIA,+CAOA,qDAKA,sEAIA,sEAIA,wMAcA,8HASA,yDAKA,4EAOA,sCAIA,0DAKA,yBAKA,4DAMA,+BAIA,0CAIA,oCAIA,6DAQA,2BAIA,4GAOA,6CAKA,oDAIA,6DAIA,qCAIA,2EAOA,sDAKA,+QAYA,yFASA,sBAIA,oEAMA,wDASA,4BAMA,gFAOA,iEAUA,8HASA,+BAMA,0BAIA,gCAIA,4CAIA,4CAKA,4CAMA,oDAOA,+FAWA,gDAQA,mIAWA,4DASA,2BAMA,2LAeA,wFAQA,yHAUA,0DAIA,sFAIA,2DAMA,mEAIA,8JAaA,+BAIA,8DAMA,oCAKA,0CAKA,kDAMA,+FAMA,uCAKA,sBAIA,2DAIA,wEAQA,mCAMA,0FAMA,+HASA,sEAQA,oFAUA,wFAOA,0EASA,uFAOA,4DAMA,0DAIA,mIASA,+FAQA,gFAQA,qDAMA,mFAMA,wCAKA,yFAQA,0GAQA,uEAMA,wJAUA,0GAOA,qNAcA,yIAUA,+CAOA,iQAsBA,wFAUA,6EAQA,sCAMA,qHASA,uDAKA,sDAOA,qDAMA,yFAQA,kCAIA,uBAIA,oFASA,sBACI,oCAIA,mCAIA,sBAIA,wCAIA,uBAIA,uBAIA,mBAIA,gCAIA,iCAOA,8CAIA,iCAMA,2CAIA,2GAMA,sBAKJ,sBACI,yBAIA,oCAMJ,qBAGI,kKAQA,0HAMA,mFAKA,oDAIA,8FAMA,oDAKA,sDAKA,0IAOA,2DAIA,8DAMJ,6IACI","sources":["build/index.610c059b.css","dist/src/css/styles.css"],"sourcesContent":["@import \"https://p.typekit.net/p.css?s=1&k=hqi4nbh&ht=tk&f=44524.44525.44528.44529.44530.44531&a=2420667&app=typekit&e=css\";\n@font-face {\n  font-family: degular-display;\n  src: url(\"https://use.typekit.net/af/3e504d/00000000000000007735c85b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3\") format(\"woff2\"), url(\"https://use.typekit.net/af/3e504d/00000000000000007735c85b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3\") format(\"woff\"), url(\"https://use.typekit.net/af/3e504d/00000000000000007735c85b/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3\") format(\"opentype\");\n  font-display: auto;\n  font-style: normal;\n  font-weight: 400;\n  font-stretch: normal;\n}\n\n@font-face {\n  font-family: degular-display;\n  src: url(\"https://use.typekit.net/af/9dedee/00000000000000007735c86a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3\") format(\"woff2\"), url(\"https://use.typekit.net/af/9dedee/00000000000000007735c86a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3\") format(\"woff\"), url(\"https://use.typekit.net/af/9dedee/00000000000000007735c86a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3\") format(\"opentype\");\n  font-display: auto;\n  font-style: normal;\n  font-weight: 600;\n  font-stretch: normal;\n}\n\n@font-face {\n  font-family: degular-display;\n  src: url(\"https://use.typekit.net/af/90e1f3/00000000000000007735c870/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3\") format(\"woff2\"), url(\"https://use.typekit.net/af/90e1f3/00000000000000007735c870/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3\") format(\"woff\"), url(\"https://use.typekit.net/af/90e1f3/00000000000000007735c870/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3\") format(\"opentype\");\n  font-display: auto;\n  font-style: normal;\n  font-weight: 700;\n  font-stretch: normal;\n}\n\n.font-bk {\n  font-family: degular-display, sans-serif;\n}\n\n:root {\n  --bckgdColor: #1e1f29;\n  --offBckgdColor: #020101;\n  --primaryColor: #edefff;\n  --secondaryColor: #9f7dd5;\n  --gradientStartColor: #ffe569;\n  --gradientEndColor: #ede1fe;\n  --buttonColor: #9f7dd5;\n  --buttonTextColor: #fff;\n  --textColor: #1e1f29;\n  --textSecondaryColor: #656565;\n  --inputTextColor: #1e1f29;\n  --inputColor: #edefff;\n  --placeHolderColor: #a7a7a7;\n  --successColor: #00bf6f;\n  --errColor: #ff618a;\n  --mobilePadding: 12px;\n  --headerHeight: 90px;\n  --fontFamily: \"degular-display\", sans-serif;\n  --vh: 1vh;\n  --gradientDeg: 0deg;\n}\n\n*, :after, :before {\n  box-sizing: border-box;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n\n::-webkit-scrollbar {\n  display: none;\n}\n\n.flex-container {\n  display: flex;\n}\n\n.flex-center {\n  justify-content: center;\n  align-items: center;\n}\n\n.flex-col {\n  flex-direction: column;\n}\n\n.flex-no-shrink {\n  flex-shrink: 0;\n}\n\n.flex-between {\n  justify-content: space-between;\n}\n\n.flex-gap {\n  gap: 20px;\n}\n\n.no-display {\n  display: none !important;\n}\n\n.hidden {\n  visibility: hidden !important;\n}\n\n.no-scroll {\n  overflow: hidden;\n}\n\n.no-pointers {\n  pointer-events: none !important;\n}\n\n.ease-out {\n  -o-transition: .3s ease-out;\n  transition: all .3s ease-out;\n}\n\n.cubic-bezier {\n  -o-transition: .7s cubic-bezier(.57, -.21, 0, .74);\n  transition: all .7s cubic-bezier(.57, -.21, 0, .74);\n}\n\n.transform-y-100 {\n  transform: translateY(-100%);\n}\n\n.width-100 {\n  width: 100%;\n}\n\n.width-50 {\n  width: calc(50% - 10px);\n}\n\n.text-center {\n  text-align: center;\n}\n\n.read-text {\n  font-size: 1em;\n  line-height: 1.5em;\n}\n\n.no-margin {\n  margin: 0 !important;\n}\n\n.error {\n  color: var(--errColor) !important;\n}\n\n.btns {\n  font-family: var(--fontFamily);\n  cursor: pointer;\n  background: none;\n  border: none;\n  outline: none;\n  flex-shrink: 0;\n  padding: 0;\n}\n\nbutton:disabled {\n  opacity: .8;\n  background-color: var(--buttonColor) !important;\n  -webkit-box-shadow: none !important;\n  box-shadow: none !important;\n  color: var(--bckgdColor) !important;\n  cursor: default !important;\n}\n\n.h1 {\n  font-size: 60px;\n  font-family: var(--fontFamily);\n  color: var(--textColor);\n  line-height: 1em;\n}\n\n.spinner, .spinner:before {\n  border-radius: 50%;\n}\n\n.spinner {\n  color: var(--buttonTextColor);\n  text-indent: -99999px;\n  width: 20px;\n  height: 20px;\n  margin: 0 auto;\n  font-size: 22px;\n  position: relative;\n  overflow: hidden;\n  transform: translateZ(0);\n  box-shadow: inset 0 0 0 2px;\n}\n\n.spinner:before {\n  content: \"\";\n  background: var(--buttonColor);\n  transform-origin: 10.4px 10.2px;\n  -webkit-animation: 2s 1.5s infinite loading;\n  border-radius: 20.4px 0 0 20.4px;\n  width: 10.4px;\n  height: 20.4px;\n  animation: 1s linear infinite loading;\n  position: absolute;\n  top: -.2px;\n  left: -.2px;\n}\n\n@keyframes loading {\n  0% {\n    transform: rotate(0);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\nhtml, body {\n  -webkt-scroll-behavior: smooth;\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n  margin: 0;\n  padding: 0;\n}\n\nhtml {\n  background-color: var(--bckgdColor);\n  -moz-text-size-adjust: 100%;\n  text-size-adjust: 100%;\n}\n\nbody {\n  min-height: calc(100 * var(--vh));\n  font-family: var(--fontFamily);\n  font-size: 1.2rem;\n  line-height: 1.5;\n}\n\n@property --a {\n  syntax: \"<angle>\";\n  inherits: false;\n  initial-value: 0deg;\n}\n\n@keyframes gradientAnim {\n  0% {\n    --a: 0deg;\n  }\n\n  100% {\n    --a: 360deg;\n  }\n}\n\n.container {\n  --a: 0deg;\n  background: linear-gradient(var(--a), #ffe569 10%, #fff 20%, #eee1ff 50%);\n  min-height: calc(100 * var(--vh));\n  animation: 20s linear infinite gradientAnim;\n}\n\n.logo-100 {\n  width: 100%;\n}\n\n.logo-big {\n  height: 85.9206px;\n}\n\n.logo-small {\n  height: 50px;\n}\n\n.logo path {\n  fill: var(--bckgdColor);\n}\n\n.logo-collapsed {\n  height: 50px !important;\n}\n\n#boxWrapper {\n  height: calc(100 * var(--vh));\n  gap: 20px;\n  width: 100%;\n}\n\n#box {\n  text-align: center;\n  width: calc(100% - 40px);\n  max-width: 420px;\n  padding: 20px;\n}\n\n#box a:link, #box a:visited {\n  color: var(--textColor);\n  font-weight: 600;\n  text-decoration: none;\n}\n\n#box h1, #box h2, #box p {\n  color: var(--textColor);\n}\n\n#resultOverlay {\n  z-index: 999;\n}\n\n.overlay {\n  height: calc(100 * var(--vh));\n  cursor: pointer;\n  z-index: 99;\n  opacity: 0;\n  visibility: hidden;\n  background-color: #1e1e1ee6;\n  width: 100%;\n  position: fixed;\n  top: 0;\n  left: 0;\n}\n\n.overlay-change {\n  visibility: visible !important;\n  opacity: 1 !important;\n}\n\n.overlay-box {\n  max-height: max(calc(100 * var(--vh))  - 20px, 500px);\n  background-color: var(--bckgdColor);\n  color: var(--primaryColor);\n  cursor: default;\n  border-radius: 6px;\n  width: calc(100% - 20px);\n  max-width: 400px;\n  height: auto;\n  padding: 2rem;\n  overflow-y: scroll;\n  transform: scale(0);\n}\n\n.overlay-box-change {\n  transform: scale(1);\n}\n\n.overlay-box h1 {\n  text-align: center;\n}\n\n.overlay-box p {\n  text-align: center;\n  margin: 2em 0;\n}\n\n.overlay-content-sticky-header {\n  background-color: var(--bckgdColor);\n  z-index: 1;\n  width: 100%;\n  padding-bottom: 20px;\n  position: sticky;\n  top: 0;\n}\n\n.form-w-100 {\n  width: 100%;\n}\n\n.input-labels {\n  color: var(--textColor);\n  display: block;\n}\n\n.input-labels span {\n  font-size: .7em;\n}\n\n.input-fields {\n  color: var(--inputTextColor);\n  background-color: var(--inputColor);\n  font-family: var(--fontFamily);\n  border: none;\n  border-radius: .25rem;\n  outline: none;\n  width: 100%;\n  max-width: 320px;\n  height: 40px;\n  margin: 10px 0 0;\n  padding: 10px;\n  font-size: 1rem;\n}\n\n.input-readonly {\n  cursor: default;\n  background-color: var(--buttonColor);\n}\n\n.form .input-readonly {\n  background-color: var(--gradientStartColor) !important;\n}\n\ninput:-webkit-autofill {\n  -webkit-text-fill-color: var(--inputTextColor);\n  -webkit-box-shadow: 0 0 0px 1000px var(--inputColor) inset;\n  box-shadow: 0 0 0px 1000px var(--inputColor) inset;\n  -o-transition: background-color 5000s ease-in-out 0s;\n  border: none;\n  transition: background-color 5000s ease-in-out;\n}\n\ninput:-webkit-autofill:hover {\n  -webkit-text-fill-color: var(--inputTextColor);\n  -webkit-box-shadow: 0 0 0px 1000px var(--inputColor) inset;\n  box-shadow: 0 0 0px 1000px var(--inputColor) inset;\n  -o-transition: background-color 5000s ease-in-out 0s;\n  border: none;\n  transition: background-color 5000s ease-in-out;\n}\n\ninput:-webkit-autofill:focus {\n  -webkit-text-fill-color: var(--inputTextColor);\n  -webkit-box-shadow: 0 0 0px 1000px var(--inputColor) inset;\n  box-shadow: 0 0 0px 1000px var(--inputColor) inset;\n  -o-transition: background-color 5000s ease-in-out 0s;\n  border: none;\n  transition: background-color 5000s ease-in-out;\n}\n\ntextarea:-webkit-autofill {\n  -webkit-text-fill-color: var(--inputTextColor);\n  -webkit-box-shadow: 0 0 0px 1000px var(--inputColor) inset;\n  box-shadow: 0 0 0px 1000px var(--inputColor) inset;\n  -o-transition: background-color 5000s ease-in-out 0s;\n  border: none;\n  transition: background-color 5000s ease-in-out;\n}\n\ntextarea:-webkit-autofill:hover {\n  -webkit-text-fill-color: var(--inputTextColor);\n  -webkit-box-shadow: 0 0 0px 1000px var(--inputColor) inset;\n  box-shadow: 0 0 0px 1000px var(--inputColor) inset;\n  -o-transition: background-color 5000s ease-in-out 0s;\n  border: none;\n  transition: background-color 5000s ease-in-out;\n}\n\ntextarea:-webkit-autofill:focus {\n  -webkit-text-fill-color: var(--inputTextColor);\n  -webkit-box-shadow: 0 0 0px 1000px var(--inputColor) inset;\n  box-shadow: 0 0 0px 1000px var(--inputColor) inset;\n  -o-transition: background-color 5000s ease-in-out 0s;\n  border: none;\n  transition: background-color 5000s ease-in-out;\n}\n\n.form textarea:invalid, .form textarea:invalid:hover, .form input:invalid, .form input:invalid:hover {\n  border: 2px solid var(--errColor);\n  -webkit-box-shadow: 0px 1px 5px var(--errColor);\n  box-shadow: 0px 1px 5px var(--errColor);\n}\n\n::placeholder {\n  color: var(--placeHolderColor);\n  opacity: 1;\n}\n\n:-ms-input-placeholder {\n  color: var(--placeHolderColor);\n}\n\n::-moz-placeholder {\n  color: var(--placeHolderColor);\n}\n\n.submit-btn {\n  background-color: var(--buttonColor);\n  color: var(--buttonTextColor);\n  border-radius: 100vmax;\n  width: 100%;\n  padding: 10px 20px;\n  font-size: 1em;\n  font-weight: 400;\n  display: inline-block;\n}\n\n.success-btn, .error-btn {\n  width: 100%;\n}\n\n.error-btn {\n  background-color: var(--errColor) !important;\n  color: var(--bckgdColor) !important;\n}\n\n.login-container {\n  min-height: calc(100 * var(--vh));\n  justify-content: center;\n  width: 100%;\n}\n\n.login-overlay {\n  width: calc(100% - var(--mobilePadding));\n  align-items: center;\n  max-height: 700px;\n  padding: 20px;\n}\n\n.login-overlay h1 {\n  color: var(--textColor);\n}\n\n#loginForm {\n  width: 100%;\n  max-width: 200px;\n}\n\n#signupForm {\n  align-items: center;\n  width: 100%;\n  max-width: 290px;\n}\n\n#signupBtn {\n  width: 100%;\n}\n\n.pass-wrapper {\n  align-items: center;\n  width: 100%;\n}\n\n#loginBtn, #forgotBtn {\n  width: 100%;\n  margin: 10px 0;\n}\n\n.show-btn {\n  background-color: var(--inputColor);\n  color: var(--inputTextColor);\n  border: none;\n  border-radius: 0 6px 6px 0;\n  outline: none;\n  height: 40px;\n  margin-top: 10px;\n  margin-left: -6px;\n  padding: 0 10px;\n  font-weight: 100;\n}\n\n#forgotPass {\n  text-align: center;\n  color: var(--textColor);\n  cursor: pointer;\n  margin: 0;\n  font-size: .8em;\n}\n\n.success-logout, .error-logout {\n  text-align: center;\n  color: var(--bckgdColor);\n  border-radius: 5px;\n  height: 40px;\n  margin: 20px 0;\n  padding: 5px 10px;\n}\n\n.success-logout {\n  background-color: var(--successColor);\n}\n\n.error-logout {\n  background-color: var(--errColor);\n}\n\n#settingsOverlay #logOutBtn {\n  width: 100%;\n  margin: 20px 0;\n}\n\n#settingsOverlay .overlay-box {\n  width: calc(100% - var(--mobilePadding));\n}\n\n#settingsOverlay .overlay-content {\n  background-color: var(--headerColor);\n}\n\n.settings-item {\n  background-color: var(--primaryColor);\n  text-align: center;\n  color: var(--textColor);\n  cursor: pointer;\n  border-radius: 5px;\n  width: 100%;\n  height: 50px;\n  margin: 5px 0;\n  padding: 5px 15px;\n  text-decoration: none;\n}\n\n#settingsView {\n  -webkit-box-align: unset;\n  -ms-flex-align: unset;\n  align-items: unset;\n  max-width: 1040px;\n  margin: 0 auto;\n  position: relative;\n}\n\n#settingsView h1, #settingsView h2 {\n  color: var(--textColor);\n}\n\n#settingsView form {\n  width: 100%;\n  max-width: 290px;\n  margin-top: 20px;\n  display: block;\n}\n\n#settingsWrapper {\n  padding-bottom: 100px;\n}\n\n#settingsWrapper p {\n  color: var(--textColor);\n  max-width: 320px;\n}\n\n.setting-page {\n  width: 100%;\n}\n\n#changePassForm, #newPassCriteria {\n  width: 100%;\n  max-width: 290px;\n}\n\n#newPassCriteria {\n  margin: 10px 0;\n}\n\n#newPassCriteria p {\n  color: var(--textColor);\n}\n\n#changePassForm label {\n  font-size: 1em;\n}\n\n#resetPassBtn, #inviteBtn, #signupBtn {\n  width: 100%;\n  margin: 10px 0;\n}\n\n#resetPassBtn {\n  margin-top: 0;\n}\n\n.pass-criteria-wrapper {\n  background-color: var(--inputColor);\n  border-radius: 6px;\n  padding: 5px 10px;\n  font-size: .8em;\n}\n\n.pass-criteria {\n  margin: 10px 0;\n  font-weight: 400;\n}\n\n.pass-criteria span {\n  color: var(--textSecondaryColor);\n}\n\n.pass-criteria-success {\n  color: var(--secondaryColor) !important;\n}\n\n.pass-criteria-text {\n  margin-left: 10px;\n}\n\n.reset-pass:disabled, #signupBtn:disabled {\n  color: var(--bckgdColor) !important;\n}\n\n.error-btn {\n  background-color: var(--errColor) !important;\n}\n\n.header {\n  height: var(--headerHeight);\n  z-index: 10;\n  -o-transition: height .7s cubic-bezier(.57, -.21, 0, .74), box-shadow .7s cubic-bezier(.57, -.21, 0, .74);\n  width: 100%;\n  transition: height .7s cubic-bezier(.57, -.21, 0, .74), box-shadow .7s cubic-bezier(.57, -.21, 0, .74);\n  position: fixed;\n  top: 0;\n}\n\n.header-content {\n  justify-content: space-between;\n  width: 100%;\n  max-width: 1400px;\n  padding: 0 20px;\n}\n\n.header-flex {\n  gap: 20px;\n}\n\n.header-collapsed {\n  -webkit-backdrop-filter: blur(50px);\n  backdrop-filter: blur(50px);\n  background-color: #0000;\n}\n\n.header-settings {\n  justify-content: end;\n  align-items: center;\n}\n\n#reOrderBtn {\n  max-width: 100px;\n}\n\n.page {\n  max-width: 1400px;\n  margin: 0 auto;\n  padding: 150px 20px 100px;\n  position: relative;\n}\n\n.forms-wrapper {\n  justify-content: flex-start;\n  align-items: flex-start;\n}\n\n.form {\n  background-color: var(--buttonTextColor);\n  border-radius: 10px;\n  gap: 20px;\n  width: 100%;\n  padding: 40px 20px 20px;\n  position: relative;\n}\n\n.form-row {\n  align-items: flex-end;\n}\n\n.form-col {\n  max-width: 300px;\n}\n\n.form-col-large {\n  max-width: 600px;\n}\n\n.form-row .submit-btn {\n  width: 120px !important;\n}\n\n.input-labels {\n  font-size: 1.2em;\n  display: block;\n}\n\n.input-labels-small {\n  font-size: 1em !important;\n}\n\n.grow-wrap {\n  display: -ms-grid;\n  width: 100%;\n  display: grid;\n}\n\n.grow-wrap:after {\n  content: attr(data-replicated-value) \" \";\n  white-space: pre-wrap;\n  visibility: hidden;\n}\n\n.grow-wrap > textarea {\n  resize: none;\n  overflow: hidden;\n}\n\n.grow-wrap > textarea, .grow-wrap:after {\n  grid-area: 1 / 1 / 2 / 2;\n  margin: 10px 0;\n  font-size: .8em;\n  height: unset !important;\n  padding: .5rem !important;\n}\n\ntextarea {\n  resize: none;\n  flex-grow: 1;\n  min-height: 100px !important;\n}\n\n.textarea-flex {\n  height: 100%;\n}\n\n.custom-input-wrapper {\n  cursor: pointer;\n  -webkit-user-select: none;\n  user-select: none;\n  height: 40px;\n  margin-top: 10px;\n  padding-left: 35px;\n  font-size: 1em;\n  font-weight: 600;\n  display: block;\n  position: relative;\n}\n\n.custom-input-wrapper input {\n  opacity: 0;\n  cursor: pointer;\n  width: 0;\n  height: 0;\n  position: absolute;\n}\n\n.checkmark {\n  background-color: var(--inputColor);\n  border-radius: 5px;\n  width: 25px;\n  height: 25px;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n}\n\n.checkmark:hover {\n  background-color: var(--gradientEndColor);\n}\n\n.custom-input-wrapper input:checked ~ .checkmark {\n  background-color: var(--secondaryColor);\n}\n\n.checkmark:after {\n  content: \"\";\n  display: none;\n  position: absolute;\n}\n\n.custom-input-wrapper input:checked ~ .checkmark:after {\n  display: block;\n}\n\n.custom-input-wrapper .checkmark:after {\n  border: solid var(--inputColor);\n  border-width: 0 3px 3px 0;\n  width: 8px;\n  height: 16px;\n  top: 3px;\n  left: 9px;\n  transform: rotate(45deg);\n}\n\n.add-input-btn {\n  margin-top: 10px;\n}\n\n.delete-input-btn {\n  width: 20px;\n  margin-top: 10px;\n  margin-left: 10px;\n}\n\n.add-btn svg {\n  width: 40px;\n  height: 40px;\n}\n\n.add-input-btn svg {\n  width: 25px;\n  height: 25px;\n}\n\n.delete-btn {\n  position: absolute;\n  top: 20px;\n  right: 20px;\n}\n\n.delete-btn svg path, .add-input-btn svg path, .delete-input-btn svg path {\n  fill: var(--bckgdColor);\n}\n\n.delete-btn svg {\n  width: 30px;\n  height: 30px;\n}\n\n.prompt-btns {\n  gap: 20px;\n}\n\n.prompt-btns .submit-btn {\n  width: calc(100% - 40px) !important;\n}\n\n.form .input-readonly {\n  text-align: center;\n  font-size: 1.5em;\n  font-weight: 600;\n}\n\n.flex-wrap {\n  flex-wrap: wrap;\n  gap: 20px;\n}\n\n.dashboard-item:link, .dashboard-item:visited {\n  color: var(--bckgdColor);\n  text-decoration: none;\n}\n\n.dashboard-item {\n  background-color: var(--primaryColor);\n  cursor: pointer;\n  border-radius: 10px;\n  width: 100%;\n  max-width: 300px;\n  padding: 20px;\n}\n\n.dashboard-item h1 {\n  color: var(--bckgdColor);\n  position: relative;\n  top: -5px;\n}\n\n.pricing-wrapper {\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  gap: 10px;\n  margin-top: 10px;\n}\n\n.pricing-flex {\n  background-color: var(--gradientEndColor);\n  gap: 30px;\n  width: 100%;\n  padding: 10px;\n}\n\n.ensemble-label {\n  color: var(--bckgdColor);\n  place-self: center;\n  font-weight: bold;\n}\n\n.dropzone {\n  background-color: var(--inputColor);\n  border-radius: 5px;\n  width: 100%;\n  padding: 20px;\n}\n\n.dropzone .upload-btn {\n  cursor: pointer;\n  width: 35px;\n  height: 35px;\n}\n\n.dropzone-change {\n  background-color: var(--gradientEndColor);\n}\n\n.file-reveal {\n  background-color: var(--bckgdColor);\n  border-radius: 5px;\n  max-width: 100%;\n  margin-bottom: 10px;\n  padding: 20px;\n  position: relative;\n}\n\n.file-name {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--primaryColor);\n  overflow: hidden;\n}\n\n.remove-file-btn {\n  width: 30px;\n  height: 30px;\n  position: absolute;\n  top: -15px;\n  right: -15px;\n}\n\n.uploaded-img {\n  width: 100%;\n  margin: 0 auto;\n  display: block;\n}\n\n.testimonial-form img {\n  border-radius: 50%;\n  width: 60px !important;\n  height: 60px !important;\n}\n\n.progress-wrapper {\n  gap: 10px;\n  padding: 20px;\n}\n\n.progress-wrapper p {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: 100%;\n  overflow: hidden;\n}\n\n.progress {\n  background-color: var(--inputColor);\n  border-radius: 100vmax;\n  width: 100%;\n  height: 10px;\n  overflow: hidden;\n}\n\n.progress-bar {\n  background-color: var(--buttonColor);\n  width: 0%;\n  height: 10px;\n}\n\n.send-btn {\n  background-color: var(--buttonColor);\n  color: var(--buttonTextColor);\n  border-radius: 5px;\n  width: 100%;\n  padding: 10px 20px;\n  font-size: 1em;\n  font-weight: 400;\n}\n\n.send-btn:disabled {\n  background-color: var(--bckgdColor) !important;\n  color: var(--textSecondaryColor) !important;\n}\n\n.help-tip {\n  text-align: center;\n  background-color: var(--secondaryColor);\n  cursor: default;\n  border-radius: 50%;\n  width: 28px;\n  height: 28px;\n  margin-left: 10px;\n  font-size: 14px;\n  line-height: 24px;\n  display: inline-block;\n  padding: 0 !important;\n}\n\n.help-tip:before {\n  content: \"i\";\n  color: var(--inputColor);\n  font-family: serif;\n  font-size: 1.3em;\n  font-style: italic;\n  font-weight: 700;\n  line-height: 1.6;\n}\n\n.help-tip:hover p {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.help-tip p {\n  opacity: 0;\n  transform-origin: 0 0;\n  text-align: left;\n  background-color: var(--primaryColor);\n  color: var(--textColor);\n  z-index: 1;\n  border-radius: 3px;\n  width: 300px;\n  padding: 20px;\n  line-height: 1.5em;\n  position: relative;\n  transform: scale(0);\n  box-shadow: 1px 1px 10px #0003;\n}\n\n.help-tip p:after {\n  content: \"\";\n  width: 100%;\n  height: 20px;\n  position: absolute;\n  top: -17px;\n  right: 0;\n}\n\n.help-tip a:link, .help-tip a:visited {\n  color: var(--bckgdColor);\n  font-weight: 700;\n}\n\n.bookings-wrapper {\n  align-items: stretch;\n}\n\n.booking {\n  background-color: var(--buttonTextColor);\n  border-radius: 10px;\n  gap: 20px;\n  width: 100%;\n  max-width: 300px;\n  padding: 20px;\n}\n\n.booking-label {\n  color: var(--bckgdColor);\n  font-weight: 600;\n}\n\n.booking-value {\n  word-break: break-word;\n  text-align: right;\n}\n\n.reorder-wrapper {\n  gap: 10px;\n  width: 100%;\n  margin-top: 20px;\n}\n\n.reorder-item {\n  color: #000;\n  background-color: #fff;\n  border-radius: 5px;\n  width: 100%;\n  padding: 1rem;\n}\n\n#submitReorderBtn {\n  margin-top: 20px;\n}\n\n.draggable {\n  cursor: move;\n}\n\n.draggable.dragging {\n  opacity: .7;\n  background-color: var(--gradientStartColor) !important;\n}\n\n@media (width <= 768px) {\n  :root {\n    --headerHeight: 50px !important;\n  }\n\n  .header-content {\n    padding: 0 10px 0 0;\n  }\n\n  .header-flex {\n    gap: 10px;\n  }\n\n  .header .logo-big {\n    height: 50px !important;\n  }\n\n  #userName {\n    display: none;\n  }\n\n  .page {\n    padding-top: 70px;\n  }\n\n  .h1 {\n    font-size: 40px;\n  }\n\n  .form {\n    max-width: unset !important;\n  }\n\n  .form-flex {\n    flex-direction: column;\n  }\n\n  .form .input-fields {\n    max-width: unset !important;\n  }\n\n  .form-row {\n    align-items: flex-start;\n  }\n\n  .form-row .submit-btn {\n    width: 100% !important;\n  }\n\n  .custom-input-wrapper {\n    -ms-grid-row-align: flex-start;\n    -ms-grid-column-align: flex-start;\n    place-self: flex-start;\n  }\n\n  .width-50 {\n    width: 100%;\n  }\n}\n\n@media (width <= 414px) {\n  .header h2 {\n    font-size: 1em;\n  }\n\n  .help-tip p {\n    width: 200px;\n    left: -100%;\n  }\n}\n\n@media (hover: hover) {\n  .send-btn:hover, .send-btn:focus, .submit-btn:hover, .submit-btn:focus {\n    -webkit-box-shadow: 0px 1px 10px var(--buttonColor);\n    box-shadow: 0px 1px 10px var(--buttonColor);\n  }\n\n  .error-btn:hover, .error-btn:focus {\n    -webkit-box-shadow: 0px 1px 10px var(--errColor);\n    box-shadow: 0px 1px 10px var(--errColor);\n  }\n\n  .settings-item:hover, .settings-item:focus {\n    background-color: var(--gradientEndColor);\n  }\n\n  #settingsBtn:hover svg path {\n    fill: var(--buttonColor);\n  }\n\n  #forgotPass:hover, #forgotPass:focus {\n    color: var(--textSecondaryColor);\n    text-decoration: underline;\n  }\n\n  #box a:hover, #box a:focus {\n    text-decoration: underline;\n  }\n\n  .dashboard-item:hover {\n    box-shadow: 0 1px 10px #1e1f292b;\n  }\n\n  .add-btn:hover svg path, .delete-btn:hover svg path, .delete-input-btn:hover svg path, .add-input-btn:hover svg path {\n    fill: var(--buttonColor);\n  }\n\n  .remove-file-btn:hover path {\n    fill: var(--textSecondaryColor);\n  }\n\n  .reorder-item:hover {\n    background-color: var(--gradientEndColor);\n  }\n}\n\n@supports ((-webkit-backdrop-filter: none)) or ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {\n  .overlay {\n    background-color: var(--overlayColor);\n    backdrop-filter: blur(15px);\n  }\n}\n\n/*# sourceMappingURL=index.610c059b.css.map */\n","/* BEGIN FONTS */\n@import url(\"https://p.typekit.net/p.css?s=1&k=hqi4nbh&ht=tk&f=44524.44525.44528.44529.44530.44531&a=2420667&app=typekit&e=css\");\n\n@font-face {\n    font-family: \"degular-display\";\n    src: url(\"https://use.typekit.net/af/3e504d/00000000000000007735c85b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3\") format(\"woff2\"), url(\"https://use.typekit.net/af/3e504d/00000000000000007735c85b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3\") format(\"woff\"), url(\"https://use.typekit.net/af/3e504d/00000000000000007735c85b/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3\") format(\"opentype\");\n    font-display: auto;\n    font-style: normal;\n    font-weight: 400;\n    font-stretch: normal;\n}\n\n\n@font-face {\n    font-family: \"degular-display\";\n    src: url(\"https://use.typekit.net/af/9dedee/00000000000000007735c86a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3\") format(\"woff2\"), url(\"https://use.typekit.net/af/9dedee/00000000000000007735c86a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3\") format(\"woff\"), url(\"https://use.typekit.net/af/9dedee/00000000000000007735c86a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3\") format(\"opentype\");\n    font-display: auto;\n    font-style: normal;\n    font-weight: 600;\n    font-stretch: normal;\n}\n\n\n@font-face {\n    font-family: \"degular-display\";\n    src: url(\"https://use.typekit.net/af/90e1f3/00000000000000007735c870/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3\") format(\"woff2\"), url(\"https://use.typekit.net/af/90e1f3/00000000000000007735c870/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3\") format(\"woff\"), url(\"https://use.typekit.net/af/90e1f3/00000000000000007735c870/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3\") format(\"opentype\");\n    font-display: auto;\n    font-style: normal;\n    font-weight: 700;\n    font-stretch: normal;\n}\n\n.font-bk {\n    font-family: \"degular-display\", sans-serif;\n}\n\n/* END FONTS */\n/*  ------- BEGIN GLOBALS */\n:root {\n    /* GLOBAL COLORS */\n    --bckgdColor: #1e1f29;\n    --offBckgdColor: #020101;\n    --primaryColor: #edefff;\n    --secondaryColor: #9f7dd5;\n    --gradientStartColor: #ffe569;\n    --gradientEndColor: #ede1fe;\n    --buttonColor: #9f7dd5;\n    --buttonTextColor: #fff;\n    --textColor: #1e1f29;\n    --textSecondaryColor: #656565;\n    --inputTextColor: #1e1f29;\n    --inputColor: #edefff;\n    --placeHolderColor: #a7a7a7;\n    --successColor: #00bf6f;\n    --errColor: #ff618a;\n    --mobilePadding: 12px;\n    --headerHeight: 90px;\n    --fontFamily: \"degular-display\", sans-serif;\n    --vh: 1vh;\n    --gradientDeg: 0deg;\n}\n\n*,\n:after,\n:before {\n    box-sizing: border-box;\n    -ms-overflow-style: none;\n    /* IE and Edge */\n    /* TO REMOVE SCROLLBAR */\n    scrollbar-width: none;\n    /* Firefox */\n}\n\n/* BEGIN REMOVE SCROLLBARS */\n*::-webkit-scrollbar {\n    display: none;\n}\n\n/* END REMOVE SCROLLBARS */\n\n.flex-container {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n\n.flex-center {\n    -webkit-box-align: center;\n    -ms-flex-align: center;\n    align-items: center;\n    -webkit-box-pack: center;\n    -ms-flex-pack: center;\n    justify-content: center;\n}\n\n.flex-col {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n    -ms-flex-direction: column;\n    flex-direction: column;\n}\n\n.flex-no-shrink {\n    -ms-flex-negative: 0;\n    flex-shrink: 0;\n}\n\n.flex-between {\n    -webkit-box-pack: justify;\n    -ms-flex-pack: justify;\n    justify-content: space-between\n}\n\n.flex-gap {\n    gap: 20px;\n}\n\n.no-display {\n    display: none !important;\n}\n\n.hidden {\n    visibility: hidden !important;\n}\n\n.no-scroll {\n    overflow: hidden;\n}\n\n.no-pointers {\n    pointer-events: none !important;\n}\n\n.ease-out {\n    -o-transition: 0.3s ease-out;\n    -moz-transition: 0.3s ease-out;\n    -webkit-transition: 0.3s ease-out;\n    transition: 0.3s ease-out;\n}\n\n.cubic-bezier {\n    -o-transition: .7s cubic-bezier(0.57, -0.21, 0, 0.74);\n    -moz-transition: .7s cubic-bezier(0.57, -0.21, 0, 0.74);\n    -webkit-transition: .7s cubic-bezier(0.57, -0.21, 0, 0.74);\n    transition: .7s cubic-bezier(0.57, -0.21, 0, 0.74);\n}\n\n.transform-y-100 {\n    -o-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -webkit-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n\n.width-100 {\n    width: 100%;\n}\n\n.width-50 {\n    width: calc(50% - 10px);\n}\n\n.text-center {\n    text-align: center;\n}\n\n.read-text {\n    line-height: 1.5em;\n    font-size: 1em;\n}\n\n.no-margin {\n    margin: 0 !important;\n}\n\n.error {\n    color: var(--errColor) !important;\n}\n\n.btns {\n    border: none;\n    outline: none;\n    background: none;\n    padding: 0;\n    font-family: var(--fontFamily);\n    -ms-flex-negative: 0;\n    flex-shrink: 0;\n    cursor: pointer;\n}\n\nbutton:disabled {\n    opacity: 0.8;\n    background-color: var(--buttonColor) !important;\n    -webkit-box-shadow: none !important;\n    box-shadow: none !important;\n    color: var(--bckgdColor) !important;\n    cursor: default !important;\n}\n\n.h1 {\n    font-size: 60px;\n    font-family: var(--fontFamily);\n    color: var(--textColor);\n    line-height: 1em;\n}\n\n\n/* ------- BEGIN BUTTON SPINNER LOADER */\n.spinner,\n.spinner:before {\n    border-radius: 50%;\n}\n\n.spinner {\n    color: var(--buttonTextColor);\n    font-size: 22px;\n    text-indent: -99999px;\n    margin: 0px auto;\n    position: relative;\n    width: 20px;\n    height: 20px;\n    -webkit-box-shadow: inset 0 0 0 2px;\n    box-shadow: inset 0 0 0 2px;\n    -webkit-transform: translateZ(0);\n    -ms-transform: translateZ(0);\n    transform: translateZ(0);\n    overflow: hidden;\n}\n\n.spinner:before {\n    position: absolute;\n    content: \"\";\n}\n\n.spinner:before {\n    width: 10.4px;\n    height: 20.4px;\n    background: var(--buttonColor);\n    border-radius: 20.4px 0 0 20.4px;\n    top: -0.2px;\n    left: -0.2px;\n    -webkit-transform-origin: 10.4px 10.2px;\n    -ms-transform-origin: 10.4px 10.2px;\n    transform-origin: 10.4px 10.2px;\n    -webkit-animation: loading 2s infinite ease 1.5s;\n    animation: loading 1s infinite linear;\n}\n\n@-webkit-keyframes loading {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n\n    100% {\n        -webkit-transform: rotate(360deg);\n        transform: rotate(360deg);\n    }\n}\n\n@keyframes loading {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n\n    100% {\n        -webkit-transform: rotate(360deg);\n        transform: rotate(360deg);\n    }\n}\n\n/* ------- END BUTTON SPINNER LOADER */\nhtml,\nbody {\n    margin: 0;\n    padding: 0;\n    -webkt-scroll-behavior: smooth;\n    scroll-behavior: smooth;\n    -webkit-overflow-scrolling: touch;\n}\n\nhtml {\n    background-color: var(--bckgdColor);\n    -webkit-text-size-adjust: 100%;\n    -moz-text-size-adjust: 100%;\n    text-size-adjust: 100%;\n}\n\nbody {\n    /*  background-image: linear-gradient(var(--gradientStartColor), var(--gradientEndColor)); */\n    min-height: calc(100 * var(--vh));\n    font-family: var(--fontFamily);\n    font-size: 1.2rem;\n    line-height: 1.5;\n\n}\n\n@property --a {\n    syntax: '<angle>';\n    inherits: false;\n    initial-value: 0deg;\n}\n\n@-webkit-keyframes gradientAnim {\n    0% {\n        --a: 0deg;\n    }\n\n    100% {\n        --a: 360deg;\n    }\n}\n\n@keyframes gradientAnim {\n    0% {\n        --a: 0deg;\n    }\n\n    100% {\n        --a: 360deg;\n    }\n}\n\n.container {\n    --a: 0deg;\n    background: linear-gradient(var(--a), rgb(255, 229, 105) 10%, rgb(255, 255, 255) 20%, rgb(238, 225, 255) 50%);\n    -webkit-animation: gradientAnim 20s infinite linear;\n    animation: gradientAnim 20s infinite linear;\n    min-height: calc(100 * var(--vh));\n}\n\n\n.logo-100 {\n    width: 100%;\n}\n\n.logo-big {\n    height: 85.9206px;\n}\n\n.logo-small {\n    height: 50px;\n}\n\n.logo path {\n    fill: var(--bckgdColor);\n}\n\n.logo-collapsed {\n    height: 50px !important;\n}\n\n/*  ------- END GLOBALS */\n/* ------- BEGIN 404 PAGE */\n\n\n#boxWrapper {\n    width: 100%;\n    height: calc(100 * var(--vh));\n    gap: 20px;\n}\n\n#box {\n    padding: 20px;\n    width: calc(100% - 40px);\n    max-width: 420px;\n    text-align: center;\n}\n\n#box a:link,\n#box a:visited {\n    text-decoration: none;\n    font-weight: 600;\n    color: var(--textColor);\n}\n\n#box h1,\n#box h2,\n#box p {\n    color: var(--textColor);\n}\n\n/* ------- END 404 PAGE */\n\n/* ------- BEGIN OVERLAY */\n#resultOverlay {\n    z-index: 999;\n}\n\n.overlay {\n    width: 100%;\n    height: calc(100 * var(--vh));\n    position: fixed;\n    top: 0;\n    left: 0;\n    background-color: rgb(30 30 30 / 90%);\n    cursor: pointer;\n    z-index: 99;\n    opacity: 0;\n    visibility: hidden;\n}\n\n.overlay-change {\n    visibility: visible !important;\n    opacity: 1 !important;\n}\n\n.overlay-box {\n    height: auto;\n    max-height: max(calc(100 * var(--vh)) - 20px, 500px);\n    -webkit-transform: scale(0);\n    -ms-transform: scale(0);\n    transform: scale(0);\n    max-width: 400px;\n    width: calc(100% - 20px);\n    padding: 2rem;\n    background-color: var(--bckgdColor);\n    color: var(--primaryColor);\n    border-radius: 6px;\n    overflow-y: scroll;\n    cursor: default;\n}\n\n.overlay-box-change {\n    -webkit-transform: scale(1);\n    -ms-transform: scale(1);\n    transform: scale(1);\n}\n\n.overlay-box h1 {\n    text-align: center;\n}\n\n.overlay-box p {\n    text-align: center;\n    margin: 2em 0;\n}\n\n.overlay-content-sticky-header {\n    position: -webkit-sticky;\n    position: sticky;\n    top: 0;\n    width: 100%;\n    background-color: var(--bckgdColor);\n    padding-bottom: 20px;\n    z-index: 1;\n}\n\n\n/* ------- END OVERLAY */\n/* ------- BEGIN INPUT TYPES */\n.form-w-100 {\n    width: 100%;\n}\n\n.input-labels {\n    display: block;\n    color: var(--textColor);\n}\n\n.input-labels span {\n    font-size: 0.7em;\n}\n\n.input-fields {\n    border: none;\n    outline: none;\n    border-radius: 0.25rem;\n    width: 100%;\n    max-width: 320px;\n    height: 40px;\n    color: var(--inputTextColor);\n    background-color: var(--inputColor);\n    margin: 10px 0 0 0;\n    padding: 10px;\n    font-family: var(--fontFamily);\n    font-size: 1rem;\n}\n\n.input-readonly {\n    cursor: default;\n}\n\n.input-readonly {\n    background-color: var(--buttonColor);\n}\n\n.form .input-readonly {\n    background-color: var(--gradientStartColor) !important;\n}\n\n/* Change Autocomplete styles in Chrome*/\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:-webkit-autofill:focus,\ntextarea:-webkit-autofill,\ntextarea:-webkit-autofill:hover,\ntextarea:-webkit-autofill:focus {\n    border: none;\n    -webkit-text-fill-color: var(--inputTextColor);\n    -webkit-box-shadow: 0 0 0px 1000px var(--inputColor) inset;\n    box-shadow: 0 0 0px 1000px var(--inputColor) inset;\n    -o-transition: background-color 5000s ease-in-out 0s;\n    -moz-transition: background-color 5000s ease-in-out 0s;\n    -webkit-transition: background-color 5000s ease-in-out 0s;\n    transition: background-color 5000s ease-in-out 0s;\n}\n\n.form textarea:invalid,\n.form textarea:invalid:hover,\n.form input:invalid,\n.form input:invalid:hover {\n    border: 2px solid var(--errColor);\n    -webkit-box-shadow: 0px 1px 5px var(--errColor);\n    box-shadow: 0px 1px 5px var(--errColor);\n}\n\n::placeholder {\n    /* Chrome, Firefox, Opera, Safari 10.1+ */\n    color: var(--placeHolderColor);\n    opacity: 1;\n    /* Firefox */\n}\n\n:-ms-input-placeholder {\n    /* Internet Explorer 10-11 */\n    color: var(--placeHolderColor);\n}\n\n::-ms-input-placeholder {\n    /* Microsoft Edge */\n    color: var(--placeHolderColor);\n}\n\n.submit-btn {\n    display: inline-block;\n    font-size: 1em;\n    font-weight: 400;\n    background-color: var(--buttonColor);\n    color: var(--buttonTextColor);\n    padding: 10px 20px;\n    border-radius: 100vmax;\n    width: 100%;\n}\n\n.success-btn,\n.error-btn {\n    width: 100%;\n}\n\n.error-btn {\n    background-color: var(--errColor) !important;\n    color: var(--bckgdColor) !important;\n}\n\n/* ------- END INPUT TYPES */\n/* ---------- BEGIN LOGIN */\n.login-container {\n    width: 100%;\n    min-height: calc(100 * var(--vh));\n    -webkit-box-pack: center;\n    -ms-flex-pack: center;\n    justify-content: center;\n}\n\n.login-overlay {\n    width: calc(100% - var(--mobilePadding));\n    max-height: 700px;\n    padding: 20px;\n    -webkit-box-align: center;\n    -ms-flex-align: center;\n    align-items: center;\n}\n\n.login-overlay h1 {\n    color: var(--textColor);\n}\n\n#loginForm {\n    width: 100%;\n    max-width: 200px;\n}\n\n#signupForm {\n    width: 100%;\n    max-width: 290px;\n    -webkit-box-align: center;\n    -ms-flex-align: center;\n    align-items: center;\n}\n\n#signupBtn {\n    width: 100%;\n}\n\n.pass-wrapper {\n    -webkit-box-align: center;\n    -ms-flex-align: center;\n    align-items: center;\n    width: 100%;\n}\n\n#loginBtn,\n#forgotBtn {\n    width: 100%;\n    margin: 10px 0;\n}\n\n.show-btn {\n    border: none;\n    outline: none;\n    background-color: var(--inputColor);\n    color: var(--inputTextColor);\n    height: 40px;\n    margin-left: -6px;\n    margin-top: 10px;\n    border-radius: 0px 6px 6px 0px;\n    padding: 0 10px;\n    font-weight: 100;\n}\n\n#forgotPass {\n    text-align: center;\n    color: var(--textColor);\n    font-size: 0.8em;\n    margin: 0;\n    cursor: pointer;\n}\n\n.success-logout,\n.error-logout {\n    height: 40px;\n    padding: 5px 10px;\n    border-radius: 5px;\n    text-align: center;\n    margin: 20px 0;\n    color: var(--bckgdColor);\n\n}\n\n.success-logout {\n    background-color: var(--successColor);\n}\n\n.error-logout {\n    background-color: var(--errColor);\n}\n\n/* ---------- END LOGIN */\n/* ---------- BEGIN SETTINGS */\n/* SETTINGS OVERLAY */\n#settingsOverlay #logOutBtn {\n    margin: 20px 0;\n    width: 100%;\n}\n\n#settingsOverlay .overlay-box {\n    width: calc(100% - var(--mobilePadding));\n}\n\n#settingsOverlay .overlay-content {\n    background-color: var(--headerColor);\n}\n\n.settings-item {\n    width: 100%;\n    height: 50px;\n    padding: 5px 15px;\n    margin: 5px 0;\n    border-radius: 5px;\n    background-color: var(--primaryColor);\n    text-align: center;\n    text-decoration: none;\n    color: var(--textColor);\n    cursor: pointer;\n}\n\n/* SETTINGS VIEW */\n#settingsView {\n    position: relative;\n    max-width: 1040px;\n    margin: 0 auto;\n    -webkit-box-align: unset;\n    -ms-flex-align: unset;\n    align-items: unset;\n}\n\n#settingsView h1,\n#settingsView h2 {\n    color: var(--textColor);\n}\n\n#settingsView form {\n    display: block;\n    width: 100%;\n    max-width: 290px;\n    margin-top: 20px;\n}\n\n#settingsWrapper {\n    padding-bottom: 100px;\n}\n\n#settingsWrapper p {\n    color: var(--textColor);\n    max-width: 320px;\n}\n\n.setting-page {\n    width: 100%;\n}\n\n/* CHANGE PASSWORD */\n#changePassForm,\n#newPassCriteria {\n    width: 100%;\n    max-width: 290px;\n}\n\n#newPassCriteria {\n    margin: 10px 0;\n}\n\n#newPassCriteria p {\n    color: var(--textColor);\n}\n\n#changePassForm label {\n    font-size: 1em;\n}\n\n#resetPassBtn,\n#inviteBtn,\n#signupBtn {\n    width: 100%;\n    margin: 10px 0;\n\n}\n\n#resetPassBtn {\n    margin-top: 0;\n}\n\n.pass-criteria-wrapper {\n    padding: 5px 10px;\n    background-color: var(--inputColor);\n    border-radius: 6px;\n    font-size: 0.8em;\n}\n\n.pass-criteria {\n    margin: 10px 0;\n    font-weight: 400;\n}\n\n.pass-criteria span {\n    color: var(--textSecondaryColor);\n}\n\n.pass-criteria-success {\n    color: var(--secondaryColor) !important;\n}\n\n.pass-criteria-text {\n    margin-left: 10px;\n}\n\n.reset-pass:disabled,\n#signupBtn:disabled {\n    color: var(--bckgdColor) !important;\n}\n\n/* ---------- END SETTINGS */\n\n.error-btn {\n    background-color: var(--errColor) !important;\n}\n\n/* ---------- BEGIN HEADER */\n.header {\n    position: fixed;\n    top: 0px;\n    width: 100%;\n    height: var(--headerHeight);\n    z-index: 10;\n    -o-transition: height .7s cubic-bezier(0.57, -0.21, 0, 0.74), box-shadow .7s cubic-bezier(0.57, -0.21, 0, 0.74);\n    -moz-transition: height .7s cubic-bezier(0.57, -0.21, 0, 0.74), box-shadow .7s cubic-bezier(0.57, -0.21, 0, 0.74);\n    -webkit-transition: height .7s cubic-bezier(0.57, -0.21, 0, 0.74), box-shadow .7s cubic-bezier(0.57, -0.21, 0, 0.74);\n    transition: height .7s cubic-bezier(0.57, -0.21, 0, 0.74), box-shadow .7s cubic-bezier(0.57, -0.21, 0, 0.74);\n}\n\n.header-content {\n    width: 100%;\n    max-width: 1400px;\n    -webkit-box-pack: justify;\n    -ms-flex-pack: justify;\n    justify-content: space-between;\n    padding: 0 20px;\n}\n\n.header-flex {\n    gap: 20px;\n}\n\n.header-collapsed {\n    background-color: transparent;\n    backdrop-filter: blur(50px);\n}\n\n\n.header-settings {\n    -webkit-box-align: center;\n    -ms-flex-align: center;\n    align-items: center;\n    -webkit-box-pack: end;\n    -ms-flex-pack: end;\n    justify-content: end;\n}\n\n#reOrderBtn {\n    max-width: 100px;\n}\n\n/* ---------- END HEADER */\n/* ---------- BEGIN CONTENT */\n.page {\n    position: relative;\n    padding: 150px 20px 100px;\n    max-width: 1400px;\n    margin: 0 auto;\n}\n\n.forms-wrapper {\n    -webkit-box-align: start;\n    -ms-flex-align: start;\n    align-items: flex-start;\n    -webkit-box-pack: start;\n    -ms-flex-pack: start;\n    justify-content: flex-start;\n}\n\n/* BEGIN FORMS */\n.form {\n    position: relative;\n    background-color: var(--buttonTextColor);\n    padding: 40px 20px 20px;\n    border-radius: 10px;\n    width: 100%;\n    gap: 20px;\n}\n\n.form-row {\n    -webkit-box-align: end;\n    -ms-flex-align: end;\n    align-items: flex-end;\n}\n\n.form-col {\n    max-width: 300px;\n}\n\n.form-col-large {\n    max-width: 600px;\n}\n\n.form-row .submit-btn {\n    width: 120px !important;\n}\n\n.input-labels {\n    display: block;\n    font-size: 1.2em;\n}\n\n.input-labels-small {\n    font-size: 1em !important;\n}\n\n\n/* BEGIN HANDLE TEXTAREA */\n.grow-wrap {\n    /* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */\n    display: -ms-grid;\n    display: grid;\n    width: 100%;\n}\n\n.grow-wrap::after {\n    /* Note the weird space! Needed to preventy jumpy behavior */\n    content: attr(data-replicated-value) \" \";\n\n    /* This is how textarea text behaves */\n    white-space: pre-wrap;\n\n    /* Hidden from view, clicks, and screen readers */\n    visibility: hidden;\n}\n\n.grow-wrap>textarea {\n    /* You could leave this, but after a user resizes, then it ruins the auto sizing */\n    resize: none;\n\n    /* Firefox shows scrollbar on growth, you can hide like this. */\n    overflow: hidden;\n}\n\n.grow-wrap>textarea,\n.grow-wrap::after {\n    /* Identical styling required!! */\n    padding: 0.5rem !important;\n    font-size: 0.8em;\n    height: unset !important;\n    /* Place on top of each other */\n    grid-area: 1 / 1 / 2 / 2;\n    margin: 10px 0;\n}\n\ntextarea {\n    resize: none;\n    min-height: 100px !important;\n    -webkit-box-flex: 1;\n    -ms-flex-positive: 1;\n    flex-grow: 1;\n    /*  padding: 5px 10px !important; */\n}\n\n.textarea-flex {\n    height: 100%;\n}\n\n/* END HANDLE TEXTAREA */\n/* BEGIN CUSTOM CHECKBOX  */\n.custom-input-wrapper {\n    display: block;\n    position: relative;\n    padding-left: 35px;\n    height: 40px;\n    margin-top: 10px;\n    cursor: pointer;\n    font-size: 1em;\n    font-weight: 600;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n}\n\n.custom-input-wrapper input {\n    position: absolute;\n    opacity: 0;\n    cursor: pointer;\n    height: 0;\n    width: 0;\n}\n\n.checkmark {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    height: 25px;\n    width: 25px;\n    background-color: var(--inputColor);\n    border-radius: 5px;\n}\n\n.checkmark:hover {\n    background-color: var(--gradientEndColor);\n}\n\n.custom-input-wrapper input:checked~.checkmark {\n    background-color: var(--secondaryColor);\n}\n\n.checkmark:after {\n    content: \"\";\n    position: absolute;\n    display: none;\n}\n\n.custom-input-wrapper input:checked~.checkmark:after {\n    display: block;\n}\n\n.custom-input-wrapper .checkmark:after {\n    left: 9px;\n    top: 3px;\n    width: 8px;\n    height: 16px;\n    border: solid var(--inputColor);\n    border-width: 0 3px 3px 0;\n    -webkit-transform: rotate(45deg);\n    -ms-transform: rotate(45deg);\n    transform: rotate(45deg);\n}\n\n/* END CUSTOM CHECKBOX AND RADIO INPUTS */\n.add-input-btn {\n    margin-top: 10px;\n}\n\n.delete-input-btn {\n    width: 20px;\n    margin-top: 10px;\n    margin-left: 10px;\n}\n\n.add-btn svg {\n    width: 40px;\n    height: 40px;\n}\n\n.add-input-btn svg {\n    width: 25px;\n    height: 25px;\n}\n\n.delete-btn {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n}\n\n.delete-btn svg path,\n.add-input-btn svg path,\n.delete-input-btn svg path {\n    fill: var(--bckgdColor);\n}\n\n.delete-btn svg {\n    width: 30px;\n    height: 30px;\n}\n\n.prompt-btns {\n    gap: 20px;\n}\n\n.prompt-btns .submit-btn {\n    width: calc(100% - 40px) !important;\n}\n\n.form .input-readonly {\n    font-weight: 600;\n    text-align: center;\n    font-size: 1.5em;\n}\n\n/* END FORMS */\n/* BEGIN INDEX PAGE */\n.flex-wrap {\n    -ms-flex-wrap: wrap;\n    flex-wrap: wrap;\n    gap: 20px;\n}\n\n.dashboard-item:link,\n.dashboard-item:visited {\n    text-decoration: none;\n    color: var(--bckgdColor);\n}\n\n.dashboard-item {\n    padding: 20px;\n    border-radius: 10px;\n    background-color: var(--primaryColor);\n    width: 100%;\n    max-width: 300px;\n    cursor: pointer;\n}\n\n.dashboard-item h1 {\n    color: var(--bckgdColor);\n    position: relative;\n    top: -5px;\n}\n\n/* END INDEX PAGE */\n/* BEGIN EVENTS PAGE */\n.pricing-wrapper {\n    margin-top: 10px;\n    gap: 10px;\n    -ms-flex-wrap: wrap;\n    flex-wrap: wrap;\n    -webkit-box-pack: start;\n    -ms-flex-pack: start;\n    justify-content: flex-start;\n}\n\n.pricing-flex {\n    gap: 30px;\n    width: 100%;\n    background-color: var(--gradientEndColor);\n    padding: 10px;\n}\n\n.ensemble-label {\n    place-self: center;\n    color: var(--bckgdColor);\n    font-weight: bold;\n}\n\n/* END EVENTS PAGE */\n\n/* BEGIN FILE DRAG AND DROP */\n.dropzone {\n    width: 100%;\n    background-color: var(--inputColor);\n    border-radius: 5px;\n    padding: 20px;\n}\n\n.dropzone .upload-btn {\n    width: 35px;\n    height: 35px;\n    cursor: pointer;\n}\n\n.dropzone-change {\n    background-color: var(--gradientEndColor);\n}\n\n.file-reveal {\n    background-color: var(--bckgdColor);\n    border-radius: 5px;\n    padding: 20px;\n    position: relative;\n    max-width: 100%;\n    margin-bottom: 10px;\n}\n\n.file-name {\n    -o-text-overflow: ellipsis;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    color: var(--primaryColor);\n}\n\n.remove-file-btn {\n    width: 30px;\n    height: 30px;\n    position: absolute;\n    top: -15px;\n    right: -15px;\n}\n\n.uploaded-img {\n    display: block;\n    width: 100%;\n    margin: 0px auto;\n}\n\n.testimonial-form img {\n    width: 60px !important;\n    height: 60px !important;\n    border-radius: 50%;\n}\n\n.progress-wrapper {\n    gap: 10px;\n    padding: 20px;\n}\n\n.progress-wrapper p {\n    -o-text-overflow: ellipsis;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    width: 100%;\n}\n\n.progress {\n    width: 100%;\n    height: 10px;\n    background-color: var(--inputColor);\n    border-radius: 100vmax;\n    overflow: hidden;\n}\n\n.progress-bar {\n    width: 0%;\n    height: 10px;\n    background-color: var(--buttonColor);\n}\n\n.send-btn {\n    font-size: 1em;\n    font-weight: 400;\n    background-color: var(--buttonColor);\n    color: var(--buttonTextColor);\n    padding: 10px 20px;\n    border-radius: 5px;\n    width: 100%;\n}\n\n.send-btn:disabled {\n    background-color: var(--bckgdColor) !important;\n    color: var(--textSecondaryColor) !important;\n}\n\n/* END FILE DRAG AND DROP */\n/* BEGIN HELP-TIP */\n.help-tip {\n    display: inline-block;\n    text-align: center;\n    background-color: var(--secondaryColor);\n    border-radius: 50%;\n    width: 28px;\n    height: 28px;\n    font-size: 14px;\n    line-height: 24px;\n    padding: 0 !important;\n    cursor: default;\n    margin-left: 10px;\n}\n\n.help-tip:before {\n    font-family: serif;\n    content: 'i';\n    font-style: italic;\n    font-weight: 700;\n    font-size: 1.3em;\n    line-height: 1.6;\n    color: var(--inputColor);\n}\n\n.help-tip:hover p {\n    -webkit-transform: scale(1);\n    -ms-transform: scale(1);\n    transform: scale(1);\n    opacity: 1;\n}\n\n.help-tip p {\n    /* The tooltip */\n    -webkit-transform: scale(0);\n    -ms-transform: scale(0);\n    transform: scale(0);\n    opacity: 0;\n    -webkit-transform-origin: top left;\n    -ms-transform-origin: top left;\n    transform-origin: top left;\n    text-align: left;\n    background-color: var(--primaryColor);\n    padding: 20px;\n    width: 300px;\n    border-radius: 3px;\n    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);\n    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);\n    color: var(--textColor);\n    line-height: 1.5em;\n    position: relative;\n    z-index: 1;\n}\n\n.help-tip p:after {\n    /* Prevents the tooltip from being hidden */\n    width: 100%;\n    height: 20px;\n    content: '';\n    position: absolute;\n    top: -17px;\n    right: 0;\n}\n\n.help-tip a:link,\n.help-tip a:visited {\n    color: var(--bckgdColor);\n    font-weight: 700;\n}\n\n/* END HELP-TIP */\n/* BEGIN BOOKINGS */\n.bookings-wrapper {\n    -webkit-box-align: stretch;\n    -ms-flex-align: stretch;\n    align-items: stretch;\n}\n\n.booking {\n    background-color: var(--buttonTextColor);\n    padding: 20px;\n    border-radius: 10px;\n    width: 100%;\n    max-width: 300px;\n    gap: 20px;\n}\n\n.booking-label {\n    font-weight: 600;\n    color: var(--bckgdColor);\n}\n\n.booking-value {\n    word-break: break-word;\n    text-align: right;\n}\n\n/* END BOOKINGS */\n/* BEGIN REORDERING LIST */\n.reorder-wrapper {\n    gap: 10px;\n    width: 100%;\n    margin-top: 20px;\n}\n\n.reorder-item {\n    padding: 1rem;\n    background-color: #fff;\n    color: black;\n    width: 100%;\n    border-radius: 5px;\n}\n\n#submitReorderBtn {\n    margin-top: 20px;\n}\n\n.draggable {\n    cursor: move;\n}\n\n.draggable.dragging {\n    background-color: var(--gradientStartColor) !important;\n    opacity: 0.7;\n}\n\n/* BEGIN REORDERING LIST */\n\n/* ---------- END CONTENT */\n\n@media(max-width:768px) {\n    :root {\n        --headerHeight: 50px !important;\n    }\n\n    .header-content {\n        padding: 0px 10px 0px 0px;\n    }\n\n    .header-flex {\n        gap: 10px;\n    }\n\n    .header .logo-big {\n        height: 50px !important;\n    }\n\n    #userName {\n        display: none;\n    }\n\n    .page {\n        padding-top: 70px;\n    }\n\n    .h1 {\n        font-size: 40px;\n    }\n\n    .form {\n        max-width: unset !important;\n    }\n\n    .form-flex {\n        -webkit-box-orient: vertical;\n        -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n        flex-direction: column;\n    }\n\n    .form .input-fields {\n        max-width: unset !important;\n    }\n\n    .form-row {\n        -webkit-box-align: start;\n        -ms-flex-align: start;\n        align-items: flex-start;\n    }\n\n    .form-row .submit-btn {\n        width: 100% !important;\n    }\n\n    .custom-input-wrapper {\n        -ms-grid-row-align: flex-start;\n        -ms-grid-column-align: flex-start;\n        place-self: flex-start;\n    }\n\n    .width-50 {\n        width: 100%;\n    }\n}\n\n@media(max-width:414px) {\n    .header h2 {\n        font-size: 1em;\n    }\n\n    .help-tip p {\n        width: 200px;\n        left: -100%;\n    }\n}\n\n@media(hover:hover) {\n\n\n    .send-btn:hover,\n    .send-btn:focus,\n    .submit-btn:hover,\n    .submit-btn:focus {\n        -webkit-box-shadow: 0px 1px 10px var(--buttonColor);\n        box-shadow: 0px 1px 10px var(--buttonColor);\n    }\n\n    .error-btn:hover,\n    .error-btn:focus {\n        -webkit-box-shadow: 0px 1px 10px var(--errColor);\n        box-shadow: 0px 1px 10px var(--errColor);\n    }\n\n    .settings-item:hover,\n    .settings-item:focus {\n        background-color: var(--gradientEndColor);\n    }\n\n    #settingsBtn:hover svg path {\n        fill: var(--buttonColor);\n    }\n\n    #forgotPass:hover,\n    #forgotPass:focus {\n        text-decoration: underline;\n        color: var(--textSecondaryColor);\n    }\n\n    #box a:hover,\n    #box a:focus {\n        text-decoration: underline;\n    }\n\n    .dashboard-item:hover {\n        -webkit-box-shadow: 0px 1px 10px #1e1f292b;\n        box-shadow: 0px 1px 10px #1e1f292b;\n    }\n\n    .add-btn:hover svg path,\n    .delete-btn:hover svg path,\n    .delete-input-btn:hover svg path,\n    .add-input-btn:hover svg path {\n        fill: var(--buttonColor);\n    }\n\n    .remove-file-btn:hover path {\n        fill: var(--textSecondaryColor);\n    }\n\n    .reorder-item:hover {\n        background-color: var(--gradientEndColor);\n    }\n}\n\n/* if backdrop support: very transparent and blurred */\n@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {\n    .overlay {\n        background-color: var(--overlayColor);\n        -webkit-backdrop-filter: blur(15px);\n        backdrop-filter: blur(15px);\n    }\n\n}"],"names":[],"version":3,"file":"index.610c059b.css.map"}