// OBSERVATION: Edge fade uses CSS mask on .draggable-scroll-container; gradient pseudo-elements
// on .container-sides-shadow were removed (they conflicted with init/hover expectations in apps).
.draggable-scroll-container {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);

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

  .swiper-slide {
    width: auto;
  }
}

[libDraggableScroll][libDraggableScroll][libDraggableScroll].draggable-scroll-container.draggable-scroll-container {
  display: flex !important;
  width: 100% !important;

  > .swiper-wrapper > .swiper-slide:not(.draggable-scroll-spacer) {
    flex-basis: fit-content !important;
  }
}
