.pills{margin:0 calc(var(--gutter) * -1);scrollbar-width:none;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000)}.pills::-webkit-scrollbar{display:none}.pills-track{gap:var(--chip-gap,var(--space-2));width:max-content;padding:0 var(--gutter);display:flex}.pill{height:44px;padding:0 var(--chip-pad,var(--space-4));border-radius:var(--chip-radius,var(--pill));background:var(--chip-bg,var(--surface));box-shadow:inset 0 0 0 1px var(--chip-line,transparent);color:var(--chip-ink,inherit);font-size:var(--text-subhead);letter-spacing:var(--track-subhead);white-space:nowrap;align-items:center;font-weight:400;transition:background-color .16s;display:inline-flex}.pill:focus-visible{outline-offset:-2px}.pill:hover{background:var(--chip-bg-hover,var(--surface-hover))}.pill[aria-current=page]{background:var(--chip-current-bg,var(--ink));color:var(--chip-current-ink,var(--page));box-shadow:inset 0 0 0 1px var(--chip-current-line,transparent);-webkit-text-decoration-line:var(--chip-current-underline,none);text-decoration-line:var(--chip-current-underline,none);text-underline-offset:6px;text-decoration-thickness:1px}@media (width>=1024px){.pills{display:none}}