.chips{display:flex;flex-wrap:wrap;gap:0.4rem;align-items:center;margin-block:var(--space-3) var(--space-4)}.chip{display:inline-flex;align-items:center;gap:0.4rem;min-block-size:2.25rem;padding:0.3rem 0.9rem;border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--bg-elevated);color:var(--text);font-size:var(--text-sm);font-weight:550;text-decoration:none;white-space:nowrap;transition:border-color var(--transition-fast),background var(--transition-fast)}.chip:hover{border-color:var(--text);color:var(--text)}.chip.is-on{background:var(--text);border-color:var(--text);color:var(--bg-elevated)}.chip-toggle.is-on::before{content:"";inline-size:0.55em;block-size:0.3em;border-inline-start:2px solid currentColor;border-block-end:2px solid currentColor;transform:translateY(-0.12em) rotate(-45deg)}.chip-sep{inline-size:1px;block-size:1.5rem;background:var(--border-strong);margin-inline:0.2rem}@media (max-width:720px){.chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-block:var(--space-2) var(--space-3);margin-inline:calc(-1 * var(--gutter));padding:0.15rem var(--gutter);scroll-padding-inline:var(--gutter);--fade-dir:to right;mask-image:linear-gradient(var(--fade-dir),transparent 0,black var(--gutter),black calc(100% - 2.5rem),transparent)}:dir(rtl) .chips{--fade-dir:to left}.chips::-webkit-scrollbar{display:none}.chip{flex:none}}@media (max-width:767px){.chip{min-block-size:2.75rem}}