.switch[data-v-9fd2bf6b]{--width-of-switch:3.5em;--height-of-switch:2em;--size-of-icon:1.4em;--slider-offset:.3em;height:var(--height-of-switch);position:relative;width:var(--width-of-switch)}.switch input[data-v-9fd2bf6b]{height:0;opacity:0;width:0}.slider[data-v-9fd2bf6b]{background-color:#f4f4f5;border-radius:30px;cursor:pointer;inset:0}.slider[data-v-9fd2bf6b],.slider[data-v-9fd2bf6b]:before{position:absolute;transition:.4s}.slider[data-v-9fd2bf6b]:before{background:linear-gradient(40deg,#ff0080,#ff8c00 70%);border-radius:20px;content:"";height:var(--size-of-icon,1.4em);left:var(--slider-offset,.3em);top:50%;transform:translateY(-50%);width:var(--size-of-icon,1.4em)}input:checked+.slider[data-v-9fd2bf6b]{background-color:#303136}input:checked+.slider[data-v-9fd2bf6b]:before{background:#303136;box-shadow:inset -3px -2px 5px -2px #8983f7,inset -10px -4px #a3dafb;left:calc(100% - var(--size-of-icon, 1.4em) - var(--slider-offset, .3em))}