.login-modal__overlay{position:fixed;top:var(--header-height);left:0;bottom:0;width:100%;height:100%;display:none;justify-content:center;align-items:flex-start;overflow-y:auto;padding:2rem 0;z-index:102;background:var(--sh-white)}@media(min-width:768px){.login-modal__overlay{top:0;padding:3rem 1.6rem;background:#00000040}}.login-modal--active{display:flex}.login-modal__container{position:relative;background-color:#fff;width:100%;padding:2.4rem 1.6rem;background-image:url(wave-bg.svg);background-repeat:no-repeat;background-position:bottom left;background-size:auto 50%;flex-shrink:0}@media(min-width:768px){.login-modal__container{background-image:none;padding:4.8rem;max-width:53.6rem;border-radius:2.4rem;margin:2rem auto}}.login-modal__container>h2{margin:0 0 1.2rem;font-family:var(--font-outfit);color:var(--sh-brown-10);font-weight:800;line-height:1.25;font-size:2.4rem;text-transform:uppercase;text-align:center}@media(min-width:768px){.login-modal__container>h2{font-size:3.2rem;margin:0 0 1.6rem}}.login-modal__container>p{margin:0 0 2.4rem;font-family:var(--font-poppins);color:var(--sh-brown-primary);font-size:1.6rem;line-height:1.5;text-align:center}@media(min-width:768px){.login-modal__container>p{margin:0 0 4rem}}.login-modal__close{position:absolute;right:1.2rem;top:1.2rem;width:4rem;height:4rem;padding:.4rem;display:none;justify-content:center;align-items:center;cursor:pointer;background:transparent;border:none}@media(min-width:768px){.login-modal__close{display:flex}}.login-modal__close svg{width:21px;height:21px;fill:var(--sh-brown-primary)}.login-modal__close:hover{background:#0000000a;border-radius:50%}.login-modal__options{margin-bottom:4.2rem}.login-modal__options .social_login_frame{margin-bottom:0!important;height:52px!important}.login-modal__options .sl-horizontal{display:flex;align-items:center;gap:3.2rem;width:100%}.login-modal__options .sl-horizontal li{flex:1;margin:0}.login-modal__options .sl-horizontal a.social_login{flex:1;width:100%;height:auto;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:1.2rem;background:var(--sh-white);border:1px solid rgba(0,0,0,.1);padding:1.2rem 2.4rem}.login-modal__options .sl-horizontal a:hover{background:#0000000a}.login-modal__divider{position:relative;height:1px;width:100%;background:#0000001a;margin-bottom:3.2rem}.login-modal__divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:0 1.6rem;font-family:var(--font-poppins);color:var(--sh-brown-primary);font-size:1.4rem;line-height:1.5}.login-modal #customer_login{margin-top:4.2rem}.login-modal__form-footer{display:flex;align-items:center;justify-content:space-between;margin-bottom:4rem}.login-modal__field{display:flex;flex-direction:column;gap:.8rem;margin-bottom:2.4rem}.login-modal__field label{font-family:var(--font-poppins);color:var(--sh-brown-primary);font-size:1.4rem;line-height:1.5}.login-modal__field input{padding:1.6rem;border:1px solid var(--sh-gray-5);font-family:var(--font-poppins);color:var(--sh-brown-primary);font-size:1.6rem;line-height:1.5}.login-modal__field input::placeholder{color:var(--sh-gray-5)}.login-modal__field input:focus{outline:none;box-shadow:none;border-color:var(--sh-black)}.login-modal__field input:hover{border-color:var(--sh-gray-10)}.login-modal__remember-me{font-family:var(--font-poppins);color:var(--sh-black);display:flex;align-items:center;justify-content:center;gap:1.2rem;font-size:1.4rem;line-height:1.5;cursor:pointer}.login-modal__remember-me input{width:2.4rem;height:2.4rem;border:1px solid rgba(0,0,0,.1);accent-color:var(--sh-orange-primary)}.login-modal__submit{margin-bottom:2.4rem}.login-modal__create-account{display:flex;align-items:center;gap:1.6rem;justify-content:center;margin:0;font-size:1.4rem;line-height:1.5;color:var(--sh-black)}body.login-modal-open{overflow:hidden}@media(max-width:767px){body.login-modal-open .header__logo-wrapper{display:block}body.login-modal-open .header__actions,body.login-modal-open .header__action-button--menu{display:none}body.login-modal-open .header__action-button--back{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/login-modal.css.map */