.article-card{display:flex;flex-direction:column;height:100%;box-sizing:border-box}.article-card .article-card__image-wrapper{position:relative;z-index:1;border-radius:1.6rem;overflow:hidden}.article-card .article-card__image{display:block;padding-bottom:100%;position:relative;z-index:1}.article-card .article-card__image svg,.article-card .article-card__image img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;max-width:100%;max-height:100%;z-index:-2;transition:all var(--duration-long) ease}.article-card .article-card__image svg{background-color:rgba(var(--color-foreground),.04);fill:rgba(var(--color-foreground),.55)}.article-card .article-card__image:hover img{transform:scale(1.05)}.article-card .article-card__block{position:absolute;top:0;right:0;width:100%;padding:1.6rem;display:flex;justify-content:space-between;gap:1.6rem;align-items:flex-start;z-index:2;box-sizing:border-box}.article-card .article-card__tags{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap;z-index:2;flex:1 1 auto}.article-card .article-card__text{margin-top:4rem;display:flex;flex:1 1 auto;flex-direction:column}.article-card .article-card__author-img{position:relative;min-width:4rem;min-height:4rem;max-width:4rem;max-height:4rem;border-radius:50%;overflow:hidden;border:.2rem solid rgba(var(--color-foreground),.16)}.article-card .article-card__author-img img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover}.article-card .article-card__author,.article-card .article-card__info{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;justify-content:space-between;margin-top:2rem}.article-card .article-card__author{margin-top:0;font-size:calc(var(--small-size) + 2px);font-weight:500}.article-card .article-card__delimiter{background:currentColor;opacity:.3;width:1.6rem;height:.1rem;display:inline-block}.article-card .article-card__date{font-weight:var(--font-body-weight);opacity:1;font-size:calc(var(--small-size) + 2px)}.article-card .article-card__title{transition:all var(--duration-default) ease;pointer-events:all;font-weight:var(--font-heading-card-weight);line-height:1.5}.article-card .article-card__title:hover{opacity:.8}.article-card.overlay{position:relative;z-index:1;flex-direction:row;align-items:flex-end;border-radius:.8rem;overflow:hidden}.article-card.overlay:before{content:"";display:block;padding-bottom:120%}.article-card.overlay .article-card__image-wrapper{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1}.article-card.overlay .article-card__text{padding:1.6rem;width:100%;pointer-events:none}[data-scheme=dark] .article-card .article-card__excerpt{color:var(--color-white)}@media screen and (min-width: 1360px){.article-card.overlay .article-card__text{padding:4rem}}.article-card.overlay .article-card__text .padding-small{padding:2rem}@media screen and (min-width: 1360px){.article-card.overlay .article-card__text .padding-small{padding:1.6rem}}.article-card.overlay .article-card__date{flex:1 0 auto;font-size:1.3rem;padding:.8rem}.article-card .article-card__excerpt{flex:1 1 auto;margin:0;font-size:calc(var(--small-size) + 2px);line-height:1.43;color:#636569}.article-card .article-card__delimiter{display:none}[data-scheme=dark] .template-index .section-blog-post .button--secondary:not(:hover){color:var(--color-white);border-color:currentColor}[data-scheme=dark] body:not(.template-index) .section-blog-post .button--secondary:not(:hover){background:var(--color-white);color:var(--color-black)}[data-scheme=dark] .section-blog-post .section-header__desc p:last-child{color:var(--color-white)}.color-background-4 .article-card .article-card__excerpt{color:var(--color-white)}.article-card .article-card__info{flex:1 1 auto;align-items:flex-end}@media (min-width: 750px){[data-view-mode=list] .article-card .article-card__excerpt,[data-view-mode=list] .article-card .article-card__info{flex:none}}@media (max-width: 749px){.article-card .article-card__text{margin-top:1.2rem}.article-card .article-card__title{font-size:var(--h4);line-height:1.6;margin-bottom:8px}.article-card .article-card__info{margin-top:1rem}.article-card .article-card__author,.article-card .article-card__date{font-size:var(--small-size)}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/component-article-card.css.map */