.sliding-component{--translate:var(--translate,0%);--duration:var(--duration,0ms);--items-width:var(--items-width,0px);overflow:hidden;position:relative;width:100%}.sliding-component:before{background:linear-gradient(90deg,#f7f7f7,#fff0);left:0}.sliding-component:after,.sliding-component:before{content:"";height:100%;position:absolute;top:0;width:20%;z-index:2}.sliding-component:after{background:linear-gradient(270deg,#f7f7f7,#fff0);right:0}.sliding-component .sliding-component-slider{animation:loop linear infinite;animation-direction:normal;animation-duration:var(--duration);animation-play-state:running;display:flex;width:100%}.sliding-component .sliding-component-slider .sliding-component-slider-items{aspect-ratio:16/9;flex-shrink:0;padding:20px;width:var(--items-width)}.sliding-component .sliding-component-slider .sliding-component-slider-items img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%;-webkit-user-drag:none}@keyframes loop{0%{transform:translate(0)}to{transform:translate(var(--translate))}}