.switch[data-v-196c18de]{position:relative;display:inline-block;width:90px;height:34px}.switch input[data-v-196c18de]{display:none}.slider[data-v-196c18de]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#3e7cb1;transition:.4s;border:1px solid #ccc}.slider[data-v-196c18de]:before{position:absolute;content:attr(data-content) " ";height:28px;width:45px;left:2px;bottom:2px;background-color:#fff;transition:.4s}input:checked+.slider[data-v-196c18de]{background-color:#3e7cb1}input:focus+.slider[data-v-196c18de]{box-shadow:0 0 1px #3e7cb1}input:checked+.slider[data-v-196c18de]:before{transform:translateX(39px)}.toggle-off[data-v-196c18de]{top:50%;left:15%;margin-left:10px}.toggle-on[data-v-196c18de]{top:50%;left:50%;margin-left:20px}.toggle-off[data-v-196c18de],.toggle-on[data-v-196c18de]{color:#3e7cb1;position:absolute;transform:translate(-50%,-50%);font-size:10px;font-family:inherit}.active:checked+.slider .toggle-on[data-v-196c18de],.inactive+.slider .toggle-off[data-v-196c18de]{color:#3e7cb1!important}.slider.round[data-v-196c18de]{border-radius:50px}.slider.round[data-v-196c18de]:before{border-radius:15px}.mode[data-v-12c1b03a]{background-color:#d3d3d3;padding:1rem;margin-bottom:1rem}@media(prefers-color-scheme:light){.mode[data-v-12c1b03a]{background-color:#fff;color:red}}@media(prefers-color-scheme:dark){.mode[data-v-12c1b03a]{background-color:#2f4f4f;color:#fff;font-weight:600}}