body[data-switch=formazione] .scroller{background-color:var(--formazione-bg-color)}body[data-switch=orientamento] .scroller{background-color:var(--orientamento-bg-color)}body[data-switch=formazione] .scroller.inverse,body[data-switch=orientamento] .scroller.inverse{background-color:var(--gray)}.scroller-outer{overflow:clip;padding:8rem 0;position:relative}.scroller{margin:0 -1rem;max-width:calc(100% + 2rem);position:relative;transform:rotate(-5deg);z-index:1}.scroller.inverse{transform:rotate(5deg)}.scroller__inner{display:flex;flex-wrap:wrap;gap:1rem;padding-block:.4rem}.scroller[data-animated=true]{overflow:hidden}.scroller[data-animated=true] .scroller__inner{align-items:center;animation:scroll var(--_animation-duration,40s) var(--_animation-direction,forwards) linear infinite;flex-wrap:nowrap;width:max-content}.scroller[data-direction=right]{--_animation-direction:reverse}.scroller[data-direction=left]{--_animation-direction:forwards}.scroller[data-speed=fast]{--_animation-duration:20s}.scroller[data-speed=slow]{--_animation-duration:60s}@keyframes scroll{to{transform:translate(calc(-50% - .5rem))}}.tag-list{list-style:none;margin:0;padding-inline:0}.scroller .tag-list img{border-radius:2rem;max-width:4rem}.tag-list li{color:var(--gray);text-transform:uppercase}.scroller.inverse .tag-list li{color:var(--formazione-bg-color)}.test{background:red!important}