.form-switch-icons{--form-switch-icons-track-height:1.625rem;--form-switch-icons-icon-size:.75rem;align-items:center;display:inline-grid}@media (pointer:coarse){.form-switch-icons{--form-switch-icons-track-height:2rem}}.form-switch-icons>*{grid-area:1/1}.form-switch-icons .form-check-input{--form-switch-icons-border-color:var(--ms-gray-600);background-color:var(--ms-gray-700);border:1px solid var(--form-switch-icons-border-color);border-radius:var(--form-switch-icons-track-height);height:var(--form-switch-icons-track-height);width:calc(var(--form-switch-icons-track-height)*2);background-image:none;margin:0;transition:border-color .15s ease-in-out}.form-switch-icons .form-check-input:checked[type=checkbox]{background-color:var(--ms-gray-700);border:1px solid var(--form-switch-icons-border-color)}.form-switch-icons .form-check-input:hover{--form-switch-icons-border-color:rgba(var(--ms-white-rgb),.15)}.form-switch-icons .form-check-input:focus-visible{--form-switch-icons-border-color:var(--ms-cyan-500)}.form-switch-icons__states{pointer-events:none;height:var(--form-switch-icons-track-height);width:calc(var(--form-switch-icons-track-height)*2);direction:ltr;justify-content:space-around;align-items:center;display:flex;position:relative}.form-switch-icons__thumb{background-color:var(--ms-cyan-600);border-top-color:var(--ms-cyan-500);border:1px solid var(--ms-cyan-500);border-top-color:rgba(var(--ms-white-rgb),.2);height:var(--form-switch-icons-track-height);width:var(--form-switch-icons-track-height);border-radius:50%;transition:transform .15s ease-in-out;position:absolute;top:0;left:0}.form-switch-icons__icon{height:var(--form-switch-icons-icon-size);width:var(--form-switch-icons-icon-size);color:var(--ms-gray-400);transition:color .15s ease-in-out;position:relative}.form-switch-icons__icon--off{color:var(--ms-white)}.form-switch-icons:has(.form-check-input:checked) .form-switch-icons__thumb{transform:translate(100%)}.form-switch-icons:has(.form-check-input:checked) .form-switch-icons__icon--off{color:var(--ms-gray-400)}.form-switch-icons:has(.form-check-input:checked) .form-switch-icons__icon--on{color:var(--ms-white)}.form-switch-icons:has(.form-check-input:disabled) .form-switch-icons__states{opacity:.5}@media (prefers-reduced-motion:reduce){.form-switch-icons .form-check-input,.form-switch-icons .form-switch-icons__icon,.form-switch-icons .form-switch-icons__thumb{transition:none}}