[data-flex-carousel]:not(.flex-carousel--continuous) [data-flex-carousel-track].swiper {
  position: relative;
}
[data-flex-carousel]:not(.flex-carousel--continuous) [data-flex-carousel-track].swiper::before,
[data-flex-carousel]:not(.flex-carousel--continuous) [data-flex-carousel-track].swiper::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1.25rem;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
}
[data-flex-carousel]:not(.flex-carousel--continuous) [data-flex-carousel-track].swiper:not(.is-at-start)::before {
  opacity: 1;
}
[data-flex-carousel]:not(.flex-carousel--continuous) [data-flex-carousel-track].swiper:not(.is-at-end)::after {
  opacity: 1;
}
[data-flex-carousel]:not(.flex-carousel--continuous) [data-flex-carousel-track].swiper::before {
  left: 0;
  background:
    linear-gradient(
      to right,
      var(--bs-body-bg, #fff),
      transparent);
}
[data-flex-carousel]:not(.flex-carousel--continuous) [data-flex-carousel-track].swiper::after {
  right: 0;
  background:
    linear-gradient(
      to left,
      var(--bs-body-bg, #fff),
      transparent);
}
@media (max-width: 1199.98px) {
  [data-flex-carousel]:not(.flex-carousel--continuous) [data-flex-carousel-track].swiper::before,
  [data-flex-carousel]:not(.flex-carousel--continuous) [data-flex-carousel-track].swiper::after {
    width: 1rem;
  }
}