.scroll-container{scrollbar-width:none;white-space:nowrap;animation:both mask-fade;animation-timeline:scroll(self x);display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000);-webkit-mask-size:100% 100%;mask-size:100% 100%}@keyframes mask-fade{0%{-webkit-mask-image:linear-gradient(90deg,#000,#000 calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#000,#000 calc(100% - 40px),#0000)}10%,90%{-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000)}to{-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px,#000);mask-image:linear-gradient(90deg,#0000,#000 40px,#000)}}.scroll-container-rev{scrollbar-width:none;white-space:nowrap;animation:both mask-fade-rev;animation-timeline:scroll(self x);display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000);-webkit-mask-size:100% 100%;mask-size:100% 100%}@keyframes mask-fade-rev{0%{-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px,#000);mask-image:linear-gradient(90deg,#0000,#000 40px,#000)}10%,90%{-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000)}to{-webkit-mask-image:linear-gradient(90deg,#000,#000 calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#000,#000 calc(100% - 40px),#0000)}}