.switch-container{align-items:center;display:flex}.switch-container.right{flex-direction:row-reverse;justify-content:flex-end}.switch-container[aria-disabled=true] .switch-label{cursor:default}.switch-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--neutral-color-3);cursor:pointer;flex-shrink:0;height:1em;position:relative;transition-duration:var(--transition-duration-1);transition-property:background-color;width:1.75em}.switch-input,.switch-input:after{border-radius:var(--border-radius-pill)}.switch-input:after{background-color:var(--neutral-color-1);box-shadow:var(--shadow-material-2dp);content:"";display:block;height:.75em;left:.125em;position:absolute;top:.125em;transform:translate(0);transition:transform var(--transition-duration-1);width:.75em}.switch-input:checked{background-color:var(--blue-light-color)}.switch-input:checked:after{transform:translate(100%)}@media(hover:hover){.switch-input:hover:not(:disabled){background-color:var(--neutral-color-4)}.switch-input:hover:not(:disabled):checked{background-color:var(--blue-dark-color)}}.switch-input:active:not(:disabled){background-color:var(--neutral-color-5)}.switch-input:focus-visible{outline:var(--outline-focus)}.switch-input:disabled{background-color:var(--neutral-color-5);cursor:default}.switch-label{font-size:.75rem;font-weight:var(--font-weight-bold);text-transform:uppercase}.right .switch-label{margin-left:8px}.left .switch-label{margin-right:8px}