.category[data-v-b2af4556]{border:1px solid var(--el-border-color);border-radius:4px;box-shadow:var(--el-box-shadow-light);height:30dvh;overflow:hidden;position:relative}.category[data-v-b2af4556]:before{backface-visibility:hidden;background-image:var(--category-bg);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";top:0;right:0;bottom:0;left:0;position:absolute;transform:translateZ(0);transition:transform .4s ease;will-change:transform;z-index:0}.category[data-v-b2af4556]:hover:before{transform:scale(1.1)}.category-opacity-container[data-v-b2af4556]{background-color:#000;height:100%;left:0;opacity:.3333;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:1}.category:hover .category-opacity-container[data-v-b2af4556]{opacity:.75}.category-text-container[data-v-b2af4556]{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:space-between;left:0;padding:16px;position:absolute;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.7);top:0;width:100%;z-index:2}h3[data-v-b2af4556]{font-size:20px}@media screen and (max-width:1025px){h3[data-v-b2af4556]{font-size:18px}}.skeleton-image[data-v-13efcc73]{border-radius:4px;height:30dvh}