.ui-scroll-edge-fade-x{position:relative}.ui-scroll-edge-fade-x.has-left{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 24px 100%);mask-image:linear-gradient(90deg,#0000 0,#000 24px 100%)}.ui-scroll-edge-fade-x.has-right{-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 24px),#0000 100%)}.ui-scroll-edge-fade-x.has-left.has-right{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 24px calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 24px calc(100% - 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}