.switch[data-v-7f0af058]{display:inline-block;height:var(--switcher-height);vertical-align:middle;width:var(--switcher-width)}.switch.disabled[data-v-7f0af058]{opacity:.3;pointer-events:none}.switch.disabled .toggle[data-v-7f0af058]:checked{background:#d8d8d8}.switch .toggle[data-v-7f0af058]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--off-bg);border-radius:20px;cursor:pointer;height:100%;position:relative;transition:background .3s;width:100%}.switch .toggle[data-v-7f0af058]:before{background:var(--off-circle-bg);border-radius:50%;content:"";height:var(--circle-radius);left:var(--vertical-spacing);position:absolute;top:50%;transform:translateY(-50%);transition:left .3s,background .3s;width:var(--circle-radius)}.switch .toggle[data-v-7f0af058]:checked{background:var(--on-bg)}.switch .toggle[data-v-7f0af058]:checked:before{background:var(--on-circle-bg);left:calc(var(--switcher-width) - var(--circle-radius) - var(--vertical-spacing))}