.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}@keyframes scroll-fade-top-anim{0%{--scroll-fade-top:0px}to{--scroll-fade-top:var(--scroll-fade-height)}}@keyframes scroll-fade-bottom-anim{0%{--scroll-fade-bottom:var(--scroll-fade-height)}to{--scroll-fade-bottom:0px}}@supports (animation-timeline:scroll()){.scroll-box-fade{--scroll-fade-height:60px;-webkit-mask-image:linear-gradient(transparent calc(var(--scroll-fade-top) - var(--scroll-fade-height)), #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-height)), #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-height), calc(100% - var(--scroll-fade-height)) 100%}.scroll-box-fade-no-top{--scroll-fade-height:60px;-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-height)) 100%}}