.skin-toggle{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-raised);align-items:center;gap:2px;padding:3px;display:inline-flex}.skin-toggle__btn{border-radius:var(--radius-pill);min-width:38px;min-height:38px;color:var(--fg-muted);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:background-color var(--duration-control) var(--ease-standard), color var(--duration-control) var(--ease-standard);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0 12px;line-height:1;display:inline-flex}.skin-toggle__btn:hover{color:var(--fg);background:var(--surface-sunken)}.skin-toggle__btn[aria-pressed=true]{color:var(--fg-inverse);background:var(--accent)}.skin-toggle__btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.skin-toggle__btn svg{flex:none}.skin-toggle--rail{border-radius:var(--radius-control);flex-direction:column;gap:2px;width:100%}.skin-toggle--rail .skin-toggle__btn{border-radius:var(--radius-sm);width:100%;min-height:40px;padding:0 8px;font-size:11px}.skin-toggle--bar .skin-toggle__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skin-toggle--bar .skin-toggle__btn{min-width:44px;padding:0 8px}.ms-mnav__skin .skin-toggle--bar .skin-toggle__label{clip-path:none;width:auto;height:auto;margin:0;position:static;overflow:visible}