.blog-post-card{--blog-post-card-badge-spacing: var(--spacing-3);--blog-post-card-figure-gap: var(--spacing-5);--blog-post-card-meta-gap: var(--spacing-1) var(--spacing-5);gap:var(--blog-post-card-figure-gap);align-content:start;display:grid;overflow:hidden}.blog-post-card__figure{display:block;position:relative;overflow:hidden}.blog-post-card__figure>.badge{z-index:1;position:absolute;top:var(--blog-post-card-badge-spacing)}.blog-post-card__figure>.badge:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--blog-post-card-badge-spacing)}.blog-post-card__figure>.badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--blog-post-card-badge-spacing)}.blog-post-card__meta{gap:var(--blog-post-card-meta-gap);flex-wrap:wrap;display:flex}.blog-post-card--featured{grid-column:1 / -1;gap:0}.blog-post-card--featured .blog-post-card__info{padding:var(--spacing-5)}@media screen and (min-width:700px){.blog-post-card{--blog-post-card-badge-spacing: var(--spacing-4);--blog-post-card-figure-gap: var(--spacing-6);--blog-post-card-meta-gap: var(--spacing-2) var(--spacing-6)}.blog-post-card--featured .blog-post-card__info{padding:var(--spacing-12)}}@media screen and (min-width:1000px){.blog-post-card--featured{grid-template-columns:1fr .7fr;display:grid}}@media screen and (min-width:1150px){.blog-post-card--featured{grid-template-columns:1fr .54fr}.blog-post-card--featured .blog-post-card__info{padding:var(--spacing-16)}}.blog-posts{--blog-posts-gap: var(--spacing-8) var(--grid-gutter);grid:var(--blog-posts-grid);gap:var(--blog-posts-gap);align-items:flex-start;display:grid}@media screen and (min-width:700px){.blog-posts{--blog-posts-gap: var(--spacing-12) var(--grid-gutter)}}@media screen and (min-width:1000px){.blog-posts{--blog-posts-gap: var(--spacing-12)}}@media screen and (min-width:1150px){.blog-posts{--article-per-row: var(--blog-posts-per-row, 3)}}@media screen and (min-width:1400px){.blog-posts{--blog-articles-gap: var(--spacing-20)}.blog-posts{--blog-posts-gap: min(var(--section-inner-spacing-inline), var(--spacing-20))}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-blog-post-card.css.map */