.wrapper[data-v-8fb81a1c]{opacity:0;transition:opacity .3s .3s}.box[data-v-8fb81a1c]{border:1px solid #d3d3d3;border-radius:5000px;box-shadow:0 8px 24px #969ea633;cursor:pointer;height:300px;padding:20px;transition:background-color .3s ease;width:800px}.on[data-v-8fb81a1c]{background-color:#01f74f;background-color:color(display-p3 0 1 0)}.off[data-v-8fb81a1c]{background-color:#f5f5f5}.circle[data-v-8fb81a1c]{background-color:#fff;border:1px solid #d3d3d3;border-radius:5000px;box-shadow:0 2px 8px #63636333;height:100%;transition:margin-left .3s ease;width:50%}.circle.on[data-v-8fb81a1c]{margin-left:50%}@media (max-width:768px){.box[data-v-8fb81a1c]{height:100px;padding:10px;width:300px}}