.cx-toggle{font-family:var(--font-sans);color:var(--fg1);background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;outline:none;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:14px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.cx-toggle:hover{background:var(--gray-100)}.cx-toggle:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-purple) 24%, transparent)}.cx-toggle[data-pressed]{background:var(--cx-highlight-bg);color:var(--cx-highlight-fg);border-color:#0000}.cx-toggle[data-disabled]{opacity:.5;cursor:not-allowed}.cx-togglegroup{isolation:isolate;background:color-mix(in srgb, var(--brand-ink) 4%, var(--surface-sunken));border-radius:var(--radius-full);gap:4px;padding:4px;display:inline-flex;position:relative}.cx-togglegroup-indicator{z-index:0;border-radius:var(--radius-full);background:var(--surface-raised);box-shadow:var(--shadow-xs);pointer-events:none;transition:transform .28s cubic-bezier(.22,1,.36,1),width .28s cubic-bezier(.22,1,.36,1);position:absolute;left:0}.cx-togglegroup .cx-toggle{z-index:1;background:0 0;border:none;padding:7px 16px;position:relative}.cx-togglegroup .cx-toggle:not([data-pressed]):hover{background:#0000000d}.cx-togglegroup .cx-toggle[data-pressed]{color:var(--fg1);box-shadow:none;background:0 0}@media (prefers-reduced-motion:reduce){.cx-togglegroup-indicator{transition:none}}.cx-togglegroup-fluid{width:100%;display:flex}.cx-togglegroup-fluid .cx-toggle{flex:1;min-width:0}