.hero-video-trigger{aspect-ratio:16/9;background:var(--media-surface)}.hero-video-thumbnail{transition:transform var(--motion-enter) var(--motion-ease)}.hero-video-shade{background:color-mix(in srgb, var(--media-surface) 12%, transparent)}.hero-video-play{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-lg);transition:transform var(--motion-fast) var(--motion-ease)}.hero-video-trigger:hover .hero-video-thumbnail{transform:scale(1.02)}.hero-video-trigger:hover .hero-video-play{transform:scale(1.08)}.hero-video-dialog,.hero-video-dialog video{background:var(--media-surface);color:var(--media-foreground)}.hero-video-dialog .hero-video-close{top:12px;background:var(--media-surface);width:40px;height:40px;color:var(--media-foreground);opacity:1;border-radius:50%;place-items:center;display:grid;inset-inline-end:12px}.manga-home-promo-video{box-shadow:var(--shadow-sm);border-radius:20px}.manga-home-promo-video>span:last-child{justify-content:flex-end;align-items:flex-end;padding:20px}@media (width<=700px){.manga-home-promo-video{border-radius:12px}.hero-video-play{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.hero-video-trigger :is(.hero-video-thumbnail,.hero-video-play){transition:none;transform:none}}[data-reduce-motion=true] .hero-video-trigger :is(.hero-video-thumbnail,.hero-video-play){transition:none;transform:none}