@property --thumb-color{syntax:"<color>";inherits:true;initial-value:transparent}.category[data-v-300fb79c]{background:var(--color-black);color:var(--color-white)}.category-item[data-v-300fb79c]{--image-scale:1;align-items:center;aspect-ratio:496/276;display:flex;justify-content:center;overflow:hidden;position:relative}.category-item__image[data-v-300fb79c]{transform:scale(var(--image-scale));transition:var(--duration-300);z-index:1}.category-item__overlay[data-v-300fb79c]{background:linear-gradient(180deg,transparent,rgba(0,0,0,.7) 50%,transparent);z-index:2}.category-item__title[data-v-300fb79c]{z-index:3}.category-item[data-v-300fb79c]:hover{--image-scale:1.05}