:root{--horizontal-scroll-shadow-block-width:40px}.horizontal-scroll{position:relative}.horizontal-scroll.horizontal-scroll--arrows{display:flex}.horizontal-scroll.horizontal-scroll--arrows .horizontal-scroll__container{margin:0 var(--el-margin-sm)!important}.horizontal-scroll .horizontal-scroll__back,.horizontal-scroll .horizontal-scroll__forward{--icon-btn-hover-color:var(--promo-color);--icon-btn-padding:var(--el-margin-xs);--icon-btn-height:14px;margin:auto 0}.horizontal-scroll .horizontal-scroll__forward{transform:rotate(180deg)}.horizontal-scroll .horizontal-scroll__container{width:100%;-ms-overflow-style:none;scrollbar-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.horizontal-scroll .horizontal-scroll__container::-webkit-scrollbar{display:none}.horizontal-scroll .horizontal-scroll--left-shadow,.horizontal-scroll .horizontal-scroll--right-shadow{bottom:0;content:" ";pointer-events:none;position:absolute;top:0;transition:opacity .6s;width:calc(var(--horizontal-scroll-shadow-block-width)*2);z-index:1}.horizontal-scroll .horizontal-scroll--left-shadow{background:linear-gradient(90deg,#000 50%,transparent);left:calc(var(--horizontal-scroll-shadow-block-width)/-1)}.horizontal-scroll .horizontal-scroll--right-shadow{background:linear-gradient(270deg,#000 50%,transparent);right:calc(var(--horizontal-scroll-shadow-block-width)/-1)}