.search-input{align-items:center;display:inline-flex;position:relative}.search-input__icon{pointer-events:none;color:var(--color-text-muted);align-items:center;display:inline-flex;position:absolute;left:.625rem}.search-input__icon svg{width:1rem;height:1rem}.search-input__field{width:100%;height:var(--control-height-md);background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-control);box-shadow:var(--shadow-control);font-size:var(--font-size-sm);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:0 .75rem 0 2.25rem}.search-input__field--clearable{padding-right:2rem}@media (width<=767px),(pointer:coarse){.search-input__field{height:auto;min-height:2.75rem}}@media (width<=767px){.search-input__field{font-size:1rem}}.search-input__field::placeholder{color:var(--color-text-muted)}.search-input__field:focus{border-color:var(--color-focus-ring);box-shadow:0 0 0 2px var(--color-focus-ring-soft);outline:none}.search-input__clear{border-radius:var(--radius-md);color:var(--color-text-muted);transition:color var(--transition-fast), background-color var(--transition-fast);justify-content:center;align-items:center;padding:.25rem;display:inline-flex;position:absolute;right:.5rem}.search-input__clear:hover{color:var(--color-text);background:var(--color-surface-hover)}.search-input__clear svg{width:.875rem;height:.875rem}