.scroll-box .scrollbars>div{-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll}.scroll-box .scrollbars>div::-webkit-scrollbar{display:none}@property --scroll-fade-top{syntax:"<length>";inherits:false;initial-value:0}@property --scroll-fade-bottom{syntax:"<length>";inherits:false;initial-value:0}@property --scroll-fade-left{syntax:"<length>";inherits:false;initial-value:0}@property --scroll-fade-right{syntax:"<length>";inherits:false;initial-value:0}@keyframes scroll-fade-top-anim{0%{--scroll-fade-top:0px}to{--scroll-fade-top:var(--scroll-fade-size)}}@keyframes scroll-fade-bottom-anim{0%{--scroll-fade-bottom:var(--scroll-fade-size)}to{--scroll-fade-bottom:0px}}@keyframes scroll-fade-left-anim{0%{--scroll-fade-left:0px}to{--scroll-fade-left:var(--scroll-fade-size)}}@keyframes scroll-fade-right-anim{0%{--scroll-fade-right:var(--scroll-fade-size)}to{--scroll-fade-right:0px}}@supports (animation-timeline:scroll()){.scroll-box-fade,.scroll-box-fade-no-top,.scroll-box-fade-x{--scroll-fade-size:60px}.scroll-box-fade{-webkit-mask-image:linear-gradient(transparent calc(var(--scroll-fade-top) - var(--scroll-fade-size)), #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);mask-image:linear-gradient(transparent calc(var(--scroll-fade-top) - var(--scroll-fade-size)), #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);animation:linear both scroll-fade-top-anim,linear both scroll-fade-bottom-anim;animation-timeline:scroll(self),scroll(self);animation-range:0px var(--scroll-fade-size), calc(100% - var(--scroll-fade-size)) 100%}.scroll-box-fade-no-top{-webkit-mask-image:linear-gradient(#000 calc(100% - var(--scroll-fade-bottom)), transparent);mask-image:linear-gradient(#000 calc(100% - var(--scroll-fade-bottom)), transparent);animation:linear both scroll-fade-bottom-anim;animation-timeline:scroll(self);animation-range:calc(100% - var(--scroll-fade-size)) 100%}.scroll-box-fade-x{-webkit-mask-image:linear-gradient(to right, transparent calc(var(--scroll-fade-left) - var(--scroll-fade-size)), #000 var(--scroll-fade-left), #000 calc(100% - var(--scroll-fade-right)), transparent);mask-image:linear-gradient(to right, transparent calc(var(--scroll-fade-left) - var(--scroll-fade-size)), #000 var(--scroll-fade-left), #000 calc(100% - var(--scroll-fade-right)), transparent);animation:linear both scroll-fade-left-anim,linear both scroll-fade-right-anim;animation-timeline:scroll(self inline),scroll(self inline);animation-range:0px var(--scroll-fade-size), calc(100% - var(--scroll-fade-size)) 100%}.scroll-box-fade.scroll-box-fade-x{-webkit-mask-image:linear-gradient(transparent calc(var(--scroll-fade-top) - var(--scroll-fade-size)), #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent), linear-gradient(to right, transparent calc(var(--scroll-fade-left) - var(--scroll-fade-size)), #000 var(--scroll-fade-left), #000 calc(100% - var(--scroll-fade-right)), transparent);mask-image:linear-gradient(transparent calc(var(--scroll-fade-top) - var(--scroll-fade-size)), #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent), linear-gradient(to right, transparent calc(var(--scroll-fade-left) - var(--scroll-fade-size)), #000 var(--scroll-fade-left), #000 calc(100% - var(--scroll-fade-right)), transparent);animation:linear both scroll-fade-top-anim,linear both scroll-fade-bottom-anim,linear both scroll-fade-left-anim,linear both scroll-fade-right-anim;animation-timeline:scroll(self),scroll(self),scroll(self inline),scroll(self inline);animation-range:0px var(--scroll-fade-size), calc(100% - var(--scroll-fade-size)) 100%, 0px var(--scroll-fade-size), calc(100% - var(--scroll-fade-size)) 100%;-webkit-mask-composite:source-in;mask-composite:intersect}.scroll-box-fade-no-top.scroll-box-fade-x{-webkit-mask-image:linear-gradient(#000 calc(100% - var(--scroll-fade-bottom)), transparent), linear-gradient(to right, transparent calc(var(--scroll-fade-left) - var(--scroll-fade-size)), #000 var(--scroll-fade-left), #000 calc(100% - var(--scroll-fade-right)), transparent);mask-image:linear-gradient(#000 calc(100% - var(--scroll-fade-bottom)), transparent), linear-gradient(to right, transparent calc(var(--scroll-fade-left) - var(--scroll-fade-size)), #000 var(--scroll-fade-left), #000 calc(100% - var(--scroll-fade-right)), transparent);animation:linear both scroll-fade-bottom-anim,linear both scroll-fade-left-anim,linear both scroll-fade-right-anim;animation-timeline:scroll(self),scroll(self inline),scroll(self inline);animation-range:calc(100% - var(--scroll-fade-size)) 100%, 0px var(--scroll-fade-size), calc(100% - var(--scroll-fade-size)) 100%;-webkit-mask-composite:source-in;mask-composite:intersect}}