@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Quicksand;font-style:normal;font-display:swap;font-weight:700;src:url(https://cdn.jsdelivr.net/fontsource/fonts/quicksand@latest/latin-700-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/quicksand@latest/latin-700-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--padding-horizontal: 2rem;--blue: #006bff;--pink: #fb288d;--purple: #9070f9;--green: #25d366;--text: #172026}.shop-auth-modal{margin:auto;position:fixed;padding:calc(var(--padding-horizontal) * 2) var(--padding-horizontal);border:3px solid white;border-radius:5px;z-index:2}.shop-auth-modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d}.shop-auth-modal *{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;font-family:Inter,sans-serif}.shop-auth-modal .shop-auth-close-button{cursor:pointer;position:absolute;top:var(--padding-horizontal);right:var(--padding-horizontal);z-index:1;border:none;background:transparent;stroke:#000;height:24px;width:24px}.shop-auth-modal .auth-form{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:24rem;justify-content:center;margin:auto}.shop-auth-modal .auth-form.auth-hidden,.shop-auth-modal .auth-form .form-input.auth-hidden,.shop-auth-modal .auth-form .form-input .check.auth-hidden,.shop-auth-modal .auth-form .form-input .progress.auth-hidden,.shop-auth-modal .auth-form .form-input-prefix.auth-hidden,.shop-auth-modal .auth-form .form-input-prefix .input-prefix .input-password-button .password.auth-hidden,.shop-auth-modal .auth-form .form-input-prefix .input-prefix .check.auth-hidden,.shop-auth-modal .auth-form .form-input-prefix .input-prefix .progress.auth-hidden{display:none}.shop-auth-modal .auth-form .title{font-family:Quicksand,Inter,sans-serif;font-size:3rem;font-weight:800;text-align:center;display:flex;justify-content:center;align-items:center;gap:.5rem}.shop-auth-modal .auth-form .title-sign-up{margin-bottom:10px}.shop-auth-modal .auth-form .message{color:#585757d2;font-size:16px}.shop-auth-modal .auth-form .message.subtitle{font-size:1.2rem;text-align:center;margin:1rem 0}.shop-auth-modal .auth-form .message.terms{max-width:36rem;text-align:center}.shop-auth-modal .auth-form .message.terms a{color:var(--blue)}.shop-auth-modal .auth-form .message.forgot-password{max-width:36rem;text-align:center}.shop-auth-modal .auth-form .message.forgot-password button{background:none;border:none;outline:none;color:var(--blue);cursor:pointer;font-size:14px}.shop-auth-modal .auth-form .message.forgot-password button:hover{text-decoration:underline var(--blue)}.shop-auth-modal .auth-form .message.toggle{margin:1rem 0;text-align:center}.shop-auth-modal .auth-form .message.toggle button{background:none;border:none;outline:none;color:var(--blue);cursor:pointer;font-size:16px;padding-left:0}.shop-auth-modal .auth-form .message.toggle button:hover{text-decoration:underline var(--blue)}.shop-auth-modal .auth-form .message.email{font-size:1.2rem;margin-bottom:1rem;text-align:center;font-weight:700;color:#000}.shop-auth-modal .auth-form .form-input{width:100%;display:flex;flex-direction:column;height:auto;position:relative}.shop-auth-modal .auth-form .form-input.error .input,.shop-auth-modal .auth-form .form-input-prefix.error .input-prefix{border:2px solid var(--pink)!important;animation:shake-shake .5s ease}.shop-auth-modal .auth-form .form-input.success .input,.shop-auth-modal .auth-form .form-input-prefix.success .input-prefix{border:2px solid var(--blue)!important}.shop-auth-modal .auth-form .input-message{color:var(--pink);font-size:16px;margin-top:5px;padding-left:10px}.shop-auth-modal .auth-form .form-input .input{width:100%;height:48px;padding:14.5px 45px 14.5px 20px;border-radius:50px;border:1.5px solid #d3d3d3;outline:none;transition:all .3s cubic-bezier(.19,1,.22,1);box-shadow:0 0 20px -18px;font-size:16px}.shop-auth-modal .auth-form .form-input .check{position:absolute;right:13px;transform:translateY(50%);color:var(--blue);fill:var(--blue);-webkit-user-select:none;user-select:none}.shop-auth-modal .auth-form .form-input .progress{position:absolute;right:13px;top:12px;color:var(--blue);fill:var(--blue);-webkit-user-select:none;user-select:none;animation:spin-animation 1s linear infinite}.shop-auth-modal .auth-form .form-input-prefix .input-prefix .input{flex:1;height:100%;border:none;outline:none;background:none;font-size:16px;margin-left:1px}.shop-auth-modal .auth-form .form-input-prefix .input-prefix span{display:block;color:var(--text);font-weight:bolder;-webkit-user-select:none;user-select:none;font-size:16px}.shop-auth-modal .auth-form .form-input-prefix .input-prefix img{width:24px;height:24px;margin-right:.5rem;-webkit-user-select:none;user-select:none}.shop-auth-modal .auth-form .form-input-prefix .input-prefix .input-password-button{display:flex;align-items:center;justify-content:center;cursor:pointer}.shop-auth-modal .auth-form .form-input-prefix .input-prefix .input-password-button .password{font-weight:400;color:#000;fill:#000;-webkit-user-select:none;user-select:none}.shop-auth-modal .auth-form .form-input-prefix .input-prefix .check{font-weight:400;color:var(--blue);fill:var(--blue);-webkit-user-select:none;user-select:none}.shop-auth-modal .auth-form .form-input-prefix .input-prefix .progress{font-weight:400;color:var(--blue);fill:var(--blue);-webkit-user-select:none;user-select:none;animation:spin-animation 1s linear infinite}.shop-auth-modal .auth-form .form-input-prefix .input-prefix{width:100%;height:48px;padding:11px 11px 11px 20px;border-radius:50px;border:1.5px solid #d3d3d3;outline:none;transition:all .3s cubic-bezier(.19,1,.22,1);box-shadow:0 0 20px -18px;display:flex;align-items:center;background-color:#fff;position:relative}.shop-auth-modal .auth-form .button{border:none;outline:none;background-color:var(--blue);padding:16px 10px;border-radius:50px;color:#fff;font-weight:600;font-size:16px;transition:.3s ease;cursor:pointer;display:flex;align-items:center;justify-content:center}.shop-auth-modal .auth-form .button:hover{background-color:#385ac2}.shop-auth-modal .auth-form .button:disabled{opacity:.5;cursor:not-allowed}.shop-auth-modal .auth-form .button:disabled:hover{background-color:var(--blue)}.shop-auth-modal .auth-form .button.back{height:52px;background-color:transparent;color:var(--blue);fill:var(--blue);border:none;display:flex;align-items:center;justify-content:center}.spinner{height:24px;width:24px;animation:spin-animation 1s linear infinite}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#000}@media (max-width: 900px){:root{--padding-horizontal: 1rem}.shop-auth-modal{height:100%;width:100dvw;border-radius:0!important;padding:var(--padding-horizontal)}.shop-auth-modal .auth-form{height:100%;min-height:300px}}@keyframes spin-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
