.blog-post-box[data-v-69844ef8]{background-color:var(--surface);height:100%;box-shadow:var(--shadow-surface);border-radius:var(--radius);transition:transform .2s,scale .45s var(--ease-press);-webkit-tap-highlight-color:transparent;flex-direction:column;display:flex;position:relative;overflow:hidden}.blog-post-box[data-v-69844ef8]:active:where(:not(:has(.blog-post-box__author:active))){transition-duration:80ms;transition-timing-function:ease-out;scale:.98}@media (prefers-reduced-motion:reduce){.blog-post-box[data-v-69844ef8]:active{scale:none}}@media (hover:hover){.blog-post-box[data-v-69844ef8]:hover{transform:translateY(-3px)}}.blog-post-box__image-link[data-v-69844ef8]{display:block;position:relative}.blog-post-box__image-link picture[data-v-69844ef8]{width:100%;display:block;position:relative}.blog-post-box__image-link img[data-v-69844ef8]{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:10rem;transition:opacity .3s;display:block}.blog-post-box__image-link img.can-fade[data-v-69844ef8]{opacity:0}.blog-post-box__image-link img.is-loaded[data-v-69844ef8]{opacity:1}.blog-post-box__image-loading[data-v-69844ef8]{--skeleton-bg:var(--surface-2);border-radius:0;position:absolute;inset:0}.blog-post-box__image-placeholder[data-v-69844ef8]{background-color:var(--surface-3);width:100%;height:10rem;color:var(--text-4);place-items:center;font-size:2.5rem;display:grid}.blog-post-box__content[data-v-69844ef8]{flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex}.blog-post-box__title[data-v-69844ef8]{--ripple:parent;--ripple-color:currentColor;--ripple-opacity:.12}.blog-post-box__title[data-v-69844ef8]>.press-ripple{z-index:3}.blog-post-box__title.app-link[data-v-69844ef8]:active{scale:none}.blog-post-box__title[data-v-69844ef8]:after{content:"";z-index:1;position:absolute;inset:0}.blog-post-box__title h3[data-v-69844ef8]{-webkit-line-clamp:3;color:inherit;font-size:1.125rem;font-weight:700;line-height:1.3}.blog-post-box__description[data-v-69844ef8],.blog-post-box__title h3[data-v-69844ef8]{text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.blog-post-box__description[data-v-69844ef8]{color:var(--text-3);-webkit-line-clamp:4;font-size:.875rem;line-height:1.4}.blog-post-box__author[data-v-69844ef8]{z-index:2;background-color:var(--surface-2);border-radius:var(--radius);transition:background-color .2s,scale .45s var(--ease-press);--ripple:on;--ripple-color:currentColor;--ripple-opacity:.12;-webkit-tap-highlight-color:transparent;align-items:center;gap:.5rem;margin-top:auto;padding:.5rem;text-decoration:none;display:flex;position:relative}.blog-post-box__author[data-v-69844ef8]:active:where(:not(:has(:is(button,a,[role=button]):active))){transition-duration:80ms;transition-timing-function:ease-out;scale:.98}@media (prefers-reduced-motion:reduce){.blog-post-box__author[data-v-69844ef8]:active{scale:none}}@media (hover:hover){.blog-post-box__author[data-v-69844ef8]:hover{background-color:var(--surface-3)}.blog-post-box__author:hover .blog-post-box__author-name[data-v-69844ef8]{color:var(--link-hover)}}.blog-post-box__avatar[data-v-69844ef8]{background-color:var(--surface-3);border-radius:50%;flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;overflow:hidden}.blog-post-box__avatar img[data-v-69844ef8]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.blog-post-box__author-info[data-v-69844ef8]{flex-direction:column;min-width:0;display:flex}.blog-post-box__author-name[data-v-69844ef8]{color:var(--link);font-size:.875rem;font-weight:500;transition:color .2s}.blog-post-box__author-meta[data-v-69844ef8]{color:var(--text-3);align-items:center;font-size:.75rem;display:flex}.blog-post-box__author-meta .info-separator[data-v-69844ef8]{background-color:var(--text-3);border-radius:50%;width:.25rem;height:.25rem;margin:0 .375rem}.blog-post-box--skeleton[data-v-69844ef8]{pointer-events:none;--skeleton-bg:var(--surface-2)}.blog-post-box--skeleton .blog-post-box__author[data-v-69844ef8]{--skeleton-bg:var(--surface-3)}.blog-post-box__image-skeleton[data-v-69844ef8]{border-radius:0;flex-shrink:0;width:100%;height:10rem}.blog-post-box__description-skeleton[data-v-69844ef8],.blog-post-box__title-skeleton[data-v-69844ef8]{flex-direction:column;gap:.375rem;display:flex}.blog-post-box__title-skeleton[data-v-69844ef8]{height:4.3875rem}.blog-post-box__description-skeleton[data-v-69844ef8]{height:4.9rem}.skeleton-text[data-v-69844ef8]{color:#0000;clip-path:inset(.25rem 0 round .25rem)}.blog-post-box--skeleton .info-separator[data-v-69844ef8]{visibility:hidden}.skeleton-line[data-v-69844ef8]{border-radius:.25rem;height:.75rem}.skeleton-line--xs[data-v-69844ef8]{width:40%}.skeleton-line--sm[data-v-69844ef8]{width:60%}.skeleton-line--md[data-v-69844ef8]{width:80%}.skeleton-line--lg[data-v-69844ef8]{width:100%}.blog-post-box__title-skeleton .skeleton-line[data-v-69844ef8]{height:1rem}@media (prefers-reduced-motion:reduce){.blog-post-box__image-link img[data-v-69844ef8]{transition:none}}@media (width<=1023px){.blog-post-box__author-meta[data-v-69844ef8]{flex-direction:column;align-items:flex-start}.blog-post-box__author-meta .info-separator[data-v-69844ef8]{display:none}}