.text-scroll-fade{--mask-position:-40;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(#000),color-stop(rgba(0,0,0,.9)),color-stop(rgba(0,0,0,.8)),color-stop(rgba(0,0,0,.6)),color-stop(rgba(0,0,0,.4)),color-stop(rgba(0,0,0,.2)),color-stop(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));mask-image:-webkit-gradient(linear,left top,left bottom,from(#000),color-stop(rgba(0,0,0,.9)),color-stop(rgba(0,0,0,.8)),color-stop(rgba(0,0,0,.6)),color-stop(rgba(0,0,0,.4)),color-stop(rgba(0,0,0,.2)),color-stop(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));-webkit-mask-image:linear-gradient(#000 calc(var(--mask-position)*1%),rgba(0,0,0,.9) calc((var(--mask-position) + 5)*1%),rgba(0,0,0,.8) calc((var(--mask-position) + 10)*1%),rgba(0,0,0,.6) calc((var(--mask-position) + 20)*1%),rgba(0,0,0,.4) calc((var(--mask-position) + 30)*1%),rgba(0,0,0,.2) calc((var(--mask-position) + 35)*1%),rgba(0,0,0,.1) calc((var(--mask-position) + 40)*1%),rgba(0,0,0,.1) 100%);mask-image:linear-gradient(#000 calc(var(--mask-position)*1%),rgba(0,0,0,.9) calc((var(--mask-position) + 5)*1%),rgba(0,0,0,.8) calc((var(--mask-position) + 10)*1%),rgba(0,0,0,.6) calc((var(--mask-position) + 20)*1%),rgba(0,0,0,.4) calc((var(--mask-position) + 30)*1%),rgba(0,0,0,.2) calc((var(--mask-position) + 35)*1%),rgba(0,0,0,.1) calc((var(--mask-position) + 40)*1%),rgba(0,0,0,.1) 100%);-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(#000),color-stop(rgba(0,0,0,.9)),color-stop(rgba(0,0,0,.8)),color-stop(rgba(0,0,0,.6)),color-stop(rgba(0,0,0,.4)),color-stop(rgba(0,0,0,.2)),color-stop(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));-webkit-mask-image:linear-gradient(#000 calc(var(--mask-position)*1%),rgba(0,0,0,.9) calc((var(--mask-position) + 5)*1%),rgba(0,0,0,.8) calc((var(--mask-position) + 10)*1%),rgba(0,0,0,.6) calc((var(--mask-position) + 20)*1%),rgba(0,0,0,.4) calc((var(--mask-position) + 30)*1%),rgba(0,0,0,.2) calc((var(--mask-position) + 35)*1%),rgba(0,0,0,.1) calc((var(--mask-position) + 40)*1%),rgba(0,0,0,.1) 100%)}