/* Copyright Ayers Electronics Inc. All rights reserved. */
/* Music Mode in and away (js/music-motion.js): transform and opacity only, so the television WebView
   composites it without laying anything out per frame. --music-motion-ms is parity.timings.musicModeMotionMs, written onto the root by js/music-motion.js. */

/* A staying control starts where it stood (--flip-dx, the difference of its lefts) and slides to its
   place. Arriving and leaving controls paint once in their final state, so stale pills never flash. */
#guideHead .flip-from {
  transform: translateX(var(--flip-dx));
}
#guideHead .flip-from.flip-play {
  transform: none;
  transition: transform var(--music-motion-ms) ease;
}
/* The player bar rises in from below the screen and sinks back down. */
@keyframes music-bar-rise {
  from {
    transform: translateY(100%);
  }
  to {
    transform: none;
  }
}
body.music-switching #miniPlayer {
  animation: music-bar-rise var(--music-motion-ms) ease-out;
}
#miniPlayer.sinking {
  transform: translateY(100%);
  transition: transform var(--music-motion-ms) ease-in;
  pointer-events: none;
}