.segment-button{width:100%;max-width:calc(1420px + var(--page-padding)*2);padding:0 var(--page-padding);scrollbar-width:none;justify-content:flex-start;margin:0 auto;padding-block:16px;display:flex;overflow:auto hidden}.segment-button::-webkit-scrollbar{display:none}.segment-button__track{background-color:#d8d8d840;border-radius:38px;flex-shrink:0;gap:6px;min-height:48px;margin-inline:auto;padding:6px;display:inline-flex;position:relative}.segment-button__indicator{z-index:0;will-change:transform,width;background-color:#fff;border-radius:0;transition:transform .32s,width .32s,border-start-start-radius .12s .16s,border-start-end-radius .12s .16s,border-end-end-radius .12s .16s,border-end-start-radius .12s .16s;display:block;position:absolute;top:6px;bottom:6px;left:0}.segment-button__indicator--is-first{border-start-start-radius:38px;border-end-start-radius:38px}.segment-button__indicator--is-last{border-start-end-radius:38px;border-end-end-radius:38px}.segment-button__segment{z-index:1;appearance:none;min-width:250px;min-height:36px;color:var(--color-text);cursor:pointer;font:inherit;letter-spacing:0;white-space:nowrap;background-color:#d8d8d826;border:0;border-radius:0;justify-content:center;align-items:center;padding:7px 18px;font-size:18px;font-weight:500;line-height:1.2;text-decoration:none;transition:background-color .24s,color .24s;display:inline-flex;position:relative}.segment-button__segment:focus-visible,.segment-button__segment:hover{background-color:#d8d8d838}.segment-button__segment:focus-visible{outline-offset:3px;outline:2px solid #fff}.segment-button__segment--is-active{color:var(--body-background,#222);background-color:#0000}.segment-button__segment--is-first{border-start-start-radius:38px;border-end-start-radius:38px}.segment-button__segment--is-last{border-start-end-radius:38px;border-end-end-radius:38px}.segment-button__label{text-overflow:ellipsis;opacity:.72;transition:opacity .24s;display:block;overflow:hidden}.segment-button__segment--is-active .segment-button__label{opacity:1}@media (prefers-reduced-motion:reduce){.segment-button__indicator,.segment-button__label,.segment-button__segment{transition:none}}
