html,body{padding:0;margin:0;width:100%;height:100%}.hidden{display:none!important}#player{width:100%;height:100%;position:relative;overflow:hidden}#player__video{width:100%;position:relative}#player__overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .2s ease}#player__overlay:hover{opacity:1}#player__overlay.player__overlay--show{opacity:1}#player__controls{width:100%;height:72px;position:absolute;bottom:0;pointer-events:all;user-select:none;padding:0 15px;padding-top:30px;box-sizing:border-box;background:linear-gradient(to bottom,transparent,#000)}.player__button{height:100%;width:46px;text-align:center;line-height:36px;cursor:pointer;display:inline-block;user-select:none}#player__button--live{color:#fff;font-size:15px;font-family:Open sans;font-weight:700;letter-spacing:3px;height:100%;width:46px;text-align:center;line-height:36px;user-select:none;display:inline-block;position:relative;bottom:1px;transform:translateX(-50px);transition:transform .2s ease}#player__button--live.player__button--live--shift{transform:translateX(0px)}.player__header{height:72px;pointer-events:all;opacity:1;transition:opacity .2s ease;background:linear-gradient(to top,transparent,#000)}.player__header.player__header--mobile{position:absolute;top:0}.player__header.player__header--hide{opacity:0}.player__header-content{padding-left:65px;padding-top:15px;display:inline-block;cursor:pointer}#player__big-play-button{display:inline-block;padding:35px;background:rgba(0,0,0,.6);border-radius:100px;width:35px;height:35px;position:absolute;top:calc(50% - 60px);left:calc(50% - 60px);cursor:pointer;transition:background .2s ease}#player__big-play-button:hover{background:#3da9fc}.player__big-play-button-icon{position:relative;left:8px}.player__channel-avatar{width:40px;height:40px;margin:5px;position:absolute;left:10px;border-radius:100px;cursor:pointer}.player__video-title{position:relative;color:#fff;font-size:18px;font-family:open sans;top:12px;cursor:pointer;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow:hidden}#player__content-clickable{width:100%;height:calc(100% - 144px)}.player__video-dimensions{width:100%;height:100%;position:relative}#player__volume-slider-wrapper{width:50px;height:5px;padding:9px 4px;position:relative;top:5px;left:-5px;display:inline-block}.player__volume-slider{width:0;height:5px;outline:none;cursor:pointer;overflow:hidden;border-radius:100px;position:absolute;bottom:9px;margin:0;background:#979797;opacity:0;transition:.2s ease;-webkit-appearance:none}.player__volume-slider.player__volume-slider--open{width:50px;opacity:1}.player__volume-slider:hover{width:50px;opacity:1}.player__volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:5px;height:5px;border-radius:100px;background:#fff;box-shadow:-50px 0 0 47px #fff;cursor:pointer}.player__volume-slider::-moz-range-thumb{width:5px;height:5px;border-radius:100px;background:#fff;box-shadow:-50px 0 0 47px #fff;cursor:pointer}.player__volume-slider::-ms-fill-lower{background:#fff}.logo-wrapper{position:relative;float:right;top:5px;cursor:pointer;padding:5px}.logo{width:90px}.video-js{width:100%;height:100%}.video-js .vjs-tech{position:inherit}.video-js .vjs-progress-control{position:absolute;bottom:45px;width:100%;height:20px;padding:0 10px;z-index:1;opacity:0;transition:opacity .2s ease}.video-js .vjs-slider{background-color:rgba(0,0,0,.5);border-radius:100px}.video-js .vjs-load-progress div{background:rgba(255,255,255,.4)}.video-js .vjs-progress-control.vjs-progress-control--show{opacity:1}.video-js .vjs-play-progress{background-color:#3da9fc}.video-js .vjs-play-progress:before{font-size:1.3em;top:-.24em}.video-js .vjs-progress-holder{height:.6em}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:10px}.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div{border-radius:100px}.video-js .vjs-progress-control:hover .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip{font-size:10px}@media(max-width:535px){.player__header-content{padding-top:5px}}