@property --t{syntax:"<number>";inherits:false;initial-value:0}@property --b{syntax:"<number>";inherits:false;initial-value:0}@layer components{.scroll-fade{-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 calc(var(--t) * 2.5rem), #000 calc(100% - var(--b) * 2.5rem), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 calc(var(--t) * 2.5rem), #000 calc(100% - var(--b) * 2.5rem), transparent 100%);transition:--t .3s,--b .3s}@media (prefers-reduced-motion:reduce){.scroll-fade{transition:none}}}