@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --_scroll-fade-off{syntax:"*";inherits:false}@keyframes scroll-fade-reveal-t{0%{--scroll-fade-t:0px}to{--scroll-fade-t:var(--_scroll-fade-size)}}@keyframes scroll-fade-reveal-b{0%{--scroll-fade-b:var(--_scroll-fade-size)}to{--scroll-fade-b:0px}}@keyframes scroll-fade-reveal-s{0%{--scroll-fade-s:0px}to{--scroll-fade-s:var(--_scroll-fade-size)}}@keyframes scroll-fade-reveal-e{0%{--scroll-fade-e:var(--_scroll-fade-size)}to{--scroll-fade-e:0px}}@keyframes scroll-fade-on{0%,to{--_scroll-fade-off:initial}}@supports (animation-timeline:scroll()){.scroll-fade,.scroll-fade-y,.scroll-fade-x,.scroll-fade-t,.scroll-fade-b,.scroll-fade-l,.scroll-fade-r,.scroll-fade-s,.scroll-fade-e{--_scroll-fade-size:var(--scroll-fade-size,min(12%, 2.5rem));--_scroll-fade-reveal:min(var(--scroll-fade-reveal,6rem), 100%);--_scroll-fade-off:none;animation-duration:1ms;animation-timing-function:ease-in-out;animation-fill-mode:both}.scroll-fade,.scroll-fade-y,.scroll-fade-t,.scroll-fade-b{animation-timeline:scroll(self y)}.scroll-fade-x,.scroll-fade-s,.scroll-fade-e{animation-timeline:scroll(self inline)}.scroll-fade-l,.scroll-fade-r{animation-timeline:scroll(self x)}.scroll-fade,.scroll-fade-y{-webkit-mask-image:var(--scroll-fade-mask,var(--_scroll-fade-off,linear-gradient(to bottom, transparent, black var(--scroll-fade-t), black calc(100% - var(--scroll-fade-b)), transparent)));mask-image:var(--scroll-fade-mask,var(--_scroll-fade-off,linear-gradient(to bottom, transparent, black var(--scroll-fade-t), black calc(100% - var(--scroll-fade-b)), transparent)));animation-name:scroll-fade-reveal-t,scroll-fade-reveal-b,scroll-fade-on;animation-range:0 var(--_scroll-fade-reveal), calc(100% - var(--_scroll-fade-reveal)) 100%, normal}.scroll-fade-x{-webkit-mask-image:var(--scroll-fade-mask,var(--_scroll-fade-off,linear-gradient(to right, transparent, black var(--scroll-fade-s), black calc(100% - var(--scroll-fade-e)), transparent)));mask-image:var(--scroll-fade-mask,var(--_scroll-fade-off,linear-gradient(to right, transparent, black var(--scroll-fade-s), black calc(100% - var(--scroll-fade-e)), transparent)));animation-name:scroll-fade-reveal-s,scroll-fade-reveal-e,scroll-fade-on;animation-range:0 var(--_scroll-fade-reveal), calc(100% - var(--_scroll-fade-reveal)) 100%, normal}.scroll-fade-x:has([data-pinned=end]){animation-name:scroll-fade-reveal-s,none,scroll-fade-on}.scroll-fade-t{-webkit-mask-image:var(--scroll-fade-mask,var(--_scroll-fade-off,linear-gradient(to bottom, transparent, black var(--scroll-fade-t), black)));mask-image:var(--scroll-fade-mask,var(--_scroll-fade-off,linear-gradient(to bottom, transparent, black var(--scroll-fade-t), black)));animation-name:scroll-fade-reveal-t,scroll-fade-on;animation-range:0 var(--_scroll-fade-reveal), normal}.scroll-fade-b{-webkit-mask-image:var(--scroll-fade-mask,var(--_scroll-fade-off,linear-gradient(to bottom, black, black calc(100% - var(--scroll-fade-b)), transparent)));mask-image:var(--scroll-fade-mask,var(--_scroll-fade-off,linear-gradient(to bottom, black, black calc(100% - var(--scroll-fade-b)), transparent)));animation-name:scroll-fade-reveal-b,scroll-fade-on;animation-range:calc(100% - var(--_scroll-fade-reveal)) 100%, normal}.scroll-fade-l,.scroll-fade-s{-webkit-mask-image:var(--scroll-fade-mask,var(--_scroll-fade-off,linear-gradient(to right, transparent, black var(--scroll-fade-s), black)));mask-image:var(--scroll-fade-mask,var(--_scroll-fade-off,linear-gradient(to right, transparent, black var(--scroll-fade-s), black)));animation-name:scroll-fade-reveal-s,scroll-fade-on;animation-range:0 var(--_scroll-fade-reveal), normal}.scroll-fade-r,.scroll-fade-e{-webkit-mask-image:var(--scroll-fade-mask,var(--_scroll-fade-off,linear-gradient(to right, black, black calc(100% - var(--scroll-fade-e)), transparent)));mask-image:var(--scroll-fade-mask,var(--_scroll-fade-off,linear-gradient(to right, black, black calc(100% - var(--scroll-fade-e)), transparent)));animation-name:scroll-fade-reveal-e,scroll-fade-on;animation-range:calc(100% - var(--_scroll-fade-reveal)) 100%, normal}}.scroll-fade-none{--scroll-fade-mask:none}.scroll-fade-1{--scroll-fade-size:.25rem}.scroll-fade-2{--scroll-fade-size:.5rem}.scroll-fade-3{--scroll-fade-size:.75rem}.scroll-fade-4{--scroll-fade-size:1rem}.scroll-fade-5{--scroll-fade-size:1.25rem}.scroll-fade-6{--scroll-fade-size:1.5rem}.scroll-fade-7{--scroll-fade-size:1.75rem}.scroll-fade-8{--scroll-fade-size:2rem}.scroll-fade-9{--scroll-fade-size:2.25rem}.scroll-fade-10{--scroll-fade-size:2.5rem}.scroll-fade-11{--scroll-fade-size:2.75rem}.scroll-fade-12{--scroll-fade-size:3rem}.scroll-fade-14{--scroll-fade-size:3.5rem}.scroll-fade-16{--scroll-fade-size:4rem}.scroll-fade-20{--scroll-fade-size:5rem}.scroll-fade-24{--scroll-fade-size:6rem}