.ui-segmented-control{display:flex;flex-wrap:wrap;gap:8px}.ui-segmented-control--compact{position:relative;flex-wrap:nowrap;gap:2px;padding:2px;border:1px solid var(--atlas-line);border-radius:var(--atlas-radius-full,9999px);background:var(--atlas-surface-3,var(--atlas-surface-2));isolation:isolate}.ui-segmented-control__thumb{position:absolute;top:2px;bottom:2px;left:0;z-index:0;border-radius:var(--atlas-radius-full,9999px);background:var(--atlas-surface-elevated,var(--atlas-surface));box-shadow:var(--atlas-shadow-1,0 1px 2px rgba(0,0,0,.25)),0 0 0 1px color-mix(in srgb,var(--atlas-line) 80%,transparent);pointer-events:none;opacity:0;will-change:transform,width}.ui-segmented-control__thumb.is-ready{opacity:1;transition:transform var(--atlas-motion-slow,.28s) var(--atlas-ease,cubic-bezier(.2,.6,.2,1)),width var(--atlas-motion-slow,.28s) var(--atlas-ease,cubic-bezier(.2,.6,.2,1)),opacity var(--atlas-motion-fast,.12s) var(--atlas-ease,cubic-bezier(.2,.6,.2,1))}.ui-segmented-control--compact .ui-segmented-control__chip{position:relative;z-index:1;min-height:26px;padding:4px 11px;border:none;border-radius:var(--atlas-radius-full,9999px);background:transparent;font-size:12px;font-weight:500;color:var(--atlas-ink-muted);box-shadow:none;transition:color var(--atlas-motion-base,.18s) var(--atlas-ease,cubic-bezier(.2,.6,.2,1)),background var(--atlas-motion-fast,.12s) var(--atlas-ease,cubic-bezier(.2,.6,.2,1))}.ui-segmented-control--compact .ui-segmented-control__chip.is-active,.ui-segmented-control--compact .ui-segmented-control__chip:hover:not(.is-active):not(:disabled){color:var(--atlas-ink);background:transparent;border-color:transparent}.ui-segmented-control--compact .ui-segmented-control__chip.is-active{font-weight:600;box-shadow:none}.ui-segmented-control--compact .ui-segmented-control__chip:focus-visible{box-shadow:var(--atlas-ring-focus)}.ui-segmented-control__chip{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 14px;border:1px solid var(--atlas-line);border-radius:var(--atlas-radius-full,9999px);background:var(--atlas-surface);color:var(--atlas-ink-muted);font-size:13px;font-weight:500;line-height:1.2;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background var(--atlas-motion-fast,.16s) var(--atlas-ease,ease),color var(--atlas-motion-fast,.16s) var(--atlas-ease,ease),border-color var(--atlas-motion-fast,.16s) var(--atlas-ease,ease),box-shadow var(--atlas-motion-fast,.16s) var(--atlas-ease,ease)}.ui-segmented-control__chip:hover:not(.is-active):not(:disabled){color:var(--atlas-ink);background:var(--atlas-surface-2);border-color:color-mix(in srgb,var(--atlas-brand) 20%,var(--atlas-line))}.ui-segmented-control__chip.is-active{color:var(--atlas-brand-on,#fff);background:var(--atlas-brand);border-color:transparent;font-weight:600}.ui-segmented-control__chip:focus-visible{outline:none;box-shadow:var(--atlas-ring-focus)}.ui-segmented-control__chip:disabled{opacity:.5;cursor:not-allowed}@media (max-width:480px){.ui-segmented-control__chip{min-height:40px;padding:10px 16px}.ui-segmented-control--compact .ui-segmented-control__chip{min-height:28px;padding:5px 12px}}@media (prefers-reduced-motion:reduce){.ui-segmented-control__chip,.ui-segmented-control__thumb,.ui-segmented-control__thumb.is-ready{transition:none!important}}