@property --horizontal-scroll-start-fade{syntax:"<length>";inherits:false;initial-value:0}@property --horizontal-scroll-end-fade{syntax:"<length>";inherits:false;initial-value:0}.horizontal-scroll-fade{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--horizontal-scroll-start-fade), #000 calc(100% - var(--horizontal-scroll-end-fade)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--horizontal-scroll-start-fade), #000 calc(100% - var(--horizontal-scroll-end-fade)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--horizontal-scroll-start-fade), #000 calc(100% - var(--horizontal-scroll-end-fade)), transparent);scroll-padding-inline:28px;transition:--horizontal-scroll-start-fade .16s ease-out,--horizontal-scroll-end-fade .16s ease-out}.horizontal-scroll-fade[data-more-before=true]{--horizontal-scroll-start-fade:28px}.horizontal-scroll-fade[data-more-after=true]{--horizontal-scroll-end-fade:28px}@media (prefers-reduced-motion:reduce){.horizontal-scroll-fade{transition:none}}