.video-player{max-width:100%;height:100vh;position:relative;overflow:hidden;}.video{width:100%;height:100%;object-fit:cover;}.player-controls{display:flex;position:absolute;z-index:99999;left:50%;bottom:50%;width:100%;transform:translateY(50%) translateY(-50%);transition:.3s;flex-wrap:wrap;background:rgba(0,0,0,.6);}.video-player:hover .player-controls{transform:translateY(0);}.video-player:hover .play-button.sticky-playbutton{opacity:1;}.play-button.sticky-playbutton{width:80px;height:80px;border:none;background:var(--beon-blue);color:white;background-color:#8d7d48;position:absolute;border-radius:50%;font-size:20px;opacity:.5;transition:opacity .3s ease-in-out;top:50%;left:50%;transform:translate(-50%,-50%);padding:0;}@media all and (max-width:767px){.play-button.sticky-playbutton{width:70px;height:70px;font-size:30px;padding:0;}}.play-button{width:10%;border:none;background:black;color:white;padding:10px;}.play-button:focus{outline:none;}.time{font-size:1em;color:white;width:15%;text-align:center;font-family:Arial,Helvetica,sans-serif;display:flex;align-items:center;justify-content:center;}input[type="range"]{-webkit-appearance:none;background:transparent;margin:0;width:75%;padding:0 10px;}input[type="range"]:focus{outline:none;}input[type="range"]::-webkit-slider-runnable-track{width:100%;height:10px;cursor:pointer;background:black;}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;height:10px;width:10px;background:var(--beon-blue);cursor:pointer;}.video-progress{position:relative;display:flex;width:100%;height:5px;transition:.3s;background:rgba(0,0,0,.6);cursor:pointer;}.video-progress-filled{width:0;background:var(--beon-blue);transition:width linear .4s;}.video-player:hover .video-progress{height:15px;}