.ibz-scroll-fade-inline-end {
  --ibz-scroll-fade-size: 2.4rem;
  -webkit-mask-image: linear-gradient(to right, #000 0%, #000 calc(100% - var(--ibz-scroll-fade-size)), transparent 100%);
  mask-image: linear-gradient(to right, #000 0%, #000 calc(100% - var(--ibz-scroll-fade-size)), transparent 100%);
}

[dir=rtl] .ibz-scroll-fade-inline-end {
  -webkit-mask-image: linear-gradient(to left, #000 0%, #000 calc(100% - var(--ibz-scroll-fade-size)), transparent 100%);
  mask-image: linear-gradient(to left, #000 0%, #000 calc(100% - var(--ibz-scroll-fade-size)), transparent 100%);
}

@media (min-width: 768px) {
  .ibz-scroll-fade-mobile-only {
    -webkit-mask-image: none;
    mask-image: none;
  }
}