.article-preview[data-v-74bed9bb]{position:relative;box-sizing:content-box;display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:.5rem;border-width:2px;background-size:cover;background-position:right;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-74bed9bb]:before{position:absolute}.article-preview[data-v-74bed9bb]:before{top:0;right:0;bottom:0;left:0}.article-preview[data-v-74bed9bb]:before{z-index:-1}.article-preview[data-v-74bed9bb]:before{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.article-preview[data-v-74bed9bb]:before{background-size:cover}.article-preview[data-v-74bed9bb]:before{background-position:center}.article-preview[data-v-74bed9bb]:before{background-repeat:no-repeat}.article-preview[data-v-74bed9bb]:before{opacity:.9}.article-preview[data-v-74bed9bb]:before{--tw-content: "";content:var(--tw-content)}.article-preview[data-v-74bed9bb]:is(.dark *):before{opacity:.8}.article-preview[data-v-74bed9bb]:active{opacity:.7}.article-preview.preview-normal[data-v-74bed9bb]{aspect-ratio:16 / 9}.article-preview>.badges-container[data-v-74bed9bb]{position:absolute}.article-preview>.badges-container[data-v-74bed9bb]{top:.75rem}.article-preview>.badges-container[data-v-74bed9bb]{right:.75rem}.article-preview>.badges-container[data-v-74bed9bb]{display:flex}.article-preview>.badges-container[data-v-74bed9bb]{-moz-column-gap:.25rem;column-gap:.25rem}.article-preview>.badges-container>.badge[data-v-74bed9bb]{flex:none}.article-preview>.badges-container>.badge.like-badge[data-v-74bed9bb]{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.article-preview>h3.article-title[data-v-74bed9bb]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.article-preview>h3.article-title[data-v-74bed9bb]{font-size:1.5rem;line-height:2rem}.article-preview>h3.article-title[data-v-74bed9bb]{font-weight:700}@media (min-width: 1024px){.article-preview>h3.article-title[data-v-74bed9bb]{font-size:1.875rem;line-height:2.25rem}}.article-preview>.hashtags-container[data-v-74bed9bb]{display:flex}.article-preview>.hashtags-container[data-v-74bed9bb]{flex-wrap:wrap}.article-preview>.hashtags-container[data-v-74bed9bb]{gap:.5rem}.article-preview>.hashtags-container span.hashtag[data-v-74bed9bb]{font-size:.875rem;line-height:1.25rem}.article-preview>.hashtags-container span.hashtag[data-v-74bed9bb]{font-weight:700}.article-preview>.hashtags-container span.hashtag[data-v-74bed9bb]{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity))}.article-preview>.hashtags-container span.hashtag[data-v-74bed9bb]{text-shadow:1px 1px 0 rgba(0 0 0 / .2)}.article-preview>.hashtags-container span.hashtag[data-v-74bed9bb]:hover{text-decoration-line:underline}.article-preview>.hashtags-container span.hashtag[data-v-74bed9bb]:active{opacity:.6}.article-preview>.article-information[data-v-74bed9bb]{display:flex}.article-preview>.article-information[data-v-74bed9bb]{flex-wrap:wrap}.article-preview>.article-information[data-v-74bed9bb]{align-items:center}.article-preview>.article-information[data-v-74bed9bb]{-moz-column-gap:1.25rem;column-gap:1.25rem}.article-preview>.article-information[data-v-74bed9bb]{font-weight:600}.article-preview>.article-information>.author-information>div[data-v-74bed9bb]{display:flex}.article-preview>.article-information>.author-information>div[data-v-74bed9bb]{align-items:center}.article-preview>.article-information>.author-information>div>a.username[data-v-74bed9bb]{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-74bed9bb]:hover{opacity:.7}.article-preview>.article-information>.author-information>div>a.username[data-v-74bed9bb]:before{--tw-content: "@";content:var(--tw-content)}.article-preview>.article-information>span.date[data-v-74bed9bb]{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}img.preload-image[data-v-74bed9bb]{display:none}