.article-suggest[data-v-9c0813ae]{width:100%;max-width:27.5rem;background-color:#998d8d26;transition:background-color .3s ease-in-out}@media(pointer:fine){.article-suggest[data-v-9c0813ae]:hover{background-color:#998d8d80}}.article-suggest__wrapper[data-v-9c0813ae]{display:grid;grid-template-columns:max-content auto max-content;grid-template-areas:"cover tag icon" "cover title icon";gap:1rem;padding:1rem}.article-suggest__cover[data-v-9c0813ae]{grid-area:cover;width:4rem;aspect-ratio:1}.article-suggest__cover-image[data-v-9c0813ae]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.article-suggest__tag[data-v-9c0813ae]{grid-area:tag;font-size:.75rem;color:#998d8d}.article-suggest__tag[data-v-9c0813ae],.article-suggest__title[data-v-9c0813ae]{display:block;text-transform:uppercase;line-height:1.2;font-weight:600}.article-suggest__title[data-v-9c0813ae]{grid-area:title;font-size:1rem;text-wrap:balance;opacity:.5}.article-suggest__icon[data-v-9c0813ae]{grid-area:icon;display:block;position:relative;width:2.5rem;min-width:2.5rem;height:2.5rem;border-radius:50%;rotate:45deg;color:#998d8d;overflow:hidden}.article-suggest__icon-wrapper[data-v-9c0813ae]{position:absolute;top:0;left:0;width:100%;height:5rem;display:flex;flex-direction:column}.article-suggest__icon-item[data-v-9c0813ae]{width:2.5rem;min-width:2.5rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;rotate:-90deg;transition:translate .3s ease-in-out}@media(pointer:fine){.article-suggest:hover .article-suggest__icon-item[data-v-9c0813ae]{translate:0 -2.5rem}}