.fx-mask-scroll {
  opacity: 0.2;
  clip-path: inset(0 0 100% 0);
  will-change: clip-path, opacity;
}

/* variante horizontale */
.fx-mask-scroll.fx-mask-x {
  clip-path: inset(0 100% 0 0);
}

/* a11y */
@media (prefers-reduced-motion: reduce) {
  .fx-mask-scroll {
    opacity: 1 !important;
    clip-path: none !important;
  }
}