.ap-seg{background:var(--ap-fill);border-radius:10px;gap:2px;padding:2px;display:inline-flex}.ap-seg>:is(button,a){height:32px;color:var(--ap-label);font:400 14px/1 var(--ap-font-text);letter-spacing:-.016em;cursor:pointer;white-space:nowrap;transition:background var(--ap-dur-fast) var(--ap-ease);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 16px;text-decoration:none;display:inline-flex}.ap-seg>:is([aria-checked=true],[aria-current=page]){background:var(--ap-ink);color:var(--ap-on-ink);font-weight:600}.ap-seg--fill{width:100%;display:flex}.ap-seg--fill>*{flex:1 1 0;min-width:0}.ap-seg--pill,.ap-seg--pill>:is(button,a){border-radius:var(--ap-r-pill)}@media (max-width:734px){.ap-seg{scrollbar-width:none;border-radius:12px;gap:0;max-width:100%;overflow-x:auto}.ap-seg::-webkit-scrollbar{display:none}.ap-seg>:is(button,a){letter-spacing:-.012em;background-clip:padding-box;border:1px solid #0000;border-radius:10px;flex:1 0 auto;height:40px;padding:0 14px;font-size:15px}.ap-seg--fill>:is(button,a){flex:1 1 0}.ap-seg--pill,.ap-seg--pill>:is(button,a){border-radius:var(--ap-r-pill)}}@media (prefers-reduced-motion:reduce){.ap-seg>:is(button,a){transition:none}}
