.g-switch{--g-switch-width: 55px;--g-switch-height: 24px;--g-switch-track-bg-color: rgb(163 163 163);--g-switch-track-bg-color--checked: rgb(61 184 255);--g-switch-thumb-bg-color: rgb(53 54 65);--g-switch-thumb-bg-color--checked: var(--g-switch-thumb-bg-color);--g-switch-thumb-gap: 2px;--g-switch-thumb-size: calc(var(--g-switch-height) - calc(var(--g-switch-thumb-gap) * 2));--g-switch-duration: .2s;--g-checkbox-size: var(--g-switch-height)}.g-switch .track{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;align-items:center;width:var(--g-switch-width);height:var(--g-switch-height);background-color:var(--g-switch-track-bg-color);transition:background-color var(--g-switch-duration);transition-timing-function:var(--g-switch-easing);will-change:background-color}.g-switch .track .flex-spacer{transition:flex var(--g-switch-duration);transition-timing-function:var(--g-switch-easing);will-change:flex}.g-switch .track .thumb{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:var(--g-switch-thumb-size);height:var(--g-switch-thumb-size);margin:var(--g-switch-thumb-gap);background-color:var(--g-switch-thumb-bg-color);transition:background-color var(--g-switch-duration);transition-timing-function:var(--g-switch-easing)}.g-switch .track .thumb.rounded,.g-switch .track.rounded{border-radius:9999px}.g-switch .track.checked{background-color:var(--g-switch-track-bg-color--checked)}.g-switch .track.checked .flex-spacer{flex:1}.g-switch .track.checked .thumb{background-color:var(--g-switch-thumb-bg-color--checked)}.g-switch .track.indeterminate{background-color:var(--g-switch-track-bg-color--indeterminate, var(--g-switch-track-bg-color))}.g-switch .track.indeterminate .flex-spacer{flex:.5}.g-switch .track.indeterminate .thumb{background-color:var(--g-switch-thumb-bg-color--indeterminate, var(--g-switch-thumb-bg-color))}.g-switch input:focus-visible+.track{outline:1px solid black}