.section__otp-login{margin:30px 0}@media(min-width:769px){.section__otp-login{margin:100px 32px}}.otp-login{display:flex;flex-direction:column;max-width:410px;margin:auto;width:100%}.otp-login[data-state=verify]{max-width:460px}.otp-login__errors{max-width:400px;margin-inline:auto;text-align:center;color:#db1838;font-size:14px}.otp-login__errors:not(hidden){margin-block-end:15px}.otp-login-form__form__errors:not(:empty){margin-block-end:15px}.otp-login-form{width:100%;margin-inline:auto;padding:0 16px;font-family:Golos,sans-serif;display:block}@media(min-width:769px){.otp-login-form{border-radius:16px;box-shadow:0 0 20px 5px #1f22261f;padding:30px}}.otp-login-forms-wrapper{padding:0 16px}.otp-login-forms-wrapper .otp-login-form{padding:0;box-shadow:unset}@media(min-width:769px){.otp-login-forms-wrapper{border-radius:16px;box-shadow:0 0 20px 5px #1f22261f;padding:32px}}.otp-login-form__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.otp-login-form__title{margin-bottom:12px;font-size:28px;font-weight:600;line-height:1.2;height:34px;display:flex;align-items:center;justify-content:center;column-gap:6px;font-family:Literata,sans-serif}@media(max-width:798px){.otp-login-form__title{height:32px;font-size:24px;line-height:28px;font-family:Golos,sans-serif;margin-bottom:4px}}.otp-login-form__subtitle{margin-bottom:24px;font-size:16px;color:#7c7c7c;line-height:1.4;letter-spacing:-.14px}.otp-login-form__form{display:flex;flex-direction:column;gap:12px;margin-block-end:24px;width:100%}.otp-login-form__form__submit-button{position:relative;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#2e4c34;font-size:1rem;font-weight:600;height:44px;border-radius:13px;border:none;cursor:pointer}.otp-login-form__form__submit-button[disabled]{opacity:.7;cursor:not-allowed}.otp-login-form__form__submit-button .btn-spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btn-spin .6s linear infinite}.otp-login-form__form__submit-button .btn-text{display:contents}.otp-login-form__form__submit-button .btn-text[hidden]{display:none}@keyframes btn-spin{to{transform:rotate(360deg)}}.otp-login-form__form__input{border-radius:13px;border:none;background-color:#f7f7f7;height:52px;padding-inline:15px 5px;font-size:1rem;width:100%}.otp-login-form__form__select{appearance:none;-webkit-appearance:none;padding-inline-end:36px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%237c7c7c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;cursor:pointer}.otp-login-form__form__select:invalid{color:#7c7c7c}.otp-login-form__form__select option{color:initial}.otp-login-form__dob{display:flex;gap:10px}.otp-login-form__dob .otp-login-form__form__select{flex:1 1 0;min-width:0}.otp-login-form__inputs-toggle{margin-block-end:24px;display:flex;align-items:center;justify-content:center;-webkit-appearance:none;appearance:none;background:none;border:none;font-size:18px;width:fit-content;cursor:pointer;line-height:24px;color:#2e4c34;font-weight:600}.otp-login-form__legals{width:100%}@media(min-width:799px){.otp-login-form__legals{padding-inline:27px}}.otp-login-form__legals p{font-size:14px;line-height:20px}.otp-login-form__otp-inputs{position:relative;display:flex;justify-content:center;--number-of-boxes: 6;--boxes-gap: 8px;width:fit-content;margin-inline:auto}.otp-login-form__otp-inputs:has(>.otp-login-form__otp-spinner:not([hidden])):after{content:"";background-color:#ffffffd9;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.otp-login-form__otp-real-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;font-size:16px;z-index:1;border:none;padding-inline:calc(((100% - (var(--number-of-boxes) - 1) * var(--boxes-gap)) / var(--number-of-boxes))/ 2)}.otp-login-form__otp-boxes{display:flex;gap:var(--boxes-gap);justify-content:center;pointer-events:none;overflow:hidden}.otp-login-form__otp-spinner{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:32px;height:32px;border:3px solid rgba(38,173,79,.3);border-top-color:#2e4c34;border-radius:50%;animation:btn-spin .6s linear infinite;z-index:2}.otp-login-form__otp-spinner[hidden]{display:none}.otp-login-form--verify.is-loading .otp-login-form__otp-boxes{opacity:.4}.otp-login-form__otp-box{width:48px;height:56px;border-radius:13px;border:2px solid #f7f7f7;background-color:#f7f7f7;font-size:24px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:border-color .2s;flex-shrink:1}.otp-login-form__otp-box.is-active{border-color:#2e4c34}.otp-login-form__otp-box.is-filled{border-color:#c4c4c4}.otp-login-form__otp-box.is-error{border-color:#e02b27}.otp-login-form:has(+.otp-login-form){padding-block-end:0}.otp-login-form+.otp-login-form{padding-block-start:0}.otp-login-form[data-form-state=sms] [data-copy=email],.otp-login-form[data-form-state=email] [data-copy=sms]{display:none}.otp-login-form--send .otp-login-form__inner{max-width:350px;margin-inline:auto}.otp-login-form--verify .otp-login-form__form{row-gap:20px}.otp-login-form--verify .otp-login-form__subtitle{font-size:16px;display:flex;align-items:center;justify-content:center;gap:6px}.otp-login-form--verify .otp-login-form__subtitle:has(+.otp-login-form__form){margin-block-end:32px}@media(max-width:768px){.otp-login-form--verify .otp-login-form__subtitle:has(+.otp-login-form__form){margin-block-end:24px}}.otp-login-form--verify .otp-login__errors:not([hidden]){margin-block-start:-16px;margin-block-end:16px}.otp-login-form--resend .otp-login-form__rte{text-align:center;font-size:18px}.otp-login-form--resend[data-resend-state=counting] form,.otp-login-form--resend[data-resend-state=finished] .otp-login-form__rte{display:none}.otp-login-form--resend .otp-login-form__form__submit-button{-webkit-appearance:none;appearance:none;background:transparent;border:none;color:#2e4c34;margin-inline:auto;height:unset;font-size:18px}.otp-login-form--resend .otp-login-form__form__submit-button+.turnstile-container-resend{margin-block-start:12px}.otp-login-form__form__input-wrapper{background-color:#f7f7f7;border-radius:13px}.otp-login-form__form__input-wrapper .iti--has-country-selector .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])) .iti__selected-country:has(+.iti__country-selector:hover) .iti__selected-country-primary{background-color:transparent}.otp-login-form__form__input-wrapper .otp-login-form__form__input{background-color:transparent}.otp-login-form__form__input-wrapper .iti{width:100%}.otp-login-form__form__errors{color:#b83737;font-size:13px;min-height:0}.otp-login-form__form__errors:empty{display:none}.otp-login-form__field{display:flex;flex-direction:column;gap:4px;text-align:start}.otp-login-form__field .otp-login-form__form__errors:not(:empty){margin-block-end:0;padding-inline-start:4px}.otp-login-form__title .otp-login-form__back{-webkit-appearance:none;appearance:none;border:none;background-color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:6px}.otp-login-form__subtitle .otp-login-form__back{-webkit-appearance:none;appearance:none;border:none;background-color:transparent;display:flex;align-items:center;justify-content:center;color:#2e4c34;font-size:16px;cursor:pointer;padding:6px}#turnstile-container,#turnstile-container-resend{text-align:center;min-height:74px}.iti__selected-dial-code{font-weight:600}@media(max-width:798px){body.customers-login .mobile-header__content{min-height:48px;padding-inline:16px}body.customers-login .mobile-header__content .mobile-icons,body.customers-login .mobile-header__content .mobile-dropdown{display:none}body.customers-login .mobile-header__content .mobile-logo{padding:0}.otp-login-form--send .btn-text span{line-height:24px}}body.customers-login{min-height:100svh;display:flex;flex-direction:column}body.customers-login .dynamic-sections{flex-grow:1;align-items:flex-start}
/*# sourceMappingURL=/cdn/shop/t/2/assets/otp-login-form.css.map */