.ds-toggle{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--toggle-gap);height:var(--toggle-h);padding:var(--sp-0) var(--toggle-pad-x);border:var(--bw-0);border-radius:var(--toggle-radius);background:var(--c-toggle-bg);color:var(--c-toggle-text);box-shadow:var(--sh-toggle);font:inherit;font-size:var(--toggle-fs);font-weight:var(--fw-medium);line-height:var(--lh-solid);cursor:pointer;transition:background var(--t-control) var(--ease), color var(--t-control) var(--ease), box-shadow var(--t-control) var(--ease);display:inline-flex}.ds-toggle.short{width:var(--toggle-h);padding:var(--sp-0)}.ds-toggle:hover{box-shadow:var(--sh-toggle-hover)}.ds-toggle:active{box-shadow:var(--sh-toggle-pressed)}.ds-toggle:focus-visible{outline:var(--bw-2) solid var(--c-toggle-focus);outline-offset:var(--control-focus-offset);box-shadow:var(--sh-toggle-focus)}.ds-toggle[data-state=on]{background:var(--c-toggle-on-bg);color:var(--c-toggle-on-text);box-shadow:var(--sh-toggle-on)}.ds-toggle-content{justify-content:center;align-items:center;gap:var(--toggle-gap);min-width:var(--sp-0);display:inline-flex}.ds-toggle-content :where(svg){width:var(--icon-button);height:var(--icon-button);flex-shrink:0}@media (prefers-reduced-motion:reduce){.ds-toggle{transition:none}}