.film-sheet.sheet-motion-opening,
.film-sheet.sheet-motion-closing { background: transparent; }
.sheet-motion-opening > .film-sheet-shell,
.sheet-motion-closing > .film-sheet-shell { background: var(--paper); border-radius: inherit; will-change: transform, opacity; }
.sheet-motion-opening::backdrop { animation: sheet-backdrop-in 320ms ease-out both; }
.sheet-motion-closing::backdrop { animation: sheet-backdrop-out 180ms ease-in both; }
.sheet-shared-image { position: fixed; z-index: 20; display: block; max-width: none; margin: 0; border-radius: 0; pointer-events: none; transform-origin: 0 0; will-change: transform; }
.film-artwork.sheet-image-hidden { visibility: hidden; }
.movie-credits-link { margin-top: 24px; color: var(--muted); font-size: 13px; }
.movie-credits-link a { display: inline-flex; align-items: center; min-height: 44px; color: inherit; }
@keyframes sheet-backdrop-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes sheet-backdrop-out { from { opacity: 1; } to { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  .sheet-motion-opening::backdrop, .sheet-motion-closing::backdrop { animation: none; }
  .sheet-shared-image { display: none; }
}