#content,body,html{height:100%;max-height:100%;font-family:'PT Sans',sans-serif}.loading-screen{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:0;bottom:0;left:0;right:0;z-index:1000000;background-color:rgba(0,0,0,.5);font-size:50px;color:#fff}.first-page,.workbench{height:100%;display:-ms-flexbox}.first-page{max-height:100%;display:-webkit-box;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.first-page .first-page-content{width:500px;background:#fff;border:2px solid #23539E}.first-page .first-page-content h1{font-size:22px;text-align:center;margin:0;padding:10px;background:#23539E;color:#fff;font-weight:400}.first-page .first-page-content .first-page-content{padding:10px}.first-page .first-page-content h2{font-size:18px;margin:0;padding-bottom:10px}.first-page .first-page-content .section{padding:10px 10px 0}.first-page .first-page-content input{padding-bottom:10px}.first-page .first-page-content p{font-size:14px;margin-top:0}button{border:none;padding:10px;margin-right:10px;background-color:#23539E;cursor:pointer;font-weight:700;color:#fff}button:disabled{background-color:#ccc}button.danger:not(:disabled){background-color:#c33}.workbench{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.workbench h1{font-size:25px;margin:0;cursor:pointer;padding-top:10px}.workbench h1 small{font-size:14px;font-weight:400}.workbench h2{font-size:18px;padding:10px 0;margin:0 0 10px}.workbench .left-menu{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:scroll;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:400px;background-color:#FFC178;padding:20px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.workbench .left-menu .run-selector{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.workbench .left-menu .run-selector .run-selector-item{cursor:pointer;padding:5px;font-size:14px;font-weight:700;-webkit-box-sizing:border-box;box-sizing:border-box}.workbench .left-menu .run-selector .run-selector-item.active{background-color:#EE9123}.workbench .left-menu .controls .control-button:hover,.workbench .left-menu .run-selector .run-selector-item:not(.active):hover{background-color:#FCAD4E}.workbench .left-menu .controls{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}.workbench .left-menu .controls .control-button{cursor:pointer;padding:5px;font-size:14px;font-weight:700;-webkit-box-sizing:border-box;box-sizing:border-box}.workbench .run-editor{overflow-x:hidden;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:20px}.workbench .run-editor .control-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:20px 0}.workbench .run-editor .sound-scale-label{display:block}.workbench .run-editor .sound-threshold-slider{width:300px}.workbench .run-editor .timeline{margin:0;padding:150px 20px 300px 10px;position:relative;overflow:scroll;border:2px solid #23539E}.workbench .run-editor .timeline .scales{position:relative;display:inline-block}.workbench .run-editor .timeline .scales:after{content:"";display:block;position:absolute;right:-300px;width:300px;height:1px}.workbench .run-editor .timeline .primary-scale{height:5px;background-color:#000;position:relative}.workbench .run-editor .timeline .sound-scale-group{white-space:nowrap}.workbench .run-editor .timeline .sound-scale-group h4{padding:5px 0;margin:0}.workbench .run-editor .timeline .sound-scale{position:relative}.workbench .run-editor .timeline .markers{height:20px;position:relative;z-index:2000}.workbench .run-editor .timeline .markers .marker-icon{position:absolute;top:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid red;cursor:pointer}.workbench .run-editor .timeline .markers .marker-info{position:absolute;z-index:1000;bottom:30px;left:10px;border:2px solid #23539E;background:#fff;width:300px;padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box}.workbench .run-editor .timeline .markers .marker-menu{position:absolute;z-index:2000;bottom:20px;left:10px;border:2px solid #23539E;background:#fff;width:200px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.workbench .run-editor .timeline .markers .marker-menu .menu-item{padding:10px;background:#fff}.workbench .run-editor .timeline .markers .marker-menu .menu-item:hover{background:#FFC178}.workbench .run-editor .timeline .overlay{position:absolute;z-index:10000;margin:0;padding:0;left:0;top:0;right:0;bottom:0}.workbench .run-editor .timeline .overlay .overlay-pointer{position:absolute;background:#000;width:1px;top:0;bottom:0}.workbench .run-editor .timeline .overlay .overlay-hint{position:absolute;top:-70px;border:2px solid #23539E;background:#fff;width:150px;padding:5px}.workbench .run-editor .timeline .overlay .overlay-menu{position:absolute;z-index:11000;top:20px;border:2px solid #23539E;background:#fff;width:300px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.workbench .run-editor .timeline .overlay .overlay-menu .menu-item{padding:10px;background:#fff}.workbench .run-editor .timeline .overlay .overlay-menu .menu-item:hover{background:#FFC178}