/* Hide scrollbar for the cards carousel (keeps scrolling working) */
#cardsCarousel {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#cardsCarousel::-webkit-scrollbar {
  display: none;
}
/* Carousel dots */
#cardsDots button {
  height: 8px;
  width: 8px;
  border-radius: 9999px;
  transition: background-color 150ms, transform 150ms;
}
#cardsDots button[aria-current="true"] {
  transform: scale(1.15);
}