[data-scroll-fade=overflow]{overscroll-behavior-y:none}[data-scroll-fade] [data-scroll-fade]{overscroll-behavior-y:auto}@property --scroll-fade-t{syntax: "<length-percentage>"; inherits: false; initial-value: 0px;}@property --scroll-fade-b{syntax: "<length-percentage>"; inherits: false; initial-value: 0px;}@property --scroll-fade-l{syntax: "<length-percentage>"; inherits: false; initial-value: 0px;}@property --scroll-fade-r{syntax: "<length-percentage>"; inherits: false; initial-value: 0px;}@keyframes scroll-fade-reveal-t{0%{--scroll-fade-t: 0px}to{--scroll-fade-t: min(32px, 25%)}}@keyframes scroll-fade-reveal-b{0%{--scroll-fade-b: min(32px, 25%)}to{--scroll-fade-b: 0px}}@keyframes scroll-fade-reveal-l{0%{--scroll-fade-l: 0px}to{--scroll-fade-l: min(32px, 25%)}}@keyframes scroll-fade-reveal-r{0%{--scroll-fade-r: min(32px, 25%)}to{--scroll-fade-r: 0px}}@keyframes scroll-fade-reveal-l-rtl{0%{--scroll-fade-l: min(32px, 25%)}to{--scroll-fade-l: 0px}}@keyframes scroll-fade-reveal-r-rtl{0%{--scroll-fade-r: 0px}to{--scroll-fade-r: min(32px, 25%)}}@supports (animation-timeline: scroll()) and (animation-range: 0px 96px){[data-scroll-fade=overflow],[data-scroll-fade-x=overflow]{--scroll-fade-mask: linear-gradient(to bottom, transparent 0, #000 var(--scroll-fade-t), #000 calc(100% - var(--scroll-fade-b)), transparent 100%), linear-gradient(to right, transparent 0, #000 var(--scroll-fade-l), #000 calc(100% - var(--scroll-fade-r)), transparent 100%);-webkit-mask-image:var(--scroll-fade-mask);mask-image:var(--scroll-fade-mask);-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[data-scroll-fade=overflow]{animation:scroll-fade-reveal-t 1ms ease-in-out,scroll-fade-reveal-b 1ms ease-in-out;animation-timeline:scroll(self y),scroll(self y);animation-range:0 96px,calc(100% - 96px) 100%;animation-fill-mode:both}[data-scroll-fade-x=overflow]{animation:scroll-fade-reveal-l 1ms ease-in-out,scroll-fade-reveal-r 1ms ease-in-out;animation-timeline:scroll(self x),scroll(self x);animation-range:0 96px,calc(100% - 96px) 100%;animation-fill-mode:both}[data-scroll-fade-x=overflow]:dir(rtl){animation-name:scroll-fade-reveal-l-rtl,scroll-fade-reveal-r-rtl}[data-scroll-fade=overflow][data-scroll-fade-x=overflow]{animation:scroll-fade-reveal-t 1ms ease-in-out,scroll-fade-reveal-b 1ms ease-in-out,scroll-fade-reveal-l 1ms ease-in-out,scroll-fade-reveal-r 1ms ease-in-out;animation-timeline:scroll(self y),scroll(self y),scroll(self x),scroll(self x);animation-range:0 96px,calc(100% - 96px) 100%,0 96px,calc(100% - 96px) 100%;animation-fill-mode:both}[data-scroll-fade=overflow][data-scroll-fade-x=overflow]:dir(rtl){animation-name:scroll-fade-reveal-t,scroll-fade-reveal-b,scroll-fade-reveal-l-rtl,scroll-fade-reveal-r-rtl}}