.wrap.svelte-1w0y4uv{position:relative;display:block;width:100%;max-width:min(560px,100%);transition:max-width var(--duration-normal) var(--ease-out)}.wrap.compact.svelte-1w0y4uv{max-width:100%}.wrap.focused.svelte-1w0y4uv:not(.compact){max-width:min(680px,100%)}.icon.svelte-1w0y4uv{position:absolute;left:14px;top:50%;width:16px;height:16px;transform:translateY(-50%);color:var(--muted);pointer-events:none;transition:color var(--duration-fast) ease}.focused.svelte-1w0y4uv .icon:where(.svelte-1w0y4uv){color:var(--accent)}.search.svelte-1w0y4uv{width:100%;height:var(--touch);padding:0 40px;background:var(--fill);color:var(--text);border:1px solid transparent;border-radius:var(--radius-full);font-size:15px;transition:background var(--duration-fast) ease}.compact.svelte-1w0y4uv .search:where(.svelte-1w0y4uv){font-size:14px}.search.svelte-1w0y4uv::placeholder{color:var(--muted)}.search.svelte-1w0y4uv:focus{outline:none;background:var(--fill-strong)}.wrap.svelte-1w0y4uv:hover .search:where(.svelte-1w0y4uv){background:var(--fill-strong)}.clear.svelte-1w0y4uv{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}.clear.svelte-1w0y4uv:hover{background:color-mix(in srgb,var(--text) 10%,transparent);color:var(--text)}.clear.svelte-1w0y4uv svg:where(.svelte-1w0y4uv){width:14px;height:14px}