@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 420ms cubic-bezier(.22,.61,.36,1) both; }
 .deck .slide.active.wheel-entering { position:relative; z-index:2; animation:deck-wheel-enter 420ms cubic-bezier(.22,.61,.36,1) both; }
 @keyframes deck-wheel-enter { from {transform:translateY(calc(var(--wheel-sign,1)*100%))} to {transform:translateY(0)} }
 @keyframes deck-wheel-leave { from {transform:translateY(0)} to {transform:translateY(calc(var(--wheel-sign,1)*-100%))} }
}