._card_1upcv_1{container:compilation-card/inline-size;color:#fff;position:relative;-webkit-user-select:none;user-select:none}._card__inner_1upcv_1{aspect-ratio:1;background:var(--backdrop-image);background-size:431px 270px;border-radius:12px;overflow:hidden;position:relative;width:100%}._card__shadow_1upcv_1{background:linear-gradient(180deg,#00090d00 45.8%,#000b0d08 49.19%,#000b0d14 55.12%,#000b0d61 78.83%,#000b0d7a 87.35%,#000b0d9c);height:100%;left:0;position:absolute;top:0;width:100%}._card__shadow--top_1upcv_1:after{background:radial-gradient(18.97% 18.97% at 100% -.22%,#0006 0,#0000004e 57.65%,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}._card__bottom_1upcv_1{bottom:0;left:0;padding:0 16px 12px;position:absolute;right:0}@container compilation-card (width <= 200px){._card__bottom_1upcv_1{padding:0 8px 8px}}._card__rating_1upcv_1{background:var(--rating-bg--null);border-radius:8px;color:#fff;font-family:Rubik,sans-serif;font-size:18px;line-height:18px;padding:7px 8px;position:absolute;right:8px;top:8px;-webkit-transform:translateZ(0);z-index:2}._card__rating--positive_1upcv_1{background:var(--rating-bg--positive)}._card__rating--negative_1upcv_1{background:var(--rating-bg--negative)}@container (width <= 200px){._card__rating_1upcv_1{font-size:14px;line-height:14px;padding:5px 4px}}@media (hover:hover){._card_1upcv_1:hover ._background_1upcv_93{transform:scale(1.1)}}._background_1upcv_93{height:100%;left:0;position:absolute;top:0;transform:scale(1);transition:transform .3s ease-in-out;width:100%}._background_1upcv_93 img{height:100%;object-fit:cover;width:100%}._counts_1upcv_118{background:#4c5052bf;border-radius:8px;color:#fff;column-gap:8px;display:flex;left:8px;padding:4px 8px;position:absolute;top:8px}._counts_1upcv_118 span{align-items:center;column-gap:4px;display:flex;font-family:Rubik,sans-serif;font-size:18px;font-weight:500;line-height:18px}._counts_1upcv_118 span svg{display:block;height:24px;width:24px}@container (width <= 200px){._counts_1upcv_118{column-gap:2px;padding:2px 4px}._counts_1upcv_118 span{font-size:14px;font-weight:400}._counts_1upcv_118 span svg{height:20px;width:20px}}._user_1upcv_166{font-family:Rubik,sans-serif}@media (width <= 500px){._user_1upcv_166{--font-size:14px}}._title_1upcv_174{--line-height:26px;--line-clamp:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp);color:#fff;display:-webkit-box;font-family:Rubik,sans-serif;font-size:18px;font-weight:500;line-height:var(--line-height);margin-top:14px;max-height:calc(var(--line-height)*var(--line-clamp));overflow:hidden}@container (width <= 200px){._title_1upcv_174{--line-height:22px;font-size:14px;margin-top:5px}}._date_1upcv_201{color:var(--gray-2);font-family:Roboto,sans-serif;font-size:14px;line-height:20px}@container (width <= 200px){._date_1upcv_201{font-size:12px;line-height:16px}}._shadow-1_1upcv_213{background:var(--compilation-shadow-1);border-radius:0 0 12px 12px;height:12px;margin:0 8px}@container (width <= 200px){._shadow-1_1upcv_213{border-radius:0 0 10px 10px;height:8px}}._shadow-2_1upcv_225{background:var(--compilation-shadow-2);border-radius:0 0 12px 12px;height:12px;margin:0 16px}@container compilation-card (width <= 200px){._shadow-2_1upcv_225{border-radius:0 0 10px 10px;height:8px}}
/*# sourceMappingURL=compilation-card.css.map */