.switch-ui{margin-top:5px;font-family:Lato}.switch-ui input{display:none}.switch-ui .switch-ui--control{color:#fff9;white-space:nowrap;background:#0000004d;border:1px solid #fff;border-radius:.75em;width:4em;padding-bottom:.1em;line-height:1.5em;transition:all .5s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 0 5px #0000004d}.switch-ui .switch-ui--control span{background:#fff9;border-radius:50%;width:1em;height:1em;transition:all .5s;display:block;position:absolute;top:.3em;left:.25em;box-shadow:inset 1px 1px 1px #0000004d}.switch-ui .switch-ui--control:before,.switch-ui .switch-ui--control:after{width:2.5em;margin:0 0 0 .5em;transition:transform .5s;display:inline-block;transform:translate(-100%)}.switch-ui .switch-ui--control:before{content:attr(data-text-on);text-align:left}.switch-ui .switch-ui--control:after{content:attr(data-text-off);text-align:right}.switch-ui input:checked+.switch-ui--control{color:#fff;background:#57bb00;box-shadow:0 0 5px #b7ff27cc}.switch-ui input:checked+.switch-ui--control:before,.switch-ui input:checked+.switch-ui--control:after{transform:translate(0)}.switch-ui input:checked+.switch-ui--control span{background:#fff;top:.25em;left:2.65em}
