body{width:100%;background-color:#f0f8ff;padding:0;margin:0}.unselectable{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}#app{width:100%;min-height:100vh;height:auto}#app svg{width:100%;height:100vh}#hitareas{z-index:100;position:absolute;width:100vw;height:100vh;top:0;left:0}#hitareas .hitarea{position:absolute;background-color:rgba(255,0,0,.3)}#selected-measure{z-index:102;position:absolute;background-color:rgba(0,200,200,.1);display:none}#selected-measure #measure-number{width:100%}#selection{z-index:101;background-color:rgba(0,0,200,.1)}#selected-bars,#selection{position:absolute;display:none}#selected-bars{z-index:100;top:0}#selected-bars .bar{background-color:rgba(0,0,200,.1);position:absolute}#playhead{position:absolute;background-color:rgba(255,0,0,.3)}#controls{height:110px;background-color:rgba(0,0,0,.3)}.debug{position:absolute;background-color:rgba(255,0,127,.3);animation-duration:1s}.fadeOut{animation-name:fadeOutAnim}@-moz-keyframes fadeOutAnim{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeOutAnim{0%{opacity:1}to{opacity:0}}@-o-keyframes fadeOutAnim{0%{opacity:1}to{opacity:0}}@keyframes fadeOutAnim{0%{opacity:1}to{opacity:0}}