body[data-v-2f76250e]{margin:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}label[data-v-2f76250e]{width:60px;height:30px;margin-top:15px;position:relative;display:block;background:#ebebeb;border-radius:200px;box-shadow:inset 0 5px 15px rgba(0,0,0,.4),inset 0 -5px 15px hsla(0,0%,100%,.4);cursor:pointer;transition:.3s}label[data-v-2f76250e]:after{content:"";width:30px;height:30px;position:absolute;top:0;left:0;background:linear-gradient(180deg,#ffcc89,#d8860b);border-radius:180px;box-shadow:0 5px 10px rgba(0,0,0,.2);transition:.3s}label svg[data-v-2f76250e]{position:absolute;width:30px;top:0;z-index:100}label svg.sun[data-v-2f76250e]{left:0;fill:#fff;transition:.3s}label svg.moon[data-v-2f76250e]{left:30px;fill:#7e7e7e;transition:.3s;opacity:0}input[data-v-2f76250e]{width:0;height:0;visibility:hidden}input:checked+label[data-v-2f76250e]{background:#242424}input:checked+label[data-v-2f76250e]:after{left:60px;transform:translateX(-100%);background:linear-gradient(180deg,#777,#3a3a3a)}input:checked+label svg.sun[data-v-2f76250e]{fill:#7e7e7e;opacity:0}input:checked+label svg.moon[data-v-2f76250e]{fill:#fff;opacity:1}input:checked+label+.background[data-v-2f76250e]{background:#242424}input[data-v-2f76250e]:active:after{width:30px}.background[data-v-2f76250e]{width:100vw;height:100vh;background:#fff;z-index:-1;position:absolute;transition:.3s}.dark-mode[data-v-2f76250e]{background-color:#333;color:#fff}