@layer components{.scroll-fade[data-more-before],.scroll-fade[data-more-after]{--scroll-fade:var(--s-5);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--scroll-fade-start,0px), #000 calc(100% - var(--scroll-fade-end,0px)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--scroll-fade-start,0px), #000 calc(100% - var(--scroll-fade-end,0px)), transparent 100%)}.scroll-fade[data-more-before]{--scroll-fade-start:var(--scroll-fade)}.scroll-fade[data-more-after]{--scroll-fade-end:var(--scroll-fade)}}