.player{position:relative;z-index:1;height:100%;width:100%;--player-color:#6460ab}.player>*{margin:0;padding:0}.player .fa,.player .fab,.player .far,.player .fas{font-size:20px}video{width:100%;height:100%;display:"block";position:relative;z-index:-1;background-color:#12171b}video-player-container{display:flex;width:100%;height:100%;z-index:2;flex-direction:column}video-container{display:block;width:100%;height:100%;background-color:transparent;height:calc(100% - 40px);position:relative;cursor:pointer;flex:1}player-container.hide{display:none}.hide-cursor{cursor:none}player-container:hover{display:grid!important}player-container{height:40px;grid-template-columns:40px 40px 50px 100px auto 40px 40px 40px 40px;background-color:#12171b;display:grid;position:absolute;bottom:0;width:100%}play-control,volume-control{width:100%;height:40px;display:table;cursor:pointer}volume-control span{font-size:10px}pause-button,play-button,volume-button,volume-button-mute{display:table-cell!important;vertical-align:middle;text-align:center}indicator{height:40px;font-family:Open Sans,Arial,Helvetica,sans-serif;font-size:15px;text-align:center;line-height:40px}indicator,progress-bar{width:100%;display:block}progress-bar{height:20px;position:relative;border:.1em solid #666;margin-top:10px;cursor:pointer}progress-played{background-color:var(--player-color)}progress-loaded,progress-played{height:100%;display:block;position:absolute;background-clip:padding-box!important;border:.3em solid transparent}progress-loaded{background-color:#666}subtitles{width:100%;height:40px;display:table;cursor:pointer}subtitles i{display:table-cell!important;text-align:center;vertical-align:middle}.subtitles-menu{display:none;position:absolute;bottom:40px;background:#12171b;list-style-type:none;margin:0;padding:0;width:100px;padding:10px;right:90px}.subtitles-menu.show,subtitles:hover .subtitles-menu{display:block}.subtitles-menu li{padding:0;text-align:center;padding-bottom:5px}.subtitles-menu li button.active{background:var(--player-color)}.subtitles-menu li button{border:none;background:#000;color:#fff;cursor:pointer;width:90%;padding:2px 5px;border-radius:2px}fullscreen-button{width:100%;height:40px;display:table;cursor:pointer}fullscreen-button i{display:table-cell!important;text-align:center;vertical-align:middle}player-loader{position:absolute;top:40%;left:47%}about{width:100%;height:40px;display:table;cursor:pointer}about a{display:table-cell!important;text-align:center;vertical-align:middle}volume-bars{width:100%;height:40px;display:table;cursor:pointer;margin-top:5px;transition:opacity .25s ease-out}volume-bar{width:6px;display:inline-block;background-color:#fff;margin:1px}volume-bar:hover{height:1.81em!important}volume-bar.selected,volume-bar:hover{background-color:var(--player-color)}volume-bars volume-bar:first-child{height:.51em}volume-bars volume-bar:nth-child(2){height:.81em}volume-bars volume-bar:nth-child(3){height:1.21em}volume-bars volume-bar:nth-child(4){height:1.51em}volume-bars volume-bar:nth-child(5){height:1.81em}water-mark{display:block;position:absolute;top:0;left:0;font-size:15px;padding:15px}playback-rate{width:100%;height:40px;display:table;cursor:pointer}playback-rate i{display:table-cell!important;text-align:center;vertical-align:middle}.playback-rate-menu{display:none;position:absolute;bottom:40px;background:#12171b;list-style-type:none;margin:0;padding:0;width:100px;padding:10px;right:50px}.playback-rate-menu.show,playback-rate:hover .playback-rate-menu{display:block}.playback-rate-menu li{padding:0;text-align:center;padding-bottom:5px}.playback-rate-menu li button.active{background:var(--player-color)}.playback-rate-menu li button{border:none;background:#000;color:#fff;cursor:pointer;width:90%;padding:2px 5px;border-radius:2px}about,about a,fullscreen-button,indicator,play-control,playback-rate,subtitles,volume-control{color:#fff}water-mark span{background:#000;color:#fff;padding:4px}about:hover,about:hover a,fullscreen-button:hover,play-control:hover,playback-rate:hover,subtitles:hover,volume-control:hover,volume-control>span{color:var(--player-color)}.playback-rate-button:hover,.subtitles-button:hover{background-color:var(--player-color)}@media (max-width:500px){progress-bar{display:none}}