@media screen and (max-width: 749px){.articles-wrapper .article{width:100%}}.article{display:flex;align-items:center}.article.grid__item{padding:0}.grid--peek .article-card{box-sizing:border-box}.article-card__image-wrapper>a{display:block}.article-card__title{text-decoration:none;word-break:break-word}.article-card__title a:after{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.article-card__link.link{padding:0}.article-card__link{text-underline-offset:.3rem}.article-card .card__heading{margin-bottom:.6rem}.blog-articles .article-card .card__information,.blog__posts .article-card .card__information{padding-left:2rem;padding-right:2rem}.article-card__info{padding-top:.4rem}.article-card__footer{letter-spacing:.1rem;font-size:1.4rem}.article-card__footer:not(:last-child){margin-bottom:1rem}.article-card__footer:last-child{margin-top:auto}.article-card__excerpt{width:100%;margin-top:1.2rem}.article-card__link:not(:only-child){margin-right:3rem}@media screen and (min-width: 990px){.article-card__link:not(:only-child){margin-right:4rem}}.article-card__image--small .ratio:before{padding-bottom:11rem}.article-card__image--medium .ratio:before{padding-bottom:22rem}.article-card__image--large .ratio:before{padding-bottom:33rem}@media screen and (min-width: 750px){.article-card__image--small .ratio:before{padding-bottom:14.3rem}.article-card__image--medium .ratio:before{padding-bottom:21.9rem}.article-card__image--large .ratio:before{padding-bottom:27.5rem}}@media screen and (min-width: 990px){.article-card__image--small .ratio:before{padding-bottom:17.7rem}.article-card__image--medium .ratio:before{padding-bottom:30.7rem}.article-card__image--large .ratio:before{padding-bottom:40.7rem}}@supports not (inset: 10px){.articles-wrapper.grid{margin:0 0 5rem}@media screen and (min-width: 750px){.articles-wrapper.grid{margin-bottom:7rem}}}.article-popup-modal__opener{width:100%}.article-popup-modal__opener .article-popup-modal__button{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;padding:1rem;display:flex;align-items:flex-end;justify-content:flex-end;color:rgb(var(--color-background));text-decoration:none;font-size:1.1rem}.article-popup-modal[open]{position:fixed;width:100vw;height:100vh;background-color:rgba(var(--color-foreground),.6);display:flex;justify-content:center;align-items:center;padding:2.4rem}.article-popup-modal>*{max-width:120rem;width:100%;background-color:rgb(var(--color-background));position:relative;max-height:80vh;height:auto;overflow-y:auto}@media screen and (min-width: 750px){.article-popup-modal[open]{z-index:4}}@media screen and (max-width: 749px){.article-popup-modal[open]{padding:0}.article-popup-modal>*{max-height:100vh;height:100%}}.article-popup-modal .loading-overlay__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.article-popup-modal__toggle{position:absolute;top:2rem;right:2rem;z-index:1;background-color:transparent;border:0;color:rgba(var(--color-foreground),1);width:auto;padding:0}.article-popup-modal__toggle:hover{cursor:pointer}.article-popup-modal__toggle .icon{height:auto;margin:0;width:1.8rem}@media screen and (max-width: 749px){.article-popup-modal__toggle{top:10rem}.article-popup-modal__toggle .icon{width:1.4rem}}.article-popup-modal[open]>* .content header{display:none}@media screen and (max-width: 749px){.article-popup-modal[open]>* .content{max-height:50vh;overflow:hidden}}.article-template__products .card--card.card--media>.card__content{padding:1rem 0}.article-template__products .card__information,.article-template__products .card--card .quick-add{padding:0 0 1.3rem;margin-left:0;margin-right:0}.article-template__products .card--card .quick-add{padding:0;margin-bottom:0}@media screen and (max-width: 749px){.article-template__products .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item,.grid--peek .grid__item{min-width:unset}.grid--peek.slider .grid__item:first-of-type{margin-left:0}.article-template__products .grid--peek.slider .grid__item:first-of-type .card__information{padding-left:.5rem}.article-popup-modal__content-info{height:100%}}@media screen and (min-width: 750px){.article-template .slider--desktop.grid--2-col-desktop .grid__item{width:40%;margin-left:0}}
/*# sourceMappingURL=/cdn/shop/t/81/assets/component-article-card.css.map */