/* Behaviour only. The main stylesheet supplies the film section's visual design. */
.film-stage [hidden] { display: none !important; }
.film-stage { touch-action: pan-y; }
.film-stage #filmPoster { user-select: none; -webkit-user-drag: none; }
.film-stage #filmTitle,
.film-stage #filmViewStills,
.film-stage #filmDemo,
.film-stage #filmDuration,
.film-stage #filmShade { transition: opacity 220ms ease; }
.film-stage.is-playing #filmTitle,
.film-stage.is-playing #filmViewStills,
.film-stage.is-playing #filmDemo,
.film-stage.is-playing #filmDuration,
.film-stage.is-playing #filmShade { opacity: 0; pointer-events: none; }
.film-stage #filmPrev,
.film-stage #filmNext,
.film-stage #filmCounter { visibility: visible; }
.film-stage.is-loading { cursor: progress; }
.film-stage.has-error #filmPlay { visibility: hidden; }
@media (max-width: 640px) {
  .film-stage.is-playing #filmTitle,
  .film-stage.is-playing #filmViewStills,
  .film-stage.is-playing #filmDemo,
  .film-stage.is-playing #filmDuration { opacity: 1; }
  .film-stage.is-playing #filmViewStills { pointer-events: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .film-stage #filmTitle,
  .film-stage #filmViewStills,
  .film-stage #filmDemo,
  .film-stage #filmDuration,
  .film-stage #filmShade { transition: none; }
}