.blog-post-card{display:flex;flex-direction:column;text-align:var(--text-align)}.blog-post-card__content{padding-block-start:.4rem;display:flex;flex-direction:column;align-items:flex-start}.blog-post-item .blog-post-card__image-container,.blog-post-item .blog-post-card__content{width:100%}.blog-post-card__image-container{position:relative;overflow:hidden}.blog-post-card__image-container img{width:100%;aspect-ratio:1 / 1;object-fit:cover}.blog-post-tags{position:absolute;z-index:var(--layer-heightened);top:calc(var(--badge-inset, var(--padding-xs)) + var(--padding-block-start, 0px));left:calc(var(--badge-inset, var(--padding-xs)) + var(--padding-inline-start, 0px));display:flex;flex-wrap:wrap;gap:var(--gap-2xs);pointer-events:none}.blog-post-tags__tag{display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:6px;font-size:var(--font-size--3xs);font-family:var(--badge-font-family);font-weight:var(--badge-font-weight);font-variation-settings:var(--heading-regular);letter-spacing:var(--letter-spacing--heading-normal);text-transform:uppercase;border-radius:var(--badge-border-radius);color:var(--color-foreground);background-color:var(--color-white);border:1px solid var(--color-white);text-decoration:none;pointer-events:auto}.blog-post-tags__tag:hover{border-color:var(--color-border)}.blog-post-card .blog-post-details{font-size:var(--font-size--2xs);line-height:var(--line-height--body-loose);color:var(--color-caption);font-variation-settings:normal;letter-spacing:0;text-transform:none}.blog-post-card .blog-post-details__tags,.blog-post-card .blog-post-details__tags+span,.blog-post-card span:has(+.blog-post-details__tags){display:none}.blog-post-card__content a{display:block;text-wrap:pretty;text-decoration:none;padding-block-start:.75rem}.blog-post-card__content a:hover,.blog-post-card__content a:hover [style*="--color: var(--color-primary)"]{color:var(--color-primary-hover)}.blog-post-card__content a:hover [style*="--color: var(--color-foreground-heading)"]{color:rgb(var(--color-foreground-heading-rgb) / var(--opacity-subdued-text))}.blog-post-card__content a:hover [style*="--color: var(--color-foreground)"]{color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text))}
/*# sourceMappingURL=/cdn/shop/t/3/assets/bbd-blog-post-card.css.map */