.SearchInput.svelte-p8on6n{position:relative;display:flex;align-items:center}.SearchInput.svelte-p8on6n .icon:where(.svelte-p8on6n){position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--muted-fg);pointer-events:none;line-height:0}.SearchInput.svelte-p8on6n .input:where(.svelte-p8on6n){width:100%;height:2.5rem;padding:0 var(--space-10) 0 calc(var(--space-3) + 1.125rem + var(--space-2));background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--text-sm);outline:none;transition:border-color var(--duration-fast) var(--ease-default)}.SearchInput.svelte-p8on6n .input:where(.svelte-p8on6n)::-moz-placeholder{color:var(--muted-fg)}.SearchInput.svelte-p8on6n .input:where(.svelte-p8on6n)::placeholder{color:var(--muted-fg)}.SearchInput.svelte-p8on6n .input:where(.svelte-p8on6n):focus{border-color:var(--primary);box-shadow:0 0 0 .1875rem #a855f726}.SearchInput.svelte-p8on6n .clear:where(.svelte-p8on6n){position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--muted-fg);cursor:pointer}.SearchInput.svelte-p8on6n .clear:where(.svelte-p8on6n):hover{background:var(--surface-hover);color:var(--foreground)}