.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{appearance:none;background-color:var(--color-neutral-3);width:1.75em;height:1em;transition-property:background-color;transition-duration:var(--transition-duration-1);cursor:pointer;flex-shrink:0;position:relative}.switch-input,.switch-input:after{border-radius:var(--border-radius-pill)}.switch-input:after{content:"";background-color:var(--color-neutral-1);width:.75em;height:.75em;transition:transform var(--transition-duration-1);box-shadow:var(--shadow-material-2dp);display:block;position:absolute;top:.125em;left:.125em;transform:translate(0)}.switch-input:checked{background-color:var(--color-blue-light)}.switch-input:checked:after{transform:translate(100%)}@media (hover:hover){.switch-input:hover:not(:disabled){background-color:var(--color-neutral-4)}.switch-input:hover:not(:disabled):checked{background-color:var(--color-blue-dark)}}.switch-input:active:not(:disabled){background-color:var(--color-neutral-5)}.switch-input:focus-visible{outline:var(--outline-focus)}.switch-input:disabled{cursor:default;background-color:var(--color-neutral-5)}.switch-label{text-transform:uppercase;font-size:.75rem;font-weight:var(--font-weight-bold)}.right .switch-label{margin-left:8px}.left .switch-label{margin-right:8px}