.article-card{position:relative;display:flex;height:100%;gap:1rem;align-items:flex-start;row-gap:1.2rem;padding-inline:1.2rem;padding-block:1.2rem 2.4rem;background-color:rgba(var(--color-background));transition:background-color var(--duration-default) ease-in-out;cursor:pointer;transition:var(--duration-default)}@media(min-width:576px){.article-card{padding-block:1.2rem 0rem}}.article-card .main-blog__featured-btn{transition:opacity var(--duration-default)}@media screen and (pointer:fine){.article-card:hover .main-blog__featured-btn{opacity:1}.article-card:hover .article-card-meta-box:after{width:100%}.article-card:hover .article-card-image{clip-path:inset(.6rem)}}.article-card .article-card-list{width:100%}.article-card__overlay-link{text-decoration:none;background-color:transparent;z-index:0;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 .main-blog__featured-btn{width:max-content;max-width:15rem;position:absolute;z-index:7;left:50%;opacity:0;top:50%;transform:translate(-50%,-50%)}.article-card-image-wrapper--square{aspect-ratio:1/1}.article-card-image-wrapper--landscape{aspect-ratio:960/716}.article-card-image-wrapper--portrait{aspect-ratio:456/540}.article-card-image{width:100%;height:100%;object-position:center;border-radius:var(--border-radius-block);clip-path:inset(0);transition:clip-path 3.5s cubic-bezier(.01,.95,.21,1)}.article-card-content{position:relative;margin-top:1rem;display:flex;flex-direction:column}.article-card-content .article-card-title{z-index:1}.article-card-no-image{margin-top:0}.article-card-meta-box{display:flex;align-items:flex-end;padding-bottom:1.1rem;transition:var(--duration-default);position:relative}.article-card-meta-box:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:rgb(var(--color-border))}.article-card-meta-box:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background-color:rgb(var(--color-accent));transition:width .7s cubic-bezier(.4,0,.25,1)}.article-card-meta-box:not(:first-child){margin-top:4rem;width:100%}.article-card-meta-box .icon{color:rgb(var(--color-button-tertiary-text));width:1.8rem;height:1.8rem}.article-card-meta{width:100%;display:flex;flex-direction:column;align-items:flex-start}.article-card-meta .subtitle{font-size:calc(var(--font-body-scale) * 1.2rem);font-weight:var(--font-body-weight)}.article-card-tags{display:inline-flex;flex-wrap:wrap;gap:0 .4rem;z-index:4}.article-card-tag{display:inline;pointer-events:all}.article-card-author{display:inline-flex;color:rgb(var(--color-foreground-secondary))}.article-card-date{writing-mode:vertical-rl;transform:rotate(180deg);font-weight:var(--font-button-weight)}.article-card-title--font-body{font-family:var(--font-body-family);font-weight:calc(var(--font-body-weight, 400) + 100);line-height:var(--font-body-line-height);letter-spacing:var(--font-body-letter-spacing);font-style:var(--font-body-style)}.article-card-title__link{color:rgba(var(--color-foreground),1);transition:color var(--duration-default);z-index:4}@media screen and (hover:hover)and (pointer:fine){.article-card-title__link:hover{color:rgba(var(--color-foreground-secondary))}}.article-card-title__link:is(span){pointer-events:none}.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-excerpt:not(:first-child){margin-top:.8rem}.article-card-comments{display:inline-flex;align-items:center;gap:.2rem;color:rgb(var(--color-foreground-secondary))}.article-card-comments__count{color:rgb(var(--color-foreground-secondary))}.article-card-comments svg{width:1.2rem}.article--card-small .article-card-list{display:grid;grid-template-columns:1fr 2fr;gap:12px}.article--card-small .article-card-content{margin-top:0;justify-content:space-between}.article--card-small .article-card-date{writing-mode:unset;transform:unset;margin-top:8px}.article--card-small .article-card-title{font-weight:var(--font-subtitle-weight)}.article--card-small .article-card-image-wrapper{height:138px}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-article-card.css.map */