.slr-modal{position:fixed;top:0!important;left:0;right:0;bottom:0;background-color:rgba(var(--color-foreground),.5);z-index:9999}.slr-modal .slr-modal-dialog{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-x:hidden;overflow-y:auto;height:100%}.slr-modal .slr-modal-content{background:#fff;display:flex;flex-wrap:wrap;max-width:100dvw;height:100dvh;width:43rem;right:0;position:fixed}@media screen and (max-width:425px){.slr-modal .slr-modal-content{position:relative}}.slr-modal .slr-modal-content-inner{flex:1;height:100%;position:relative;text-align:center}.slr-modal .slr-modal-close{position:absolute;top:2.6rem;right:3rem;width:1.091rem;height:1.091rem;color:#000;line-height:1}.slr-modal .modal-title{display:block;font-size:2rem;line-height:1.2;font-weight:700;margin-bottom:2rem}.slr-modal .modal-subheading{margin-bottom:2rem;font-size:1.4rem;line-height:1.3}.slr-modal .modal-subheading .link{font-weight:400;text-decoration:underline}.slr-modal .modal-subheading .link:hover{text-decoration:none}.slr-modal .popup-banner img{width:100%;height:100%;object-fit:cover;object-position:50% 0}.register-pop-wrapper,.slr-modal .sms-form{margin-bottom:3rem}.slr-modal .form-title{font-size:1.6rem;font-weight:500;display:block;line-height:2.1rem;margin-bottom:2rem}.slr-modal .registerform>.form-title{margin-bottom:2rem}.slr-modal .popup-desc{font-size:1.6rem;line-height:1.3;margin-bottom:1.5rem}.slr-modal .regular-form,.slr-modal .sms-form .form-row{display:flex;flex-wrap:wrap}.floating_input_wrap{position:relative}.slr-modal .form-group{margin-bottom:1.5rem;flex:1;position:relative}.slr-modal .regular-form .form-group,.slr-modal .sms-form .form-row .form-group{margin-bottom:0}.slr-modal .form-group label{font-size:1.4rem;display:block;line-height:1.9rem}.floating_input_wrap .floating_label{position:absolute;right:1px;background:none;text-align:initial;bottom:1px;left:1px;padding:9px 1rem .5rem;pointer-events:none}.slr-modal .registerform .form-row .form-group .floating_label{left:0;right:0}.slr-modal .form-control{border:1px solid #C9C9C9;width:100%;height:4rem;font-size:1.4rem;padding:.5rem 1rem;line-height:1.9rem;letter-spacing:.028rem;color:#3e3e3e;font-weight:400}.slr-modal .btn{background:rgba(var(--color-button),var(--alpha-button-background));border:1px solid rgba(var(--color-button),var(--alpha-button-background));color:#fff;min-width:10rem;min-height:4rem;font-size:1.4rem;text-transform:uppercase;font-weight:400;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.5rem 1rem;line-height:1.9rem}.slr-modal .loginform .btn.btn-login,.slr-modal .registerform .btn{width:100%;font-size:1.4rem;line-height:1.9rem;font-weight:400;border-radius:var(--buttons-radius-outset)}.slr-modal .btn:hover{background:transparent;color:#000}.slr-modal .form-group .link-forgot-pass{position:absolute;top:50%;left:1rem;font-size:1.4rem;color:rgba(var(--color-link),.5);z-index:9;transform:translateY(-50%)}.slr-modal .social-login{margin-top:1.5rem;display:flex;flex-wrap:wrap;justify-content:center}.slr-modal .social-login .form-title{width:100%}.slr-modal .social-login a{margin:.5rem;display:inline-flex;flex-wrap:wrap;align-items:center;color:#000;text-decoration:none;font-size:1.6rem;text-transform:uppercase;border:1px solid #d0d0d0;min-width:17rem;min-height:4rem;justify-content:center;line-height:1.3}.slr-modal .social-login a img{width:1.5rem;height:1.5rem;order:2;margin-right:1rem}.slr-modal .remeber-check{margin-bottom:1.5rem;text-align:initial}register-modal .floating_label,login-modal .floating_label{left:9px;right:9px;top:1px}.custom-checkbox{display:block;font-size:1.6rem;margin:0;line-height:1.3;position:relative;padding-right:2.4rem}.custom-checkbox input[type=checkbox]{position:absolute;top:0;right:0;opacity:0}.custom-checkbox .fake-input{position:absolute;top:.2rem;right:0;width:1.6rem;height:1.6rem;border:1px solid #9a9a9a;background:#fff}.custom-checkbox .fake-input:before{content:"";border-left:1px solid #000;border-bottom:1px solid #000;position:absolute;top:0;right:0;bottom:3px;left:0;margin:auto;width:10px;height:5px;opacity:0;visibility:hidden;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}.custom-checkbox input[type=checkbox]:checked~.fake-input:before{opacity:1;visibility:visible}@media (min-width: 768px){.slr-modal .popup-banner{-ms-flex-preferred-size:32rem;flex-basis:32rem;max-width:32rem;-webkit-box-ordinal-group:-1;-ms-flex-order:-2;order:-2}.slr-modal .modal-title{font-size:2.8rem;margin-bottom:2.5rem}.slr-modal .modal-subheading{font-size:1.6rem}}@media (min-width: 992px){.slr-modal .popup-banner{flex-basis:36rem;max-width:36rem}}@media (max-width: 767px){.popup-banner{display:none}.slr-modal .form-group label,.slr-modal .btn,.custom-checkbox{font-size:1.4rem}}.login-modal .floating_input_wrap .form-control,.register-modal .floating_input_wrap .form-control{padding:17px 10px 3px;padding:1rem 1rem .3rem;display:block;border-radius:var(--buttons-radius-outset)}label.floating_label{-webkit-transition:.25s ease transform,.25s ease font-size;transition:.25s ease transform,.25s ease font-size}form#create_customer .focused,form.popup_label .focused{outline:none;outline-offset:none;box-shadow:none}form#create_customer .focused label,form#create_customer .populated label,form#customer_login .focused label,form#customer_login .populated label,#forgetPasswordFormContainer .focused label,#forgetPasswordFormContainer .populated label{font-size:11px;-webkit-transform:translate(0,-20%);-ms-transform:translate(0,-20%);transform:translateY(-20%);pointer-events:none;margin:0;z-index:6;padding:10px;background:none}form#create_customer input form.popup_label input{padding:14px 10px 3px;height:40px;line-height:14px;z-index:999}form#create_customer ::-webkit-input-placeholder,form.popup_label ::-webkit-input-placeholder{color:transparent}form#create_customer :-moz-placeholder,form.popup_label :-moz-placeholder{color:transparent}form#create_customer ::-moz-placeholder,form.popup_label ::-moz-placeholder{color:transparent}form#create_customer :-ms-input-placeholder,form.popup_label :-ms-input-placeholder{color:transparent}form#create_customer input::placeholder,form.popup_label input::placeholder{color:transparent}form#create_customer textarea::-webkit-input-placeholder,form.popup_label textarea::-webkit-input-placeholder{color:transparent}form#create_customer textarea:-moz-placeholder,form.popup_label textarea:-moz-placeholder{color:transparent}form#create_customer textarea::-moz-placeholder,form.popup_label textarea::-moz-placeholder{color:transparent}form#create_customer textarea:-ms-input-placeholder,form.popup_label textarea:-ms-input-placeholder{color:transparent}form#create_customer textarea::placeholder,form.popup_label textarea::placeholder{color:transparent}@keyframes opacityHide{0%{opacity:100}to{opacity:0}}@keyframes opacityShow{0%{opacity:0}to{opacity:100}}@keyframes fadeInFromTop{0%{opacity:0;transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutToTop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10%);display:none!important}}@keyframes fadeOutToRight{0%{transform:translate(100%)}to{transform:translate(0)}}.slr-modal-content{transform:translate(100%);transition:transform .5s var(--drawer-transition-timing),visibility .5s var(--drawer-transition-timing)}.modal-open .slr-modal-content{transform:translate(0)}.opacity-fade{-webkit-animation:opacityHide .3s;animation:opacityHide .4s}.fade-in-show{-webkit-animation:fadeInFromTop .3s;animation:fadeInFromTop .3s}.fade-out-to-top{-webkit-animation:.3s;animation:fadeOutToTop .3s ease}body.lightbox-open{overflow:hidden}div#confirm_password-error{color:red;display:inline-block;vertical-align:top;float:right;font-size:13px;margin-bottom:5px}.login-modal .modal-subheading,.register-modal .modal-subheading{font-size:1.4rem;line-height:1.8rem;margin:0 0 20px;display:flex;justify-content:center;align-items:center;column-gap:1rem}.login-modal .form-holder,.register-modal .form-holder{padding:2rem}@media only screen and (min-width: 768px){.login-modal .form-holder,.register-modal .form-holder{padding:30px 60px}.login-modal .modal-subheading,.register-modal .modal-subheading{font-size:1.4rem;line-height:1.9rem;margin-bottom:3rem}.slr-modal .modal-subheading .link{font-size:1.4rem;line-height:1.9rem}}.login-modal .modal-title,.register-modal .modal-title{font-weight:400;border-bottom:1px solid #cdcdcd;padding:2rem 3rem;font-size:2rem;margin-bottom:0;line-height:2.7rem}@media (min-width: 768px){.login-modal .modal-title,.register-modal .modal-title{font-size:2rem;margin-bottom:0;padding:2rem 3rem}}svg.icon.icon-close{height:1.091rem}.header-account__link .header__link{color:rgb(var(--color-foreground))}.via-google-main{margin-bottom:3rem}.via-google-main .via-google-main-inner p{margin:0 0 2rem;font-size:1.6rem;line-height:2.1rem;font-weight:500}.via-google-main .via-google-main-inner a{display:flex;align-items:center;justify-content:center;width:auto;min-height:4rem;border:1px solid #D0D0D0;max-width:15rem;margin:0 auto;column-gap:.6rem}.matat-login-main button.btn-login:before,.matat-login-main button.btn-login:after{display:none}.matat-login-main .form-title{font-size:1.6rem;margin-bottom:2rem;line-height:2.1rem;font-weight:500!important;display:block;color:#000}.matat-login-main .btn-login{margin:0;border:1px solid;transition:.25s all;min-height:4rem;border-color:rgba(var(--color-button));height:4rem}.matat-login-main .btn-login:hover{background:transparent;color:rgb(var(--color-foreground))}.matat-login-main #login_phone,.matat-login-main #login_otp{width:100%;min-width:4.7rem;padding-top:1.5rem;padding-right:1rem;border:1px solid #C9C9C9;border-left-width:0;padding-bottom:.5rem}.matat-login-main div.d-flex.align-items-start{display:flex}.matat-login-main .floating_input_wrap{position:relative;width:100%;margin-bottom:0}.matat-login-main .floating_input_wrap.focused{outline:none;outline-offset:0;box-shadow:none}.matat-login-main #login_phone:focus-visible,.matat-login-main #phone_login_btn:focus-visible{outline:none;box-shadow:none;outline-offset:0}#errorsms_msg{font-size:13px;text-align:right;display:block}#errorsms_msg.d-none{display:none}.slr-modal-content .slr-modal-inner-frame{height:100%;display:flex;flex-direction:column}.slr-modal-content .form-holder{flex:1;overflow:auto}@media (min-width:750px){.matat-login-main .floating_label{position:absolute;top:50%;transform:translateY(-50%);right:1rem;transition:.2s all;padding:0;bottom:auto}.matat-login-main #login_phone:focus-visible+label,.matat-login-main #login_phone:not(:placeholder-shown)~label,.matat-login-main #login_otp:focus-visible+label,.matat-login-main #login_otp:not(:placeholder-shown)~label{font-size:1.1rem;top:1.3rem}}@media (max-width: 749px){.slr-modal{opacity:0;transition:.4s opacity}.slr-modal.modal-open{opacity:1}.login-modal .modal-title,.register-modal .modal-title{font-size:1.5rem;line-height:2rem;padding:1.5rem}.login-modal .form-holder,.register-modal .form-holder{padding:3rem 2rem}.login-modal .modal-subheading,.register-modal .modal-subheading{margin-bottom:3rem}.login-modal .modal-subheading,.register-modal .modal-subheading,.slr-modal .modal-subheading .link{font-size:1.2rem;line-height:1.6rem;column-gap:1rem;color:#000}.via-google-main .via-google-main-inner p{font-size:1.3rem;line-height:1.7rem;letter-spacing:.05rem;margin:0 0 1.5rem}.via-google-main .via-google-main-inner a{min-height:3.2rem;border:1px solid #D0D0D0;max-width:13rem;column-gap:.18rem;font-size:1.2rem;line-height:1.6rem}.via-google-main .via-google-main-inner a img{max-width:1.3rem;max-height:1.3rem;width:100%;height:100%}.slr-modal .form-title{font-size:1.3rem;line-height:1.7rem;margin-bottom:1.5rem}.slr-modal .registerform>.form-title{margin-bottom:1.5rem}.slr-modal .slr-modal-close{top:1.8rem;right:1.5rem}.login-modal .floating_input_wrap .form-control,.register-modal .floating_input_wrap .form-control{padding:.5rem 1rem 0rem;border-radius:0}.floating_input_wrap .floating_label{padding:.6rem 1rem .5rem}.slr-modal .form-control{height:3.2rem;font-size:1.1rem;line-height:1.4rem;letter-spacing:0}.slr-modal .form-group label,.slr-modal .btn,.custom-checkbox{font-size:1.2rem;line-height:1.6rem;right:0}.slr-modal .registerform .form-row .form-group .floating_label{right:0;left:auto}form#create_customer .focused label,form#create_customer .populated label,form#customer_login .focused label,form#customer_login .populated label,#forgetPasswordFormContainer .focused label,#forgetPasswordFormContainer .populated label{font-size:.9rem;padding:.5rem;right:1px}.slr-modal .loginform .btn.btn-login,.slr-modal .registerform .btn{font-size:1.4rem;line-height:1.8rem;min-height:3.4rem}.matat-login-main .btn-login{min-height:3.2rem;height:3.2rem;min-width:7.2rem}.matat-login-main #login_phone:focus-visible+label{font-size:1.2rem;line-height:1.6rem;right:0}.matat-login-main .floating_input_wrap.focused #login_phone+label,.matat-login-main .floating_input_wrap.populated #login_phone+label,.matat-login-main .floating_input_wrap.focused #login_otp+label,.matat-login-main .floating_input_wrap.populated #login_otp+label{font-size:1rem;transform:translateY(-20%);padding-right:.5rem}.slr-modal .form-group .link-forgot-pass{font-size:1.2rem;line-height:1.6rem}form#create_customer .focused label{transform:translateY(-12%)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/login-register-modal.css.map */