.related-block.no-scrollbar {
  overflow-x: auto;
  overflow-y: hidden;

  cursor: grab;

  -ms-overflow-style: none;
  scrollbar-width: none;

  scroll-snap-type: x proximity;

  /* Allow vertical page scrolling on touch devices */
  touch-action: pan-y;
}

.related-block.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.related-block.no-scrollbar.active {
  cursor: grabbing;
  user-select: none;
}

/* Slider dots */

.slider-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 20px;
}

.slider-dot {
  width: 8px;
  height: 8px;

  padding: 0;
  border: 0;
  border-radius: 50%;

  background-color: #545969;
  cursor: pointer;

  transition:
    background-color 0.2s ease,
    transform 0.2s ease;
}

.slider-dot.active {
  background-color: #ccc;
  transform: scale(1.2);
}