.scroll-hint{--scroll-hint-fade:2.25rem}.scroll-hint[data-scroll-hint=end]{-webkit-mask-image:linear-gradient(to right,black calc(100% - var(--scroll-hint-fade)),transparent);mask-image:linear-gradient(to right,black calc(100% - var(--scroll-hint-fade)),transparent)}.scroll-hint[data-scroll-hint=start]{-webkit-mask-image:linear-gradient(to left,black calc(100% - var(--scroll-hint-fade)),transparent);mask-image:linear-gradient(to left,black calc(100% - var(--scroll-hint-fade)),transparent)}.scroll-hint[data-scroll-hint=both]{-webkit-mask-image:linear-gradient( to right,transparent,black var(--scroll-hint-fade),black calc(100% - var(--scroll-hint-fade)),transparent );mask-image:linear-gradient( to right,transparent,black var(--scroll-hint-fade),black calc(100% - var(--scroll-hint-fade)),transparent )}