@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:200 1000;font-display:swap;src:url("/static/fonts/nunito-sans-v19-latin-variable.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-display:swap;font-family:"Bebas Neue";font-style:normal;font-weight:400;src:url("/static/fonts/bebas-neue-v16-latin_latin-ext-regular.woff2") format("woff2")}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#111;color:#ccc;overflow:hidden}#video-overlay{position:absolute;top:0;left:0;height:100vh;height:100dvh;width:100%}video{height:100%;width:100%;object-fit:contain;position:absolute;top:50%;transform:translateY(-50%)}.hidden{display:none}#play-button{position:fixed;top:50%;right:50%;transform:translate(50%, -50%);font-size:40vmin;opacity:.4;pointer-events:none;transition:opacity .5s}video:hover~#play-button{opacity:.7 !important}#play-button svg{width:1.5em;height:1.5em}.player-top-title{position:absolute;top:18px;left:50%;transform:translateX(-50%);z-index:150;font-family:"Bebas Neue",sans-serif;font-size:1.15rem;letter-spacing:.08em;color:#6b6980;text-decoration:none;padding:6px 18px;border-radius:20px;background:rgba(40,40,40,.8);white-space:nowrap;opacity:0;transition:opacity .5s,color .25s}.player-top-title.controls-visible{opacity:1}.player-top-title:hover{color:#c9a84c;background:rgba(40,40,40,.9)}#volume-control{position:fixed;top:0;right:0;padding:min(1em,5vw);font-size:3em;opacity:.1;transition:opacity .5s;display:flex;flex-direction:column;align-items:center;cursor:pointer;padding-bottom:.5em}@media(max-width: 768px){#volume-control{font-size:2.5em}}#volume-control.controls-visible{opacity:.2}#volume-control:hover{opacity:1 !important}#volume-icon-wrap svg{width:1em;height:1em;display:block}.volume-slider-wrap{overflow:hidden;max-height:0;opacity:0;transition:max-height .25s ease,opacity .2s ease;display:flex;justify-content:center}@media(hover: none){.volume-slider-wrap{display:none}}#volume-control:hover .volume-slider-wrap{max-height:130px;opacity:1}.volume-slider-track{position:relative;width:24px;height:100px;margin-top:.3em;margin-bottom:.3em;cursor:pointer;display:flex;justify-content:center;user-select:none;-webkit-user-select:none}.volume-slider-rail{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:4px;background:hsla(0,0%,100%,.25);border-radius:2px;pointer-events:none}.volume-slider-fill{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:4px;height:75%;background:#fff;border-radius:2px;pointer-events:none}.volume-slider-thumb{position:absolute;bottom:75%;left:50%;transform:translate(-50%, 50%);width:13px;height:13px;background:#fff;border-radius:50%;box-shadow:0 1px 5px rgba(0,0,0,.7);pointer-events:none;transition:transform .12s ease}.volume-slider-track:hover .volume-slider-thumb{transform:translate(-50%, 50%) scale(1.25)}.video-container{position:absolute;height:100%;width:100%}.video-container.loading{background:no-repeat center/10% url("/static/img/spin.svg")}.controls-overlay{position:absolute;bottom:0;width:100%;background:rgba(0,0,0,.6);padding-top:.25em;padding-bottom:.25em;transition:opacity .3s;opacity:0}.controls{display:flex;justify-content:space-between;align-items:center;padding:10px}.left-controls{display:flex;align-items:center;width:100%;padding-right:1em}.play-pause{cursor:pointer;margin-right:10px}.seek-bar-container{position:relative;flex:1;height:12px;border-radius:2.5px;cursor:pointer}.seek-bar-line{position:absolute;top:4px;height:4px;border-radius:2.5px}.seek-bar-base{background:#555;width:100%}.buffered-bar{background:#999;width:0%}.seek-bar{background:red;width:0%}.seek-handle{position:absolute;top:50%;transform:translate(-50%, -50%);width:12px;height:12px;background:#fff;border-radius:50%;left:0%;cursor:pointer}.right-controls{display:flex;align-items:center;gap:8px;justify-content:flex-end}.current-time{color:#fff;font-size:1.2rem}.time-divider,.duration{color:#999;font-size:1.2rem}.fullscreen{cursor:pointer;height:1.5rem;padding-left:8px}.fullscreen svg{width:1.5rem;height:1.5rem;fill:#fff}#play-pause svg{width:2.4rem;height:2.4rem}