.switch[data-v-c3b883a9]{--sw-switch-width:51px;--sw-switch-height:30px;--sw-toggle-offset:8px;width:var(--sw-switch-width);height:var(--sw-switch-height);z-index:0;display:inline-block;position:relative}.switch input[data-v-c3b883a9]{opacity:0;pointer-events:none;width:0;height:0}.slider[data-v-c3b883a9]{cursor:pointer;border-radius:var(--sw-switch-height);background-color:#ccc;transition:all .4s;position:absolute;inset:0}.slider[data-v-c3b883a9]:before{content:"";height:calc(var(--sw-switch-height) - var(--sw-toggle-offset));width:calc(var(--sw-switch-height) - var(--sw-toggle-offset));left:calc(var(--sw-toggle-offset)/2);bottom:calc(var(--sw-toggle-offset)/2);background-color:#fff;border-radius:50%;transition:all .24s;position:absolute}input:checked+.slider[data-v-c3b883a9]{background-color:#2ecc71}input:checked+.slider[data-v-c3b883a9]:before{transform:translateX(calc(100% - var(--sw-toggle-offset)/2))}