/* Hide the whole controls layer by default */
/* .lineup-carousel-controls {
  opacity: 0;
  transition: opacity 150ms ease;
} */

/* Show controls layer only when hovering the carousel */
/* .lineup-carousel-root:hover .lineup-carousel-controls {
  opacity: 1;
} */

/* But keep inactive individual controls hidden even on hover */
.lineup-carousel-control[data-inactive] {
  opacity: 0;
  cursor: default;
  pointer-events: none;
}