.scroll-dissolve{position:absolute;top:0;left:0;right:0;height:20px;pointer-events:none;z-index:10}.scroll-dissolve i{position:absolute;inset:0;display:block}.scroll-dissolve i:nth-child(1){backdrop-filter:blur(1.2px);-webkit-backdrop-filter:blur(1.2px);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 5px),transparent calc(100% + -0px));mask-image:linear-gradient(to bottom,#000 calc(100% - 5px),transparent calc(100% + -0px))}.scroll-dissolve i:nth-child(2){backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 7px),transparent calc(100% - 5px));mask-image:linear-gradient(to bottom,#000 calc(100% - 7px),transparent calc(100% - 5px))}.scroll-dissolve i:nth-child(3){backdrop-filter:blur(2.3px);-webkit-backdrop-filter:blur(2.3px);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 9px),transparent calc(100% - 7px));mask-image:linear-gradient(to bottom,#000 calc(100% - 9px),transparent calc(100% - 7px))}.scroll-dissolve i:nth-child(4){backdrop-filter:blur(3.7px);-webkit-backdrop-filter:blur(3.7px);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 13px),transparent calc(100% - 9px));mask-image:linear-gradient(to bottom,#000 calc(100% - 13px),transparent calc(100% - 9px))}.scroll-dissolve i:nth-child(5){backdrop-filter:blur(5.9px);-webkit-backdrop-filter:blur(5.9px);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 15px),transparent calc(100% - 13px));mask-image:linear-gradient(to bottom,#000 calc(100% - 15px),transparent calc(100% - 13px))}.scroll-dissolve i:nth-child(6){backdrop-filter:blur(9.3px);-webkit-backdrop-filter:blur(9.3px);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 16px),transparent calc(100% - 15px));mask-image:linear-gradient(to bottom,#000 calc(100% - 16px),transparent calc(100% - 15px))}.scroll-dissolve i:nth-child(7){backdrop-filter:blur(14.7px);-webkit-backdrop-filter:blur(14.7px);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 18px),transparent calc(100% - 16px));mask-image:linear-gradient(to bottom,#000 calc(100% - 18px),transparent calc(100% - 16px))}.scroll-dissolve i:nth-child(8){backdrop-filter:blur(23.3px) saturate(1.2);-webkit-backdrop-filter:blur(23.3px) saturate(1.2);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 20px),transparent calc(100% - 18px));mask-image:linear-gradient(to bottom,#000 calc(100% - 20px),transparent calc(100% - 18px))}.scroll-dissolve:after{content:"";position:absolute;inset:0;background:var(--background);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 20px),rgba(0,0,0,.905) calc(100% - 18px),rgba(0,0,0,.815) calc(100% - 16px),rgba(0,0,0,.72) calc(100% - 14px),rgba(0,0,0,.611) calc(100% - 12px),rgba(0,0,0,.5) calc(100% - 10px),rgba(0,0,0,.398) calc(100% - 8px),rgba(0,0,0,.3) calc(100% - 6px),rgba(0,0,0,.2) calc(100% - 4px),rgba(0,0,0,.1) calc(100% - 2px),rgba(0,0,0,0) calc(100% + -0px));mask-image:linear-gradient(to bottom,#000 calc(100% - 20px),#000000e7 calc(100% - 18px),#000000d0 calc(100% - 16px),#000000b8 calc(100% - 14px),#0000009c calc(100% - 12px),#00000080 calc(100% - 10px),#00000065 calc(100% - 8px),#0000004d calc(100% - 6px),#0003 calc(100% - 4px),#0000001a calc(100% - 2px),#0000 calc(100% + -0px))}.scroll-dissolve-left{position:absolute;top:0;bottom:0;left:0;width:16px;pointer-events:none;z-index:10;background:linear-gradient(to right,var(--background),transparent)}