.toggle-switch[data-v-ebde312f]{--height:25px;--width:50px;--bullet-size:24px;--bullet-transform:22px;cursor:pointer;display:inline-block;height:var(--height);position:relative;width:var(--width)}.form-group[data-v-ebde312f]{display:flex;gap:.5rem}.toggle-switch input[type=checkbox][data-v-ebde312f]{display:none}.toggle-switch-background[data-v-ebde312f]{background-color:#ddd;border-radius:20px;box-shadow:inset 0 0 0 2px #ccc;height:100%;left:0;position:absolute;top:0;transition:background-color .3s ease-in-out;width:100%}.toggle-switch-handle[data-v-ebde312f]{background-color:var(--surface-0);border-radius:50%;box-shadow:0 2px 5px #0003;height:var(--bullet-size);left:3px;position:absolute;top:.8px;transition:transform .3s ease-in-out;width:var(--bullet-size)}.toggle-switch[data-v-ebde312f]:before{color:#aaa;content:"";font-size:12px;font-weight:700;position:absolute;right:-35px;text-shadow:1px 1px var(--surface-f);top:-var(--height);transition:color .3s ease-in-out}.toggle-switch input[type=checkbox]:checked+.toggle-switch-handle[data-v-ebde312f]{box-shadow:0 2px 5px #0003,0 0 0 3px var(--color-primary)}.toggle-switch input[type=checkbox]:checked+.toggle-switch-background[data-v-ebde312f]{background-color:var(--color-primary)}.toggle-switch input[type=checkbox]:checked+.toggle-switch[data-v-ebde312f]:before{color:var(--color-primary);content:"On";right:-15px}.toggle-switch input[type=checkbox]:checked+.toggle-switch-background .toggle-switch-handle[data-v-ebde312f]{transform:translate(var(--bullet-transform))}