.control-panel-shell{display:flex;left:0;margin-left:20px;margin-top:20px;position:absolute;transition:.15s}.control-panel{border-radius:28px;box-shadow:1px 1px 10px rgba(0,0,0,.627);color:#fff;z-index:100}.control-panel.hide{opacity:0}.control-panel-expander{background-color:#5e5757;border-radius:0 3px 3px 0;cursor:pointer;height:14px;padding:2px;position:relative;top:25px}.hamburger-menu{background-color:#111;height:2px;margin:2px;width:12px}.control-panel-entry{background-color:#222;border:none;border-bottom:1px solid #333;border-radius:0;box-sizing:initial;color:#fff;cursor:pointer;display:block;font-family:Google Sans,Titillium Web,sans-serif;font-size:15px;line-height:25px;padding:12px 16px;position:relative;width:250px;z-index:100}.control-panel-entry:first-child{border-radius:28px 28px 0 0}.control-panel-entry:last-child{border:none;border-radius:0 0 28px 28px}.control-panel-text{cursor:default;font-size:20px;font-weight:600;text-align:center}.control-panel-toggle .label{position:relative}.control-panel-toggle .value{align-items:center;background:#000;border-radius:40px;display:flex;height:32px;justify-content:center;position:absolute;right:15px;top:8px;width:80px}.control-panel-toggle.yes .value{background-color:#309f93;color:#a3faa3}.control-panel-toggle.no .value{background-color:#d32f50;color:#f19e9e}.control-panel-slider .value{position:relative;width:100%}.control-panel-slider .callout{position:absolute;right:25px}.control-panel-fps{align-items:center;display:flex;justify-content:center}.control-panel-fps canvas{background-color:#222;height:50px;margin:5px 0;width:100%;z-index:0}.control-panel-fps .fps-text{backface-visibility:hidden;font-size:20px;font-weight:600;position:absolute;text-align:center}.control-panel-source-picker{align-items:center;display:flex;flex-direction:column}.control-panel-source-picker .inputs{display:none}.control-panel-source-picker .file-selection div{align-items:center;display:flex;justify-items:center}.control-panel-source-picker .file-selection div img{margin-left:8px}.source-selection{display:flex}.source-selection,.video-controls{align-items:center;flex-direction:row;width:100%}.video-controls{display:none;justify-content:center;margin:12px 0 4px;position:relative}.video-controls *{display:inline-block}.video-controls img{margin:0 8px 0 -6px}.pause-button{height:100%}.video-track{background-color:#fff;flex-grow:1;height:5px;margin-right:10px;width:100%}.video-slider-ball{background-color:#fff;border-radius:50%;display:none;height:10px;position:absolute;width:10px}.video-time{padding-left:.1rem}.dropdown-wrapper{position:relative;-webkit-user-select:none;user-select:none;width:calc(100% - 28px)}.dropdown{flex-direction:column}.dropdown,.dropdown-trigger{display:flex;position:relative}.dropdown-trigger{align-items:center;background:#333;color:#fff;cursor:pointer;font-size:16px;font-weight:300;height:30px;justify-content:space-between;line-height:30px;padding:0 10px}.dropdown-trigger,.dropdown-trigger span{text-overflow:ellipsis;white-space:nowrap}.dropdown-trigger span{max-width:calc(100% - 30px);overflow:hidden}.dropdown-options{background:#333;color:#fff;display:block;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:100%;transition:all .5s;visibility:hidden;z-index:2}.dropdown.open .dropdown-options{opacity:1;pointer-events:all;visibility:visible}.dropdown-option{align-items:center;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:16px;font-weight:300;justify-content:left;line-height:30px;padding:0 5px;position:relative;transition:all .5s}.dropdown-option *{padding-right:.5rem}.dropdown-option:hover{background-color:#b2b2b2;cursor:pointer}.dropdown-option.selected{background-color:#305c91;color:#fff}.arrow{height:15px;margin-left:10.6066017178px;position:relative;transform:scale(.8);width:10.6066017178px}.arrow:after,.arrow:before{backface-visibility:hidden;bottom:0;content:"";height:100%;position:absolute;transition:all .5s;width:.15rem}.arrow:before{background-color:#fff;left:-5px;transform:rotate(135deg)}.arrow:after{background-color:#fff;left:5px;transform:rotate(-135deg)}.open .arrow:before{left:-5px;transform:rotate(45deg)}.open .arrow:after{backface-visibility:hidden;left:5px;transform:rotate(-45deg)}.fps-30{top:45%}.fps-30,.fps-60{font-size:8px;left:10px;position:absolute}.fps-60{top:15%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.input_video{max-height:inherit;max-width:inherit}.video-container{max-height:480px;max-width:640px}.output_canvas,.video-container{align-items:center;display:flex;justify-content:center;position:absolute}.output_canvas{height:100%;width:100%;z-index:50}.fps-bars{align-items:flex-end;display:flex;height:100px;margin:8px}.fps-bar{background-color:#3498db;color:#fff;font-size:12px;margin:0 5px;transition:height .3s ease;width:20px}.fps-bar,h1{text-align:center}h1{margin:30px 0;width:100vw}#video{border-radius:4px;height:100%!important;margin:auto;object-fit:contain!important;overflow:hidden;width:auto!important;z-index:100}#good-response-count,.good-rep-p{color:green;font-weight:700;margin:10px}#bad-response-count,.bad-rep-p{color:#41beb3;font-weight:700;margin:10px}.camera{height:480px!important;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:854px!important;z-index:9!important}.OT_publisher,.camera{border-radius:4px;overflow:hidden}.OT_publisher{display:block;height:400px!important;object-fit:contain;object-position:center;position:relative;width:100%;z-index:100!important}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.canvas{border-radius:4px;height:480px!important;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:854px!important;z-index:190!important}.vid-and-canvas{border:1px dashed #efefef;display:grid;height:400px;max-width:800px}.ot-canvas{border-radius:4px;grid-area:1/1/1/1;height:100%;margin:auto;overflow:hidden;pointer-events:none;z-index:190!important}.hidden{height:0;overflow:hidden}.container{display:flex;height:100vh;overflow:hidden;width:100vw}.sidebar-container{bottom:0;height:100%;left:0;position:fixed;top:0;width:200px}.main-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;margin-left:200px;overflow:auto;width:100%}.maas-messages{display:flex;font-family:Rubik,Arial,sans-serif;justify-content:space-around;margin:5px;width:600px}.maas-message{margin:5px}.maas-message-title{color:#9fa6ad;font-size:20px;font-weight:700}.maas-message-content{color:#1975d0;font-size:40px}body{overflow:hidden}.column{display:flex;flex-direction:column;gap:10px}.publisher{grid-area:1/1/1/1;margin:auto}body{font-family:Rubik,Arial,sans-serif;overflow:auto}.inspector-top{overflow:visible}.workflowStepsWrapper{background:#e9edef;border-radius:8px;display:flex;flex-direction:row;justify-content:space-around;padding:10px;position:relative;width:92%}.workflowStepsWrapper:before{background-color:#d7dadc;content:"";height:2px;left:25px;position:absolute;right:25px;top:50%;z-index:1}.singleStep{align-items:center;background:#e9edef;display:flex;font-family:Rubik,Arial,sans-serif;font-size:8px;padding:5px;z-index:2}.timeFromPrevious{background-color:green;border-radius:3px;color:#fff;font-weight:700;margin-left:10px;padding:2px}.table-wrapper{background:#fff;border:1px solid #d7dadc;border-radius:8px;margin:10px;width:97%}svg{margin:5px}.frames-section{border:1px solid #d7dadc;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:row;margin:10px}.image-player-container{align-items:center;border-right:1px solid #0000001f;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column}.box-container{display:flex;flex:1 1;flex-direction:row}.right-column{display:flex;flex-direction:column;flex-grow:1;width:65%}.angles-box{border-right:1px solid #0000001f;width:10%}.positioning-box{width:70%}.messages-box,.positioning-box{border-right:1px solid #0000001f;height:100%}.messages-box{width:30%}.single-msg{padding:3px}.last-single-msg,.single-msg{display:flex;justify-content:space-between;margin:2px}.last-single-msg{background-color:#41beb3a8;border-radius:5px;color:#fff;font-size:15px;padding:6px}td{padding:5px}.box-header{align-items:center;align-self:stretch;border-bottom:1px solid #0000001f;color:#50545d;display:flex;height:19px;padding:10px}.controls-and-progress{align-items:center;background-color:#ccc;display:flex;flex-direction:column;justify-content:center;padding-top:10px;-webkit-user-select:none;user-select:none;width:100%}.controls{margin:5px}.progress-and-time{display:flex;width:100%}.time-past{margin:auto}.controls button{background-color:initial;border:none;cursor:pointer;transition:background-color .5s}.controls button:active{background-color:#f0f0f0}.progress-bar-wrapper{background-color:#ccc;height:0;margin-right:auto;margin-top:10px;position:relative;width:85%}.controls-wrapper{align-items:center;color:#50545d;display:flex;flex-direction:row;font-size:12px;justify-content:space-around;width:100%}.progress-bar{margin:auto;width:100%}.progress-line{background:#42c0b4;border-radius:32px;height:5px}.drag-circle{background-color:#42c0b4;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 5px 0 #0000001f,0 2px 2px 0 #00000024,0 3px 1px -2px #0003;cursor:grab;height:20px;position:absolute;top:-9px;width:20px}.image-and-landmarks{display:grid;height:300px}.frame-image,.landmarks-canvas{grid-area:1/1/1/1;max-height:300px}.box-content{display:flex;flex-direction:column;font-size:12px;padding:5px}.angle-pair{flex-basis:10%}.last-values{font-size:12px}.positioning-keys-wrapper{display:flex;flex-wrap:wrap}.positioning-title{font-size:16px;font-weight:700;margin:5px}.positioning-value{color:#6db06d;font-size:14px;font-weight:400;margin-left:5px}.positioning-key{height:45%;margin:5px 5px 30px;width:45%}.graphs-section{display:flex;height:320px;justify-content:space-around}.checkbox-wrapper{font-size:10px;margin:auto;padding-left:80px;padding-right:80px}.session-graph{border:none;border-radius:8px;width:70%}.histogram-wrapper{background:#e0e6ea;border-radius:8px;display:flex;flex-direction:column-reverse;justify-content:space-around;margin-left:10px;max-width:30%}label{margin:5px}.workflow-and-logs{display:flex;flex-direction:row-reverse;justify-content:space-between;width:100%}.logs-button,.ot-button{color:#fff;font-weight:700;margin:auto;transition:background-color .5s;width:120px}.clr-cache-button,.logs-button,.ot-button{background:#42c0b4;border:none;border-radius:50px;cursor:pointer;height:25px}.clr-cache-button{font-size:10px;margin-left:5px;width:25px}.summery-wrapper{align-items:center;display:flex;justify-content:space-between}.logs-and-ot{display:flex;flex-direction:column}
/*# sourceMappingURL=main.130314aa.css.map*/