*{box-sizing:border-box;margin:0;padding:0}.tag-list{margin:0;padding-inline:0;list-style:none}.tag-list li{padding:1rem;background-color:#3f3f3f;border-radius:.5rem;box-shadow:0 .5rem 1rem -.25rem #3f3f3f}.scroller{position:relative;left:50%;top:30px;transform:translate(-50%);max-width:600px}.scroller__inner{padding-block:1rem;display:flex;flex-wrap:wrap;gap:1rem}.scroller[data-animated=true]{overflow:hidden;mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent)}.scroller[data-animated=true] .scroller__inner{width:max-content;flex-wrap:nowrap;animation:scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite}.scroller[data-direction=right]{--_animation-direction: reverse}.scroller[data-direction=left]{--_animation-direction: forwards}.scroller[data-speed=slow]{--_animation-duration: 120s}.scroller[data-speed=fast]{--_animation-duration: 20s}@keyframes scroll{to{transform:translate(calc(-50% - .5rem))}}.test{background-color:red!important}