/* Isolated, screen-only slide transitions. */
@media screen and (prefers-reduced-motion: no-preference) {
  #deck { position: relative; }
  #deck .slide.wheel-leaving {
    position: absolute;
    inset: 0;
    width: 100%;
    z-index: 1;
    pointer-events: none;
    animation: deck-wheel-leave 380ms cubic-bezier(.22,.61,.36,1) both;
  }
  #deck .slide.active.wheel-entering {
    position: relative;
    z-index: 2;
    animation: deck-wheel-enter 440ms cubic-bezier(.22,.61,.36,1) both;
  }
  @keyframes deck-wheel-enter {
    from { transform: translateX(calc(var(--wheel-sign, 1) * 7%)) scale(1.02); opacity: .25; }
    to { transform: translateX(0) scale(1); opacity: 1; }
  }
  @keyframes deck-wheel-leave {
    from { transform: translateX(0) scale(1); opacity: 1; }
    to { transform: translateX(calc(var(--wheel-sign, 1) * -6%)) scale(.985); opacity: .12; }
  }
}