.pill-switch{display:inline-flex;align-items:center;gap:var(--size-60);box-sizing:border-box;padding:var(--size-60) var(--spacing-120);border-radius:var(--radius-circular);border:1px solid var(--pill-stroke-2-rest);background:transparent;color:var(--fg-neutral-2-rest);font-family:var(--font-family-base);font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);font-weight:var(--font-weight-body-1);cursor:pointer;user-select:none;white-space:nowrap;text-align:start;transition:background var(--anim-hover),border-color var(--anim-hover),color var(--anim-hover)}.pill-switch-label{display:inline-block;padding-bottom:2px}.pill-switch-icon{flex-shrink:0;width:var(--icon-size-sm);height:var(--icon-size-sm);color:var(--fg-neutral-3-rest);display:none}.pill-switch--icon .pill-switch-icon{display:inline-flex;align-items:center;justify-content:center}.pill-switch-icon>.fluent-icon{width:100%;height:100%}.pill-switch-icon>.fluent-icon.icon-filled{display:none}.pill-switch--selected .pill-switch-icon>.fluent-icon.icon-rest{display:none}.pill-switch--selected .pill-switch-icon>.fluent-icon.icon-filled{display:inline-flex}.pill-switch--selected .pill-switch-icon>.fluent-icon.icon-filled svg path{fill:var(--fg-brand-compound-rest)!important}.pill-switch--selected:hover:not(:disabled) .pill-switch-icon>.fluent-icon.icon-filled svg path{fill:var(--fg-brand-compound-hover)!important}.pill-switch--selected:active:not(:disabled) .pill-switch-icon>.fluent-icon.icon-filled svg path{fill:var(--fg-brand-compound-pressed)!important}.pill-switch:hover:not(.pill-switch--selected):not(:disabled){background:var(--button-background-2-hover);border-color:var(--pill-stroke-2-hover);color:var(--fg-neutral-2-hover)}.pill-switch:hover:not(.pill-switch--selected):not(:disabled) .pill-switch-icon{color:var(--fg-neutral-2-hover)}.pill-switch:active:not(.pill-switch--selected):not(:disabled){background:var(--button-background-2-pressed);border-color:var(--pill-stroke-2-pressed);color:var(--fg-neutral-2-pressed)}.pill-switch:active:not(.pill-switch--selected):not(:disabled) .pill-switch-icon{color:var(--fg-neutral-2-pressed)}.pill-switch--selected{background:var(--bg-neutral-7);border-color:var(--stroke-compound-brand-rest);color:var(--fg-neutral-2-selected);font-weight:var(--font-weight-body-1-strong)}.pill-switch--selected .pill-switch-icon{color:var(--fg-brand-compound-rest)}.pill-switch--selected:hover:not(:disabled){border-color:var(--stroke-compound-brand-hover)}.pill-switch--selected:hover:not(:disabled) .pill-switch-icon{color:var(--fg-brand-compound-hover)}.pill-switch--selected:active:not(:disabled){border-color:var(--stroke-compound-brand-pressed)}.pill-switch--selected:active:not(:disabled) .pill-switch-icon{color:var(--fg-brand-compound-pressed)}.pill-switch:disabled{background:transparent;border-color:var(--stroke-neutral-disabled-rest);color:var(--fg-neutral-disabled-1-rest);cursor:not-allowed}.pill-switch:disabled .pill-switch-icon{color:var(--fg-neutral-disabled-1-rest)}.pill-switch:focus-visible{outline:2px solid var(--stroke-focus-2);outline-offset:2px}@media (forced-colors: active){.pill-switch{border-width:2px}.pill-switch--selected{background:Highlight;color:HighlightText}.pill-switch--selected .pill-switch-icon{color:HighlightText}.pill-switch--selected .pill-switch-icon>.fluent-icon.icon-filled svg path{fill:HighlightText!important}}