.card-item{display:flex;flex-direction:column;height:100%;min-width:0}.card-preview{aspect-ratio:256/303;background:var(--n7);border-radius:var(--radius-lg);display:block;overflow:hidden;position:relative}.card-preview .cover-art img,.card-preview .cover-art-fallback{transition:transform .8s}.card-item:hover .card-preview .cover-art img,.card-item:hover .card-preview .cover-art-fallback{transform:scale(1.06)}.card-control{align-items:flex-start;background:linear-gradient(180deg,#1414161a 40%,#14141699);display:flex;flex-direction:column;top:0;right:0;bottom:0;left:0;justify-content:space-between;opacity:0;padding:16px;position:absolute;transition:all .2s;visibility:hidden}.card-item:hover .card-control,.card-preview:focus-visible .card-control{opacity:1;visibility:visible}.card-cta{align-self:stretch;pointer-events:none}.card-body{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);padding:20px 0 16px}.card-line{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;min-width:0}.card-title{color:var(--n1);display:-webkit-box;font-size:16px;font-weight:500;line-height:1.5;max-width:100%;min-width:0;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3em;overflow:hidden}.card-title:hover{color:var(--p1)}.card-price{flex-shrink:0}.card-creator{align-items:center;color:var(--n3);display:inline-flex;font-size:12px;font-weight:500;gap:8px;max-width:100%;min-width:0}.card-creator span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-creator:hover{color:var(--p1)}.card-foot{align-items:center;border-top:1px solid var(--n6);display:flex;flex-wrap:wrap;gap:4px 8px;justify-content:space-between;margin-top:auto;padding-top:12px}.card-foot .caption-2{align-items:center;display:inline-flex;gap:4px;min-width:0}.card-foot strong{color:var(--n1);font-weight:600}.card-foot svg{height:16px;width:16px}@media (hover:none){.card-control{background:none;opacity:1;visibility:visible}.card-cta{display:none}}@media (max-width:479px){.card-body{gap:8px;padding:12px 0 10px}.card-line{gap:6px}.card-line:first-child{flex-direction:column}.card-title{font-size:14px;line-height:1.4;min-height:2.8em}.card-size{display:none}.card-foot{gap:2px 8px;padding-top:8px}.card-foot .caption-2{font-size:11px}}