.carousel__content {
  display: flex;
  gap: var(--size-6);
  inline-size: var(--size-full);
  overflow: hidden;
  padding: var(--size-1);
  scroll-snap-type: x mandatory;

  > * {
    flex: 0 0 var(--carousel-item-size, 100%);
    scroll-snap-stop: always;
    scroll-snap-align: start;
  }
}