.article-card{position:relative;width:100%}.article-card--layout-standard .article-card-content{padding-top:1.6rem}.article-card--layout-standard .article-card__wrapper{display:flex}.article-card--layout-standard .article-card__wrapper:before{content:"";display:block;width:0;padding-bottom:var(--padding-bottom)}.article-card--layout-background-within{border-radius:var(--border-radius-block)}.article-card--layout-background-within .article-card-content{border-radius:var(--border-radius-block);padding:2.4rem}@media(min-width:750px){.article-card--layout-background-within .article-card-content{padding:3.2rem}}.article-card--layout-background-within .article-card__wrapper{border-radius:var(--border-radius-block);display:flex}.article-card--layout-background-within .article-card__wrapper:before{content:"";display:block;width:0;padding-bottom:var(--padding-bottom)}.article-card--layout-background-within .article-card-date--top{background-color:rgba(var(--color-background-secondary))}.article-card--layout-overlay{display:flex;position:relative;width:100%;border-radius:var(--border-radius-block);transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}.article-card--layout-overlay:before{content:"";display:block;width:0;padding-bottom:var(--padding-bottom)}@media screen and (hover:hover)and (pointer:fine)and (min-width:750px){.article-card--layout-overlay:hover .article-card-btn{opacity:1}.article-card--layout-overlay:hover .article-card-content.article-card-content--hover-effect{transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}.article-card--layout-overlay:hover .article-card__wrapper .article-card-image{transform:scale(1.03)}}.article-card--layout-overlay:focus-within .article-card-btn{opacity:1}.article-card--layout-overlay:focus-within .article-card-content{transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}.article-card--layout-overlay .article-card__inner{overflow:hidden;justify-content:flex-end;padding:2.4rem;transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}@media(min-width:750px){.article-card--layout-overlay .article-card__inner{padding:3.2rem}}.article-card--layout-overlay .article-card-meta{order:-1;margin-top:0;margin-bottom:.8rem;row-gap:.8rem}.article-card--layout-overlay .article-card-date--top{padding:0;border:none;left:.3rem;top:-.4rem;height:auto;background-color:transparent;z-index:4;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform}@media(min-width:750px){.article-card--layout-overlay .article-card-date--top{left:.7rem}}.article-card--layout-overlay .article-card-tag__link{padding:.3rem .8rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:inline-block;border-radius:var(--border-radius-badge);background-color:rgba(var(--color-foreground),.2);border:.01rem solid rgba(var(--color-foreground),.06)}.article-card--layout-overlay .article-card__wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.article-card--layout-overlay .article-card-content{z-index:5;pointer-events:none;justify-content:flex-end;transition:transform var(--duration-default) cubic-bezier(.215,.61,.355,1);transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}@media screen and (hover:hover)and (pointer:fine)and (min-width:750px){.article-card--layout-overlay .article-card-content.article-card-content--hover-effect{transform:translateY(calc(var(--font-button-scale) * 1.4rem * var(--font-button-line-height) + 1.6rem));-webkit-transform:translateY(calc(var(--font-button-scale) * 1.4rem * var(--font-button-line-height) + 1.6rem))}}.article-card--layout-overlay .article-card-content a,.article-card--layout-overlay .article-card-content button,.article-card--layout-overlay .article-card-content .button{pointer-events:all}.article-card--layout-overlay .article-card-tag{pointer-events:auto;z-index:5}.article-card--layout-overlay .article-card-title,.article-card--layout-overlay .article-card-btn{z-index:5}.article-card--layout-overlay .article-card-btn:not(:first-child){margin-top:1.6rem}@media screen and (hover:hover)and (pointer:fine)and (min-width:750px){.article-card--layout-overlay .article-card-btn{opacity:0;transition:opacity var(--duration-default) ease-in-out}}.article-card--placeholder .article-card-title,.article-card--placeholder .article-card-tag{cursor:not-allowed}.article-card__inner{display:flex;flex-direction:column;overflow:hidden;height:100%;width:100%}.article-card__wrapper{position:relative}.article-card .text-align--left{text-align:left}.article-card .text-align--left.article-card-btn,.article-card .text-align--left.article-card-excerpt{align-self:flex-start}.article-card .text-align--center{text-align:center}.article-card .text-align--center.article-card-btn,.article-card .text-align--center.article-card-excerpt{align-self:center}.article-card .text-align--right{text-align:right}.article-card .text-align--right.article-card-btn,.article-card .text-align--right.article-card-excerpt{align-self:flex-end}.article-card__wrapper{position:relative;overflow:hidden;border-radius:var(--border-radius-block)}.article-card__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;border-radius:var(--border-radius-block)}.article-card__link:empty{display:block}@media screen and (hover:hover)and (pointer:fine){.article-card__link:hover+.article-card__wrapper .article-card-image{transform:scale(1.03)}}.article-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:var(--border-radius-block);background-color:rgba(var(--color-overlay));backface-visibility:hidden;transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0)}.article-card-image{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-position:center;border-radius:var(--border-radius-block);will-change:transform;transition:var(--image-hover-transition)}.article-card-content{flex-grow:1;display:flex;width:100%;flex-direction:column;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.article-card-meta{width:100%;display:flex;flex-wrap:wrap;align-items:center;row-gap:.4rem;column-gap:.6rem}.article-card-meta:not(:first-child){margin-top:1.2rem}.article-card-meta.align--left,.article-card-meta.align--left .article-card-tags{justify-content:flex-start}.article-card-meta.align--center,.article-card-meta.align--center .article-card-tags{justify-content:center}.article-card-meta.align--right,.article-card-meta.align--right .article-card-tags{justify-content:flex-end}.article-card-meta.align--stretch{justify-content:flex-start}.article-card-meta.align--stretch .article-card-date{margin-inline-start:auto}.article-card-meta.align--stretch .article-card-tags{justify-content:flex-start}.article-card-meta .article-card-tags{margin-inline-end:.2rem}.article-card-tags{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;pointer-events:none}.article-card-tags>*{pointer-events:auto}.article-card-tag{height:auto;line-height:unset;z-index:5}.article-card-tag__link{color:var(--color-foreground);transition:color var(--duration-default) ease}.article-card-tag__link:focus-visible{outline-offset:-.1rem}@media screen and (hover:hover)and (pointer:fine){.article-card-tag:hover .article-card-tag__link{color:rgba(var(--color-foreground),.7)}}.article-card-date{color:rgba(var(--color-foreground-secondary));display:inline-block}.article-card-date--top{position:absolute;z-index:4;padding-block:.15rem;height:2.4rem;left:1.4rem;top:-1rem;rotate:90deg;transform-origin:bottom left;color:rgb(var(--color-foreground-secondary));background-color:rgba(var(--color-background));backface-visibility:hidden;transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-webkit-font-smoothing:antialiased}.article-card-date--top time{display:inline-block;transform:scale(-1);line-height:1.5;vertical-align:text-bottom}.article-card-author{display:inline-block;color:rgba(var(--color-foreground))}.article-card-title{z-index:5}.article-card-title__link{color:rgba(var(--color-foreground));transition:opacity var(--duration-default) ease-in-out}@media screen and (hover:hover)and (pointer:fine){.article-card-title__link:hover{opacity:var(--hover-opacity)}}.article-card-title__link:focus-visible{outline-offset:-.1rem}.article-card-excerpt{color:rgba(var(--color-foreground-secondary));max-width:33rem}.article-card-excerpt:not(:first-child){margin-top:.8rem}[dir=rtl] .article-card .text-align--left{text-align:right}[dir=rtl] .article-card .text-align--right{text-align:left}[dir=rtl] .article-card .article-card-date--top{left:auto;rotate:-90deg;transform-origin:bottom right;right:1.4rem}[dir=rtl] .article-card .article-card-date--top time{transform:scale(1)}[dir=rtl] .article-card.article-card--layout-overlay .article-card-date--top{right:.3rem;left:auto}@media(min-width:750px){[dir=rtl] .article-card.article-card--layout-overlay .article-card-date--top{right:1rem}}@media(prefers-color-scheme:dark){[data-scheme=auto] .article-card-date--top{color:rgb(var(--color-foreground))}}[data-scheme=dark] .article-card-date--top{color:rgb(var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-article-card.css.map */