.blog-cat[data-v-7744f450]{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.blog-cat__item[data-v-7744f450]{display:flex;gap:.25rem;padding:.5rem .25rem;position:relative}.blog-cat__item:hover .blog-subcat[data-v-7744f450]{display:block}.blog-subcat[data-v-7744f450]{background:var(--color-bg);display:none;left:0;padding:.25rem 0;position:absolute;top:100%;white-space:nowrap;z-index:999}.blog-subcat__item[data-v-7744f450]{align-items:center;display:flex;gap:.5rem;padding:.5rem 1rem}.blog-subcat__item[data-v-7744f450]:hover{background:var(--color-theme-light);color:var(--color-theme)}.blog-list[data-v-7744f450]{-moz-column-gap:3rem;column-gap:3rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));row-gap:4rem}.blog__author[data-v-7744f450]{align-items:center;display:flex;font-weight:500;gap:.75rem}.blog__author-img[data-v-7744f450]{height:2.5rem;overflow:hidden;width:2.5rem}.blog__author-img img[data-v-7744f450]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.blog__author-img.--icon[data-v-7744f450]{align-items:center;background:var(--color-text-pale);border-radius:999px;display:flex;justify-content:center}.blog__author-img.--icon .lucide[data-v-7744f450]{color:var(--color-text-light);height:60%;width:60%}.blog-list .blog__content[data-v-7744f450],.blog-list__item[data-v-7744f450]{display:flex;flex-direction:column}.blog-list .blog__content[data-v-7744f450],.blog-list .blog__preview[data-v-7744f450]{flex-grow:1}.blog__title[data-v-7744f450]{display:-webkit-box;height:3em;margin:.75rem 0;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease}.blog__info[data-v-7744f450]{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.blog__info-cat[data-v-7744f450]{background:var(--color-theme-light);border-radius:var(--style-radius);padding:.125rem .5rem}.blog__info[data-v-7744f450],.blog__preview[data-v-7744f450]{color:var(--color-text-dark)}.blog__content:hover .blog__title[data-v-7744f450]{color:var(--color-theme)}@media only screen and (max-width:768px){.blog__author-img[data-v-7744f450]{height:2rem;width:2rem}}@media only screen and (max-width:450px){.blog-list[data-v-7744f450]{grid-template-columns:1fr}}