.segmented-tabs{border-radius:var(--ui-radius-button);background:var(--ui-nav);align-self:flex-start;gap:2px;width:-moz-fit-content;width:fit-content;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.segmented-tabs[data-fade=end]{-webkit-mask-image:linear-gradient(to right, currentColor calc(100% - var(--space-8)), transparent);mask-image:linear-gradient(to right, currentColor calc(100% - var(--space-8)), transparent)}.segmented-tabs[data-fade=start]{-webkit-mask-image:linear-gradient(to left, currentColor calc(100% - var(--space-8)), transparent);mask-image:linear-gradient(to left, currentColor calc(100% - var(--space-8)), transparent)}.segmented-tabs[data-fade=both]{-webkit-mask-image:linear-gradient(to right, transparent, currentColor var(--space-8), currentColor calc(100% - var(--space-8)), transparent);mask-image:linear-gradient(to right, transparent, currentColor var(--space-8), currentColor calc(100% - var(--space-8)), transparent)}.segmented-tabs__tab{border-radius:var(--ui-radius-button);color:var(--ui-secondary);font:var(--ui-semibold) var(--ui-meta) var(--ui-font);white-space:nowrap;cursor:pointer;transition:color var(--ui-duration-fast) var(--ui-ease);background:0 0;border:none;align-items:center;gap:7px;padding:6px 13px;display:inline-flex}.segmented-tabs__tab:hover:not(:disabled){color:var(--ui-ink)}.segmented-tabs__tab--active{background:var(--ui-nav-active);color:var(--ui-ink);box-shadow:var(--ui-nav-active-shadow);transition:none}@media (prefers-reduced-motion:reduce){.segmented-tabs__tab{transition:none}}.segmented-tabs__tab:focus-visible{outline:2px solid var(--ui-accent);outline-offset:-2px;color:var(--ui-ink)}.segmented-tabs--icons .segmented-tabs__tab{min-width:var(--ui-control-small);padding-inline:var(--space-2);justify-content:center}.segmented-tabs__count{border-radius:var(--ui-radius-full);background:var(--ui-accent);min-width:18px;color:var(--ui-on-accent);font:var(--ui-semibold) var(--ui-caption) var(--ui-font);line-height:var(--ui-leading-tight);font-variant-numeric:tabular-nums;text-align:center;padding:2px 6px}.segmented-tabs--spaced{margin-bottom:var(--space-6)}[data-uxtonic=atelier] .segmented-tabs__tab:focus-visible{outline:2px solid var(--ui-accent);outline-offset:-2px;border-radius:var(--ui-radius-button)}[data-uxtonic=atelier] .segmented-tabs__tab--active:focus-visible{box-shadow:var(--ui-nav-active-shadow)}.segmented-tabs.segmented-tabs--chips,.thuul-design .segmented-tabs.segmented-tabs--chips{gap:var(--space-2);background:0 0;border-radius:0;flex-wrap:wrap;padding:0;overflow:visible}.segmented-tabs--chips .segmented-tabs__tab,.thuul-design .segmented-tabs--chips .segmented-tabs__tab{min-height:var(--ui-control-height);padding-inline:var(--space-4);border-radius:var(--ui-radius-button);box-shadow:none;color:var(--ui-secondary);font-size:var(--ui-body);background:0 0;border:0}.segmented-tabs--chips .segmented-tabs__tab:hover:not(:-webkit-any(:disabled,.segmented-tabs__tab--active)){background:var(--ui-hover);color:var(--ui-ink)}.segmented-tabs--chips .segmented-tabs__tab:hover:not(:-moz-any(:disabled,.segmented-tabs__tab--active)){background:var(--ui-hover);color:var(--ui-ink)}.segmented-tabs--chips .segmented-tabs__tab:hover:not(:is(:disabled,.segmented-tabs__tab--active)){background:var(--ui-hover);color:var(--ui-ink)}.segmented-tabs--chips .segmented-tabs__tab--active,.thuul-design .segmented-tabs--chips .segmented-tabs__tab--active{background:var(--ui-ink);color:var(--ui-canvas);font-weight:var(--ui-semibold);box-shadow:none}[data-uxtonic=atelier] .segmented-tabs--chips .segmented-tabs__tab--active:focus-visible{background:var(--ui-ink);color:var(--ui-canvas);font-weight:var(--ui-semibold);box-shadow:none}@media (forced-colors:active){.segmented-tabs--chips .segmented-tabs__tab--active{outline:2px solid highlight}}