.hl-switch{position:relative;display:inline-block;box-sizing:content-box;width:2em;height:1em;font-size:1.5rem;background-color:rgba(120,120,128,.16);border:1px solid rgba(0,0,0,.1);border-radius:1em;cursor:pointer;-webkit-transition:background-color .3s;transition:background-color .3s}.hl-switch__node{position:absolute;top:0;left:0;width:1em;height:1em;background-color:#fff;border-radius:100%;box-shadow:0 .15rem .05rem 0 rgba(0,0,0,.05),0 .1rem .1rem 0 rgba(0,0,0,.1),0 .15rem .15rem 0 rgba(0,0,0,.05);-webkit-transition:-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:transform .3s cubic-bezier(.3,1.05,.4,1.05),-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05)}.hl-switch__loading{top:25%;left:25%;width:50%;height:50%;line-height:1}.hl-switch--on{background-color:#0078ff}.hl-switch--on .hl-switch__node{-webkit-transform:translateX(1em);transform:translateX(1em)}.hl-switch--on .hl-switch__loading{color:#0078ff}.hl-switch--disabled{cursor:not-allowed;opacity:.5}.hl-switch--loading{cursor:default}