/* The same 3D turn on phones and desktop; explicit buttons on both sides. */
#media .release-cover {
  overflow: clip;
  cursor: default;
  touch-action: pan-y pinch-zoom;
}
#media .release-cover__inner {
  transform: rotateY(0deg);
  transform-style: preserve-3d;
  pointer-events: none;
}
#media .release-cover.is-turning .release-cover__inner { will-change: transform; }
#media .release-cover.is-flipped .release-cover__inner { transform: rotateY(180deg); }
#media .release-cover__front {
  transform: rotateY(0deg) translateZ(1px);
  pointer-events: none;
}
#media .release-cover__back { transform: rotateY(180deg) translateZ(1px); }
#media .release-cover.is-flipped:not(.is-turning) .release-cover__back { pointer-events: auto; }
#media .release-cover__toggle,
#media .release-cover__back,
#media .release-tracklist { touch-action: pan-y pinch-zoom; }
#media .release-cover:not(.is-turning):not(.is-flipped) .release-cover__back,
#media .release-cover:not(.is-turning).is-flipped .release-cover__front {
  display: none;
  visibility: hidden;
}
#media .release-cover.is-turning .release-cover__face { pointer-events: none; }
/* During the turn both faces exist. At rest the hidden face has no scroll box.
   With the front visible, gestures hit the untransformed outer cover or its button. */
@media (prefers-reduced-motion: reduce) {
  #media .release-cover__inner { transition: none; }
}