.otp-login{width:100%;max-width:100%;max-height:100%;margin:auto 0 0;padding:0;border:0;background:transparent;color:#1a1a1a}.otp-login[hidden]{display:none}.otp-login::backdrop{background:#00000080}.otp-login__box{position:relative;box-sizing:border-box;width:100%;max-height:90vh;max-height:90dvh;padding:28px 20px calc(24px + env(safe-area-inset-bottom));overflow-y:auto;border-radius:12px 12px 0 0;background:#fff}.otp-login[open] .otp-login__box{animation:otp-login-up .25s ease}@keyframes otp-login-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.otp-login[open] .otp-login__box{animation:none}}.otp-login__close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:#1a1a1a;cursor:pointer}.otp-login__close .svg-wrapper{width:16px;height:16px}.otp-login__close svg{width:16px;height:16px}.otp-login__step[hidden]{display:none}.otp-login__heading{margin:0 40px 8px 0;font-size:20px;font-weight:700;letter-spacing:0px;line-height:1.2;color:#1a1a1a}.otp-login__text{margin:0 0 20px;font-size:14px;letter-spacing:0px;line-height:1.5;color:#1a1a1abf}.otp-login__text strong{color:#1a1a1a;white-space:nowrap}.otp-login__phone{display:flex;align-items:stretch;border:1px solid rgba(26,26,26,.3)}.otp-login__phone:focus-within{border-color:#1a1a1a;box-shadow:0 0 0 1px #1a1a1a}.otp-login__prefix{display:flex;align-items:center;padding:0 12px;border-right:1px solid rgba(26,26,26,.3);font-size:16px;font-weight:500;letter-spacing:0px}.otp-login__input{box-sizing:border-box;display:block;width:100%;height:48px;margin:0 0 12px;padding:0 14px;border:1px solid rgba(26,26,26,.3);border-radius:0;background:#fff;color:#1a1a1a;font-family:inherit;font-size:16px;letter-spacing:0px;-webkit-appearance:none;appearance:none}.otp-login__input:focus{border-color:#1a1a1a;box-shadow:0 0 0 1px #1a1a1a;outline:none}.otp-login__phone .otp-login__input{flex:1;min-width:0;margin:0;border:0;box-shadow:none}.otp-login__code{position:relative;display:flex;justify-content:center;gap:12px;margin:0 0 12px}.otp-login__digit{display:flex;align-items:center;justify-content:center;width:52px;height:56px;border:1px solid rgba(26,26,26,.3);background:#fff;color:#1a1a1a;font-size:22px;font-weight:700;line-height:1}.otp-login__digit.is-active{border-color:#1a1a1a;box-shadow:0 0 0 1px #1a1a1a}.otp-login__input.otp-login__input--code{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;box-shadow:none;color:transparent;-webkit-text-fill-color:transparent;caret-color:transparent;font-size:16px}.otp-login__input--code::selection{background:transparent}.otp-login__error{margin:10px 0 0;font-size:13px;letter-spacing:0px;line-height:1.4;color:#d32f2f}.otp-login__input+.otp-login__error{margin-top:0}.otp-login__error[hidden]{display:none}.otp-login__submit{min-height:48px;margin-top:16px}.otp-login__submit[aria-busy=true]{opacity:.6;pointer-events:none}.otp-login__terms,.otp-login__resend,.otp-login__alt{margin:14px 0 0;font-size:12px;letter-spacing:0px;line-height:1.5;color:#1a1a1ab3;text-align:center}.otp-login__terms a{color:inherit}.otp-login__link{padding:0;border:0;background:transparent;color:#1a1a1a;font-family:inherit;font-size:inherit;font-weight:500;letter-spacing:0px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.otp-login__link:disabled{color:#1a1a1a80;text-decoration:none;cursor:default}@media screen and (max-width:749px){.otp-login{margin-bottom:var(--otp-keyboard, 0px);transition:margin-bottom .15s ease}.otp-login__box{max-height:calc(var(--otp-visible, 100dvh) * .9)}}@media screen and (min-width:750px){.otp-login{max-width:420px;margin:auto}.otp-login__box{padding:36px 32px 32px;border-radius:4px}.otp-login__heading{font-size:22px}}.login-phone{padding-left:15px;padding-right:15px}.otp-login--inline{max-width:420px;margin:0 auto}.otp-login--inline .otp-login__box{max-height:none;padding:0;overflow:visible;border-radius:0;background:transparent;animation:none}.otp-login--inline .otp-login__heading{margin-right:0;font-size:24px}.login-phone-link{display:block;width:fit-content;margin:24px auto 0;color:#1a1a1a;font-size:14px;font-weight:500;letter-spacing:0px;text-underline-offset:3px}@media screen and (min-width:750px){.otp-login--inline .otp-login__heading{font-size:28px}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/otp-login.css.map */