@keyframes _blog-card-fade_195qt_1{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}._blog-card_195qt_13{box-sizing:border-box;cursor:pointer;background-color:var(--elmethis-color-surface-raised);border-radius:.25rem;flex-direction:column;flex-shrink:0;transition:background-color .2s;display:flex;overflow:hidden;box-shadow:0 0 .125rem oklch(0% 0 0/.2)}._blog-card_195qt_13._animation-enabled_195qt_25{animation-duration:.4s;animation-iteration-count:1;animation-fill-mode:both;animation-delay:var(--delay)}._blog-card-link_195qt_33{box-sizing:border-box;flex-direction:column;transition:opacity .2s,transform .2s,background-color .2s;display:flex}._blog-card-link_195qt_33:hover{opacity:.9;background-color:var(--elmethis-color-surface-base);transform:translate(-1px)translateY(-1px)}._blog-card-link_195qt_33:active{opacity:.7;background-color:var(--elmethis-color-surface-sunken);transform:translate(1px)translateY(1px)}@container blog-card-list (width>=640px){._blog-card-link_195qt_33{flex-direction:row}}._blog-card-image_195qt_59{aspect-ratio:1140/600;object-fit:cover;width:100%;height:auto}@container blog-card-list (width>=640px){._blog-card-image_195qt_59{width:30%;height:auto}}._blog-card-content_195qt_71{box-sizing:border-box;flex-direction:column;gap:.5rem;padding:.5rem;display:flex}@container blog-card-list (width>=640px){._blog-card-content_195qt_71{width:70%;height:auto}}@container blog-card-list (width>=640px){._blog-card-content-title_195qt_84{text-overflow:ellipsis;overflow:hidden}._blog-card-content-title_195qt_84 span{white-space:nowrap}}._blog-card-content-description_195qt_95{opacity:.6;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}._blog-card-tag-container_195qt_104{border-top:solid 1px var(--elmethis-color-primary-weak);background-color:var(--elmethis-color-surface-base);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:0 .25rem;padding:0 .5rem;display:flex}._tag_195qt_115{box-sizing:border-box;cursor:pointer;border-radius:.25rem;padding:.5rem;transition:background-color .2s}._tag_195qt_115:hover{background-color:var(--elmethis-color-primary-hover)}