body .trem-canvas{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:auto;width:100%;height:auto;overflow:scroll}body .trem-canvas canvas{width:70%;height:auto}body .trem-canvas ul{width:30%}body .trem-canvas ul li{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;margin:1em auto}body .trem-canvas ul li i{color:#fff;margin:auto 1em}body .trem-canvas ul li input{margin:auto .5em;width:3em}body .trem-canvas ul li button{margin:0;width:0;padding:0;background:none;border:none}body .trem-canvas ul li button i{margin:0}body .trem-canvas ul li button i:hover{cursor:pointer}body .toggle{position:absolute;top:1em;left:1em;display:inline-block;width:40px;height:60px;background-color:#bbb;border-radius:4px;text-align:center}body .toggle input{width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;cursor:pointer;opacity:0;filter:alpha(opacity=0)}body .toggle label{display:block;position:absolute;top:1px;right:1px;bottom:1px;left:1px;background-image:linear-gradient(top,#fff,#ddd 50%,#fff 0,#eee);box-shadow:0 2px 3px rgba(0,0,0,.4),inset 0 -1px 1px #888,inset 0 -5px 1px #bbb,inset 0 -6px 0 #fff;border-radius:3px;font-family:FontAwesome;color:#666;text-shadow:0 1px 0 #fff;cursor:text}body .toggle label:before{content:attr(data-off);position:absolute;top:6px;right:0;left:0;z-index:3}body .toggle label:after{content:attr(data-on);position:absolute;right:0;bottom:11px;left:0;color:#666;text-shadow:0 -1px 0 #eee}body .toggle input:checked+label{background-image:linear-gradient(top,#eee,#ccc 50%,#fff 0,#eee);box-shadow:0 0 1px rgba(0,0,0,.4),inset 0 1px 7px -1px #ccc,inset 0 5px 1px #fafafa,inset 0 6px 0 #fff}body .toggle input:checked:hover+label{box-shadow:0 1px 3px rgba(0,0,0,.4),inset 0 1px 7px -1px #ccc,inset 0 5px 1px #fafafa,inset 0 6px 0 #fff}body .toggle input:checked+label:before{z-index:1;top:11px}body .toggle input:checked+label:after{bottom:9px;color:#aaa;text-shadow:none;z-index:3}
/*# sourceMappingURL=style.css.map */