.hero-voxel.hero-reel{position:relative;display:block;width:100%;padding:0;border:0;border-radius:var(--r-screen);background:var(--screen);box-shadow:var(--shadow-up-screen);overflow:hidden;cursor:zoom-in}.hero-reel video{display:block;width:100%;height:100%;object-fit:cover}.hero-reel-open{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:26px;height:26px;border-radius:var(--r-button);background:color-mix(in oklch,var(--grey-10) 70%,transparent);color:var(--grey-99);opacity:0;transition:opacity var(--fast)}.hero-reel-open svg{width:14px;height:14px}.hero-reel:focus-visible .hero-reel-open,.hero-reel:hover .hero-reel-open{opacity:1}.dlg-card.max:has(.reel-big){width:min(100%,1640px,calc((100vh - 130px) * 16 / 9));height:auto}.dlg-card.max:has(.reel-big) .dlg-body{flex:none}.reel-big{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:var(--r-screen);background:var(--screen)}@media (max-width:640px){.hero-voxel.hero-reel{height:auto;aspect-ratio:16/9}}