.card--article{--content-position: 1.5rem;background:transparent}.card--article:not(.card--text):before{content:"";background:linear-gradient(180deg,rgba(var(--color-background),0),rgba(var(--color-background),.7));position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.article-card__image--small .ratio:before{padding-bottom:11rem}.article-card__image--medium .ratio:before{padding-bottom:22rem}.article-card__image--large .ratio:before{padding-bottom:33rem}.article-card__image-wrapper.full-link:after{z-index:2}.article-card-radius{--border-radius: 1rem;border-radius:var(--border-radius)}.article-card__line{background-color:rgba(var(--color-foreground),.2)}.card--article.card--text{justify-content:flex-end}.card__content-article{z-index:1}.article-card__image-wrapper+.card__content-article{position:absolute;bottom:var(--content-position);left:var(--content-position);right:var(--content-position)}.article-card__footer{gap:1.5rem}.article-card__footer__item{gap:.8rem}.article__actions__link{padding:.9rem 1.3rem;gap:.8rem}.article-card--standard{--content-padding: 2.4rem;--content-gap: 1.6rem;--line-gap: -.4rem}.article-card__standard-content{padding:var(--content-padding);gap:var(--content-gap)}.article-card__standard-line{margin:var(--line-gap) 0}.article-card-radius .full-link:focus:after,.article-card-radius .full-link:focus-visible:after{border-radius:calc(var(--border-radius) - .5rem)}@media screen and (min-width: 750px){.article-card-radius{--border-radius: 1.2rem}.article-card__image--small .ratio:before{padding-bottom:14.3rem}.article-card__image--medium .ratio:before{padding-bottom:21.9rem}.article-card__image--large .ratio:before{padding-bottom:27.5rem}.article-card--standard{--content-padding: 4.4rem;--content-gap: 2.4rem;--line-gap: -.8rem}}@media screen and (min-width: 990px){.article-card-radius{--border-radius: 1.6rem}.article-card__image--small .ratio:before{padding-bottom:17.7rem}.article-card__image--medium .ratio:before{padding-bottom:30.7rem}.article-card__image--large .ratio:before{padding-bottom:40.7rem}.card--article{--content-position: 2.5rem}}@media (min-width: 1366px){.article-card__footer--standard{column-gap:2.5rem}}
/*# sourceMappingURL=/cdn/shop/t/215/assets/component-article-card.css.map */