.category-card{border-radius:var(--pp-border-radius);cursor:pointer;display:block;overflow:hidden;position:relative;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:164px}@media(max-width:575.98px){.category-card{width:148px}}.category-card .category-card-image,.category-card .category-card-space{background-color:rgba(0,0,0,0);background-position:50%;background-repeat:no-repeat;background-size:cover;overflow:hidden;position:relative;will-change:transform}@supports(aspect-ratio:initial){.category-card .category-card-image,.category-card .category-card-space{aspect-ratio:21/9}}@supports not (aspect-ratio:initial){.category-card .category-card-image:before,.category-card .category-card-space:before{content:"";display:block;padding-top:42.8571428571%}.category-card .category-card-image>img,.category-card .category-card-space>img{bottom:0;left:0;position:absolute;right:0;top:0}}.category-card .category-card-image{background-color:var(--pp-main-2)}.category-card .category-card-image>img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:1;transform:scale(1);transition:opacity .5s ease-in-out,transform .3s ease-in-out;width:100%}.category-card .category-card-image>img:not([src]){opacity:0}.category-card .category-card-image:after{background-color:var(--black-a30);bottom:0;box-shadow:0 0 0 1px var(--pp-primary-a20) inset;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:1}.category-card .category-card-title{align-items:center;color:var(--white);display:flex;font-size:16px;font-weight:600;height:100%;justify-content:center;left:0;line-height:1.5;position:absolute;text-align:center;top:0;width:100%;z-index:2}@media(hover:hover){.category-card:hover{transform:translateY(-4px)}}