@layer component{.m-auto-slider{max-width:600px;margin:var(--space-3) auto;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent);mask:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent)}.m-auto-slider__inner{display:flex;flex-wrap:nowrap;width:max-content;gap:var(--space-3);animation:scroll var(--_animation-duration,40s) var(--_animation-direction,forwards) linear infinite}.m-auto-slider[data-direction=forward]{--_animation-direction:normal}.m-auto-slider[data-direction=backward]{--_animation-direction:reverse}@keyframes scroll{to{transform:translate(calc(-50% - 10px))}}}