.search-input{width:100%;max-width:24rem;position:relative}.search-input__icon{left:var(--space-md);color:var(--color-text-muted);pointer-events:none;width:1em;height:1em;position:absolute;top:50%;transform:translateY(-50%)}.search-input__field{width:100%;padding:var(--space-sm) var(--space-md);padding-left:var(--space-2xl);padding-right:var(--space-2xl);font-size:var(--text-sm);color:var(--color-text);background-color:var(--color-surface);border:.0625rem solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.search-input__field::placeholder{color:var(--color-text-muted)}.search-input__field:focus{border-color:var(--color-primary);box-shadow:0 0 0 .1875rem var(--color-primary-light)}.search-input__field::-webkit-search-decoration{appearance:none;display:none}.search-input__field::-webkit-search-cancel-button{appearance:none;display:none}.search-input__field::-webkit-search-results-button{appearance:none;display:none}.search-input__field::-webkit-search-results-decoration{appearance:none;display:none}.search-input__clear{right:var(--space-sm);border-radius:var(--radius-full);width:1.5rem;height:1.5rem;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.search-input__clear:hover{background-color:var(--color-surface-muted);color:var(--color-text)}