.blog-item__image{width:100%;height:auto}.blog-item__img-wrapper{position:relative;overflow:hidden;display:flex}.blog-item__img-tag-container{padding:0 1rem;position:relative}.blog-item__link{display:block;width:100%;height:100%;position:relative}.blog-item__title{color:var(--primary_text)}.blog-item__excerpt{color:var(--primary_text);display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.article-header__meta{color:var(--secondary_gray);display:flex;align-items:center;margin-top:1.5rem;margin-bottom:3rem}.blog-item__img-wrapper .article-header__meta--on-image,.blog-item__img-wrapper .article-header__meta--on-image .blog-item__date,.blog-item__img-wrapper .article-header__meta--on-image .Svg--divider{transition:color .25s ease}.blog-item__img-wrapper .article-header__meta--on-image{position:absolute;left:.5rem;right:.5rem;bottom:.5rem;z-index:2;margin:0;color:var(--secondary_text)}.blog-item__img-wrapper .article-header__meta--on-image .blog-item__date,.blog-item__img-wrapper .article-header__meta--on-image .Svg--divider{color:var(--secondary_text)}.blog-item__img-wrapper .article-header__meta--on-image .Svg--divider rect,.blog-item__img-wrapper .article-header__meta--on-image .Svg--divider path{fill:var(--secondary_text);transition:fill .25s ease}.blog-item__container{width:100%;height:100%;display:flex;flex-direction:column-reverse}.blog-item{height:100%}.blog-item-component .article-header__tag{color:var(--primary_text)}.article-header__tags svg path{fill:var(--secondary_gray)}.blog-item__container .blog-item__info-container,.blog-item-component header.article-header{display:flex;flex-direction:column;gap:.75rem}.blog-item-component .blog-item__container--featured header.article-header{gap:1.5rem}.blog-item__container .blog-item__info-container{justify-content:center;padding:0rem 1rem .75rem;background:var(--background_color);flex:1;gap:0}.blog-item__container .blog-item__info-container .article-header{margin-bottom:.5rem}.blog-item__text{display:flex;flex-direction:column;gap:.5rem}.blog-item__container .article-header__tags{position:relative;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.75rem 2rem}.blog-item__container .article-header__tag{color:var(--primary_text);text-transform:capitalize}.article-header__meta .Svg--divider,.article-header__tags .Svg--divider{color:var(--secondary_gray);display:inline-block;vertical-align:baseline;flex-shrink:0}.article-header__meta .Svg--divider{display:inline-flex;align-items:center;transform:translateY(-.02em)}.article-header__tags .Svg--divider rect{fill:var(--secondary_gray)}.article-header__meta .Svg--divider rect,.article-header__meta .Svg--divider path{fill:var(--secondary_gray)}@media(max-width:1024px){.blog-item__img-tag-container{overflow:hidden}.blog-item__img-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:color-mix(in srgb,var(--primary_text) 18%,transparent);opacity:1;pointer-events:none}.blog-item__img-wrapper .blog-item__image{position:relative;z-index:0}}@media(min-width:1025px){.blog-item__container .blog-item__excerpt{line-clamp:2;-webkit-line-clamp:2}.blog-item__img-tag-container{padding:0}.blog-item__container .blog-item__info-container{padding:0rem 0rem .75rem}.blog-item__info-container .blog-item__text{padding-bottom:.75rem}.blog-item__img-wrapper .article-header__meta--on-image{left:.75rem;color:var(--primary_text)}.blog-item__img-wrapper .article-header__meta--on-image .blog-item__date,.blog-item__img-wrapper .article-header__meta--on-image .Svg--divider{color:var(--primary_text)}.blog-item__img-wrapper .article-header__meta--on-image .Svg--divider rect,.blog-item__img-wrapper .article-header__meta--on-image .Svg--divider path{fill:var(--primary_text)}.blog-item__container:not(.blog-item__container--featured) .blog-item__img-tag-container{overflow:hidden}.blog-item__container:not(.blog-item__container--featured) .blog-item__img-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--primary_text);opacity:0;pointer-events:none;transition:opacity .25s ease}.blog-item__container:not(.blog-item__container--featured) .blog-item__img-tag-container:hover .blog-item__img-wrapper:before{opacity:.2}.blog-item__container:not(.blog-item__container--featured) .blog-item__img-wrapper .blog-item__image{position:relative;z-index:0}.blog-item__img-wrapper:hover .article-header__meta--on-image,.blog-item__container:not(.blog-item__container--featured) .blog-item__img-tag-container:hover .article-header__meta--on-image,.blog-item__img-wrapper:hover .article-header__meta--on-image .blog-item__date,.blog-item__container:not(.blog-item__container--featured) .blog-item__img-tag-container:hover .article-header__meta--on-image .blog-item__date,.blog-item__img-wrapper:hover .article-header__meta--on-image .Svg--divider,.blog-item__container:not(.blog-item__container--featured) .blog-item__img-tag-container:hover .article-header__meta--on-image .Svg--divider{color:var(--secondary_text)}.blog-item__img-wrapper:hover .article-header__meta--on-image .Svg--divider rect,.blog-item__img-wrapper:hover .article-header__meta--on-image .Svg--divider path,.blog-item__container:not(.blog-item__container--featured) .blog-item__img-tag-container:hover .article-header__meta--on-image .Svg--divider rect,.blog-item__container:not(.blog-item__container--featured) .blog-item__img-tag-container:hover .article-header__meta--on-image .Svg--divider path{fill:var(--secondary_text)}}.blog-section.blog-section--tag-color-primary-gray .article-header__tag{color:var(--primary_text)}@media(prefers-reduced-motion:reduce){.blog-item__img-wrapper .article-header__meta--on-image,.blog-item__img-wrapper .article-header__meta--on-image .blog-item__date,.blog-item__img-wrapper .article-header__meta--on-image .Svg--divider,.blog-item__img-wrapper .article-header__meta--on-image .Svg--divider rect,.blog-item__img-wrapper .article-header__meta--on-image .Svg--divider path,.blog-item__container:not(.blog-item__container--featured) .blog-item__img-wrapper:before,.blog-item__img-wrapper:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-blog_item.css.map */