.custom-otp-login-box-main-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:999;opacity:0;pointer-events:none;transition:opacity .25s ease}.custom-otp-login-box-main-wrapper.active{opacity:1;pointer-events:auto;background:#00000073}.custom-otp-login-box{background:#fff;border-radius:12px;padding:2rem;width:100%;max-width:400px;position:relative;transform:translateY(20px);transition:transform .25s ease}.custom-otp-login-box-main-wrapper.active .custom-otp-login-box{transform:translateY(0)}.close-button{position:absolute;top:10px;right:10px;cursor:pointer;padding:4px}.close-button svg{width:22px;height:22px;fill:#555}.close-button:hover svg{fill:#000}.brand-image-wrapper{display:flex;justify-content:center;margin-bottom:1rem}.brand-image{max-width:100px;border-radius:6px}.login-signup-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-align:center}.form-input{width:100%;padding:.75rem;border:1px solid #d0d0d0;border-radius:8px;margin-bottom:1rem;font-size:1rem;outline:none;transition:border-color .2s}.form-input:focus{border-color:#008060}.submit-button{width:100%;padding:.75rem;background:#008060;color:#fff;font-weight:500;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;gap:6px}.submit-button:hover{background:#00684a}.hidden{display:none!important}.otp-container{display:flex;justify-content:center;gap:10px;margin:1rem 0}.otp-input{width:50px;height:50px;text-align:center;font-size:1.2rem;border:2px solid #ccc;border-radius:8px;transition:border-color .2s,transform .1s}.otp-input:focus,.otp-input.filled{border-color:#008060;box-shadow:0 0 5px #00806040;transform:scale(1.05)}.error-wrapper{margin-top:1rem;padding:.75rem;width:100%;text-align:center;font-size:.9rem;color:#b00020;background:#fcdcdc;border-radius:6px;font-weight:700}.login-toggle-btns{display:flex;gap:8px;margin-bottom:18px;justify-content:center}.toggle-login-btn{font-weight:500;border:1.5px solid #008060;background:#fff;color:#008060;border-radius:10px;box-shadow:none;padding:8px 22px;font-size:1rem;cursor:pointer;transition:background .18s,color .18s,border-color .18s;outline:none;position:relative;z-index:1;letter-spacing:.01em}.toggle-login-btn.active,.toggle-login-btn:focus{background:#008060;color:#fff;border-bottom:1.5px solid #fff;z-index:2;box-shadow:none}.toggle-login-btn:not(.active):hover{background:#f6fefb;color:#008060;border-color:#008060;box-shadow:none}.terms-and-conditions-wrapper{margin-top:20px}.form-label{font-weight:700}custom-otp-login .form-label:after,custom-otp-login label:after{content:" *";color:#b00020;font-weight:700}.otp-container-wrapper .otp-container-heading{font-size:24px;text-align:center;font-weight:700}.otp-container-wrapper .otp-container-subheading{font-size:16px;text-align:center;font-weight:500}.custom-otp-login-box-main-wrapper input{border-radius:10px}.custom-otp-login-select__input{width:70px;padding:.75rem;border:1px solid #ccc;border-radius:10px;margin-right:8px;font-size:1rem;outline:none;background:#fff;cursor:pointer;transition:border-color .2s;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;padding-right:32px}.custom-otp-login-select__input:focus{border-color:#008060}.otp-login-select__input:hover{border-color:#008060}.phoneNumber-form>div{display:flex;align-items:stretch;margin-bottom:1rem}.phoneNumber-form>div input{flex:1;margin-bottom:0}.signup-form>div{display:flex;align-items:stretch;margin-bottom:1rem}.signup-form>div input{flex:1;margin-bottom:0}.custom-otp-login-box{overflow:visible}.otp-login-select__input option{padding:8px;background:#fff;color:#333}.otp-login-consent-container{display:flex;align-items:flex-start;gap:8px;margin-bottom:1rem;padding:8px 0}.otp-login-checkbox-input{margin:2px 0 0;cursor:pointer;accent-color:#008060}.otp-login-caption{font-size:.9rem;color:#666;line-height:1.4;cursor:pointer;margin:0}.otp-login-checkbox-input:checked+.otp-login-caption{color:#333}.terms-and-conditions-wrapper a{color:#00f}.login-success-wrapper .login-success-title{text-align:center;font-size:24px;font-weight:700}@keyframes pop-in-once{0%{transform:scale(.7);opacity:.5}80%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.login-success-wrapper .login-success-svg-wrapper{padding:100px;display:flex;justify-content:center;align-items:center;animation:pop-in-once .6s cubic-bezier(.5,1.6,.5,1) both}@media screen and (max-width: 768px){.login-success-wrapper .login-success-title{font-size:20px}}.login-success-wrapper .register-in-progress-title{text-align:center;font-size:24px;font-weight:700}.login-success-wrapper .register-in-progress-svg-wrapper{padding:100px}.resend-otp-container{margin-top:1rem;text-align:center}.otp-back-button{background:none;border:1px solid transparent;color:#008060;font-size:.95rem;font-weight:600;cursor:pointer;padding:15px 10px;border-radius:8px;display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;transition:background .18s ease,color .18s ease,transform .06s ease;position:absolute;top:0;left:0}.otp-back-button:hover{background:#f6fefb;color:#00684a;border-color:#00806014}.otp-back-button:active{transform:translateY(1px)}@media screen and (max-width: 480px){.otp-back-button{padding:20px 14px;font-size:1rem;border-radius:10px}}.resend-otp-button{background:none;border:none;color:#008060;font-size:.9rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.resend-otp-button:not(:disabled):hover{background:#f6fefb;color:#00684a}.resend-otp-button:disabled{color:#999;cursor:not-allowed;opacity:.7}.resend-timer{font-size:.85rem;color:#666}#timer-countdown{font-weight:600;color:#008060}@media screen and (max-width: 768px){.custom-otp-login-box-main-wrapper{opacity:1;pointer-events:none;transition:none}.custom-otp-login-box{transform:translateY(150%);transition:transform .3s ease;width:100vw;max-width:none;border-radius:12px 12px 0 0;margin-top:auto}.custom-otp-login-box-main-wrapper.active{pointer-events:auto}.custom-otp-login-box-main-wrapper.active .custom-otp-login-box{transform:translateY(0)}.close-button{top:-55px;right:50%;padding:10px;transform:translate(50%);background:#000;border-radius:50%;display:flex}.close-button svg{fill:#fff}}#email-map-login-select__input{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:10px;margin-right:8px;font-size:1rem;outline:none;background:#fff;cursor:pointer;transition:border-color .2s;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.email-map-container .email-map-item-list p{text-align:center;font-size:14px;font-weight:600}.email-map-container .new-email-add-container p{font-size:14px;font-weight:600;margin-bottom:10px}.email-map-or-border-wrapper{display:flex;justify-content:center;align-items:center;gap:10px;font-weight:700}.email-map-container .email-map-or-border-wrapper .email-map-or-border{border:1px solid #ccc;margin:20px 0;width:100%}.account-homepage-anchor{color:#000;font-size:14px;font-weight:700;text-align:center;text-decoration:underline;width:100%;display:inline-block;text-transform:capitalize}.form-label-email{font-weight:700;font-size:.8125rem}.signup-text{display:flex;justify-content:center;font-size:22px;font-weight:700}.no-email-text,.no-phone-text{text-align:center;font-size:14px;font-weight:500}#PBarNextFrameWrapper{display:none}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-otp-login.css.map */