.control-panel-entry{width:250px;background-color:#00c9c9;border:2px solid #fff;border-radius:15px;box-shadow:1px 1px 10px #000000a0;cursor:pointer;font-family:"Titillium Web",sans-serif;font-size:15px;line-height:25px;opacity:.8;padding:5px 25px;position:relative;z-index:100}.control-panel-text{cursor:default;font-size:20px;font-weight:600;text-align:center}.control-panel-toggle .label{position:relative}.control-panel-toggle .value{position:absolute;right:25px}.control-panel-toggle.yes{background-color:#398c39}.control-panel-toggle.no{background-color:#f92c2c}.control-panel-toggle.yes .value{color:#a3faa3}.control-panel-toggle.no .value{color:#f19e9e}.control-panel-slider .value{position:relative;width:100%}.control-panel-slider .callout{position:absolute;right:25px}.control-panel-fps{display:flex;justify-content:center;align-items:center}.control-panel-fps canvas{height:50px;width:100%;background-color:#222;border-radius:10px;margin-top:5px}.control-panel-fps .fps-text{position:absolute;font-size:20px;font-weight:600;text-align:center;backface-visibility:hidden}.control-panel-source-picker{display:flex;flex-direction:column;align-items:center}.control-panel-source-picker .inputs{display:none}.control-panel-source-picker .file-selection div{display:flex;align-items:center;justify-items:center}.source-selection{display:flex;flex-direction:row;align-items:center;width:100%}.video-controls{width:100%;display:none;flex-direction:row;align-items:center;justify-content:center;position:relative}.video-controls *{display:inline-block}.pause-button{height:100%}.video-track{height:5px;width:100%;background-color:#fff;flex-grow:1;margin-right:10px}.video-slider-ball{height:10px;width:10px;background-color:#fff;box-shadow:0 0 2px 2px #888;position:absolute;display:none;border-radius:50%}.video-time{padding-left:.1rem}.dropdown-wrapper{position:relative;user-select:none;width:100%}.dropdown{position:relative;display:flex;flex-direction:column;border-width:0 2px;border-style:solid;border-color:#394a6d}.dropdown-trigger{position:relative;display:flex;align-items:center;white-space:nowrap;text-overflow:ellipsis;justify-content:space-between;padding:0 10px;font-size:16px;font-weight:300;color:#3b3b3b;height:30px;line-height:30px;background:#fff;cursor:pointer;border-width:2px 0;border-style:solid;border-color:#394a6d}.dropdown-trigger span{max-width:calc(100% - 30px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-options{position:absolute;display:block;top:100%;left:0;right:0;border:2px solid #394a6d;border-top:0;background:#fff;transition:all .5s;opacity:0;visibility:hidden;pointer-events:none;z-index:2}.dropdown.open .dropdown-options{opacity:1;visibility:visible;pointer-events:all}.dropdown-option{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:left;padding:0 5px;font-size:16px;font-weight:300;color:#3b3b3b;line-height:30px;cursor:pointer;transition:all .5s}.dropdown-option *{padding-right:.5rem}.dropdown-option:hover{cursor:pointer;background-color:#b2b2b2}.dropdown-option.selected{color:#fff;background-color:#305c91}.arrow{position:relative;height:15px;width:10.6066017178px;margin-left:10.6066017178px}.arrow::before,.arrow::after{content:"";position:absolute;bottom:0px;width:.15rem;height:100%;transition:all .5s;backface-visibility:hidden}.arrow::before{left:-5px;transform:rotate(135deg);background-color:#394a6d}.arrow::after{left:5px;transform:rotate(-135deg);background-color:#394a6d}.open .arrow::before{left:-5px;transform:rotate(45deg)}.open .arrow::after{left:5px;transform:rotate(-45deg);backface-visibility:hidden}.fps-30{position:absolute;font-size:8px;top:45%;left:10px}.fps-60{position:absolute;font-size:8px;top:15%;left:10px}