.live-demo{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.widget{border-radius:2px;}
.tap-target{width:100%;max-width:741px;height:100%;padding:10px;text-align:center;color:#fff;background-color:#29e;cursor:pointer;transition:all 0.3s;}
.tap-target.switch-bg{background-color:#d9534f;}
.tap-target.large{-webkit-transform:scale(1.25) translate(57px, 0);transform:scale(1.25) translate(57px, 0);}
.rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.dropzone{background-color:#ccc;border:dashed 4px transparent;padding:50px 0;width:150px;transition:background-color 0.3s;text-align:center;display:inline-block;position:relative;left:486px;xxxxxxxxxxxxxz-index:-0;margin-bottom:10px;border-radius:2px;}
.drop-active{border-color:#aaa;}
.drop-target{background-color:#29e;border-color:#fff;border-style:solid;}
.drag-drop{display:inline-block;min-width:40px;padding:2em 0.5em;color:#fff;background-color:#29e;border:solid 2px #fff;-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px);transition:background-color 0.3s;width:100px;text-align:center;border-radius:2px;z-index:1;position:absolute;}
.drag-drop.can-drop{color:#000;}
.middle-click-widget {
display: inline-block;
width: 100%;
max-width: 741px;
padding: 10px 0;
text-align: center;
vertical-align: middle;
color: #fff;
background-color: #29e;
margin-bottom: 10px;
cursor: pointer;
transition: all 0.3s;
}