.article-preview[data-v-776ae248]{position:relative;display:flex;flex:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-direction:column;justify-content:flex-end;border-radius:1rem;border-width:2px;background-size:cover;background-clip:padding-box;background-position:center;background-repeat:no-repeat;padding:.75rem 1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.article-preview[data-v-776ae248]:active{opacity:.7}.article-preview.preview-normal[data-v-776ae248]{aspect-ratio:16 / 9}.article-preview>.badges-container[data-v-776ae248],.article-preview>h3.article-title[data-v-776ae248],.article-preview>.hashtags-container[data-v-776ae248],.article-preview>.article-information[data-v-776ae248]{position:relative}.article-preview>.badges-container[data-v-776ae248],.article-preview>h3.article-title[data-v-776ae248],.article-preview>.hashtags-container[data-v-776ae248],.article-preview>.article-information[data-v-776ae248]{z-index:2}.article-preview>.badges-container[data-v-776ae248]{position:absolute}.article-preview>.badges-container[data-v-776ae248]{top:.75rem}.article-preview>.badges-container[data-v-776ae248]{right:.75rem}.article-preview>.badges-container[data-v-776ae248]{display:flex}.article-preview>.badges-container[data-v-776ae248]{-moz-column-gap:.25rem;column-gap:.25rem}.article-preview>.badges-container>.badge[data-v-776ae248]{flex:none}.article-preview>.badges-container>.badge.like-badge[data-v-776ae248]{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.article-preview>h3.article-title[data-v-776ae248]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.article-preview>h3.article-title[data-v-776ae248]{font-size:1.5rem;line-height:2rem}.article-preview>h3.article-title[data-v-776ae248]{font-weight:700}@media (min-width: 1024px){.article-preview>h3.article-title[data-v-776ae248]{font-size:1.875rem;line-height:2.25rem}}.article-preview>.hashtags-container[data-v-776ae248]{display:flex}.article-preview>.hashtags-container[data-v-776ae248]{flex-wrap:wrap}.article-preview>.hashtags-container[data-v-776ae248]{gap:.5rem}.article-preview>.hashtags-container span.hashtag[data-v-776ae248]{font-size:.875rem;line-height:1.25rem}.article-preview>.hashtags-container span.hashtag[data-v-776ae248]{font-weight:700}.article-preview>.hashtags-container span.hashtag[data-v-776ae248]{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity))}.article-preview>.hashtags-container span.hashtag[data-v-776ae248]{text-shadow:1px 1px 0 rgba(0 0 0 / .2)}.article-preview>.hashtags-container span.hashtag[data-v-776ae248]:hover{text-decoration-line:underline}.article-preview>.hashtags-container span.hashtag[data-v-776ae248]:active{opacity:.6}.article-preview>.article-information[data-v-776ae248]{display:flex}.article-preview>.article-information[data-v-776ae248]{flex-wrap:wrap}.article-preview>.article-information[data-v-776ae248]{align-items:center}.article-preview>.article-information[data-v-776ae248]{-moz-column-gap:1.25rem;column-gap:1.25rem}.article-preview>.article-information[data-v-776ae248]{font-weight:600}.article-preview>.article-information>.author-information>div[data-v-776ae248]{display:flex}.article-preview>.article-information>.author-information>div[data-v-776ae248]{align-items:center}.article-preview>.article-information>.author-information>div>a.username[data-v-776ae248]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.article-preview>.article-information>.author-information>div>a.username[data-v-776ae248]:hover{opacity:.7}.article-preview>.article-information>.author-information>div>a.username[data-v-776ae248]:before{--tw-content: "@";content:var(--tw-content)}.article-preview>.article-information>span.date[data-v-776ae248]{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}img.preload-image[data-v-776ae248]{display:none}