.draggable-scroll-container {
  &.padded-sides {
    padding: 0 18px;
  }

  .swiper-slide {
    width: auto;
  }
}

.container-sides-shadow {
  position: relative;

  &::before,
  &::after {
    content: '';
    position: absolute;
    top: 0;
    width: var(--container-sides-shadow-width, 50px);
    height: 100%;
    z-index: 10;
    pointer-events: none;
  }

  &::before {
    left: var(--marquee-before-shadow-padding, 0);
    background: linear-gradient(to right, var(--marquee-fade-color, rgb(41 37 45)), transparent);
  }

  &::after {
    right: var(--marquee-after-shadow-padding, 0);
    background: linear-gradient(to left, var(--marquee-fade-color, rgb(41 37 45)), transparent);
  }
}
