.hero-film-backdrop{z-index:200;background:color-mix(in oklab, var(--foreground) 82%, transparent);position:fixed;inset:0}.hero-film-modal{z-index:201;background:var(--foreground);width:min(100vw - 36px,64rem,177.778dvh - 199.111px);color:var(--primary-foreground);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-film-modal video,.hero-film-unavailable{aspect-ratio:16/9;object-fit:contain;width:100%;display:block}.hero-film-unavailable{text-align:center;place-items:center;padding:1rem;display:grid}.hero-film-close{width:36px;height:36px;color:var(--primary-foreground);background:var(--foreground);position:absolute;top:-44px;right:0}.hero-film-close:hover{color:var(--foreground);background:var(--primary-foreground)}