.af-form{background:#fff;border:0;border-radius:18px;flex-direction:column;gap:14px;padding:20px;display:flex;box-shadow:0 1px 2px #0a0a0a0a}.dark .af-form{box-shadow:none;background:#171717}.af-input{color:#0a0a0a;background:#fff;border:1px solid #e5e5e5;border-radius:12px;width:100%;height:44px;padding:10px 14px;font-size:16px;line-height:1.35}.dark .af-input{color:#f5f5f5;background:#171717;border-color:#262626}.af-input::placeholder{color:#a3a3a3}.af-input:focus-visible{outline-offset:2px;outline:2px solid #0a0a0a}.dark .af-input:focus-visible{outline-color:#f5f5f5}.af-input--error{border-color:#dc2626}.af-input--pw{padding-right:44px}.af-input--mono{letter-spacing:-.01em;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:13px}.af-icon-field{position:relative}.af-leading{color:#a3a3a3;pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.dark .af-leading{color:#737373}.af-input--icon{padding-left:42px}.af-password{align-items:center;display:flex;position:relative}.af-password .af-leading{z-index:1;left:12px}.af-toggle{color:#737373;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;min-width:36px;min-height:36px;display:inline-flex;position:absolute;right:8px}.af-toggle:hover{color:#0a0a0a}.dark .af-toggle{color:#a3a3a3}.dark .af-toggle:hover{color:#f5f5f5}.af-submit{color:#fff;cursor:pointer;background:#0a0a0a;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 22px;font-size:15px;font-weight:600;transition:transform .12s,background-color .12s;display:inline-flex}.af-submit:hover:not(:disabled){background:#262626}.dark .af-submit{color:#0a0a0a;background:#f5f5f5}.dark .af-submit:hover:not(:disabled){background:#e5e5e5}.af-submit:active{transform:scale(.985)}.af-submit:disabled{opacity:.55;cursor:not-allowed}.af-spinner{border:2px solid;border-top-color:#0000;border-radius:999px;width:16px;height:16px;animation:.7s linear infinite af-spin}@keyframes af-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.af-spinner{animation:none}.af-submit:active{transform:none}}
