.categories-component{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:356px){.categories-component{max-width:356px}}@media (min-width:576px){.categories-component{max-width:576px}}@media (min-width:768px){.categories-component{max-width:768px}}@media (min-width:992px){.categories-component{max-width:992px}}@media (min-width:1200px){.categories-component{max-width:1200px}}@media (min-width:1400px){.categories-component{max-width:1400px}}.categories-component{display:flex;flex-direction:column;gap:5rem;margin-bottom:var(--spacing-lg);margin-top:var(--spacing-lg);overflow:hidden}.categories-component .component-title{line-height:1}.categories-component .categories-list{display:grid;gap:1.25rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:576px){.categories-component .categories-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.categories-component .categories-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:992px){.categories-component .categories-list{grid-template-columns:repeat(4,minmax(0,1fr))}}.categories-component .categories-list .category-item{align-items:center;aspect-ratio:1/1;border-radius:3px;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.categories-component .categories-list .category-item .category-image{display:flex;height:100%;inset:0;overflow:hidden;position:absolute;width:100%;z-index:-10}.categories-component .categories-list .category-item .category-image img{display:flex;height:100%;object-fit:cover;object-position:center;transition:all .2s ease-in-out;width:100%}.categories-component .categories-list .category-item .category-image:before{--tw-bg-opacity:1;background-color:rgb(214 36 50/var(--tw-bg-opacity,1));content:"";display:flex;height:.5rem;left:0;opacity:0;position:absolute;top:0;transition:all .2s ease-in-out;width:100%;z-index:10}.categories-component .categories-list .category-item .category-image:after{background-color:#22222226;content:"";display:flex;height:100%;inset:0;position:absolute;transition:all .2s ease-in-out;width:100%;z-index:0}.categories-component .categories-list .category-item .category-title{--tw-text-opacity:1;align-items:center;color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;font-size:clamp(16px,1.7vw,24px);font-weight:700;gap:.75rem;text-align:center;text-shadow:0 0 16px #000;text-transform:uppercase;width:fit-content;z-index:10}.categories-component .categories-list .category-item:hover .category-image:after{opacity:0}.categories-component .categories-list .category-item:hover .category-image:before{opacity:1}.categories-component .categories-list .category-item:hover .category-image img{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}