ul#componentContainer{display:inline-flex;list-style-type:none;padding-inline-start:0}ul#componentContainer a{align-items:center;display:flex;justify-content:center;text-decoration:none}@media screen and (max-width:30rem){.scroll-container.filters .scroll-container-inner{animation:autoscroll 15s ease-in-out infinite}}.scroll-container.filters:hover .scroll-container-inner{animation-play-state:paused}@keyframes autoscroll{0%{transform:translate(0)}5%{transform:translate(-5rem)}10%{transform:translate(0)}50%{transform:translate(0)}55%{transform:translate(-5rem)}60%{transform:translate(0)}to{transform:translate(0)}}.scroll-container.filters .item{border:2px solid #272829}.scroll-container.filters .item .bg{height:0;transition:all .1s ease-in-out}.scroll-container.filters .item .check{background:#e5e7eb;border-color:#272829;bottom:-.75rem;color:#272829;transform:scale(.75);transform-origin:center;transition:all .1s ease-in-out}.scroll-container.filters .item .check:before{border:2px solid #fff;border-radius:999px;bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px;z-index:0}.scroll-container.filters .item .check i{opacity:0}.scroll-container.filters .item:hover .check{transform:scale(1)}@media (min-width:640px){.scroll-container.filters .item:hover .check i{opacity:1}}.scroll-container.filters .item.active .check{background:#e5142c;border-color:#e5142c;color:#fff}.scroll-container.filters .item.active .check i{opacity:1}.scroll-container.filters .item.active .bg{height:100%}.scroll-container.filters .item.active .bg[data-v-01cc1d84]{height:5px}.scroll-container.filters .item .check[data-v-01cc1d84]:before{border-radius:.25rem;content:""}
