@charset "UTF-8";email-verification-form{display:block;width:100%}.account-verification .verify-email-form{max-width:500px}.account-verification .verify-email-form .form__field{position:relative;display:flex;align-items:center}.account-verification .verify-email-form .form__field label{display:none}.account-verification .verify-email-form .form__field .input{border:none;border-bottom:1px solid #e0e0e0;border-radius:0;background:transparent;padding:12px 50px 12px 0;font-size:16px;line-height:1.5;width:100%;transition:border-color .3s ease}.account-verification .verify-email-form .form__field .input::placeholder{color:#9e9e9e;font-size:16px}.account-verification .verify-email-form .form__field .input:focus{outline:none;border-bottom-color:#333;box-shadow:none}.account-verification .verify-email-form .form__field .input.input--error{border-bottom-color:var(--color-error, #dc3545)}.account-verification .verify-email-form .form__field .input.input--error:focus{border-bottom-color:var(--color-error, #dc3545)}.account-verification .verify-email-form .form__field .form__field-error{color:var(--color-error, #dc3545);font-size:14px;margin-top:.25rem;line-height:1.4;opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease}.account-verification .verify-email-form .form__field .form__field-error:not([style*="display: none"]){opacity:1;transform:translateY(0)}.account-verification .verify-email-form .form__actions{position:absolute;right:0;top:50%;transform:translateY(-50%)}.account-verification .verify-email-form .form__actions .btn{background:none;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;min-height:auto;margin:0}.account-verification .verify-email-form .form__actions .btn:hover{opacity:.7}.account-verification .verify-email-form .form__actions .btn:disabled{opacity:.3;cursor:not-allowed}.account-verification .verify-email-form .form__actions .btn:before{content:"\2192";font-size:18px;color:#333;line-height:1}.account-verification .verify-email-form .form__actions .btn span,.account-verification .verify-email-form .form__actions .btn .btn-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.account-verification .verify-email-form .form__actions .btn.loading:before{content:"";width:16px;height:16px;border:2px solid #ccc;border-top-color:#333;border-radius:50%;animation:spin 1s linear infinite}.account-verification .alert{border-radius:6px;padding:1rem 1.25rem;border:1px solid transparent;position:relative;opacity:0;transform:translateY(-8px);transition:opacity .3s ease,transform .3s ease}.account-verification .alert:not([style*="display: none"]){opacity:1;transform:translateY(0)}.account-verification .alert.bg-success-bg{background-color:var(--color-success-bg, #d1edff);border-color:var(--color-success-border, #b6e3ff);color:var(--color-success-text, #0c5460)}.account-verification .alert.bg-success-bg p:before{content:"\2713";font-weight:700;margin-right:.5rem;color:var(--color-success, #198754)}.account-verification .alert.bg-error-bg{background-color:var(--color-error-bg, #f8d7da);border-color:var(--color-error-border, #f5c2c7);color:var(--color-error-text, #842029)}.account-verification .alert.bg-error-bg .email-not-found{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem;border-radius:8px}.account-verification .alert.bg-error-bg .email-not-found .error-icon{margin-bottom:1rem}.account-verification .alert.bg-error-bg .email-not-found .error-icon svg{width:48px;height:48px}.account-verification .alert.bg-error-bg .email-not-found .error-content{max-width:400px}.account-verification .alert.bg-error-bg .email-not-found .error-content .error-email{font-size:20px;font-weight:600;color:#333;margin-bottom:1rem}.account-verification .alert.bg-error-bg .email-not-found .error-content .error-message{color:#666;line-height:1.6;margin-bottom:1rem;font-size:15px}.account-verification .alert.bg-error-bg .email-not-found .error-content .register-btn-container{display:flex;justify-content:center;margin-top:1rem}.account-verification .alert.bg-error-bg .email-not-found .error-content .register-btn{background:#333;color:#fff;border:none;padding:12px 32px;border-radius:6px;font-size:16px;cursor:pointer;transition:background-color .2s ease}.account-verification .alert.bg-error-bg .email-not-found .error-content .register-btn:hover{background:#555}.account-verification .alert.bg-error-bg .email-not-found .error-content .register-btn:focus{outline:2px solid #333;outline-offset:2px}.account-verification .alert.bg-info-bg{background-color:var(--color-info-bg, #cff4fc);border-color:var(--color-info-border, #b6effc);color:var(--color-info-text, #055160)}.account-verification .alert.bg-info-bg:before{content:"\2139";font-weight:700;margin-right:.5rem;color:var(--color-info, #0dcaf0)}.account-verification .alert h2,.account-verification .alert h3,.account-verification .alert h4,.account-verification .alert h5{margin-top:0;margin-bottom:.5rem;font-size:18px}.account-verification .alert p{margin-bottom:0;line-height:1.5}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.account-verification .verify-email-form{padding:0 1rem}.account-verification .verify-email-form .form__field .input{font-size:14px;padding:10px 40px 10px 0}.account-verification .verify-email-form .form__actions .btn:before{font-size:16px}.account-verification .alert{padding:.875rem 1rem;font-size:14px}.account-verification .alert .email-not-found{padding:1.5rem .5rem}.account-verification .alert .email-not-found .error-icon svg{width:40px;height:40px}.account-verification .alert .email-not-found .error-content .error-email{font-size:18px}.account-verification .alert .email-not-found .error-content .error-message{font-size:14px}.account-verification .alert .email-not-found .error-content .register-btn{padding:10px 24px;font-size:14px}}.account-verification .alert:focus{outline:2px solid var(--color-primary, #007bff);outline-offset:2px}@media (prefers-contrast: high){.account-verification .verify-email-form .input{border-width:2px}.account-verification .verify-email-form .input.input--error{border-width:3px}.account-verification .alert{border-width:2px;font-weight:500}}@media (prefers-reduced-motion: reduce){.account-verification .verify-email-form .input,.account-verification .verify-email-form .btn,.account-verification .verify-email-form .form__field-error,.account-verification .alert{transition:none;animation:none}@keyframes spin{0%,to{transform:rotate(0)}}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/email-verification.css.map */
