.switch-toggle{background:none;border:none;cursor:default;display:inline-block;font-size:inherit;line-height:1;margin:1rem 0 0 1rem;padding:0.5rem 0;position:relative;text-align:left;transition:box-shadow .2s ease-in-out;width:4.4rem;height:3rem}.switch-toggle:focus{outline:none}.switch-toggle:active{color:inherit}.switch-toggle span::before,.switch-toggle span::after{border:0.1rem solid var(--c-dark-grey);content:"";position:absolute;top:50%;transform:translateY(-50%)}.switch-toggle span::after{background:var(--c-mid-grey);border-color:var(--c-mid-grey);border-radius:100%;height:1.75rem;right:2.2rem;transition:right 0.1825s ease-in-out, background 0.2s ease-in-out;width:1.75rem}.switch-toggle span::before{background:var(--c-lighter-grey);border-radius:1.75rem;height:2.4rem;right:0.25rem;transition:background 0.2s ease-in-out;width:4rem}.switch-toggle span:focus::before,.switch-toggle span:hover::before{background-color:var(--c-light-grey)}.switch-toggle:not([data-keep-disabled]):hover span::before,.switch-toggle:not([data-keep-disabled]):focus span::before{outline:0.1rem solid var(--c-primary);outline-offset:0.2rem}.switch-toggle[aria-checked="true"] span::after{background:var(--c-primary);right:0.5rem}.switch-toggle[disabled] span,.switch-toggle[aria-disabled="true"] span{opacity:0.65}@media screen and (-ms-high-contrast: active){.switch-toggle span::after{background-color:windowText}}