.popular-list[data-v-a1eaebf7]{display:flex;flex-direction:column;gap:16px}.popular-item--placeholder[data-v-a1eaebf7]{pointer-events:none}.popular-item--placeholder .article-thumbnail[data-v-a1eaebf7]{display:block;flex:0 0 80px;width:80px}@media(min-width:769px){.column-popular-menu[data-v-a1eaebf7]{min-height:533px}.popular-list[data-v-a1eaebf7]{min-height:464px}}.popular-item[data-v-a1eaebf7]{align-items:center;color:inherit;cursor:pointer;display:flex;gap:20px;height:80px;text-decoration:none}.popular-item:nth-of-type(n+4) .rank-number[data-v-a1eaebf7]{background:#1a1a1ae6}.article-thumbnail[data-v-a1eaebf7]{aspect-ratio:1/1;border-radius:12px;flex-shrink:0;height:100%;overflow:hidden;position:relative}.article-thumbnail img[data-v-a1eaebf7]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.rank-number[data-v-a1eaebf7]{align-items:center;background:var(--brand-color);border-radius:12px 0;box-shadow:1px 3px 8px #0003;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:36px;justify-content:center;left:0;position:absolute;top:0;transform-origin:top left;transition:transform .3s ease-out;width:36px}.article-info[data-v-a1eaebf7]{display:flex;flex:auto;flex-direction:column;height:100%;justify-content:space-between}.article-title[data-v-a1eaebf7]{color:#3d3d3d;display:-webkit-box;font-size:14px;font-weight:700;margin:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}.category-label[data-v-a1eaebf7]{border-radius:12px;flex-grow:0;flex-shrink:0;font-size:14px;padding:4px 12px}@media(any-hover:hover){.popular-item:hover .article-title[data-v-a1eaebf7]{color:var(--brand-color)}.popular-item:hover .rank-number[data-v-a1eaebf7]{transform:scale(0)}}@media(max-width:768px){.popular-item[data-v-a1eaebf7]{gap:16px}.article-title[data-v-a1eaebf7]{border-radius:8px}.rank-number[data-v-a1eaebf7]{border-radius:8px 0;font-size:14px;height:30px;width:30px}}