.HFadeScroll{position:relative}.HFadeScroll,.HFadeScroll__inner,.HFadeScroll__scroller{width:100%;height:100%}.HFadeScroll__inner{overflow:hidden}.HFadeScroll.isScrollable .HFadeScroll__scroller{overflow:auto}.HFadeScroll.isFadeEnd{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,1) 0,rgba(0,0,0,1) calc(100% - 100px),rgba(0,0,0,.33));mask-image:linear-gradient(90deg,rgba(0,0,0,1) 0,rgba(0,0,0,1) calc(100% - 100px),rgba(0,0,0,.33))}.HFadeScroll.isFadeStart{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.33) 0,rgba(0,0,0,1) 100px,rgba(0,0,0,1));mask-image:linear-gradient(90deg,rgba(0,0,0,.33) 0,rgba(0,0,0,1) 100px,rgba(0,0,0,1))}.HFadeScroll.isFadeStart.isFadeEnd{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.33) 0,rgba(0,0,0,1) 100px,rgba(0,0,0,1) calc(100% - 100px),rgba(0,0,0,.33));mask-image:linear-gradient(90deg,rgba(0,0,0,.33) 0,rgba(0,0,0,1) 100px,rgba(0,0,0,1) calc(100% - 100px),rgba(0,0,0,.33))}@supports not (mask-image:linear-gradient(to right,black,transparent)){.HFadeScroll.isFadeEnd:after{right:0;background:linear-gradient(90deg,rgba(10,12,13,0) 0,rgba(10,12,13,.7))}.HFadeScroll.isFadeEnd:after,.HFadeScroll.isFadeStart:before{pointer-events:none;content:"";position:absolute;top:0;width:100px;height:100%}.HFadeScroll.isFadeStart:before{z-index:10;left:0;background:linear-gradient(270deg,rgba(10,12,13,0) 0,rgba(10,12,13,.7))}}