.login-wrapper{position:relative}.login-form-container{display:none}.login-form-container.active{display:block}.login-buttons-container{display:flex;gap:10px;margin:20px 0}.login-btn,.otp-toggle-btn{flex:1;padding:12px 20px;border:2px solid;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease;text-align:center}.login-btn{background-color:#007bff;color:#fff;border-color:#007bff}.login-btn:hover{background-color:#000}.otp-toggle-btn{background-color:transparent;color:#007bff;border-color:#007bff}.otp-toggle-btn:hover{background-color:#000;color:#fff}.create-account-link{display:block;text-align:center;margin-top:15px;color:#007bff;text-decoration:none}.create-account-link:hover{text-decoration:underline}.otp-header{margin-bottom:20px}.back-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;margin-bottom:15px;padding:0}.back-btn:hover{text-decoration:underline}.otp-header h2{margin:0;font-size:24px;color:#333}.otp-section{margin-top:20px}.otp-timer{text-align:center;margin:15px 0;font-size:14px}.btn-send-otp,.btn-verify-otp{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin-top:10px;transition:background-color .3s ease}.btn-send-otp:hover,.btn-verify-otp:hover{background-color:#000}.btn-send-otp:disabled,.btn-verify-otp:disabled{background-color:#ccc;cursor:not-allowed}.form__message--success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;padding:10px;border-radius:4px;margin:10px 0}#resend-otp-btn,#resend-registration-otp-btn{border:none;color:#fff;cursor:pointer;text-decoration:underline}.field{margin-bottom:15px;position:relative}.field input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px}.field label{position:absolute;left:12px;top:50%!important;transform:translateY(-50%);background:#fff;padding:0 5px;color:#666;pointer-events:none;transition:all .3s ease}.field input:focus+label,.field input:not(:placeholder-shown)+label{top:calc(var(--inputs-border-width) + .5rem)!important}@media (max-width: 768px){.login-buttons-container{flex-direction:column}.login-btn,.otp-toggle-btn{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/customer-login.css.map */