#workout-session-logger .exercise-carousel-controls.swipe-only-carousel-controls {
  display: block;
  margin: 4px 0 8px;
}

#workout-session-logger .exercise-carousel-controls.swipe-only-carousel-controls .exercise-carousel-prev,
#workout-session-logger .exercise-carousel-controls.swipe-only-carousel-controls .exercise-carousel-next {
  display: none !important;
}

#workout-session-logger .exercise-carousel-controls.swipe-only-carousel-controls .exercise-carousel-position {
  display: grid;
  gap: 2px;
  text-align: center;
}

#workout-session-logger .active-exercise-card[data-swipe-direction="next"] {
  animation: swipe-card-next 160ms ease-out;
}

#workout-session-logger .active-exercise-card[data-swipe-direction="previous"] {
  animation: swipe-card-previous 160ms ease-out;
}

@keyframes swipe-card-next {
  from { opacity: .35; transform: translateX(12px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes swipe-card-previous {
  from { opacity: .35; transform: translateX(-12px); }
  to { opacity: 1; transform: translateX(0); }
}

@media (prefers-reduced-motion: reduce) {
  #workout-session-logger .active-exercise-card[data-swipe-direction] {
    animation: none;
  }
}