.ds-input.svelte-8ff5h4{background:var(--surface-2);box-sizing:border-box;border:1px solid #0000;border-radius:10px;align-items:center;width:100%;min-height:2.25rem;transition:background .12s;display:inline-flex;position:relative}.ds-input.svelte-8ff5h4:focus-within{background:var(--surface-3)}.ds-input.svelte-8ff5h4 input:where(.svelte-8ff5h4){min-width:0;padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);font-size:var(--font-sm);color:var(--text);background:0 0;border:none;outline:none;flex:1;width:100%;font-weight:400;line-height:1}.ds-input.svelte-8ff5h4 input:where(.svelte-8ff5h4)::placeholder{color:var(--text-muted)}.ds-input.has-leading.svelte-8ff5h4 input:where(.svelte-8ff5h4){padding-left:0}.ds-input.has-trailing.svelte-8ff5h4 input:where(.svelte-8ff5h4){padding-right:0}.ds-input.lg.svelte-8ff5h4{border-radius:999px}.ds-input.lg.svelte-8ff5h4 input:where(.svelte-8ff5h4){padding:var(--space-md) var(--space-lg);font-size:var(--font-md)}.ds-input.lg.svelte-8ff5h4 .slot:where(.svelte-8ff5h4){padding:0 var(--space-md)}.slot.svelte-8ff5h4{padding:0 var(--space-sm);color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.slot.svelte-8ff5h4 svg{width:1em;height:1em}.clear.svelte-8ff5h4{all:unset;width:1.5rem;height:1.5rem;color:var(--text-muted);cursor:pointer;font-size:var(--font-lg);border-radius:8px;justify-content:center;align-items:center;margin-right:.35rem;line-height:1;display:inline-flex}.clear.svelte-8ff5h4:hover{background:var(--border);color:var(--text)}