.search-bar{width:100%;min-width:0;max-width:560px;margin:0}.search-bar__field{align-items:center;gap:var(--space-2);height:44px;padding:0 var(--space-3) 0 var(--space-4);border:1px solid var(--border-control);border-radius:var(--radius-md);background-color:var(--bg-sunken);color:var(--text-secondary);display:flex}.search-bar__field:focus-within{outline:2px solid var(--focus-ring);outline-offset:2px;background-color:var(--bg-raised)}.search-bar__field .search-bar__input{width:auto;min-width:0;height:100%;color:var(--text-primary);appearance:none;background:0 0;border:0;border-radius:0;outline:none;flex:1 1 0;padding:0;font-size:16px}.search-bar__input::-webkit-search-cancel-button{appearance:none;display:none}.search-bar__clear{padding:var(--space-1);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:0;flex:none;display:inline-flex}.search-bar__clear:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}