.g-switch{position:relative}.g-switch__control{opacity:0;cursor:pointer}.g-switch__indicator{display:inline-block;position:relative}.g-switch__indicator:before{content:"";background-color:var(--g-color-base-generic-medium);transition:background .1s linear;position:absolute;inset:0}.g-switch__indicator:after{content:" ";visibility:hidden}.g-switch__slider{content:"";background-color:var(--g-color-base-background);border-radius:50%;transition:transform .15s ease-out;position:absolute}.g-switch__outline{pointer-events:none;background:0 0;width:100%;height:100%;position:absolute;inset-block-start:0;inset-inline-start:0}.g-switch__control:focus-visible+.g-switch__outline{outline:2px solid var(--g-color-line-focus)}.g-switch_size_m .g-switch__indicator,.g-switch_size_m .g-switch__indicator:before,.g-switch_size_m .g-switch__outline{border-radius:10px;width:36px;height:20px}.g-switch_size_m .g-switch__slider{width:16px;height:16px;inset-block-start:2px;inset-inline-start:2px}.g-switch_size_m .g-switch__text{margin-block-start:3px}.g-switch_size_l .g-switch__indicator,.g-switch_size_l .g-switch__indicator:before,.g-switch_size_l .g-switch__outline{border-radius:12px;width:42px;height:24px}.g-switch_size_l .g-switch__slider{width:18px;height:18px;inset-block-start:3px;inset-inline-start:3px}.g-switch_size_l .g-switch__text{margin-block-start:4px}.g-switch:hover .g-switch__indicator:before{background-color:var(--g-color-base-generic-medium-hover)}.g-switch_checked .g-switch__slider{--_--translate-x:calc(100%*var(--g-flow-direction));transform:translateX(var(--_--translate-x))}.g-switch_checked .g-switch__indicator:before,.g-switch_checked:hover .g-switch__indicator:before{background-color:var(--g-color-base-brand)}.g-switch_disabled .g-switch__indicator:before{background-color:var(--g-color-base-generic-accent-disabled)}.g-switch_disabled.g-switch_checked .g-switch__indicator:before{background-color:var(--g-color-base-brand);opacity:.5}