.grid{display:flex;flex-direction:column;gap:16px;padding:16px}.grid img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1;border-radius:var(--da-card-corners) 0 0 var(--da-card-corners)}.card-image{max-height:125px;aspect-ratio:1/1}.card-body{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;flex:1}h3.card-title{font-size:1rem;font-weight:700;margin:0;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.card-link{text-decoration:none;color:inherit;display:flex;flex-direction:row;align-items:start;width:100%;justify-content:center;align-items:center}.card-metadata{display:flex;gap:4px;font-size:.9rem;color:var(--da-gray)}.card-metadata:nth-child(2){border-top:1px solid var(--da-gray)}.card-footer{display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-radius:var(--da-card-corners);background-color:var(--da-card-bg);width:100%;box-sizing:border-box}.card-skeleton{background-color:var(--da-card-bg);border-radius:var(--da-card-corners);box-shadow:var(--da-card-shadow-x) var(--da-card-shadow-y) var(--da-card-blur-radius) var(--da-shadow-dark);display:flex;flex-direction:column;align-items:start;width:100%;padding-bottom:12px}.card-skeleton-image{width:100%;border-radius:var(--da-card-corners) var(--da-card-corners) 0 0;background:var(--card-skeleton-gradient);background-size:var(--skeleton-background-size);animation:skeleton-loading var(--da-skeleton-animation-speed) infinite linear;will-change:background-position;transform:translateZ(0);backface-visibility:hidden;aspect-ratio:1/1}.card-skeleton-title{width:100%;height:20px;border-radius:4px;background:var(--card-skeleton-gradient);background-size:var(--skeleton-background-size);animation:skeleton-loading var(--da-skeleton-animation-speed) infinite linear;will-change:background-position;transform:translateZ(0);backface-visibility:hidden}.card-skeleton-metadata{width:100%;height:18px;border-radius:4px;background:var(--card-skeleton-gradient);background-size:var(--skeleton-background-size);animation:skeleton-loading var(--da-skeleton-animation-speed) infinite linear;will-change:background-position;transform:translateZ(0);backface-visibility:hidden}@media (max-width:480px){.card-skeleton-title{height:16px}.card-skeleton-metadata{height:12px}}@media (max-width:320px){.card-image{max-height:75px}.grid img{border-radius:var(--da-card-corners);padding-left:6px}}