.article-card{position:relative;overflow:hidden;display:flex;height:100%;row-gap:1.2rem}.article-card.article-card--overlay{align-items:flex-end;border-radius:var(--border-radius-block)}.article-card.article-card--overlay:before{content:"";display:block;width:0;padding-bottom:var(--ratio-padding-bottom)}.article-card.article-card--overlay .article-card-image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.article-card.article-card--standard{flex-direction:column}.article-card.article-card--standard .article-card-image-wrapper:before{content:"";display:block;width:0;padding-bottom:var(--ratio-padding-bottom)}.article-card.article-card--standard .article-card-text{transform:none}.article-card.article-card--standard .article-card-title .icon-arrow-right{opacity:0;transition:opacity var(--duration-default) ease-in-out}@media screen and (pointer:fine){.article-card:hover .article-card-image,.article-card:focus-within .article-card-image{transform:scale(1.02)}.article-card.article-card--overlay:hover .article-card-text,.article-card.article-card--standard:hover .article-card-text,.article-card.article-card--overlay:focus-within .article-card-text,.article-card.article-card--standard:focus-within .article-card-text{transform:translate(2rem)}[dir=rtl] .article-card.article-card--overlay:hover .article-card-text,[dir=rtl] .article-card.article-card--standard:hover .article-card-text,[dir=rtl] .article-card.article-card--overlay:focus-within .article-card-text,[dir=rtl] .article-card.article-card--standard:focus-within .article-card-text{transform:translate(-2rem)}.article-card.article-card--overlay:hover .article-card-text .article-card-title .icon-arrow-right,.article-card.article-card--standard:hover .article-card-text .article-card-title .icon-arrow-right,.article-card.article-card--overlay:focus-within .article-card-text .article-card-title .icon-arrow-right,.article-card.article-card--standard:focus-within .article-card-text .article-card-title .icon-arrow-right{opacity:1}}.article-card__overlay-link{text-decoration:none;background-color:transparent;z-index:1;display:block;position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;max-width:100%}.article-card__overlay-link:empty{display:block}.article-card__overlay-link:focus-visible{outline-offset:-.1rem}@media screen and (hover:hover)and (pointer:fine){.article-card--placeholder{cursor:not-allowed}}.article-card-image-wrapper{width:100%;height:auto;display:block;border-radius:var(--border-radius-block);overflow:hidden;position:relative}.article-card-image-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-overlay));opacity:var(--image-overlay-opacity, 0);z-index:1;pointer-events:none}.article-card-image{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;z-index:0;object-position:center;object-fit:cover;scale:1.009;border-radius:var(--border-radius-block);transition:var(--image-transition)}.article-card-content{width:100%;position:relative;z-index:2;pointer-events:none}.article-card-content.article-card-content--overlay{padding:4rem 1.6rem 1.6rem;z-index:2}.article-card-content.article-card-content--overlay:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;background:linear-gradient(180deg,#0000,#0006);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 4px 30px #0000001a;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 40%);mask-image:linear-gradient(to bottom,transparent 0%,black 40%)}.article-card-content a,.article-card-content button,.article-card-content [role=button],.article-card-content summary,.article-card-content [tabindex]{pointer-events:auto}.article-card-text{display:flex;flex-direction:column;row-gap:.4rem;position:relative;transition:transform var(--duration-default) ease-in-out;padding:0 2rem 0 0}[dir=rtl] .article-card-text{padding:0 0 0 2rem}.article-card-meta{width:100%;display:flex;flex-wrap:wrap;align-items:center;column-gap:1.8rem;row-gap:.4rem;overflow:hidden}.article-card-meta>*:not(:first-child){position:relative}.article-card-meta>*:not(:first-child):before{content:"";position:absolute;width:.2rem;height:.2rem;background-color:rgba(var(--color-foreground),.7);opacity:1;top:50%;transform:translateY(-50%);left:-1rem}[dir=rtl] .article-card-meta>*:not(:first-child):before{content:none}[dir=rtl] .article-card-meta>*:not(:first-child):after{content:"";position:absolute;width:.2rem;height:.2rem;background-color:rgba(var(--color-foreground),.7);opacity:1;top:50%;transform:translateY(-50%);right:-1rem}.article-card-tags{display:inline;flex-wrap:unset;gap:0}.article-card-tag{display:inline}.article-card-tag__link{color:rgb(var(--color-foreground));opacity:.7;transition:opacity var(--duration-default)}@media screen and (pointer:fine){.article-card-tag__link:hover{opacity:1}}.article-card-date,.article-card-author{display:inline-flex;color:rgb(var(--color-foreground));opacity:.7}.article-card-title--font-body{font-family:var(--font-body-family);font-weight:var(--font-body-weight);line-height:var(--font-body-line-height);letter-spacing:calc(var(--font-body-letter-spacing) * .1);font-style:var(--font-body-style)}.article-card-title__link{display:inline-flex;align-items:center;position:relative;color:rgb(var(--color-foreground));transition:opacity var(--duration-default)}@media screen and (pointer:fine){.article-card-title__link:hover{opacity:.7}}.article-card-title .icon-arrow-right{width:1.2rem;height:1.6rem;display:block;position:absolute;top:.5lh;transform:translateY(-50%);inset-inline-start:-2rem;opacity:0;transition:opacity var(--duration-default) ease-in-out}[dir=rtl] .article-card-title .icon-arrow-right{transform:translateY(-50%) rotate(180deg)}.article-card-excerpt{width:100%;max-width:100%;color:rgba(var(--color-foreground));display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card-comments{display:inline-flex;gap:.4rem;opacity:.7;align-items:center;color:rgb(var(--color-foreground))}.article-card-comments__count{color:rgb(var(--color-foreground))}.article-card-comments svg{width:1.2rem}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-article-card.css.map */