.ui-search-field.svelte-1kd4mac{border:1px solid rgb(var(--ds-border-strong));border-radius:var(--ds-radius-md);background:rgb(var(--ds-elevated));min-width:0;height:40px;color:rgb(var(--ds-foreground));transition:border-color var(--motion-fast) ease;align-items:center;display:flex;position:relative}.ui-search-field.svelte-1kd4mac:hover,.ui-search-field[data-state~=hover].svelte-1kd4mac{border-color:rgb(var(--ds-foreground) / .4)}.ui-search-field.svelte-1kd4mac:focus-within,.ui-search-field[data-state~=focus].svelte-1kd4mac{outline:2px solid rgb(var(--ds-brand-400));outline-offset:2px}.ui-search-field--lg.svelte-1kd4mac{height:calc(var(--ds-space-48) + var(--ds-space-8));border-radius:var(--ds-radius-lg);background:rgb(var(--ds-surface));border-width:2px}.ui-search-field--lg.svelte-1kd4mac:focus-within,.ui-search-field--lg[data-state~=focus].svelte-1kd4mac{border-color:rgb(var(--ds-foreground))}.ui-search-field__label.svelte-1kd4mac{flex:1;align-self:stretch;min-width:0;display:flex}.ui-search-field__name.svelte-1kd4mac{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ui-search-field__input.svelte-1kd4mac{min-width:0;padding-inline:var(--ds-space-12) 0;color:inherit;font:inherit;font-size:var(--ds-text-body-md);background:0 0;border:0;outline:none;flex:1}.ui-search-field--lg.svelte-1kd4mac .ui-search-field__input:where(.svelte-1kd4mac){font-size:var(--ds-text-body-lg);padding-inline-start:var(--ds-space-16)}.ui-search-field__input.svelte-1kd4mac::placeholder{color:rgb(var(--ds-foreground-muted))}.ui-search-field__input.svelte-1kd4mac::-webkit-search-cancel-button{appearance:none}.ui-search-field__clear.svelte-1kd4mac{flex-shrink:0;display:flex}.ui-search-field__submit.svelte-1kd4mac{width:40px;color:rgb(var(--ds-foreground-muted));cursor:pointer;background:0 0;border:0;flex-shrink:0;align-self:stretch;place-items:center;display:inline-grid}.ui-search-field--lg.svelte-1kd4mac .ui-search-field__submit:where(.svelte-1kd4mac){width:var(--ds-space-48)}.ui-search-field__submit.svelte-1kd4mac:hover{color:rgb(var(--ds-foreground))}.ui-search-field__submit.svelte-1kd4mac:focus-visible{border-radius:var(--ds-radius-sm);outline:2px solid rgb(var(--ds-brand-400));outline-offset:-4px}@media (prefers-reduced-motion:reduce){.ui-search-field.svelte-1kd4mac{transition:none}}
