.search-input-root{align-items:center;gap:var(--space-2);background:var(--bg-input);border-radius:var(--radius-md);padding-inline:var(--space-3);border:1px solid #0000;min-width:0;transition:border-color .2s,box-shadow .2s;display:flex}.search-input-root:focus-within{border-color:var(--accent-cyan);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-cyan) 25%, transparent)}.search-input--sm{min-height:32px}.search-input--md{min-height:40px}.search-input-icon{color:var(--text-tertiary);flex-shrink:0}.search-input-field{min-width:0;color:var(--text-primary);font-size:var(--text-sm);padding-block:var(--space-2);background:0 0;border:none;outline:none;flex:1}.search-input-field::placeholder{color:var(--text-secondary);text-overflow:ellipsis}.search-input-field::-webkit-search-cancel-button{appearance:none}.search-input-field::-webkit-search-decoration{appearance:none}.search-input-field::-webkit-search-results-button{appearance:none}.search-input-field::-webkit-search-results-decoration{appearance:none}.search-input-spinner{color:var(--accent-cyan);flex-shrink:0;animation:.8s linear infinite search-input-spin}@keyframes search-input-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){@keyframes search-input-spin{to{transform:none}}}.search-input-clear{border-radius:var(--radius-full);color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.search-input-clear:hover{color:var(--text-primary);background:var(--surface-3)}