.xo-article-card{position:relative;display:flex;flex-direction:column;min-height:100%;overflow:hidden;background-color:rgb(var(--color-background));border:var(--article-card-border-width) solid rgba(var(--color-border),var(--article-card-border-opacity));box-shadow:var(--article-card-shadow-horizontal-offset) var(--article-card-shadow-vertical-offset) var(--article-card-shadow-blur-radius) rgba(var(--color-shadow),var(--article-card-shadow-opacity))}body.blog .xo-article-card{background-color:#f7f7f7!important}.xo-article-card .xo-image__placeholder{height:100%}.xo-article-card .placeholder-svg{width:100%;height:100%}.xo-article-card:hover .xo-article-card__image img,.xo-article-card:focus-within .xo-article-card__image img{transform:scale(1.05);transition:all .5s ease}.xo-article-card--rounded{border-radius:calc(1.2rem + var(--article-card-border-width))}.xo-article-card__image{position:relative;display:block}.xo-article-card__image .xo-image{width:100%;height:100%;overflow:hidden}.xo-article-card__image img{width:100%;height:100%;transition:all .5s ease;will-change:transform}.xo-article-card__information{padding:2rem 0;text-align:var(--article-card-text-alignment)}.xo-article-card__tag{position:absolute;top:2rem;z-index:10}[dir=ltr] .xo-article-card__tag{left:2rem}[dir=rtl] .xo-article-card__tag{right:2rem}.xo-article-card__box{display:flex;gap:.8rem;align-items:center}.xo-article-card__dot{display:inline-block;background-color:rgba(var(--color-foreground),.4);width:.4rem;height:.4rem;border-radius:50%}.xo-article-card__author{font-size:calc(var(--font-heading-scale) * var(--font-body-scale) * 1.3rem);color:rgb(var(--color-foreground),.5);font-family:var(--font-body-family);letter-spacing:.5px;font-weight:400;line-height:calc(1 + .69 / var(--font-heading-scale))}@media(min-width:1200px){.xo-article-card__author{font-size:calc(var(--font-body-scale) * 1.6rem);line-height:calc(1 + .37 / var(--font-heading-scale))}}.xo-article-card__blog-list{font-size:calc(var(--font-body-scale) * 1.3rem);color:rgb(var(--color-foreground),.5);font-family:var(--font-body-family);letter-spacing:.5px;font-weight:400;line-height:calc(1 + .69 / var(--font-body-scale))}@media(min-width:1200px){.xo-article-card__blog-list{font-size:calc(var(--font-body-scale) * 1.6rem);line-height:calc(1 + .37 / var(--font-body-scale))}}.xo-article-card__blog-list a{color:rgb(var(--color-foreground),.5)}.xo-article-card__information--standard{padding-inline-end:0;background-color:#f7f7f7!important}@media(min-width:1200px){.xo-article-card__information--standard{padding-inline-end:1rem}}@media(min-width:1400px){.xo-article-card__information--standard{padding-inline-end:2.5rem}}.xo-article-card__heading{font-family:var(--font-heading-family);font-size:calc(var(--font-heading-scale) * var(--font-body-scale) * 1.6rem);font-weight:600;line-height:calc(1 + .25 / var(--font-heading-scale));letter-spacing:calc(var(--font-heading-scale) * -.032rem);padding:.6rem 0 1rem}@media(min-width:768px){.xo-article-card__heading{font-size:calc(var(--font-heading-scale) * var(--font-body-scale) * 1.6rem);line-height:calc(1 + .4 / var(--font-heading-scale));letter-spacing:calc(var(--font-heading-scale) * -.016rem)}}@media(min-width:1400px){.xo-article-card__heading{font-size:calc(var(--font-heading-scale) * var(--font-body-scale) * 2.2rem);line-height:calc(1 + .22 / var(--font-heading-scale));letter-spacing:calc(var(--font-heading-scale) * -.044rem)}}.xo-article-card__heading a{color:#505050;transition:all .3s ease;font-size:16px!important;font-weight:600}.xo-article-card__heading:hover a{opacity:.6}.xo-article-card__date{color:rgba(var(--color-foreground),.5);font-size:calc(var(--font-body-scale) * 1.4rem);font-weight:500;line-height:calc(1 + .42 / var(--font-body-scale))}.xo-article-card__description{color:#1a1a1a;font-size:16px;line-height:calc(1 + .53 / var(--font-body-scale));padding-bottom:1.5rem;font-weight:400}@media(min-width:768px){.xo-article-card__description{line-height:calc(1 + .43 / var(--font-body-scale));padding-bottom:1.5rem}}.xo-article-card--boxed .xo-article-card__information{padding:2rem}@media screen and (min-width:1024px){body.blog .xo-article-card:first-child .xo-article-card__image img{height:100vh!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/article-card.css.map */