.switch-box{display:flex;height:50px;font-size:16px;align-items:center;background-color:#fff}.switch-box span{display:block;padding-right:5px}.switch-box.left{justify-content:flex-start}.switch-box.right{justify-content:space-between}.md-switch{box-sizing:border-box;position:relative;width:40px;height:24px;border-radius:24px;background-color:#e2e4ea}.md-switch.disabled{opacity:.3}.md-switch:after,.md-switch:before{content:"";position:absolute;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.md-switch:before{top:0;left:0;width:40px;height:24px;border-radius:12px;background-color:#e2e4ea}.md-switch:after{top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%}.md-switch.active{background-color:#2f86f6}.md-switch.active:before{-webkit-transform:scale(0);transform:scale(0)}.md-switch.active:after{-webkit-transform:translateX(16px);transform:translateX(16px)}