.site-intro-video{position:fixed;left:24px;bottom:24px;z-index:35;width:148px;aspect-ratio:9/16;overflow:hidden;border:1px solid #ffffff50;border-radius:14px;background:#111;color:#fff;box-shadow:0 8px 32px #0003;isolation:isolate}
.site-intro-video[hidden],.locked .site-intro-video{display:none}
.site-intro-video video{display:block;width:100%;height:100%;object-fit:contain;background:#111}
.site-intro-video button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #ffffff45;border-radius:50%;background:#111c;color:#fff;cursor:pointer;font-size:17px;line-height:1}
.site-intro-video button:hover{background:#000}
.site-intro-video button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.intro-video-close{position:absolute;right:7px;top:7px;font-size:23px!important}
.intro-video-expand{position:absolute;left:7px;top:7px}
.intro-video-expand svg{width:17px;height:17px}
.site-intro-video:not(.intro-video-expanded) video{cursor:zoom-in}
.intro-video-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:22px 8px 8px;background:linear-gradient(transparent,#0009)}
.intro-video-controls svg{width:17px;height:17px}
.intro-video-controls [hidden]{display:none}
@media(max-width:760px){.site-intro-video{left:12px;bottom:calc(86px + env(safe-area-inset-bottom,0px));width:88px;border-radius:10px}.intro-video-close{right:4px;top:4px}.intro-video-expand{left:4px;top:4px}.intro-video-controls{padding:20px 4px 5px}}
@media(max-height:500px){.site-intro-video{width:72px;bottom:12px}.intro-video-controls{padding:18px 2px 3px}.site-intro-video button{width:28px;height:28px}.intro-video-close{top:3px;right:3px}}
.site-intro-video.intro-video-expanded,.site-intro-video:fullscreen{inset:0;bottom:auto;z-index:1000;width:100%;height:100%;height:100dvh;aspect-ratio:auto;border:0;border-radius:0;background:#000;box-shadow:none}
.site-intro-video.intro-video-expanded video,.site-intro-video:fullscreen video{width:100%;height:100%;object-fit:contain;background:#000}
.intro-video-expanded button,.site-intro-video:fullscreen button{width:44px;height:44px}
.intro-video-expanded .intro-video-close{top:calc(16px + env(safe-area-inset-top,0px));right:calc(16px + env(safe-area-inset-right,0px))}
.intro-video-expanded .intro-video-expand{top:calc(16px + env(safe-area-inset-top,0px));left:calc(16px + env(safe-area-inset-left,0px))}
.intro-video-expanded .intro-video-controls{justify-content:center;gap:16px;padding:38px 20px calc(20px + env(safe-area-inset-bottom,0px))}
@media print{.site-intro-video{display:none!important}}