.io-segmented-buttons{--segmented-buttons-active-ink:var(--io-color-genome-magenta-dark);align-items:center;gap:var(--io-spacing-2);padding:var(--io-spacing-2);border:var(--io-border-width-hairline) solid var(--io-surface-sunken);border-radius:var(--io-border-radius-full);background:var(--io-surface-secondary);display:inline-flex;position:relative}[data-theme=dark] .io-segmented-buttons{--segmented-buttons-active-ink:var(--io-color-genome-magenta-base)}.io-segmented-buttons__thumb{background:var(--io-surface-layer-01);border-radius:var(--io-border-radius-full);box-shadow:var(--io-shadow-sm);pointer-events:none;transition:transform var(--io-motion-duration-fast) var(--io-motion-easing-standard), width var(--io-motion-duration-fast) var(--io-motion-easing-standard), height var(--io-motion-duration-fast) var(--io-motion-easing-standard);position:absolute;inset-block-start:0;inset-inline-start:0}.io-segmented-buttons__thumb[data-hidden]{display:none}.io-segmented-buttons__item{z-index:1;appearance:none;padding-block:var(--io-spacing-2);padding-inline:var(--io-spacing-8);border-radius:var(--io-border-radius-full);color:var(--io-text-muted);cursor:pointer;white-space:nowrap;transition:color var(--io-motion-duration-instant) var(--io-motion-easing-standard);background:0 0;border:0;position:relative}.io-segmented-buttons__item[aria-selected=true]{color:var(--segmented-buttons-active-ink)}.io-segmented-buttons__item:focus-visible{outline:var(--io-border-width-thin) solid var(--io-border-focus);outline-offset:2px}.io-segmented-buttons__item:disabled{opacity:var(--io-opacity-40);cursor:not-allowed}.io-segmented-buttons__label{font-family:var(--io-font-primary);font-size:var(--io-type-size-caption);line-height:var(--io-type-line-caption);font-weight:var(--io-type-weight-caption);letter-spacing:var(--io-type-letter-eyebrow);text-transform:var(--io-type-case-eyebrow);color:inherit}@container (max-width:360px){.io-segmented-buttons{inline-size:100%;max-inline-size:100%;display:flex;overflow-x:auto}.io-segmented-buttons__item{flex:1 0 auto}}@media (prefers-reduced-motion:reduce){.io-segmented-buttons__thumb,.io-segmented-buttons__item{transition:none}}@media (forced-colors:active){.io-segmented-buttons__item[aria-selected=true]{color:highlighttext;background:highlight}}