.switch[data-v-b882991d]{background:linear-gradient(to bottom right,#5f30e2 20%,#8f90a6);border-radius:5px;box-shadow:0 5px 8px #5f30e29c;cursor:pointer;height:40px;position:relative;width:40px}.switch input[data-v-b882991d]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:1}.switch div[data-v-b882991d]{height:80%;margin:10%;position:absolute;width:80%}.switch span[data-v-b882991d]{background:#93ff94;border-radius:5px;display:block;height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .5s,width .5s;width:100%}.switch .line-1[data-v-b882991d]{transform:translate(-100%,-10px);transform-origin:0 0;width:50%}.switch .line-3[data-v-b882991d]{left:auto;right:0;transform:translateY(10px);transform-origin:100% 0;width:50%}input:checked+div span.line-1[data-v-b882991d]{transform:translate(0) rotate(-45deg)}input:checked+div span.line-3[data-v-b882991d]{transform:translate(-100%) rotate(-45deg)}input:checked+div span.line-2[data-v-b882991d]{transform:translate(-50%,-50%) rotate(45deg)}