.lop-login-form-wrapper{position:relative;width:100%;min-height:100vh;background-color:var(--lop-login-background-color, #0D0D1A);display:flex;align-items:center;justify-content:center}.lop-login-form{position:relative;width:100%;padding-top:var(--lop-login-padding-top, 80px);padding-bottom:var(--lop-login-padding-bottom, 80px);padding-left:1.5rem;padding-right:1.5rem}.lop-login-form__container{max-width:480px;margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:center}.lop-login-form__logo{width:120px;height:120px;margin-bottom:2.5rem;display:flex;align-items:center;justify-content:center}.lop-login-form__logo img{width:100%;height:100%;object-fit:contain}.lop-login-form__title{font-family:var(--font-heading--family, sans-serif);font-size:2rem;font-weight:700;color:var(--lop-login-text-color, #FFFFFF);margin:0 0 2.5rem;text-align:center;line-height:1.3}.lop-login-form__form{width:100%;display:flex;flex-direction:column;gap:1.5rem}.lop-login-form__field{display:flex;flex-direction:column;gap:.5rem;width:100%}.lop-login-form__label{font-family:var(--font-body--family, sans-serif);font-size:1rem;font-weight:500;color:var(--lop-login-text-color, #FFFFFF)}.lop-login-form__input{width:100%;padding:1rem 1.25rem;font-family:var(--font-body--family, sans-serif);font-size:1rem;color:var(--lop-login-text-color, #FFFFFF);background-color:transparent;border:2px solid var(--lop-login-input-border-color, #4A3F8C);border-radius:50px;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.lop-login-form__input::placeholder{color:#fff6}.lop-login-form__input:focus{border-color:var(--lop-login-button-color, #6C5CE7);box-shadow:0 0 0 3px #6c5ce733}.lop-login-form__forgot{align-self:flex-end;font-family:var(--font-body--family, sans-serif);font-size:.875rem;color:var(--lop-login-button-color, #6C5CE7);text-decoration:none;margin-top:.25rem;transition:opacity .3s ease}.lop-login-form__forgot:hover{opacity:.8;text-decoration:underline}.lop-login-form__error{width:100%;padding:.75rem 1rem;font-family:var(--font-body--family, sans-serif);font-size:.9375rem;font-weight:500;color:var(--lop-login-error-color, #FF4444);text-align:center;border-radius:8px;background-color:#ff44441a;border:1px solid var(--lop-login-error-color, #FF4444);animation:lop-login-shake .5s ease-in-out}@keyframes lop-login-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.lop-login-form__button{width:100%;padding:1rem 2rem;margin-top:1rem;font-family:var(--font-body--family, sans-serif);font-size:1rem;font-weight:600;color:var(--lop-login-button-text-color, #FFFFFF);background-color:var(--lop-login-button-color, #6C5CE7);border:none;border-radius:50px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.lop-login-form__button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6c5ce766}.lop-login-form__button:active{transform:translateY(0)}.lop-login-form__footer{font-family:var(--font-body--family, sans-serif);font-size:.875rem;color:var(--lop-login-text-color, #FFFFFF);opacity:.6;text-align:center;margin:2rem 0 0}@media screen and (max-width:749px){.lop-login-form{padding-top:calc(var(--lop-login-padding-top, 80px) * .6);padding-bottom:calc(var(--lop-login-padding-bottom, 80px) * .6);padding-left:1rem;padding-right:1rem}.lop-login-form__logo{width:80px;height:80px;margin-bottom:2rem}.lop-login-form__title{font-size:1.5rem;margin-bottom:2rem}.lop-login-form__form{gap:1.25rem}.lop-login-form__label{font-size:.9375rem}.lop-login-form__input{padding:.875rem 1rem;font-size:.9375rem}.lop-login-form__button{padding:.875rem 1.5rem;font-size:.9375rem}.lop-login-form__footer{font-size:.8125rem;margin-top:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/lop-login-form.css.map */