.scroller{max-width:100%}.scroller__inner{padding-block:1rem;display:flex;flex-wrap:wrap;gap:2rem}.scroller[data-animated=true]{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#fff 5%,#fff 95%,transparent);mask:linear-gradient(90deg,transparent,#fff 5%,#fff 95%,transparent)}.scroller[data-animated=true] .scroller__inner{width:-moz-max-content;width:max-content;flex-wrap:nowrap;animation:scroll var(--_animation-duration,80s) var(--_animation-direction,forwards) linear infinite;animation-play-state:running}.scroller[data-animated=true] .scroller__inner:hover{animation-play-state:paused}.scroller[data-direction=right]{--_animation-direction:reverse}.scroller[data-direction=left]{--_animation-direction:forwards}.scroller[data-speed=fast],.scroller[data-speed=slow]{--_animation-duration:80s}@keyframes scroll{to{transform:translate(calc(-50% - .5rem))}}.tag-list{margin:0;padding-inline:0;list-style:none}.tag-list li{background:var(--clr-primary-400);border-radius:.5rem;box-shadow:0 .5rem 1rem -.25rem var(--clr-primary-900);height:-moz-fit-content;height:fit-content;width:300px;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));padding:1rem 2rem}@media (min-width:768px){.tag-list li{height:auto;width:700px;padding-bottom:3.5rem}}.test{background:red!important}.h1{max-width:40ch}.h1,.h2{text-align:center;transform:scale(.94);animation:scale 1s cubic-bezier(.5,1,.89,1) forwards}.h2{display:inline-block;opacity:0;filter:blur(4px)}.hr{width:0;animation:expandWidth 2s cubic-bezier(.5,1,.89,1) 2.8s forwards}.item-1{animation:zoomInText 2.4s cubic-bezier(.5,1,.89,1) 4.2s forwards}.item-2{animation:zoomInText 2.4s cubic-bezier(.5,1,.89,1) 4.8s forwards}.item-3{animation:zoomInText 2.4s cubic-bezier(.5,1,.89,1) 5.4s forwards}@keyframes scale{to{transform:scale(1)}}@keyframes expandWidth{to{width:100%}}@keyframes zoomInText{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.span{display:inline-block;opacity:0;filter:blur(4px)}.span:first-child{animation:fade-in .8s cubic-bezier(.11,0,.5,0) .3s forwards}.span:nth-child(2){animation:fade-in .8s cubic-bezier(.11,0,.5,0) .4s forwards}.span:nth-child(3){animation:fade-in .8s cubic-bezier(.11,0,.5,0) .5s forwards}.span:nth-child(4){animation:fade-in .8s cubic-bezier(.11,0,.5,0) 1s forwards}.span:nth-child(5){animation:fade-in .8s cubic-bezier(.11,0,.5,0) 1.5s forwards}.span:nth-child(6){animation:fade-in .8s cubic-bezier(.11,0,.5,0) 2.1s forwards}.h2{animation:fade-in 1s cubic-bezier(.11,0,.5,0) 2.5s forwards}.span:nth-child(8){animation:fade-in .8s cubic-bezier(.11,0,.5,0) .8s forwards}.span:nth-child(9){animation:fade-in .8s cubic-bezier(.11,0,.5,0) .9s forwards}.span:nth-child(10){animation:fade-in .8s cubic-bezier(.11,0,.5,0) 1s forwards}.span:nth-child(11){animation:fade-in .8s cubic-bezier(.11,0,.5,0) 1.1s forwards}.span:nth-child(12){animation:fade-in .8s cubic-bezier(.11,0,.5,0) 1.2s forwards}.span:nth-child(13){animation:fade-in .8s cubic-bezier(.11,0,.5,0) 1.3s forwards}.span:nth-child(14){animation:fade-in .8s cubic-bezier(.11,0,.5,0) 1.4s forwards}.span:nth-child(15){animation:fade-in .8s cubic-bezier(.11,0,.5,0) 1.5s forwards}.span:nth-child(16){animation:fade-in .8s cubic-bezier(.11,0,.5,0) 1.6s forwards}.span:nth-child(17){animation:fade-in .8s cubic-bezier(.11,0,.5,0) 1.7s forwards}.span:nth-child(18){animation:fade-in .8s cubic-bezier(.11,0,.5,0) 1.8s forwards}@keyframes fade-in{to{opacity:1;filter:blur(0)}}