.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);transition:border-color .15s ease-in-out;background-image:none;height:var(--form-switch-icons-track-height);width:calc(var(--form-switch-icons-track-height)*2);margin:0}.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{direction:ltr;justify-content:space-around;align-items:center;pointer-events:none;position:relative;display:flex;height:var(--form-switch-icons-track-height);width:calc(var(--form-switch-icons-track-height)*2)}.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);transition:transform .15s ease-in-out;border-radius:50%;position:absolute;height:var(--form-switch-icons-track-height);width:var(--form-switch-icons-track-height);left:0;top:0}.form-switch-icons__icon{transition:color .15s ease-in-out;position:relative;height:var(--form-switch-icons-icon-size);width:var(--form-switch-icons-icon-size);color:var(--ms-gray-400)}.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}}