* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: Arial, sans-serif;display: flex;justify-content: center;align-items: center;height: 100vh;margin: 0;background-color: #0f0f0f;}#video-player {width: 100%;height: auto;display: block;background-color: black;width: 100%;height: 100%;object-fit: cover;}.video-container {height: 100%;position: relative;width: 100%;background-color: black;overflow: hidden;justify-content: center;align-items: center;display: flex;font-size:clamp(12px, 1.2vw, 25px);}.video-container[yt] {border-radius: 1em;box-shadow: 0 0 2em rgba(255,255,255,.25);}.video-container[controls=false]{cursor:none;}.video-container[controls=true] .video-controls-container{opacity:1;pointer-events:auto;}.video-container video{aspect-ratio:16/9;}.video-controls-container{align-items: normal;justify-content: normal;box-sizing: border-box;display: flex;flex-direction: column;height: 100%;position: relative;width: 100%;position: absolute;top: 0;left: 0;opacity:0;pointer-events:none;transition: opacity 0.2s;will-change: opacity, pointer-events;}.video-controls-container[hidden]{display:none;}.video-controls-container-top{align-items: center;flex-grow: 1;justify-content: center;box-sizing: border-box;display: flex;min-height: 0px;min-width: 0px;height: 100%;width: 100%;position: absolute;pointer-events:none;}.video-controls-status{display: none;aspect-ratio: 1;width: auto;height: 30%;pointer-events: none;position: relative;background: url(/player/images/play_play2.svg) center/100% no-repeat;filter: drop-shadow(0 0 .5em rgba(0, 0, 0, 0.5));opacity: .6;}.video-controls-container-top:hover .video-controls-status{opacity: .8;}.video-container video[data-status='false'] + .video-controls-container .video-controls-container-top{pointer-events:auto;cursor:pointer;}.video-container video[data-status='false'] + .video-controls-container .video-controls-container-top .video-controls-status{display: flex;}.video-controls-container-bottom{justify-content: center;box-sizing: border-box;display: flex;min-height: 0px;min-width: 0px;position: relative;margin-top:auto;padding: 0 2ch 2ch 2ch;flex-direction: column;}.video-controls-container-bottom:after{content:'';display:block;position:absolute;background:linear-gradient(transparent,rgba(0,0,0,.75));z-index: -1;height: 150%;width: 100%;bottom: 0;left: 0;}.video-controls-progress-bar-container{align-items: center;justify-content: normal;box-sizing: border-box;display: flex;position: relative;width: 100%;height: .75em;padding: .25em 0;cursor:pointer;}.video-controls-progress-bar{height: .3em;position: relative;box-sizing: border-box;width: 100%;display: flex;-moz-box-align: center;align-items: center;background-color: rgba(255,255,255,.2);transition: height 0.2s;will-change: height;}.video-controls-progress-bar-container:hover .video-controls-progress-bar {height: .4em;}.video-controls-progress-bar-buffor-time{position: absolute;box-sizing: border-box;height: 100%;top: 0px;background-color: rgba(255,255,255,.4);will-change: left, width;width:0;}.video-controls-progress-bar-current-time{background-color: #f00;box-sizing: border-box;height: 100%;left: 0px;position: absolute;top: 0px;will-change: transition, width;transition: width 0.2s;width:0;}.video-controls-progress-bar-current-time-indicator{background-color: #f00;border-radius: 100%;border: medium;padding: 0px;box-sizing: border-box;position: absolute;top: 50%;transform: translate(-50%, -50%);transition: transform 0.2s, left 0.2s;will-change: height, left, width, transform, transition;height: .75em;aspect-ratio: 1;left:0;pointer-events: none;}.video-controls-progress-bar-jump-time{opacity:0;position: absolute;box-sizing: border-box;height: 100%;top: 0px;background-color: rgba(255,255,255,.5);will-change: left, width, opacity;width:0;}.video-controls-progress-bar-container:hover .video-controls-progress-bar-jump-time{opacity:1;}.video-controls-buttons-container{align-items: normal;justify-content: normal;box-sizing: border-box;display: grid;grid-template-columns: auto auto auto;gap: 2ch;height: 100%;position: relative;width: 100%;margin-top:2ch;color:white;}.video-controls-buttons-container-left{align-items: normal;justify-content: normal;box-sizing: border-box;display: flex;position: relative;gap:2ch;}.video-controls-buttons-container-left:after{content:attr(data-time);text-shadow: 0 0 .2em #000;align-content: center;opacity:.6;}.video-controls-buttons-container-center{align-items: center;flex-grow: 1;justify-content: left;box-sizing: border-box;display: flex;position: relative;text-shadow: 0 0 .2em #000;overflow: hidden;width:100%;}.video-controls-buttons-container-center .video-title{width:100%;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;pointer-events:none;-webkit-user-select: none;-ms-user-select: none;user-select: none;font-size:.8em;}.video-controls-buttons-container-right{align-items: normal;justify-content: flex-end;box-sizing: border-box;display: flex;position: relative;gap:2ch;}.video-controls-buttons-container-item{aspect-ratio: 1;height:2em;width:auto;background-color: transparent;border-radius: 0.2rem;border: medium;box-sizing: border-box;color: rgb(255, 255, 255);cursor: pointer;margin: 0px;padding: 0px;position: relative;transition: transform .3s;will-change: height, width;}.video-controls-buttons-container-item:hover > button{transform:scale(1.2);}.video-controls-buttons-container-item:hover > button{opacity: 1;}.video-controls-buttons-container-item button{color:white;aspect-ratio: 1;width: auto;height: 100%;position: relative;opacity: .6;cursor:pointer;border: unset;overflow: hidden;-webkit-appearance: none;-moz-appearance: none;appearance: none;font-size: 1em;outline: none;transition: transform .3s;will-change: transform;}.video-controls-buttons-container-item button.play-pause-video{background: url(/player/images/iconsVideo5.svg#icon1) center/100% no-repeat;}.video-container video[data-status='true'] + .video-controls-container .video-controls-buttons-container-item button.play-pause-video{background: url(/player/images/iconsVideo5.svg#icon2) center/100% no-repeat;}.video-controls-buttons-container-item button.rewind-video{background: url(/player/images/iconsVideo5.svg#icon3) center/100% no-repeat;}.video-controls-buttons-container-item button.forward-video{background: url(/player/images/iconsVideo5.svg#icon4) center/100% no-repeat;}.video-controls-buttons-container-item button.volume-video{background: url(/player/images/iconsVideo5.svg#icon8) center/100% no-repeat;}.video-controls-buttons-container-item button.volume-video[data-type="2"]{background: url(/player/images/iconsVideo5.svg#icon9) center/100% no-repeat;}.video-controls-buttons-container-item button.volume-video[data-type="3"]{background: url(/player/images/iconsVideo5.svg#icon10) center/100% no-repeat;}.video-controls-buttons-container-item button.fullscreen-video{background: url(/player/images/iconsVideo5.svg#icon5) center/100% no-repeat;}.video-container[data-fullscreen="true"] .video-controls-buttons-container-item button.fullscreen-video{background: url(/player/images/iconsVideo5.svg#icon6) center/100% no-repeat;}.video-controls-buttons-container-item button.video-controls-resolution{background:transparent;}.video-controls-buttons-container-item button.video-controls-resolution:before{content: '';background: url(/player/images/iconsVideo5.svg#icon7) center/100% no-repeat;height: 100%;width: 100%;display: block;transform:rotate(0deg);transition: transform .3s;will-change: transform;}.video-controls-resolution-list{position:absolute;bottom: 120%;left: 50%;transform: translateX(-50%);display:none;background: rgba(0,0,0,.75);border-radius:.5em;overflow:hidden;}.video-controls-buttons-container-item button.video-controls-resolution:focus:before{transform:rotate(45deg);}.video-controls-buttons-container-item button.video-controls-resolution:focus + .video-controls-resolution-list, .video-controls-resolution-list:hover{display:block;}.video-controls-resolution-list button{opacity:1;background:transparent;padding:.5em 1ch;width:100%;aspect-ratio: unset;font-size:1.2em;}.video-controls-resolution-list button:hover{background: rgba(255,255,255,.3);}.video-controls-resolution-list button[value="1920x1080"]:after, .video-controls-buttons-container-item button.video-controls-resolution:after{content:'HD';position:absolute;top:1px;right:1px;font-size:.5em;color:white;background:red;padding:.1em .25ch;border-radius: .1em;line-height: 1;}.video-controls-buttons-container-item button:hover + input, .video-controls-buttons-container-item input[type="range"]:hover{display:block;}.video-controls-buttons-container-item input[type="range"]{display:none;position: absolute;bottom: 100%;writing-mode: vertical-lr;direction: rtl;appearance: slider-vertical;vertical-align: bottom;width: 100%;padding:33%;border-radius: .5em;-webkit-appearance: none;appearance: none;background: rgba(0,0,0,.75);outline: none;cursor: pointer;z-index:100;height: 400%;}.video-controls-buttons-container-item input[type="range"]::-webkit-slider-runnable-track, .video-controls-buttons-container-item input[type="range"]::-moz-range-track {width:.3em;height: 100%;background: rgba(255,255,255,.5);border-radius: .15em;}.video-controls-buttons-container-item input[type="range"]::-webkit-slider-thumb, .video-controls-buttons-container-item input[type="range"]::-moz-range-thumb {width: .75em;height: auto;aspect-ratio:1;background: white;border-radius: 50%;border:unset;cursor: pointer;transition: background 0.2s ease-in-out;}.video-controls-buttons-container-item input[type="range"]:active::-webkit-slider-thumb, .video-controls-buttons-container-item input[type="range"]:active::-moz-range-thumb {background: red;}.video-controls-buttons-container-item input[type="range"]::-webkit-slider-progress, .video-controls-buttons-container-item input[type="range"]::-moz-range-progress {background: white;transition: background 0.2s ease-in-out;width:.3em;border-radius: .15em;}.video-controls-buttons-container-item input[type="range"]:active::-webkit-slider-progress, .video-controls-buttons-container-item input[type="range"]:active::-moz-range-progress {background: red;}.video-thumb {position: absolute;bottom: 100%;width: 25%;height: auto;margin-bottom: 2em;aspect-ratio: 16/9;background-repeat: no-repeat;background-size: 600%;display: none;pointer-events: none;border-radius: 1em;border: solid .1em white;transform: translateX(-50%);filter: drop-shadow(0 0 .5em rgba(0, 0, 0, 0.5));}.video-thumb:after{content: attr(data-time);color: white;display: flex;position: absolute;width: 100%;text-align: center;top: 100%;line-height: 1;height: 1.8em;justify-content: center;align-items: center;margin-top: .2em;text-shadow: 0 0 .2em #000;}