.seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:var(--radius-full);background:var(--seg-track,var(--surface-overlay));width:-moz-fit-content;width:fit-content;max-width:100%;justify-self:center}.seg--start{justify-self:start}.seg-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:0;padding:.35rem var(--space-4);border-radius:var(--radius-full);background:transparent;color:var(--seg-ink,var(--ink-secondary));font-family:var(--seg-font,inherit);font-size:var(--seg-size,.85rem);font-weight:500;line-height:1.4;transition:color var(--duration-fast,.15s) ease,background var(--duration-fast,.15s) ease}.seg-btn:hover{color:var(--seg-ink-hover,var(--ink-primary))}.seg-btn.is-on{background:var(--seg-fill,var(--accent));color:var(--seg-ink-on,var(--ink-on-colour))}.seg-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--seg-fill,var(--accent))}.seg-btn--marked{display:inline-flex;align-items:center;gap:var(--space-2)}@media (prefers-reduced-motion:reduce){.seg-btn{transition:none}}