.ui-scroll-edge-fade-x{position:relative}.ui-scroll-edge-fade-x.has-left{-webkit-mask-image:linear-gradient(to right, #0000 0, #000 var(--ui-scroll-edge-fade-x-size,24px), #000 100%);-webkit-mask-image:linear-gradient(to right, #0000 0, #000 var(--ui-scroll-edge-fade-x-size,24px), #000 100%);mask-image:linear-gradient(to right, #0000 0, #000 var(--ui-scroll-edge-fade-x-size,24px), #000 100%)}.ui-scroll-edge-fade-x.has-right{-webkit-mask-image:linear-gradient(to right, #000 0, #000 calc(100% - var(--ui-scroll-edge-fade-x-size,24px)), #0000 100%);-webkit-mask-image:linear-gradient(to right, #000 0, #000 calc(100% - var(--ui-scroll-edge-fade-x-size,24px)), #0000 100%);mask-image:linear-gradient(to right, #000 0, #000 calc(100% - var(--ui-scroll-edge-fade-x-size,24px)), #0000 100%)}.ui-scroll-edge-fade-x.has-left.has-right{-webkit-mask-image:linear-gradient(to right, #0000 0, #000 var(--ui-scroll-edge-fade-x-size,24px), #000 calc(100% - var(--ui-scroll-edge-fade-x-size,24px)), #0000 100%);-webkit-mask-image:linear-gradient(to right, #0000 0, #000 var(--ui-scroll-edge-fade-x-size,24px), #000 calc(100% - var(--ui-scroll-edge-fade-x-size,24px)), #0000 100%);mask-image:linear-gradient(to right, #0000 0, #000 var(--ui-scroll-edge-fade-x-size,24px), #000 calc(100% - var(--ui-scroll-edge-fade-x-size,24px)), #0000 100%)}.ui-scroll-edge-fade-y{position:relative}.ui-scroll-edge-fade-y:before,.ui-scroll-edge-fade-y:after{z-index:3;height:var(--ui-scroll-edge-fade-size,28px);content:"";opacity:0;pointer-events:none;transition:opacity .16s;position:absolute;left:0;right:0}.ui-scroll-edge-fade-y:before{background:linear-gradient(to bottom, var(--ui-scroll-edge-fade-bg,var(--bg-elev,#121212)) 0%, transparent 100%);top:0}.ui-scroll-edge-fade-y:after{background:linear-gradient(to top, var(--ui-scroll-edge-fade-bg,var(--bg-elev,#121212)) 0%, transparent 100%);bottom:0}.ui-scroll-edge-fade-y.has-scroll-fade-top:before,.ui-scroll-edge-fade-y.has-scroll-fade-bottom:after{opacity:1}