body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*,:after,:before{box-sizing:border-box}@media (prefers-color-scheme:dark){html{color-scheme:dark}body{color:#fff;background:rgba(32,31,31,.871)}}.video-container{position:relative;width:60%;max-width:1000px;display:flex;justify-content:center;margin-inline:auto;margin-top:5em;background-color:#000;border:3px solid hsla(0,0%,100%,.373);border-radius:40px;padding:1.5em;cursor:pointer;transition:.4s ease-in}.video-container:hover{transition:.4s ease-in;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transform:scale(1.015)}.video-container.full-screen,.video-container.theater{max-width:none;width:100%;border:none;transition:.1s ease-in}.video-container.theater{max-height:90vh}.video-container.full-screen{max-height:100vh}video{width:100%}.big-btn{position:absolute;height:80px;width:80px;padding:.6em;top:45%;border-radius:50%;background:#000;border:2px solid #fff;outline:none;z-index:1;transition:.5s ease-in;cursor:pointer;display:none}.big-btn:hover{transition:.5s ease-in;display:block}.video-container:hover .big-btn{display:block}.video-controls-container{position:absolute;bottom:0;left:0;right:0;color:#fff;z-index:100;opacity:0;transition:opacity .15s ease-in-out}.video-controls-container:before{content:"";position:absolute;bottom:0;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent);width:98%;margin:auto;border-radius:40px;padding:.5em;aspect-ratio:6/1;z-index:-1;pointer-events:none}.video-container.paused .video-controls-container,.video-container:focus-within .video-controls-container,.video-container:hover .video-controls-container{opacity:1}.video-controls-container .controls{display:flex;gap:.5rem;padding:.25rem;align-items:center;width:95%;margin:auto}.video-controls-container .controls button{background:none;border:none;color:inherit;padding:0;height:30px;width:30px;font-size:1.1rem;cursor:pointer;opacity:.85;transition:opacity .15s ease-in-out}.video-controls-container .controls button:hover{opacity:1}.video-container.full-screen .big-btn,.video-container.full-screen .open,.video-container.paused .pause-icon,.video-container.theater .tall,.video-container:not(.full-screen) .close,.video-container:not(.paused) .play-icon,.video-container:not(.theater) .wide,.volume-high-icon,.volume-low-icon,.volume-muted-icon{display:none}.video-container[data-volume-level=high] .volume-high-icon,.video-container[data-volume-level=low] .volume-low-icon,.video-container[data-volume-level=muted] .volume-muted-icon{display:block}.volume-container{display:flex;align-items:center}.volume-slider{width:0;transform-origin:left;transform:scaleX(0);transition:width .15s ease-in-out,transform .15s ease-in-out}.volume-container:hover .volume-slider,.volume-slider:focus-within{width:100px;transform:scaleX(1)}.duration-container{display:flex;align-items:center;gap:.25rem;flex-grow:1}.video-container.captions .captions-btn{border-bottom:3px solid red}.video-controls-container .controls button.wide-btn{width:50px}.timeline-container{height:8px;cursor:pointer;display:flex;align-items:center;width:92%;margin:1em auto}.timeline{background-color:hsla(0,0%,39%,.5);border-radius:40px;height:3px;width:100%;position:relative}.timeline:before{right:calc(100% - var(--preview-position) * 100%);background-color:#969696;display:none}.timeline:after,.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;border-radius:40px}.timeline:after{right:calc(100% - var(--progress-position) * 100%);background-color:#cd3a3a}.timeline .thumb-indicator{--scale:0;position:absolute;transform:translateX(-50%) scale(var(--scale));height:200%;top:-50%;left:calc(var(--progress-position) * 100%);background-color:#cd3a3a;border-radius:50%;transition:transform .15s ease-in-out;aspect-ratio:1/1}.timeline .preview-img{position:absolute;height:80px;aspect-ratio:16/9;top:-1rem;transform:translate(-50%,-100%);left:calc(var(--preview-position) * 100%);border-radius:.25rem;border:2px solid #fff;display:none}.thumbnail-img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:none}.timeline-container:hover .preview-img,.timeline-container:hover .timeline:before,.video-container.scrubbing .preview-img,.video-container.scrubbing .thumbnail-img,.video-container.scrubbing .timeline:before{display:block}.timeline-container:hover .thumb-indicator,.video-container.scrubbing .thumb-indicator{--scale:1}.timeline-container:hover .timeline,.video-container.scrubbing .timeline{height:100%}@media (max-width:980px){.video-container{width:85%;max-width:1000px;margin-top:5em;border-radius:20px;padding:1em;cursor:pointer;transition:.4s ease-in}.big-btn{height:65px;width:65px}}@media (max-width:500px){.video-container{width:95%;border:none;border-radius:0;padding:.3em;font-size:.8em}.video-controls-container .controls button{height:20px;width:20px;font-size:.9rem}.big-btn{display:none!important}}