.input.svelte-8ff5h4{width:100%;font-family:var(--font-body);font-size:var(--fs-input);color:var(--color-fg);transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out)}.input.svelte-8ff5h4::placeholder{color:var(--color-fg-muted)}.input--outline.svelte-8ff5h4{padding:var(--space-3) var(--space-px-14);border:var(--border-1) solid var(--color-border-soft);border-radius:var(--radius-sm);background:var(--color-surface)}.input--filled.svelte-8ff5h4{padding:var(--space-px-11) var(--space-px-14);border:var(--border-2) solid transparent;border-radius:var(--radius-md);background:var(--color-pill-bg)}.input.svelte-8ff5h4:focus{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-color:var(--color-fg)}.input--filled.svelte-8ff5h4:focus{background:var(--color-surface)}.input.svelte-8ff5h4:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.input.svelte-8ff5h4:disabled{opacity:.6;cursor:not-allowed}@media (hover:hover){.input.svelte-8ff5h4:not(.input--invalid,:disabled,[aria-disabled=true],:focus,[aria-invalid=true]):hover{border-color:var(--color-border-muted)}}.input.svelte-8ff5h4:disabled,.input[aria-disabled=true].svelte-8ff5h4{opacity:.6;cursor:not-allowed}.input--invalid.svelte-8ff5h4,.input[aria-invalid=true].svelte-8ff5h4{border-color:var(--color-accent)}