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