.replay-ui-container{position:absolute;top:0;bottom:0;left:0;right:0}.replay-aspect-ratio-fix{max-height:100vh;position:relative}.replay-aspect-ratio-fix:before{content:"";pointer-events:none;width:100%;padding-top:56.25%;display:block}.replay-selector{text-align:center;cursor:pointer;align-self:center;position:relative}.replay-selector-item{white-space:nowrap}.replay-slider{box-sizing:border-box;cursor:pointer;flex-grow:1;position:relative}.replay-slider-track{position:absolute;top:0;bottom:0;left:0;right:0}.replay-slider-handle{position:absolute;top:50%;transform:translate(-50%,-50%)}.replay-button,.replay-toggle-button{text-align:center;cursor:pointer;justify-content:center;align-self:center;align-items:center;display:flex;overflow:hidden}.replay-volume{display:flex}.replay-controls-bar{-webkit-user-select:none;-moz-user-select:none;user-select:none;visibility:visible;opacity:1;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.replay-timeline-information{width:100%;height:100%;position:absolute}.replay-timeline-information .replay-timeline-tooltip{position:absolute}.replay-playback-monitor{position:absolute;overflow-x:hidden;overflow-y:auto}.replay-playback-monitor-header{z-index:2;position:-webkit-sticky;position:sticky;top:0;left:0;right:0}.replay-playback-monitor-close-button{position:absolute;left:.8em}.replay-playback-monitor-version{text-align:right;opacity:.6;margin:0;padding:0;position:absolute;top:1em;right:1.6em}.replay-playback-monitor-stream-state{table-layout:fixed;max-width:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.replay-playback-monitor-stream-state td,.replay-playback-monitor-stream-state th{vertical-align:top}.replay-playback-monitor-property-name{text-align:right}.replay-playback-monitor-previous-value,.replay-playback-monitor-current-value{white-space:nowrap;text-overflow:ellipsis;text-align:left;overflow:hidden}.replay-video-streamer{vertical-align:baseline;background-color:#000;width:100%;height:100%;margin:0;padding:0;display:inline-block;position:absolute;top:0;bottom:0;left:0;right:0}.replay-mock-video-streamer{background:#444}.replay-mock-video-streamer>div{text-align:center;color:#fff;padding-top:20px;font-weight:700}.replay{font-size:12px;line-height:normal}.replay-controls-bar{text-align:center;height:50px;padding:0 10px}.replay-narrow .replay-controls-bar{justify-content:space-between;align-items:end;height:75px}.replay-narrow .replay-controls-bar>*{align-self:flex-end}.replay-slider{height:50px;margin:0 10px}.replay-slider-track{height:2px;margin:24px 0}.replay-slider-handle{border-radius:8px;width:16px;height:16px}.replay-button,.replay-toggle-button,.replay-selector{width:40px;height:50px}.replay-narrow .replay-button,.replay-narrow .replay-toggle-button,.replay-narrow .replay-selector{width:40px}.replay-button svg,.replay-toggle-button svg{vertical-align:baseline;display:inline;transform:translateY(3px)}.replay-selector-items{visibility:hidden;padding-top:5px;position:absolute;bottom:50px;left:50%;transform:translate(-50%)}.replay-selector:hover .replay-selector-items,.replay-expanded .replay-selector-items{visibility:visible}.replay-selector-item>div{text-align:left;padding:5px 15px;font-size:14px}.replay-selector-item.replay-selected{color:#fff;font-weight:700}.replay-timeline{flex-grow:3}.replay-timeline-information .replay-timeline-tooltip{padding:3px 8px;bottom:100%;transform:translate(-50%)}.replay-narrow .replay-timeline{width:calc(100% - 40px);height:40px;margin:0 20px;position:absolute;top:0;left:0}.replay-narrow .replay-timeline-track{margin:19px 0}.replay-time-display{flex-direction:column;justify-content:center;height:50px;font-size:11px;display:flex}.replay-time-display span{margin:0 10px;display:block}.replay-narrow .replay-time-display span{margin:0 4px}.replay-time-display span:nth-child(2){border-top:1px solid;margin-top:0;padding-top:0}.replay-volume{flex:2 1 0;min-width:120px;max-width:220px}.replay-volume-disabled{flex-grow:0;flex-shrink:0;min-width:40px;max-width:40px}.replay-skip-button{font-size:7px;position:relative}.replay-skip-button span{margin-top:0;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.replay-skip-button span svg{margin-top:-5px}.replay-goto-live-button{white-space:nowrap;width:auto;min-width:50px}.replay-buffering-indicator{visibility:hidden;width:50px;height:50px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.replay-is-fullscreen .replay-buffering-indicator{width:100px;height:100px}.replay-buffering-indicator.replay-buffering{visibility:visible}.replay-exit-button{opacity:1;position:absolute;top:2%;right:1%}.replay-is-fullscreen .replay-exit-button,.replay-is-user-inactive .replay-exit-button{visibility:hidden;opacity:0}.replay-playback-monitor{font-size:10px;transition:bottom .3s;top:3%;bottom:60px;left:6%;right:6%}.replay-playback-monitor td,.replay-playback-monitor th{padding:2px 8px}.replay-playback-monitor-stream-state{top:.5em}td.replay-playback-monitor-current-value,td.replay-playback-monitor-previous-value{max-width:160px}.replay-controls-bar,.replay-selector-items,.replay-exit-button,.replay-playback-monitor-close-button,.replay-buffering-indicator,.replay-goto-live-button.replay-toggled-on:hover{color:#bbb}.replay-slider-handle{background-color:#bbb}.replay{background-color:#222}.replay-controls-bar,.replay-selector-items{background-color:rgba(32,32,32,.8)}.replay-slider-track,.replay-selector-item:hover,.replay-selector-item:focus>*{background-color:#888}.replay-slider-handle:hover,.replay-slider:focus .replay-slider-handle{background-color:#fff}.replay-timeline-information .replay-timeline-tooltip{background-color:rgba(32,32,32,.8)}.replay-button:hover,.replay-toggle-button:hover,.replay-button:focus>*,.replay-toggle-button:focus>*{color:#fff}.replay-button:focus,.replay-button>:focus,.replay-toggle-button:focus,.replay-toggle-button>:focus,.replay-slider:focus,.replay-slider-handle:focus,.replay-selector-item:focus,.replay-selector-item>:focus{outline:none}.replay-goto-live-button.replay-toggled-on:hover{cursor:default}.replay-time-display span:nth-child(2){border-top-color:rgba(128,128,128,.5)}.replay-playback-monitor{color:#fff;cursor:default;background-color:rgba(20,20,20,.9)}td.replay-playback-monitor-current-value{opacity:.9}td.replay-playback-monitor-previous-value{opacity:.6}.replay-buffering-indicator{opacity:0;transition:opacity 1s,visibility 0s linear .5s}.replay-buffering-indicator.replay-buffering{opacity:1;transition-delay:0s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.replay-buffering-indicator .animated{transform-origin:18px 18px;animation:1s linear infinite paused spin}.replay-buffering-indicator.replay-buffering .animated{animation-play-state:running}.replay-controls-bar{cursor:default;transition:visibility .5s,opacity .5s}.replay-exit-button:hover{visibility:visible;opacity:1}.replay-is-user-inactive .replay-controls-bar{visibility:hidden;opacity:0}@media (hover){.replay-controls-bar:hover{cursor:default;visibility:visible;opacity:1}}.replay-is-paused .replay-controls-bar{cursor:default;visibility:visible;opacity:1}.replay-button,.replay-toggle-button{transition:color .5s}.replay-selector-items{opacity:0;transition:opacity .5s,visibility 0s linear .5s}.replay-selector:hover .replay-selector-items,.replay-expanded .replay-selector-items{opacity:1;transition-delay:0s}.replay-selector-item{transition:background-color .2s ease-in-out}.replay-slider-handle{transition:background-color .5s}.replay-is-playing.replay-is-user-active .replay-timeline-handle{transition:left .25s}.replay-timeline.replay-dragging .replay-timeline-handle,.replay-timeline.replay-clicked .replay-timeline-handle{transition:left}.replay-timeline-information .replay-timeline-tooltip{visibility:hidden;opacity:0}.replay-timeline-information .replay-timeline-tooltip-visible{opacity:1;visibility:visible}.replay-timeline-information .replay-timeline-tooltip{transition:visibility .2s,opacity .2s}.replay-exit-button.replay-button{transition:visibility .5s,opacity .5s,color .5s}.replay{font-family:sans-serif}.replay-slider-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.replay-ui-container:focus{outline:none}.replay-skip-button,.replay-goto-live-button svg{transform:translateY(2px)}.replay-audio-selector .replay-toggle-button{transform:translateY(1px)}.replay-quality-selector .replay-selector-toggle{transform-origin:50%;transform:scale(.85)}