.scroll-fade[data-scroll-fade=end]{-webkit-mask-image:linear-gradient(to right, var(--color-ink) calc(100% - var(--space-8)), transparent);-webkit-mask-image:linear-gradient(to right, var(--color-ink) calc(100% - var(--space-8)), transparent);mask-image:linear-gradient(to right, var(--color-ink) calc(100% - var(--space-8)), transparent)}.scroll-fade[data-scroll-fade=start]{-webkit-mask-image:linear-gradient(to left, var(--color-ink) calc(100% - var(--space-8)), transparent);-webkit-mask-image:linear-gradient(to left, var(--color-ink) calc(100% - var(--space-8)), transparent);mask-image:linear-gradient(to left, var(--color-ink) calc(100% - var(--space-8)), transparent)}.scroll-fade[data-scroll-fade=both]{-webkit-mask-image:linear-gradient(to right, transparent, var(--color-ink) var(--space-8), var(--color-ink) calc(100% - var(--space-8)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, var(--color-ink) var(--space-8), var(--color-ink) calc(100% - var(--space-8)), transparent);mask-image:linear-gradient(to right, transparent, var(--color-ink) var(--space-8), var(--color-ink) calc(100% - var(--space-8)), transparent)}