.input.svelte-8ff5h4{width:100%;font-family:var(--font-body);font-size:var(--field-font-size);color:var(--field-fg);transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out)}.input.svelte-8ff5h4::placeholder{color:var(--field-placeholder)}.input--outline.svelte-8ff5h4{padding:var(--field-padding-y) var(--input-end-room) var(--field-padding-y) var(--field-padding-x);border:var(--border-1) solid var(--field-border);border-radius:var(--field-radius);background:var(--field-bg)}.input--filled.svelte-8ff5h4{padding:var(--space-px-11) var(--input-end-room) var(--space-px-11) var(--field-padding-x);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(--field-focus-ring);outline-offset:var(--focus-ring-offset);border-color:var(--field-focus-border)}.input--filled.svelte-8ff5h4:focus{background:var(--field-filled-focus-bg)}.input.svelte-8ff5h4:focus-visible{outline:var(--focus-ring-width) solid var(--field-focus-ring);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(--field-hover-border)}}.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(--field-danger)}