body{overflow:hidden}html{height:100%}body,div,img{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}BODY{font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:9pt;vertical-align:top;color:#000;background-color:#000;padding:0;margin:0;border-width:0;height:100%}.displayNone{display:none!important}.disabled{opacity:.5;pointer-events:none}.timePanel{background:#000}.timeImagePanel,.timePanel{position:absolute;left:0;right:0;bottom:0;top:0}.timeImagePanel{z-index:1;text-align:center;cursor:pointer;position:fixed;-webkit-transform:translateZ(0);transform:translateZ(0)}body.separate-controls .timeImagePanel{bottom:45px}body:not(.desktop).separate-controls.fullscreen .timeImagePanel{bottom:0}.timeImage{z-index:-1;-webkit-transform:translateZ(0);transform:translateZ(0);position:absolute}.timeImage>img{width:100%;height:100%}.fill-width{width:100%;height:auto}.fill-height{height:100%;width:auto}#twTimestreamDatetimeIndicator{padding-right:10px;font-size:10pt;width:150px;z-index:3;color:#fff;text-transform:uppercase;text-align:right}#dateBackground,#twTimestreamDatetimeIndicator{position:absolute;top:0;right:0;padding-top:2px;height:20px}#dateBackground{opacity:.6;padding-left:5px;width:155px;background:#333;z-index:2}#debug{top:0;left:0;padding:2px;background:#000;color:#f0f;z-index:3;display:none}#debug,.message{position:absolute}.message{top:95px;left:50px;right:50px;padding:20px;border:none;background:#333;color:#fff;font-size:14px;z-index:10;overflow-y:auto;max-height:150px}.message h2{margin-top:0}.loadIndicator,.loadIndicatorApp{position:absolute;width:200px;margin-left:-100px;margin-top:-12px;padding:10px;left:50%;top:50%;border:none;background:#333;color:#fff;font-size:10px;text-align:left;z-index:2000}.loadIndicatorApp{width:100px;margin-left:-50px}#progress_frame{padding:1px;border:none}#progress_line{height:20px;width:0;display:inline-block;background:#0af}.progress_text{position:absolute;left:20px;top:15px;text-transform:uppercase}.timePanel{overflow:hidden}.timeSlider{position:relative!important;top:0;height:20px;border:0;margin-left:3px;margin-right:3px;z-index:1;background:#333;cursor:pointer}body.desktop .timeSlider{margin-left:1px;margin-right:1px;height:12px}body.desktop .timeSlider .handle{height:12px;line-height:12px;width:50px}body.desktop .timeSlider .thumb{font-size:6px}.timeSlider .handle{width:66px;height:20px;line-height:20px;position:absolute;cursor:pointer;text-align:center;background-color:#fff;z-index:2}.timeSlider .thumb{display:block;font-family:helvetica;color:#333;font-size:9px}.timeSlider .bar-0{height:100%;background:#09f}.imageScrub{position:fixed;z-index:95;left:0;right:0;top:0;bottom:0}.mediaMotionDetector,.timeControls,.timeControls .hider{position:absolute;z-index:100;left:0;right:0;bottom:0;height:72px;color:#fff;-webkit-transform:translateZ(0);transform:translateZ(0);position:fixed}body.desktop .mediaMotionDetector,body.desktop .timeControls,body.desktop .timeControls .hider{height:44px}.mediaMotionDetector{z-index:99}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.timeControls,.timeControls .hider,.timeImagePanel{position:fixed}}@media only screen and (max-width:340px){body.iframe.mobile .timeControls .timeSlider,body.iframe.mobile .timeControlsControls>div{display:none}body.iframe.mobile.separate-controls .timeControls div.expander,body.iframe.mobile .timeControls div.button-fullscreen,body.iframe.mobile .timeControls div.logo{display:block;bottom:0}body.noFullscreen body.iframe.mobile .timeControls div.button-fullscreen{display:none}body.iframe.mobile.separate-controls .timeControls div.expander{position:absolute;left:65px;right:67px}body.iframe.mobile .timeControls div.logo{float:left}body.iframe.mobile .timeControls,body.iframe.mobile .timeControls .hider{height:52px}body.iframe.mobile .timeControls.playing,body.iframe.mobile .timeControls.scrubbing{height:0!important}}.timebarContainer{position:absolute;bottom:0;height:70px;z-index:100;width:100%;background-color:#333;color:#fff}.timeBar{height:60px}.timeControls.timeBar{bottom:81px}body.desktop .timeControls.timeBar{bottom:69px;height:72px}body:not(.desktop).separate-controls.fullscreen .timeControls.playing .hider,body:not(.desktop).separate-controls.fullscreen .timeControls.scrubbing .hider,body:not(.separate-controls) .timeControls.playing .hider,body:not(.separate-controls) .timeControls.scrubbing .hider{height:6px!important}.timeControls .hider{transition:height .2s;-webkit-transition:height .2s}.timeControlsControls{position:absolute;width:100%;z-index:1}.timeControlsBackdrop{position:absolute;background-color:#222;opacity:.8;filter:alpha(opacity=80);width:100%;height:100%;z-index:0}.timeControlsControls>div{float:right;display:block;padding:3px;margin:3px 3px 3px 0;height:40px;background:#333}body.desktop .timeControlsControls>div.button-fullscreen,body.desktop .timeControlsControls>div.button-play,body.desktop .timeControlsControls>div.logo{width:45px}body.desktop .timeControlsControls>div{height:24px;margin:1px 1px 1px 0}body.desktop .timeControlsControls>.logo{padding:1px 0 0;margin-left:0;height:28px;width:44px}.timeControlsControls>div.expander{float:none;overflow:auto;width:auto;padding-right:10px}.timeControlsControls>div.expander select{width:100%}select.simple{background:none repeat scroll 0 0 #333;border:1px solid #555;color:#fff;font-size:16px;margin:3px;padding:5px;max-width:200px}body.desktop select.simple{font-size:14px;margin:0;padding:1px}.timeControlsControls>div.logo{width:60px}.logo img{max-width:100%;max-height:100%;border:none}#twStatus{background:#fff;color:#666;position:absolute;width:50%;z-index:1000;top:50px;display:none}.button{cursor:pointer}.timeControlsControls>div.button-play{display:inline-block;background-color:#333;border:none;text-align:center;margin-left:3px;float:left;width:60px}.button-play svg{fill:#09f;height:100%}body.noFullscreen .button-fullscreen{display:none}.timeControlsControls>div.button-fullscreen,.timeControlsControls>div.logo{width:60px}.timeControlsControls>div#speed-box:hover,.timeControlsControls>div.button:hover,.timeControlsControls>div select:hover{background:#2a2a2a}.timeControlsControls div#speed-control:hover svg.triangle-top{fill:#2a2a2a}.button:hover svg{fill:#0bf}.button-play.playing svg.play,.button-play svg.pause{display:none}.button-play.playing svg.pause{display:inline}.no-stroke{stroke-width:0}.button-fullscreen{text-align:center}.button-fullscreen svg{fill:#09f;height:100%}.button-fullscreen svg.fullscreen{display:inline}.button-fullscreen.isFullscreen svg.fullscreen,.button-fullscreen svg.minimize{display:none}.button-fullscreen.isFullscreen svg.minimize{display:inline}.button-react{cursor:"pointer"}#view-actions{z-index:1000;position:absolute;width:80px;height:80px;margin-left:-40px;margin-top:-40px;padding:10px;left:50%;top:50%;border:none;background:rgba(0,0,0,.2);color:#fff}@media only screen and (max-width:340px){#view-actions{width:60px;height:60px;margin-left:-30px;margin-top:-30px;padding:10px}}#speed-box{width:auto;margin-left:1px}.ramp-control{background:#555;position:relative;display:inline-block;width:100px;height:36px;cursor:pointer}body.desktop .ramp-control{height:100%}.ramp-control .title{position:absolute;z-index:3;font-size:9px;font-family:sans-serif;line-height:7px}.ramp-control .indicator{position:absolute;z-index:1;background:#0af;height:100%;width:30%}.ramp-control .v{position:absolute;width:40px;margin-left:-20px;height:40px;line-height:40px;vertical-align:middle;text-align:center;top:-46px;background:#555;color:#fff;display:none;font-size:16px;z-index:1000}.ramp-control .triangle-top{position:absolute;z-index:2;width:100%;height:100%;fill:#333;left:0}.ramp-control-surface{position:relative;z-index:5;height:100%}.timeBar{shape-rendering:crispEdges;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}g.brushRange>.resize{display:none}.full text{font:8px sans-serif}.range text{font:10px sans-serif}.activeLine{stroke:#00f;stroke-width:1.5}.axis line,.axis path{stroke:#000}.brushFull .extent{stroke:grey;fill:#00f;fill-opacity:.165}.brushRange .extent{stroke:grey;fill:green;fill-opacity:.5}.activeLine{display:none}.brushFull .extent{stroke-opacity:0;fill:#0af;fill-opacity:1}.full text,.range text{fill:#fff}.axis line,.axis path{stroke:#999}select.simple{margin-top:8px}@media only screen and (max-width:385px){.timeControls,.timeControls .hider{height:121px}.timeControlsControls>div.expander{clear:both;width:auto;margin-left:3px;margin-right:3px}#speed-box{float:none;margin-left:72px;margin-right:141px}.ramp-control{display:block;width:100%}.expander{text-align:center}body.fullscreen select.simple{max-width:50%}}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.b5333519.chunk.css.map */