.article{position:relative;overflow:hidden;border-radius:.4rem}.article .media{height:0}.article .article-card--landscape .media{padding-bottom:68.89%}.article .article-card--square .media{padding-bottom:100%}.article .article-card--portrait .media{padding-bottom:125%}.article-content{flex:1;padding:1.2rem 0 0}@media screen and (min-width: 576px){.article-content{padding:2rem 0 0}}.article-content:first-child:not(.article-content--background){padding:0}.article-content--background{padding:2.4rem;background-color:#f5f7f9}@media screen and (min-width: 990px){.article-content--background{padding:3.2rem}}@media screen and (min-width: 1536px){.article-content--background{padding:4rem}}@media screen and (min-width: 1536px){.article-content--background .article-card__author{margin-top:3.2rem}}.article-card{position:relative;display:flex;flex-direction:column;width:100%;height:100%}.article-card:hover .article-card__image img{transform:scale3d(1.05,1.05,1.05)}.article-card__image{overflow:hidden;border-radius:.4rem}.article-card__tags{position:absolute;z-index:1;z-index:2;top:2.4rem;left:2.4rem;display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;max-width:calc(100% - 4.8rem);margin:0;padding:0;list-style:none}@media screen and (min-width: 750px){.article-card__tags{gap:.8rem 1.2rem}}.article-card__tags_disabled{pointer-events:none}.article-card__tags_static{position:static}.article-card__tags_static .article-card__tag{background-color:rgba(var(--color-background-secondary),1)}.article-card__tags_static.article-card__tags_background{width:auto;margin:2.4rem 2.4rem 0}@media screen and (min-width: 990px){.article-card__tags_static.article-card__tags_background{margin:3.2rem 3.2rem 0}}@media screen and (min-width: 1536px){.article-card__tags_static.article-card__tags_background{margin:4rem 4rem 0}}.article-card__tag{font-weight:var(--font-heading-weight);transition:var(--duration-default) ease;transition-property:background-color,color;text-transform:capitalize;color:rgba(var(--color-foreground),.8);border-radius:.5rem;background-color:rgba(var(--color-background),.8)}.article-card__tag a,.article-card__tag div{line-height:normal;display:inline-block;padding:.3rem .8rem;transition:none;text-decoration:none;color:inherit;background-color:transparent}.article-card__tag:not(.article-card__tag_disabled):hover{color:rgb(var(--color-foreground));background-color:rgb(var(--color-background))}.article-card__info{display:flex;flex-direction:column;height:100%}.article-card__title{line-height:130%;max-width:62.6rem;margin-top:0;margin-bottom:1.2rem;transition:opacity var(--duration-default);word-break:break-word}.article-card__title.h5{font-size:18px}.article-card__title:last-child{margin-bottom:0}.article-card__title a{position:relative;z-index:1;text-decoration:none;color:inherit}.article-card__title:hover{opacity:.8}.article-card__bottom{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:1.6rem 2.4rem;margin-top:auto}.article-card__author{display:flex;align-items:center;gap:1.2rem;margin-top:1.6rem}@media screen and (min-width: 576px){.article-card__author{margin-top:2.4rem}}.article-card__author-image{overflow:hidden;flex-shrink:0;width:4.8rem;height:4.8rem;border-radius:50%}.article-card__author-image img{width:100%;height:100%;object-fit:cover}.article-card__author-name{font-weight:var(--font-heading-weight);display:block}.article-card__author-name:last-child{margin-bottom:0}.article-card__date{font-weight:var(--font-heading-weight);display:inline-block;color:rgb(var(--color-foreground-secondary))}.article-card__date span{margin-left:.3rem}.article-card__date+.article-card__comments:before{display:inline-block;width:.4rem;height:.4rem;margin:0 .8rem;content:"";vertical-align:middle;border-radius:50%;background-color:rgba(var(--color-foreground),.2)}.article-card__comments{display:inline-block;color:rgb(var(--color-foreground-secondary))}.article-card__excerpt{max-width:62.6rem;margin:0;color:rgb(var(--color-foreground-secondary))}.article-card-link{position:absolute;z-index:1;display:block!important;top:0;right:0;bottom:0;left:0}.article-card--overlay{flex-direction:row}.article-card--overlay:after{width:0;height:0;content:""}.article-card--overlay:before{position:absolute;z-index:1;width:100%;height:100%;content:"";background-color:rgba(var(--color-overlay),.4);top:0;right:0;bottom:0;left:0}.article-card--overlay.article-card--landscape:after{padding-bottom:56%}.article-card--overlay.article-card--square:after{padding-bottom:100%}.article-card--overlay.article-card--portrait:after{padding-bottom:125%}.article-card--overlay .media{position:static;width:0;height:100%;padding-bottom:0}.article-card--overlay .article-card__tags{position:relative;margin-bottom:1.6rem;pointer-events:all;top:0;right:0;bottom:0;left:0}.article-card--overlay .article-card__tag{color:rgba(var(--color-background),.8);background-color:rgba(var(--color-background),.2)}.article-card--overlay .article-card__tag:hover{color:rgb(var(--color-foreground));background-color:rgb(var(--color-background))}.article-card--overlay .article-card__info{position:relative;z-index:2;pointer-events:none}.article-card--overlay .article-card__header{margin-top:auto}.article-card--overlay .article-card__excerpt{color:rgba(var(--color-foreground))}.article-card--overlay .article-card__date,.article-card--overlay .article-card__comments{color:rgba(var(--color-foreground),.6)}.article-card--overlay .article-card__bottom{margin-top:unset}@media (prefers-color-scheme: dark){[data-scheme=auto] .blog__post .article-card__tag:not(:hover){background-color:rgb(var(--color-foreground),.8)}}[data-scheme=dark] .blog__post .article-card__tag:not(:hover){color:#011624cc;background-color:rgb(var(--color-foreground),.8)}
/*# sourceMappingURL=/cdn/shop/t/30/assets/component-article-card.css.map */