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