@property --fb-fade-top{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --fb-fade-bottom{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --fb-fade-left{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --fb-fade-right{syntax: "<length>"; inherits: false; initial-value: 0px;}@supports (animation-timeline: scroll()){.fb-scroll-fade{--fb-fade: 2rem;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--fb-fade-top),#000 calc(100% - var(--fb-fade-bottom)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--fb-fade-top),#000 calc(100% - var(--fb-fade-bottom)),transparent 100%);animation:fb-reveal-top linear both,fb-reveal-bottom linear both;animation-timeline:scroll(self y),scroll(self y);animation-range:0 var(--fb-fade),calc(100% - var(--fb-fade)) 100%}.fb-scroll-fade-x{--fb-fade: 2rem;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fb-fade-left),#000 calc(100% - var(--fb-fade-right)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--fb-fade-left),#000 calc(100% - var(--fb-fade-right)),transparent 100%);animation:fb-reveal-left linear both,fb-reveal-right linear both;animation-timeline:scroll(self x),scroll(self x);animation-range:0 var(--fb-fade),calc(100% - var(--fb-fade)) 100%}@keyframes fb-reveal-top{0%{--fb-fade-top: 0px}to{--fb-fade-top: var(--fb-fade)}}@keyframes fb-reveal-bottom{0%{--fb-fade-bottom: var(--fb-fade)}to{--fb-fade-bottom: 0px}}@keyframes fb-reveal-left{0%{--fb-fade-left: 0px}to{--fb-fade-left: var(--fb-fade)}}@keyframes fb-reveal-right{0%{--fb-fade-right: var(--fb-fade)}to{--fb-fade-right: 0px}}}