.category-card,.directory-card{-webkit-tap-highlight-color:transparent}.card-artwork-fill{z-index:0;pointer-events:none;background:var(--icon-surface,var(--dir-panel));transform-origin:top;transition:transform .3s;position:absolute;inset:0;transform:scaleY(0)}.directory-card>.card-artwork-fill{background:linear-gradient(100deg in srgb,var(--icon-surface,var(--dir-card)),var(--icon-surface-mid,var(--dir-card)) 55%,var(--icon-surface-end,var(--dir-card)));transform-origin:0;transform:scaleX(0)}.category-card.is-ready.is-artwork-active .category-card-body>.card-artwork-fill,.directory-card.is-artwork-active>.card-artwork-fill{transform:scale(1)}.directory-card{isolation:isolate;overflow:hidden}.category-card-description,.category-card-stats,.directory-card-copy,.directory-card-icon{z-index:1;position:relative}.category-card-badges span,.category-card-description,.category-card-id,.category-card-name,.category-card-stats dd,.category-card-stats dt,.directory-card h3,.directory-card-copy p{transition:color .3s}.category-card.is-artwork-active .category-card-name,.directory-card.is-artwork-active h3{color:var(--icon-title,var(--dir-heading))}.category-card.is-artwork-active :is(.category-card-description,.category-card-stats dt),.directory-card.is-artwork-active .directory-card-copy p{color:var(--icon-copy,var(--dir-muted))}.category-card.is-artwork-active .category-card-id,.category-card.is-artwork-active :is(.category-card-badges span,.category-card-stats dd){color:var(--icon-accent,var(--dir-secondary))}.category-card.is-artwork-active .category-card-badges .category-card-rating{color:var(--icon-accent,#f1cf76)}.category-card.is-artwork-active .category-card-badges .category-card-version{color:var(--icon-accent,#b4ddf6)}