.article-card{display:flex;flex-direction:column;height:100%;text-align:center;box-sizing:border-box}.article-card.article-card-left{text-align:left}.article-card.article-card-left .article-card__block{justify-content:flex-start}.article-card.article-card-right{text-align:right}.article-card.article-card-right .article-card__block{justify-content:flex-end}.article-card .article-card__image-wrapper{position:relative;z-index:1;overflow:hidden}.article-card .article-card__image{display:block;padding-bottom:var(--image-size);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{width:100%;display:flex;gap:.8rem 1.6rem;align-items:center;justify-content:center;z-index:2;flex-wrap:wrap;margin-top:2.4rem}.article-card .article-card__block div:empty{display:none}.article-card .article-card__tags{display:flex;gap:.5rem;flex-wrap:wrap;z-index:2;flex:none;font-weight:700;margin-bottom:0}.article-card .article-card__tags a{display:flex;align-items:center;gap:.8rem}.article-card .article-card__tags a:hover svg{transform:translate(.5rem)}.article-card .article-card__tags a svg{transition:all var(--duration-default) linear}.article-card .article-card__text{margin-top:.8rem;display:flex;gap:.8rem;flex:1 1 auto;flex-direction:column;justify-content:space-between}.article-card .article-card__date{color:rgb(var(--color-foreground));flex:none;margin:0}.article-card .article-card__title{transition:all var(--duration-default) ease;margin:0}.article-card .article-card__title:hover{opacity:.8}.article-card .article-card-left .article-card__title{padding:0 2rem 0 0}.article-card .article-card-center .article-card__title{padding:0 2rem}.article-card .article-card__author{margin:.8rem 0 0}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-article-card.css.map */