.film-hover-surface{position:relative;min-width:0;width:100%;transform-origin:50% 45%}.film-hover-surface::after{content:"";position:absolute;z-index:1;inset:0 0 auto;aspect-ratio:2/3;border-radius:var(--film-radius,12px);background:radial-gradient(ellipse at var(--film-light-x,50%) var(--film-light-y,30%),#fff2,transparent 65%);opacity:0;pointer-events:none;transition:opacity .4s ease}.film-hover-surface :is(.profile-poster-more,.profile-poster-rating,.landing-save,.browse-save,.library-save){z-index:2}
@media(hover:hover) and (pointer:fine){[data-film-hover]{perspective:900px}[data-film-hover]:is(:hover,:focus-within){z-index:3}.film-hover-surface{transition:transform .48s cubic-bezier(.34,1.35,.64,1);transform:rotateX(0) rotateY(0) translateY(0) scale(1)}.is-film-hovered>.film-hover-surface{transform:rotateX(var(--film-rx,0deg)) rotateY(var(--film-ry,0deg)) translateY(-3px) scale(1.025);will-change:transform}.is-film-hovered>.film-hover-surface::after{opacity:1}html[data-layout] [data-film-hover] :is(.profile-poster-frame,.landing-poster){transform:none!important;transition:border-color .4s ease,box-shadow .4s ease}.film-hover-surface :is(.profile-poster-frame,.landing-poster,.browse-poster)>img,.film-hover-surface .cinema-film-poster{transform:scale(1);transition:transform .42s cubic-bezier(.34,1.56,.64,1)}.is-film-hovered .film-hover-surface :is(.profile-poster-frame,.landing-poster,.browse-poster)>img{transform:scale(1.04)!important}html[data-layout] [data-film-hover] .landing-save{transform:none!important}.film-hover-surface :is(.profile-poster-frame,.landing-poster,.browse-poster){box-shadow:0 4px 18px -7px #0009}.is-film-hovered .film-hover-surface :is(.profile-poster-frame,.landing-poster,.browse-poster){box-shadow:0 14px 28px -8px #0009}}
@media(prefers-reduced-motion:reduce){[data-film-hover] .film-hover-surface,[data-film-hover] .film-hover-surface img{transform:none!important;transition:opacity .2s ease!important}.film-hover-surface::after{display:none}}