.scroll-row{scroll-behavior:smooth;scrollbar-width:none;--scroll-row-fade:24px;min-width:0;display:flex;position:relative;overflow-x:auto}.scroll-row::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){.scroll-row{scroll-behavior:auto}}.scroll-row[data-overflow=start]{-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--scroll-row-fade));mask-image:linear-gradient(to right, transparent 0, #000 var(--scroll-row-fade))}.scroll-row[data-overflow=end],[dir=rtl] .scroll-row[data-overflow=start]{-webkit-mask-image:linear-gradient(to left, transparent 0, #000 var(--scroll-row-fade));mask-image:linear-gradient(to left, transparent 0, #000 var(--scroll-row-fade))}[dir=rtl] .scroll-row[data-overflow=end]{-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--scroll-row-fade));mask-image:linear-gradient(to right, transparent 0, #000 var(--scroll-row-fade))}.scroll-row[data-overflow=both]{-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--scroll-row-fade), #000 calc(100% - var(--scroll-row-fade)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--scroll-row-fade), #000 calc(100% - var(--scroll-row-fade)), transparent 100%)}.scroll-row:focus-within{-webkit-mask-image:none;mask-image:none}
