.section{display:grid;min-block-size:100vh;place-content:center;font-family:system-ui,sans-serif;font-size:1.5rem;background-color:var(--clr-primary-800)}.tag-list{margin:0;padding-inline:0;list-style:none}.tag-list li{padding:1rem}.scroller{max-width:1500px;margin:0 auto}.scroller_inner{padding-block:2rem;display:flex;flex-wrap:wrap;gap:1rem}.scroller[data-animated=true]{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,white 10%,white 80%,transparent);mask:linear-gradient(90deg,transparent,white 10%,white 90%,transparent)}.scroller[data-animated=true] .scroller_inner{width:-moz-fit-content;width:fit-content;flex-wrap:nowrap;animation:scroll var(--_animation-duration,70s) var(--_animation-direction,forwards) linear infinite}.scroller[data-direction=right]{--_animation-direction:reverse}@keyframes scroll{to{transform:translate(calc(-50% - .5rem))}}.test{background-color:red!important}