.sf-search-input{--sf-search-input-height:var(--space-36);--sf-search-input-radius:var(--radius-sm);--sf-search-input-icon-size:var(--icon-small);width:100%;height:var(--sf-search-input-height);align-items:center;gap:var(--space-8);border:var(--border-hairline) solid var(--color-border-default);border-radius:var(--sf-search-input-radius);padding:0 var(--space-12);background:0 0;transition:border-color .15s,box-shadow .15s;display:flex}.sf-search-input__icon{width:var(--sf-search-input-icon-size);height:var(--sf-search-input-icon-size);color:var(--color-text-secondary);pointer-events:none;flex-shrink:0}.sf-search-input__field{width:100%;min-width:0;height:100%;color:var(--color-text-primary);font:var(--text-input-m);background:0 0;border:0;outline:none;padding:0}.sf-search-input__field::placeholder{color:var(--color-text-muted)}.sf-search-input:focus-within{box-shadow:0 0 0 var(--border-hairline) var(--color-focus-ring)}.sf-search-input--small{--sf-search-input-height:var(--space-32);--sf-search-input-icon-size:var(--icon-small);gap:var(--space-4);padding:0 var(--space-8)}.sf-search-input--small .sf-search-input__field{font:var(--text-label-r)}