:where([data-scroll-fade=top],[data-scroll-fade=bottom],[data-scroll-fade=both]){--scroll-fade-size:clamp(.875rem, 8%, 2.25rem);--scroll-fade-edge:#0000;--scroll-fade-top-offset:0px;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:alpha;mask-mode:alpha}[data-scroll-fade=top]{-webkit-mask-image:linear-gradient(to bottom, #000 0, #000 var(--scroll-fade-top-offset), var(--scroll-fade-edge) var(--scroll-fade-top-offset), #000 calc(var(--scroll-fade-top-offset) + var(--scroll-fade-size)), #000 100%);-webkit-mask-image:linear-gradient(to bottom, #000 0, #000 var(--scroll-fade-top-offset), var(--scroll-fade-edge) var(--scroll-fade-top-offset), #000 calc(var(--scroll-fade-top-offset) + var(--scroll-fade-size)), #000 100%);mask-image:linear-gradient(to bottom, #000 0, #000 var(--scroll-fade-top-offset), var(--scroll-fade-edge) var(--scroll-fade-top-offset), #000 calc(var(--scroll-fade-top-offset) + var(--scroll-fade-size)), #000 100%)}[data-scroll-fade=bottom]{-webkit-mask-image:linear-gradient(to bottom, #000 0, #000 calc(100% - var(--scroll-fade-size)), var(--scroll-fade-edge) 100%);-webkit-mask-image:linear-gradient(to bottom, #000 0, #000 calc(100% - var(--scroll-fade-size)), var(--scroll-fade-edge) 100%);mask-image:linear-gradient(to bottom, #000 0, #000 calc(100% - var(--scroll-fade-size)), var(--scroll-fade-edge) 100%)}[data-scroll-fade=both]{-webkit-mask-image:linear-gradient(to bottom, #000 0, #000 var(--scroll-fade-top-offset), var(--scroll-fade-edge) var(--scroll-fade-top-offset), #000 calc(var(--scroll-fade-top-offset) + var(--scroll-fade-size)), #000 calc(100% - var(--scroll-fade-size)), var(--scroll-fade-edge) 100%);-webkit-mask-image:linear-gradient(to bottom, #000 0, #000 var(--scroll-fade-top-offset), var(--scroll-fade-edge) var(--scroll-fade-top-offset), #000 calc(var(--scroll-fade-top-offset) + var(--scroll-fade-size)), #000 calc(100% - var(--scroll-fade-size)), var(--scroll-fade-edge) 100%);mask-image:linear-gradient(to bottom, #000 0, #000 var(--scroll-fade-top-offset), var(--scroll-fade-edge) var(--scroll-fade-top-offset), #000 calc(var(--scroll-fade-top-offset) + var(--scroll-fade-size)), #000 calc(100% - var(--scroll-fade-size)), var(--scroll-fade-edge) 100%)}