.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(--space-2);width:max-content;padding:0 var(--gutter);display:flex}.pill{height:44px;padding:0 var(--space-4);border-radius:var(--pill);background:var(--surface);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(--surface-hover)}.pill[aria-current=page]{background:var(--ink);color:var(--page)}@media (width>=1024px){.pills{display:none}}