.ds-input.svelte-8ff5h4{background:var(--surface-2);border:1px solid #0000;border-radius:10px;align-items:center;width:100%;transition:border-color .12s,background .12s;display:inline-flex;position:relative}.ds-input.svelte-8ff5h4:focus-within{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}.ds-input.svelte-8ff5h4 input:where(.svelte-8ff5h4){min-width:0;padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);color:var(--text);background:0 0;border:none;outline:none;flex:1;width:100%;font-size:.95rem;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}.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;border-radius:6px;justify-content:center;align-items:center;margin-right:.35rem;font-size:1.1rem;line-height:1;display:inline-flex}.clear.svelte-8ff5h4:hover{background:var(--border);color:var(--text)}