.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,#000 0,#000 calc(100% - 30px),transparent);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 30px),transparent)}.HFadeScroll.isFadeStart{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30px,#000);mask-image:linear-gradient(90deg,transparent 0,#000 30px,#000)}.HFadeScroll.isFadeStart.isFadeEnd{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30px,#000 calc(100% - 30px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 30px,#000 calc(100% - 30px),transparent)}@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,#0a0c0d)}.HFadeScroll.isFadeEnd:after,.HFadeScroll.isFadeStart:before{pointer-events:none;content:"";position:absolute;top:0;width:30px;height:100%}.HFadeScroll.isFadeStart:before{z-index:10;left:0;background:linear-gradient(270deg,rgba(10,12,13,0) 0,#0a0c0d)}}