.search-input{align-items:center;width:100%;max-width:400px;display:flex;position:relative}.search-input__icon{color:var(--color-text-tertiary);pointer-events:none;position:absolute;left:12px}.search-input__field{border:1px solid var(--color-border);width:100%;color:var(--color-text-primary);background:var(--color-surface);border-radius:6px;padding:8px 32px 8px 36px;font-size:.875rem;transition:border-color .15s}.search-input__field::placeholder{color:var(--color-text-tertiary)}.search-input__field:focus{border-color:var(--color-primary)}.search-input__clear{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.1rem;line-height:1;position:absolute;right:8px}.search-input__clear:hover{color:var(--color-text-primary)}