:root{--clr-primary-300:#333;--clr-primary-400:#444}.tag-list{list-style:none;margin:0;padding-inline:0}.tag-list li{background:var(--clr-primary-400);border-radius:.5rem;box-shadow:0 .5rem 1rem -.25rem var(--clr-primary-300);color:#a3a0a0;padding:1rem}.scroller{margin:0 auto;overflow:hidden}.scroller__inner{display:flex;flex-wrap:wrap;gap:4rem;padding-block:1rem}.scroller[data-animated=true]{-webkit-mask:linear-gradient(90deg,transparent,#fff 10%,#fff 90%,transparent);mask:linear-gradient(90deg,transparent,#fff 10%,#fff 90%,transparent);overflow:hidden}.scroller[data-animated=true] .scroller__inner{animation:scroll var(--_animation_duration,40s) var(--_animation_direction,forwards) linear infinite;flex-wrap:nowrap;width:-moz-max-content;width:max-content}.scroller[data-direction=right]{--_animation_direction:reverse}.scroller[data-direction=left]{--_animation_direction:forwards}.scroller[data-speed=fast]{--_animation_duration:35s}.scroller[data-speed=slow]{--_animation_duration:120s}@keyframes scroll{to{transform:translate(calc(-50% - 2rem))}}