.hold-space-btn{border-radius:8px;bottom:32px;display:flex;left:0;margin:auto;max-width:300px;position:absolute;right:0;z-index:99}@media(max-width:767px),screen and (max-width:812px)and (orientation:landscape){.hold-space-btn{bottom:16px}}.hold-space-btn .hold-space-btn__text{background-color:#000;border-radius:8px;border:1px solid #cfcfcf;color:#cfcfcf;font-size:1rem;font-weight:500;letter-spacing:.1rem;padding:12px 16px;position:relative;text-transform:uppercase;transform:translateY(0);transition:border,color,background-color,.8s;-webkit-user-select:none;user-select:none;width:100%}.hold-space-btn:before{background-color:#000;border-radius:8px;border:1px solid #cfcfcf;bottom:0;content:"";height:100%;left:0;margin:auto;position:absolute;right:0;transform:translateY(4px);transition:border,transform,background-color,.8s,ease,.8s;width:98%;z-index:-1}.hold-space-btn.active .hold-space-btn__text{background-color:#000c;border:1px solid transparent;color:#fff;transform:translateY(4px);transition:border,color,transform,background-color,.8s}.hold-space-btn.active:before{background-color:#0000;border:1px solid transparent;transition:border,background-color,.8s,ease,.8s}@media(min-width:767.02px){.hold-space-btn:hover .hold-space-btn__text{background-color:#000c;border:1px solid transparent;color:#fff;transform:translateY(4px);transition:border,color,background-color,.8s}.hold-space-btn:hover:before{background-color:#0000;border:1px solid transparent;transition:border,background-color,.8s,ease,.8s}}.video-controls{background:#000c;border-radius:8px;bottom:32px;display:flex;gap:23px;margin:auto;padding:10px 16px;position:absolute;right:32px;z-index:6}@media(max-width:767px),screen and (max-width:812px)and (orientation:landscape){.video-controls{bottom:unset;padding:0;right:24px;top:16px}}.video-controls .video-controls__btn{border-radius:8px;color:#7a7a7a;cursor:pointer;display:flex;transition:color,.8s}.video-controls .video-controls__btn:hover{color:#fff;transition:color,.8s}.close-btn{background:#000c;border-radius:8px;color:#7a7a7a;display:flex;padding:10px;position:absolute;right:32px;top:32px;transition:color,.8s;z-index:7}@media(max-width:767px),screen and (max-width:812px)and (orientation:landscape){.close-btn{left:24px;padding:0;right:unset;top:16px}}.close-btn:hover{color:#fff;transition:color,.8s}.video-text{align-items:center;color:#fff;display:flex;height:auto;top:0;right:0;bottom:0;left:0;justify-content:center;margin:auto;position:absolute;text-align:center;width:auto;z-index:1}.video-text .video-text__content{width:75%}.video-text .video-text__content p{margin-bottom:.3rem}.aspect-bar{width:100%;height:88px;background:#000;position:absolute;z-index:6;left:0;right:0}.aspect-bar.bottom{bottom:-1px}.aspect-bar.top{top:-1px}body:has(dialog[open].video-dialog){overflow:hidden}#video-app ::cue{background-image:linear-gradient(#000,#000);color:#fff;font-size:1.2rem}#video-app .alert{display:none}#video-app .alert.active{display:block}#video-app dialog[open].video-dialog{align-items:center;background:#000;border:none;display:flex;height:80vh;top:0;right:0;bottom:0;left:0;justify-content:center;margin:auto;max-height:100vh;max-width:100vw;opacity:0;overflow:hidden;position:fixed;width:100%}#video-app dialog[open].video-dialog button:focus-visible{outline-color:#fff}#video-app .video-wrapper{aspect-ratio:16/9;height:auto;max-height:100dvh;position:relative;width:100%}@media(max-width:767px),screen and (max-width:812px)and (orientation:landscape){#video-app .video-wrapper{aspect-ratio:9/16}#video-app .video-wrapper:before{content:"";display:block;height:55px;left:0;position:absolute;top:0;width:100%;background:#000;z-index:6}}#video-app .feature-video{aspect-ratio:16/9;height:auto;top:0;right:0;bottom:0;left:0;margin:auto;max-height:100vh;opacity:0;position:absolute;width:auto}#video-app .feature-video.active{opacity:1}@media(max-width:767px),screen and (max-width:812px)and (orientation:landscape){#video-app .feature-video{aspect-ratio:9/16}}#video-app .story-video{aspect-ratio:16/9;background:#000;height:auto;top:0;right:0;bottom:0;left:0;margin:auto;max-height:100vh;opacity:0;position:absolute;width:auto;z-index:-1}@media(max-width:767px),screen and (max-width:812px)and (orientation:landscape){#video-app .story-video{aspect-ratio:9/16}}#video-app .story-video.active{opacity:1;z-index:5}
