.yun-switch{width:44px;height:24px;position:relative}.yun-switch-checkbox{position:absolute;left:0;top:0;opacity:0;z-index:1}.yun-switch-checkbox,.yun-switch-inner{width:100%;height:100%}.yun-switch-inner:before{content:"";width:100%;height:18px;margin-top:3px;display:block;position:absolute;background:hsla(0,0%,81%,.58);border-radius:24px}.yun-switch-inner:after{content:"";position:absolute;width:24px;height:24px;background:#c0c1c9;border-radius:50%}.yun-switch-checkbox:checked+.yun-switch-inner:before{background:rgba(67,187,252,.33)}.yun-switch-checkbox:checked+.yun-switch-inner:after{background:#44bbfc;right:0}