.category__cover[data-v-abd7c5f3]{display:flex;justify-content:center;width:100%}.category__cover img[data-v-abd7c5f3]{height:auto;max-height:300px;max-width:100%;width:auto}.category__breadcrumb[data-v-abd7c5f3]{align-items:center;display:flex;gap:.25rem}.category__breadcrumb .lucide[data-v-abd7c5f3],.category__breadcrumb span[data-v-abd7c5f3]{color:var(--color-text-soft)}.category__breadcrumb .--active[data-v-abd7c5f3]{color:var(--color-theme)}.blog-list[data-v-abd7c5f3]{-moz-column-gap:3rem;column-gap:3rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));row-gap:4rem}.blog-list .blog__cover[data-v-abd7c5f3]{margin-bottom:1rem}.blog__author[data-v-abd7c5f3]{align-items:center;display:flex;font-weight:500;gap:.75rem}.blog__author-img[data-v-abd7c5f3]{height:2.5rem;overflow:hidden;width:2.5rem}.blog__author-img img[data-v-abd7c5f3]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.blog__author-img.--icon[data-v-abd7c5f3]{align-items:center;background:var(--color-text-pale);border-radius:999px;display:flex;justify-content:center}.blog__author-img.--icon .lucide[data-v-abd7c5f3]{color:var(--color-text-light);height:60%;width:60%}.blog-list .blog__content[data-v-abd7c5f3],.blog-list__item[data-v-abd7c5f3]{display:flex;flex-direction:column}.blog-list .blog__content[data-v-abd7c5f3],.blog-list .blog__preview[data-v-abd7c5f3]{flex-grow:1}.blog__title[data-v-abd7c5f3]{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-abd7c5f3]{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.blog__info-cat[data-v-abd7c5f3]{background:var(--color-theme-light);border-radius:var(--style-radius);padding:.125rem .5rem}.blog__info[data-v-abd7c5f3],.blog__preview[data-v-abd7c5f3]{color:var(--color-text-dark)}.blog__content:hover .blog__title[data-v-abd7c5f3]{color:var(--color-theme)}@media only screen and (max-width:768px){.blog__author-img[data-v-abd7c5f3]{height:2rem;width:2rem}}@media only screen and (max-width:450px){.blog-list[data-v-abd7c5f3]{grid-template-columns:1fr}}