.afdl-login-wrap.svelte-mpjjar{display:grid;place-items:center;min-height:calc(100vh - 72px);padding:clamp(1.5rem,6vw,3rem) 1rem}.afdl-login-card.svelte-mpjjar{width:100%;max-width:440px;display:grid;gap:1.5rem;padding:clamp(1.5rem,5vw,2.25rem);border-radius:1.25rem;background:rgb(var(--color-surface-50) / 1);border:1px solid rgb(var(--color-surface-200) / .8);box-shadow:0 1px 2px #0f172a0a,0 20px 50px -20px #0f172a2e}[data-theme=dark] .afdl-login-card.svelte-mpjjar,.dark .afdl-login-card.svelte-mpjjar{background:rgb(var(--color-surface-900) / .85);border-color:rgb(var(--color-surface-700) / .6);box-shadow:0 1px 2px #0006,0 20px 50px -20px #0009}.afdl-login-card__head.svelte-mpjjar{display:flex;flex-direction:column;align-items:center;gap:.875rem}.afdl-login-card__error.svelte-mpjjar{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem .9rem;border-radius:.625rem;background:rgb(var(--color-error-500) / .1);border:1px solid rgb(var(--color-error-500) / .3);color:rgb(var(--color-error-700) / 1);font-size:.85rem;font-weight:600}[data-theme=dark] .afdl-login-card__error.svelte-mpjjar,.dark .afdl-login-card__error.svelte-mpjjar{color:rgb(var(--color-error-400) / 1)}.afdl-login-field.svelte-mpjjar{display:grid;gap:.4rem}.afdl-login-field__label.svelte-mpjjar{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--color-surface-700) / 1)}[data-theme=dark] .afdl-login-field__label.svelte-mpjjar,.dark .afdl-login-field__label.svelte-mpjjar{color:rgb(var(--color-surface-300) / 1)}.afdl-login-pw.svelte-mpjjar{position:relative}.afdl-login-pw__toggle.svelte-mpjjar{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);background:transparent;border:0;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-primary-700) / 1);cursor:pointer;padding:4px 6px;border-radius:4px}[data-theme=dark] .afdl-login-pw__toggle.svelte-mpjjar,.dark .afdl-login-pw__toggle.svelte-mpjjar{color:rgb(var(--color-primary-300) / 1)}.afdl-login-pw__toggle.svelte-mpjjar:hover{background:rgb(var(--color-primary-500) / .1)}