.article-card{--article-card-padding: 1.4rem}@media(min-width:576px){.article-card{--article-card-padding: 1.6rem}}@media(min-width:1360px){.article-card{--article-card-padding: 2.4rem}}.article-card{position:relative;display:flex;flex-direction:column;width:100%;height:100%;border-radius:var(--border-radius-block);-webkit-mask-image:radial-gradient(white,black);mask-image:radial-gradient(#fff,#000);background:transparent}@media(hover:hover){.article-card:hover .article-card__media-item{transform:scale(1.03)}}.article-card__overlay-link{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:block;border-radius:var(--border-radius-block);width:100%;height:100%}.article-card__overlay-link:empty{display:block}.article-card__frame{position:relative;display:flex;flex:0 0 auto;width:100%;border-radius:inherit}.article-card__frame:before{content:"";display:block;width:0;padding-bottom:var(--padding-bottom, 100%)}.article-card__media{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit}.article-card__media-item{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:101%;-o-object-fit:cover;object-fit:cover;transition:var(--image-hover-transition)}@media(hover:hover){.article-card__media-item{will-change:transform}}.article-card__media-overlay{z-index:2;pointer-events:none}.article-card__body{position:relative;z-index:3;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1.6rem;padding:var(--article-card-padding);pointer-events:none}.article-card__content{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:0;text-align:start}.article-card__body>.article-card__content{margin-top:auto}.article-card--standard .article-card__frame{border-bottom-left-radius:0;border-bottom-right-radius:0;-webkit-mask-image:radial-gradient(white,black);mask-image:radial-gradient(#fff,#000)}.article-card--standard>.article-card__content{flex:1 0 auto;padding:var(--article-card-padding);background:var(--gradient-background, rgb(var(--color-background)));border-bottom-left-radius:var(--border-radius-block);border-bottom-right-radius:var(--border-radius-block)}.article-card__title--font-body{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);letter-spacing:var(--font-body-letter-spacing);text-transform:none}.article-card__title--font-subheading{font-family:var(--font-subheading-family);font-style:var(--font-subheading-style);font-weight:var(--font-subheading-weight);letter-spacing:var(--font-subheading-letter-spacing);text-transform:var(--font-subheading-text-transform)}.article-card__title{position:relative;z-index:3;line-height:1.4;overflow:hidden;max-height:2.8em}.article-card__title a{display:block;text-decoration:none;color:inherit;pointer-events:auto}.article-card__title a:focus-visible{outline-offset:-.1rem}.article-card__excerpt{margin-top:.8rem}.article-card__excerpt-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.article-card__excerpt--color-primary{color:rgb(var(--color-foreground))}.article-card__excerpt--color-secondary{color:rgb(var(--color-foreground-secondary))}.article-card__excerpt--color-primary_overlay{color:rgba(var(--color-foreground),.8)}.article-card__meta{color:rgb(var(--color-foreground-secondary));margin-top:.8rem;display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;margin-bottom:.8rem;font-size:1.4rem}.article-card__meta .icon-dot{flex-shrink:0}.article-card__tags{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;transition:opacity var(--duration-default) ease}.article-card__tag{position:relative;z-index:3}.article-card__body .article-card__overlay-link{pointer-events:auto}.article-card--overlay{background:rgb(var(--color-background))}.article-card--overlay .article-card__frame{flex:1 0 auto}.article-card--overlay .article-card__content{position:relative}.article-card--overlay .article-card__content-wash{--media-overlay-height: calc(100% + 2 * var(--article-card-padding));margin-inline:calc(-1 * var(--article-card-padding));margin-block-end:calc(-1 * var(--article-card-padding));z-index:0;pointer-events:none}.article-card--overlay .article-card__meta,.article-card--overlay .article-card__excerpt{position:relative;z-index:1}.article-card--overlay .article-card__title a,.article-card--overlay .article-card__meta{color:rgb(var(--color-foreground))}.article-card--overlay .article-card__excerpt-text{font-size:1.4rem}.article-card .article-card__title a{font-weight:var(--font-heading-weight)}.article-card__tags--badges{gap:.8rem}.article-card__body .article-card__tag-link,.article-card__tags--badges .article-card__tag-link{display:inline-flex;align-items:center;padding:.6rem 1.2rem;border-radius:var(--border-radius-badge, 100px);background-color:rgb(var(--article-tag-bg));color:rgb(var(--article-tag-color));text-decoration:none;pointer-events:auto}.article-card__body .article-card__tag-link .header-roll__text,.article-card__tags--badges .article-card__tag-link .header-roll__text{color:inherit}@media(hover:hover){.article-card__body .article-card__tag-link:hover .header-roll__text,.article-card__tags--badges .article-card__tag-link:hover .header-roll__text{transform:translateY(-100%)}}.article-card__body .article-card__tag-link:focus-visible .header-roll__text,.article-card__tags--badges .article-card__tag-link:focus-visible .header-roll__text{transform:translateY(-100%)}[data-blured-effect=true] .article-card__body .article-card__tag-link,[data-blured-effect=true] .article-card__tags--badges .article-card__tag-link{background-color:rgba(var(--badge-article-bg),.4);color:rgb(var(--badge-article-color));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-blured-effect=true] .article-card__tags--badges .article-card__tag-link{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}@supports (-webkit-touch-callout: none){.swiper .article-card .media-overlay--frosted,.swiper .article-card .article-card__body .article-card__tag-link{backdrop-filter:none;-webkit-backdrop-filter:none}[data-blured-effect=true] .swiper .article-card__body .article-card__tag-link{background-color:rgba(var(--badge-article-bg),.55)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-article-card.css.map */
