.section-pills{--section-pills-h:44px;--section-pills-ink:#171c1f;--section-pills-soft:#73daa4;--section-pills-surface:#fff;--section-pills-hairline:rgba(23,28,31,0.14);--section-pills-ease:cubic-bezier(0.2,0.7,0.2,1);--section-pills-fade:24px;display:flex;flex-wrap:nowrap;align-items:center;gap:6px;min-width:0;padding:4px;margin:-4px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--section-pills-fade);scrollbar-width:none}.section-pills::-webkit-scrollbar{display:none}.section-pills[data-tone=light]{--section-pills-surface:#f6fafe}.section-pills[data-fade-end=true]{mask-image:linear-gradient(to right,#000 calc(100% - var(--section-pills-fade)),transparent)}.section-pills[data-fade-start=true]{mask-image:linear-gradient(to right,transparent,#000 var(--section-pills-fade))}.section-pills[data-fade-start=true][data-fade-end=true]{mask-image:linear-gradient(to right,transparent,#000 var(--section-pills-fade),#000 calc(100% - var(--section-pills-fade)),transparent)}.section-pills__pill{position:relative;flex:none;display:inline-flex;align-items:center;height:var(--section-pills-h);min-width:var(--section-pills-h);margin:0;padding:0 11px;border:1px solid var(--section-pills-hairline);border-radius:9999px;background:var(--section-pills-surface);color:var(--section-pills-ink);font:inherit;cursor:pointer;scroll-snap-align:start;transition:background-color .22s var(--section-pills-ease),border-color .22s var(--section-pills-ease),color .22s var(--section-pills-ease),padding .22s var(--section-pills-ease);-webkit-tap-highlight-color:transparent}.section-pills__pill:hover{border-color:rgba(23,28,31,.32)}.section-pills__pill:focus-visible{outline:2px solid #38a371;outline-offset:2px}.section-pills__pill[aria-selected=true]{max-width:calc(100% - 2 * var(--section-pills-fade));padding:0 16px 0 12px;border-color:var(--section-pills-ink);background:var(--section-pills-ink);color:#fff;cursor:default}.section-pills__icon{flex:none;display:block}.section-pills__reveal{display:grid;min-width:0;grid-template-columns:0fr;transition:grid-template-columns .22s var(--section-pills-ease)}.section-pills__pill[aria-selected=true] .section-pills__reveal{grid-template-columns:1fr}.section-pills__text{display:flex;align-items:baseline;gap:6px;min-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:opacity .16s ease}.section-pills__pill[aria-selected=true] .section-pills__text{opacity:1;transition-delay:60ms}.section-pills__number{flex:none;padding-left:9px;color:var(--section-pills-soft);font-family:var(--font-mono);font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums}.section-pills__label{min-width:0;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-body);font-size:.8125rem;font-weight:600;line-height:1.25rem}.section-pills[data-fit=wrap] .section-pills__text{white-space:normal}.section-pills[data-fit=wrap] .section-pills__icon{width:20px;opacity:1;transition:width .22s var(--section-pills-ease),opacity .12s ease}.section-pills[data-fit=wrap] .section-pills__pill[aria-selected=true]{padding:0 14px}.section-pills[data-fit=wrap] .section-pills__pill[aria-selected=true] .section-pills__icon{width:0;opacity:0}.section-pills[data-fit=wrap] .section-pills__pill[aria-selected=true] .section-pills__number{padding-left:0}.section-pills[data-fit=wrap] .section-pills__label{flex:none;display:-webkit-box;width:max-content;max-width:var(--section-pills-label-max,12rem);overflow:hidden;text-align:left;-webkit-box-orient:vertical;-webkit-line-clamp:var(--section-pills-label-lines,2);font-size:var(--section-pills-label-size,.75rem);line-height:var(--section-pills-label-leading,.9375rem)}.section-pills[data-fit=wrap] .section-pills__progress{left:14px;right:14px;bottom:3px}.section-pills__progress{position:absolute;left:18px;right:18px;bottom:7px;height:2px;border-radius:1px;background:var(--section-pills-soft);transform:scaleX(0);transform-origin:left center;animation:section-pills-progress var(--section-pills-progress,6s) linear forwards;pointer-events:none}@keyframes section-pills-progress{to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.section-pills__icon,.section-pills__pill,.section-pills__reveal,.section-pills__text{transition:none}.section-pills__progress{display:none}}