@property --scroll-x-fade{syntax: "<length>";
    inherits: false;
    initial-value: 0px;
}@layer components{.scroll-x{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain;scrollbar-width:thin}@supports(animation-timeline:scroll(self inline)){.scroll-x{--scroll-x-fade-width:var(--space-6);mask-image:linear-gradient(to left,transparent 0,black var(--scroll-x-fade));animation:scroll-x-fade linear both;animation-timeline:scroll(self inline);animation-range:calc(100% - var(--scroll-x-fade-width))100%}}}@keyframes scroll-x-fade{from{--scroll-x-fade:var(--scroll-x-fade-width)}to{--scroll-x-fade:0px}}