.search-box{border:1px solid var(--border);border-radius:var(--radius-control);width:320px;height:36px;color:var(--muted);align-items:center;gap:8px;padding:0 6px 0 10px;display:flex}.search-box svg{flex:none;width:16px;height:16px}.search-box:focus-within{border-color:var(--link)}.search-box input{width:auto;min-width:0;font-size:var(--fs-secondary);appearance:none;background:0 0;border:0;border-radius:0;flex:1;padding:0}.search-box input:focus-visible{outline:none}.search-box input::placeholder{color:color-mix(in srgb, var(--text) 40%, transparent)}.search-box input::-webkit-search-cancel-button{display:none}.search-box kbd{border:1px solid color-mix(in srgb, var(--text) 20%, transparent);color:var(--muted);font:12px var(--font-mono);border-radius:4px;padding:0 5px}.search-box--clearable:focus-within kbd{display:none}.search-box--clearable:has(.search-box__clear) kbd{display:none}.search-box__clear{width:24px;height:24px;color:var(--muted);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.search-box__clear svg{width:14px;height:14px}@media (width<=760px){.search-box__clear{width:36px;height:36px;margin-right:-2px}}