vue-dark-mode-switch.css

.toggleWrapper input[data-v-53a5133a]{display:none}.toggle[data-v-53a5133a]{cursor:pointer;display:inline-block;position:relative;width:45px;height:25px;background-color:#83d8ff;border-radius:84px;transition:background-color .2s cubic-bezier(.445,.05,.55,.95)}.toggle[data-v-53a5133a]:before{position:absolute;left:-25px;top:7px;font-size:9px}.toggle[data-v-53a5133a]:after{position:absolute;right:-24px;top:7px;font-size:9px;color:#749ed7}.toggle__handler[data-v-53a5133a]{display:inline-block;position:relative;z-index:1;top:1px;left:1px;width:22px;height:22px;background-color:#ffcf96;border-radius:50px;box-shadow:0 2px 6px rgba(0,0,0,.3);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);transform:rotate(-45deg)}.toggle__handler .crater[data-v-53a5133a]{position:absolute;background-color:#e8cda5;opacity:0;transition:opacity .2s ease-in-out;border-radius:100%}.toggle__handler .crater--1[data-v-53a5133a]{top:9px;left:5px;width:2px;height:2px}.toggle__handler .crater--2[data-v-53a5133a]{top:14px;left:11px;width:3px;height:3px}.toggle__handler .crater--3[data-v-53a5133a]{top:5px;left:13px;width:4px;height:4px}.star[data-v-53a5133a]{position:absolute;background-color:#f8faff;transition:all .3s cubic-bezier(.445,.05,.55,.95);border-radius:50%}.star--1[data-v-53a5133a]{top:5px;left:17px;z-index:0;width:15px;height:1px}.star--2[data-v-53a5133a]{top:9px;left:14px;z-index:1;width:15px;height:1px}.star--3[data-v-53a5133a]{top:14px;left:20px;z-index:0;width:15px;height:1px}.star--4[data-v-53a5133a],.star--5[data-v-53a5133a],.star--6[data-v-53a5133a]{opacity:0;transition:all .3s cubic-bezier(.445,.05,.55,.95) 0}.star--4[data-v-53a5133a]{top:8px;left:6px}.star--4[data-v-53a5133a],.star--5[data-v-53a5133a]{z-index:0;width:1px;height:1px;transform:translate3d(1px,0,0)}.star--5[data-v-53a5133a]{top:16px;left:8px}.star--6[data-v-53a5133a]{top:18px;left:14px;z-index:0;width:1px;height:.star--6 px;transform:translate3d(1px,0,0)}input:checked+.toggle[data-v-53a5133a]{background-color:#6b65a7}input:checked+.toggle[data-v-53a5133a]:before{color:#749ed7}input:checked+.toggle[data-v-53a5133a]:after{color:#f8faff}input:checked+.toggle .toggle__handler[data-v-53a5133a]{background-color:#ffe5b5;transform:translate3d(20px,0,0) rotate(0)}input:checked+.toggle .toggle__handler .crater[data-v-53a5133a]{opacity:1}input:checked+.toggle .star--1[data-v-53a5133a]{width:1px;height:1px}input:checked+.toggle .star--2[data-v-53a5133a]{width:2px;height:2px;transform:translate3d(-2px,0,0)}input:checked+.toggle .star--3[data-v-53a5133a]{width:1px;height:1px;transform:translate3d(-3px,0,0)}input:checked+.toggle .star--4[data-v-53a5133a],input:checked+.toggle .star--5[data-v-53a5133a],input:checked+.toggle .star--6[data-v-53a5133a]{opacity:1;transform:translateZ(0)}input:checked+.toggle .star--4[data-v-53a5133a]{transition:all .3s cubic-bezier(.445,.05,.55,.95) .2s}input:checked+.toggle .star--5[data-v-53a5133a]{transition:all .3s cubic-bezier(.445,.05,.55,.95) .3s}input:checked+.toggle .star--6[data-v-53a5133a]{transition:all .3s cubic-bezier(.445,.05,.55,.95) .4s}