@charset "UTF-8";.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}video::-webkit-media-controls{display:none!important}.player-ycc{font-size:13px;position:relative;z-index:1;background-color:#666;color:#fff}@media (max-width: 719px){.player-ycc{width:100%;height:100%}}.video-container{position:relative;background-color:#000}.video-container .video{width:100%;height:100%}.video-container .el-loading-spinner i{font-size:35px;color:#fff}.big-play-btn-ycc{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);cursor:pointer;border-radius:50%;background:#ffffff4d;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.big-play-btn-ycc .material-icons{font-size:60px}.timeline-tooltip{display:none}.progress-bar:hover~.timeline-tooltip:not(.hidden){display:block}.row-y{display:flex;justify-content:space-between;align-items:center}.col-ycc-25{width:25%}.col-ycc-50{width:50%}.drag{position:absolute;cursor:grab;top:50%;transform:translateY(-50%);left:5px;opacity:.5}:root{--color-primary: #455062;--color-primary-dark: #303844;--color-primary-light: #5a6880;--color-primary-light-o: #6b7689;--color-secondary: #46624a;--color-secondary-light: #5b8060;--color-secondary-dark: #314434;--color-secondary-active: #508b59;--color-secondary-lightest: #ced9d0;--color-secondary-lightest-o: #ebefec}.player-ycc-bottom,.player-ycc-menu{position:relative;width:100%;margin:auto;z-index:2147483647;padding:10px 20px}.player-ycc-bottom{padding-left:0;padding-right:0}.player-ycc-menu{padding:0}.controls{-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;padding-left:20px;padding-right:20px}.controls-left,.controls-center,.controls-right{display:flex}.controls-left,.controls-right{width:100px;flex-shrink:0}.controls-right{justify-content:flex-end}.controls-center{width:calc(100% - 200px);justify-content:space-around}.controls-item{display:flex;cursor:pointer;align-items:center}.controls-item:not(:last-child){margin-right:5px}input[type=range]{-webkit-appearance:none;width:100%;background:transparent;margin:0;padding:0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:transparent;cursor:pointer;margin-top:-6px}input[type=range]::-moz-range-thumb{height:12px;width:12px;border-radius:50%;background:transparent;cursor:pointer;margin-left:-1px;border:0}input[type=range]::-ms-thumb{height:16px;width:16px;border-radius:50%;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{width:100%;height:10px;cursor:pointer;background-color:transparent}input[type=range]::-moz-range-track{width:100%;height:10px;cursor:pointer;background-color:transparent}input[type=range]::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}.controls-item_volume{position:relative}.volume-range-container{position:absolute;left:100%;display:inline-flex;width:0;opacity:0;transition:all .3s ease-out .1s;align-items:center;justify-content:center}.volume-range-container .volume-range{width:100%;background:#bbb;height:3px}.controls-item_volume:hover .volume-range-container{width:50px;opacity:1}.volume-range-container input[type=range]::-webkit-slider-thumb{border:1px solid #999;background:#fff;margin-top:-3px}.volume-range-container input[type=range]::-moz-range-thumb{border:1px solid #999;background:#fff}.volume-range-container input[type=range]::-ms-thumb{border:1px solid #999;background:#fff}.player-ycc-controls_background{position:absolute;top:0;background-color:var(--color-primary);left:0;width:100%;height:100%;z-index:-1}.dialog-controls_close{position:absolute;top:5px;right:5px;transform-origin:center;height:16px;width:16px;opacity:.5}.dialog-controls_close .material-icons{font-size:16px}.dialog-controls_close:hover{opacity:1;color:#ddd;cursor:pointer;transform:scale(1.2)}.zoom-controls-inline{display:flex;align-items:center;gap:4px;margin-right:10px}.zoom-controls-inline .zoom-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;cursor:pointer;background:#ffffff1a;border-radius:4px;transition:all .2s ease}.zoom-controls-inline .zoom-btn:hover:not(.disabled){background:#fff3;transform:scale(1.05)}.zoom-controls-inline .zoom-btn:active:not(.disabled){transform:scale(.95)}.zoom-controls-inline .zoom-btn.disabled{opacity:.3;cursor:not-allowed}.zoom-controls-inline .zoom-btn i{color:#fff;font-size:20px}.zoom-controls-inline .zoom-level-text{color:#fff;font-size:13px;font-weight:500;min-width:45px;text-align:center;-webkit-user-select:none;user-select:none;padding:6px 8px;border-radius:4px;transition:all .2s ease}.zoom-controls-inline .zoom-level-text.zoom-active{background:#42a5f54d;cursor:pointer}.zoom-controls-inline .zoom-level-text.zoom-active:hover{background:#42a5f580}.zoom-controls-inline .zoom-level-text.zoom-active:active{background:#42a5f5b3;transform:scale(.95)}.player-ycc-menu{position:absolute;top:0;color:#fff}.player-ycc-menu .row-y{height:100%}.player-ycc-menu_left,.player-ycc-menu_right{display:inline-flex;align-items:center;width:50%}.player-ycc-menu_left{padding-left:20px}.player-ycc-menu_left .controls-item{margin-right:10px}.player-ycc-menu_left .controls-item.archive-indicate{cursor:auto}.player-ycc-menu_left .controls-item.live-mode{position:relative;cursor:auto;margin-left:20px}.player-ycc-menu_left .controls-item.live-mode .controls-item_icon{opacity:0}.player-ycc-menu_left .controls-item.live-mode:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:15px;height:15px;background-color:#149807;left:-20px;border-radius:50%}.player-ycc-menu_left .controls-item_icon{width:24px;height:24px;padding-right:5px}.player-ycc-menu_right{padding-right:20px}.menu_timestamp-date,.menu_timestamp-time{margin-right:5px;margin-left:5px}.player-ycc-menu_background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.fullscreen .player-ycc-menu_background{background-color:var(--color-primary);opacity:.7}.player-ycc-menu-item{display:inline-block}.fullscreen .video-container,.fullscreen .video-container .video{width:100%;height:100%}.fullscreen .player-ycc-bottom,.fullscreen .player-ycc-menu{position:absolute;box-sizing:border-box}.fullscreen .video-container .video{cursor:none}.fullscreen.visible-controls .player-ycc-menu{top:0}.fullscreen.visible-controls .player-ycc-bottom{bottom:0}.fullscreen.visible-controls .video-container .video{cursor:auto}.control-fade-enter-active,.control-fade-leave-active{bottom:0;transition:bottom 1s}.control-fade-enter,.control-fade-leave-to{bottom:-100%}.menu-fade-enter-active,.menu-fade-leave-active{top:0;transition:top 1s}.menu-fade-enter,.menu-fade-leave-to{top:-100%}.is-desktop .layout-main,.is-desktop .layout-content,.is-desktop .stream-content,.is-desktop .player-ycc{height:100%}.player-ycc_start{top:0;left:0;display:flex;align-items:center;justify-content:center;position:fixed;width:100%;height:100%}.brand-name-link{font-family:Open Sans Semibold,sans-serif;font-size:16px;color:#fff;text-decoration:none}