.app-switch[data-v-8defe293]{align-items:center;cursor:pointer;display:inline-block;display:flex;font-size:2rem;position:relative;transition:all .3s}.app-switch__ball[data-v-8defe293]{background-color:var(--white);border-radius:100%;transition:all .5s}.app-switch__input[data-v-8defe293]{opacity:0;position:absolute}.app-switch--md[data-v-8defe293]{border-radius:1em;height:2.6rem;width:5.2rem}.app-switch--md .app-switch__ball[data-v-8defe293]{height:1.8rem;transform:translate(.4rem);width:1.8rem}.app-switch--md .app-switch__input:checked+.app-switch__ball[data-v-8defe293]{transform:translate(3rem)}.app-switch--sm[data-v-8defe293]{border-radius:1em;height:1.6rem;width:3.2rem}.app-switch--sm .app-switch__ball[data-v-8defe293]{height:1.2rem;transform:translate(.2rem);width:1.2rem}.app-switch--sm .app-switch__input:checked+.app-switch__ball[data-v-8defe293]{transform:translate(1.8rem)}.app-switch--theme[data-v-8defe293]{background-color:var(--gray-2);border-radius:1em;height:2.3rem;width:5rem}.app-switch--theme .app-switch--active[data-v-8defe293]{background-color:var(--gray)}.app-switch--theme .app-switch__ball[data-v-8defe293]{height:1.7rem;transform:translate(.3rem);width:1.7rem}.app-switch--theme .app-switch__input:checked+.app-switch__ball[data-v-8defe293]{transform:translate(3rem)}.app-switch--theme .app-switch__icon-night[data-v-8defe293]{left:.3rem;position:absolute;top:.3}.app-switch--theme .app-switch__icon-clear[data-v-8defe293]{position:absolute;right:.3rem;top:.3}html.dark-mode .app-switch--theme[data-v-8defe293]{background-color:var(--gray-light);border-color:var(--blue)}html.dark-mode .app-switch--theme--active[data-v-8defe293]{background-color:var(--gray-3)}html.dark-mode .app-switch--theme__ball[data-v-8defe293]{background-color:var(--gray)}[data-v-8defe293] html.dark-mode .app-switch--theme{background-color:var(--gray-light);border-color:var(--blue)}[data-v-8defe293] html.dark-mode .app-switch--theme--active{background-color:var(--gray-3)}[data-v-8defe293] html.dark-mode .app-switch--theme__ball{background-color:var(--gray)}.app-switch--disabled[data-v-8defe293]{cursor:auto}.app-switch--red[data-v-8defe293]{background-color:var(--gray-light)}.app-switch--red.app-switch--active[data-v-8defe293],html.dark-mode .app-switch--red.app-switch--active[data-v-8defe293],[data-v-8defe293] html.dark-mode .app-switch--red.app-switch--active{background-color:var(--red)}