.switch[data-v-bfaee3d4]{height:40px;position:relative;width:100px}.switch input[data-v-bfaee3d4]{height:0;opacity:0;width:0}.slider[data-v-bfaee3d4]{background-color:var(--brand);border-radius:40px;bottom:0;cursor:pointer;left:0;padding:4px;position:absolute;right:0;top:0}.icon[data-v-bfaee3d4],.slider[data-v-bfaee3d4]{transition:.4s}.icon[data-v-bfaee3d4]{border-radius:50%;color:#fff;height:34px;opacity:.3;padding:6px;width:34px}.light-mode[data-v-bfaee3d4]{color:var(--white);opacity:1}.dark-mode[data-v-bfaee3d4]{color:var(--black);opacity:1}input:checked+.slider[data-v-bfaee3d4]:before{transform:translate(66px)}.slider.round[data-v-bfaee3d4]{border-radius:34px}.slider.round[data-v-bfaee3d4]:before{border-radius:50%}