.login{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - var(--header-height))}.login .login__bg-image{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;object-fit:cover;object-position:var(--img-pos)}.login .login__content-header{position:relative;width:100%}.login .login__content-header-button{position:absolute;left:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #CBD5DE;cursor:pointer;border-radius:16px;background-color:transparent;transition-property:opacity;transition-duration:.3s}.login .login__content-header-button:focus-visible{outline:1px solid #0f1010}.login .otp-confirmation__heading,.login .login__content-heading{margin-top:0;margin-bottom:0;padding-left:52px;padding-right:52px;font-family:Encode Sans,sans-serif;font-size:24px;font-weight:800;line-height:1.333;letter-spacing:.07em;color:#0f1010;text-align:center}.login .login__content{display:flex;flex-direction:column;align-items:center;max-width:540px;width:100%;padding:32px 40px;background-color:#fff;border-radius:32px;transition-property:opacity;transition-duration:.3s;overflow-y:auto;z-index:1;animation-name:fadeIn;animation-duration:.3s}.login .login__content-text-wrapper{margin-top:32px;line-height:1.5;text-align:center;color:#6d6d6d}.login .login__content-text-wrapper a{color:#6d6d6d;transition-property:text-decoration-color;transition-duration:.3s}.login .login__form{width:100%;margin-top:32px}.login .login__form .login__form-spinner{display:none;position:absolute;top:50%;left:50%;z-index:2;align-items:center;justify-content:center;width:100%;height:100%;background:#76d2fa;transform:translate(-50%,-50%)}.login .login__form .login__form-spinner svg{width:1.8rem}.login .login__form.loading{pointer-events:none}.login .login__form.loading .login__form-spinner{display:flex}.login .login__form-field{display:flex;flex-direction:column;gap:8px}.login .login__form-field+.login__form-field{margin-top:24px}.login .login__form-label{font-size:16px;font-weight:400;line-height:1.5;text-align:left;color:#0f1010}.login .login__form-error-message{margin-top:16px;font-size:16px;line-height:1.5;text-align:center;color:#e63f3f;animation-name:fadeIn;animation-duration:.3s}.login .login__form-success-message{margin-top:8px;margin-bottom:0;font-size:16px;line-height:1.5;text-align:center;color:#198754;animation-name:fadeIn;animation-duration:.3s}.login .login__form-success-message .icon-checkmark{margin-right:6px;width:1.8rem;vertical-align:middle}.login .login__form-error-message p{margin:0}.login .login__form-input{width:100%;padding:18px 30px;border:1px solid #CBD5DE;border-radius:60px;font-size:1.6rem;font-weight:400;line-height:1.5;color:#0f1010;caret-color:#0f1010;transition:border-color .2s ease-in}.login .login__form-input:focus-visible{border-color:#0f1010}.login .login__form-button{display:block;position:relative;margin:24px auto 0;padding:8px 16px 8px 32px;font-family:var(--font-body-family);font-style:normal;font-weight:600;font-size:16px;line-height:1.25;letter-spacing:0;text-decoration:none;background-color:#35afe4;border-radius:56px;border:none;overflow:hidden;cursor:pointer;transition:border-color .2s ease}.login .login__form-button:focus-visible{outline:1px solid #0F1010}.login .login__form-button:before{content:"";position:absolute;top:50%;right:-40px;width:40px;height:40px;background-color:#0f1010;border-radius:50%;transform:translateY(-50%) scale(1);transition:top .4s ease,right .5s ease,transform .6s ease}.login .login__form-button-text{color:#fff;z-index:1;transition:color .3s ease}.login .login__form-button-hover{display:flex;align-items:center;overflow:hidden}.login .login__form-button-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;margin-left:24px;width:40px;height:40px;border-radius:100%;background-color:#0f1010;padding:0;overflow:hidden;transition:background-color .4s ease}.login .login__form-button-icon{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;transition:-webkit-transform .3s;transition:transform .3s ease;color:#fff}.login .login__form-button-icon:before{content:"";position:absolute;left:-100%;width:40px;height:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.3335 8H12.6668' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 3.33334L12.6667 8.00001L8 12.6667' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50% 50%;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);color:#fff}.login .login__form-button-icon svg path{stroke:#fff}.login .iti{display:flex}.login .login__form-phone-input{caret-color:#0f1010}.login .iti__tel-input{width:100%;height:100%;padding-top:22px;padding-bottom:22px;padding-right:31px;padding-left:155px!important;font-family:var(--font-body-family);font-size:16px;line-height:1.5;border:1px solid #CBD5DE;border-radius:60px;overflow:hidden}.login .iti__tel-input:focus-visible{border-color:#0f1010}.login .iti__selected-country:focus-visible{outline:1px solid #0f1010}.login .iti__tel-input::placeholder{font-size:16px;line-height:1.5;color:#6d6d6d}.login .iti__country-container{padding:0}.login .iti__selected-country-primary{padding-left:31px;padding-right:4px;background-color:transparent!important}.login .iti__selected-country-primary-code,.login .iti__selected-dial-code{font-size:16px;font-weight:600;line-height:1.5;color:#0f1010}.login .iti .iti__selected-dial-code{position:relative;margin-left:0;padding-right:45px}.login .iti .iti__selected-dial-code:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9995 16.8006C11.2995 16.8006 10.5995 16.5306 10.0695 16.0006L3.54953 9.48062C3.25953 9.19062 3.25953 8.71062 3.54953 8.42063C3.83953 8.13063 4.31953 8.13063 4.60953 8.42063L11.1295 14.9406C11.6095 15.4206 12.3895 15.4206 12.8695 14.9406L19.3895 8.42063C19.6795 8.13063 20.1595 8.13063 20.4495 8.42063C20.7395 8.71062 20.7395 9.19062 20.4495 9.48062L13.9295 16.0006C13.3995 16.5306 12.6995 16.8006 11.9995 16.8006Z' fill='%23292D32'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:50% 50%;background-size:100%}.login .iti .iti__selected-dial-code:before{content:"";position:absolute;right:3px;top:50%;transform:translateY(-50%);width:1px;height:100%;background-color:#d3e0eb}.login .login__form-field-checkbox-wrapper{position:relative;margin-top:24px}.login .login__form-checkbox{position:absolute;left:0;top:50%;transform:translateY(-50%)}.login .iti--allow-dropdown .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])) .iti__selected-country-primary:hover{background-color:transparent}.login .otp-confirmation__resend-button.loading .loader svg .path{stroke:#0f1010}@media(min-width:992px){.login .login__form-button:hover .login__form-button-text{color:#fff}.login .login__form-button:hover:before{right:0;top:50%;transform:translateY(-50%) scale(9)}.login .login__form-button:hover .login__form-button-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.3335 8H12.6668' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 3.33334L12.6667 8.00001L8 12.6667' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.login .login__form-button:hover .login__form-button-icon svg path{stroke:#000}.login .login__form-button:hover .login__form-button-icon-wrapper{background-color:#76d2fa}.login .login__form-button:hover .login__form-button-icon{-webkit-transform:translateX(-100%);transform:translate(100%)}.login .login__content-text-wrapper a:hover{text-decoration-color:transparent}.login .login__content-header-button:hover{opacity:.7}}@media(max-width:991px){.login .login__form-input{padding:16px 24px}}@media(max-width:575px){.login .login__content{padding-left:12px;padding-right:12px;min-height:auto;width:calc(100% - 32px)}.login .login__content-text-wrapper{margin-top:16px}.login .otp-confirmation__heading,.login .login__content-heading{padding-left:48px;padding-right:48px}.login .login__content-header-button{width:35px;height:35px}.login .login__form{margin-top:24px}.login .iti .iti__selected-dial-code:after{right:15px}.login .iti__selected-country-primary{padding-left:20px}.login .iti__tel-input{padding-left:130px!important;padding-right:20px}.login .iti .iti__selected-dial-code:before{right:7px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/427/assets/login-template.css.map */