.trend-card{border-radius:var(--border-radius);border:var(--border);overflow:hidden;transition:var(--transition);animation:pop .1s ease-in forwards}@keyframes pop{0%{transform:translateY(10px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.trend-card:hover{box-shadow:var(--shadow)}.trend-card .trend-image{aspect-ratio:20/17;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);position:relative;overflow:hidden}.trend-card .trend-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.trend-card .trend-image .category{position:absolute;top:10px;right:10px;background-color:var(--light-gray);padding:var(--spacing-h) var(--spacing);border-radius:var(--border-radius-r);color:var(--text-color-h)}.trend-card .trend-content{padding:var(--spacing)}.trend-card .trend-content .author-thumbs{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing)}.trend-card .trend-content .author-thumbs .thumbs{display:flex;align-items:center;gap:var(--spacing);background-color:var(--light-gray);padding:var(--spacing-h);border-radius:var(--border-radius)}.trend-card .trend-content .author-thumbs .thumbs svg{cursor:pointer;transition:var(--transition)}.trend-card .trend-content .author-thumbs .thumbs svg.active,.trend-card .trend-content .author-thumbs .thumbs svg:hover{color:var(--primary-color);transform:scale(1.2)}.trend-card .trend-content h6{margin-block:var(--spacing-h)}.trend-card .trend-content P,.trend-card .trend-content h6{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.trend-card .trend-content p{font-size:var(--font-size-sm)}