@media screen and (max-width: 749px){.articles-wrapper .article{width:100%}}.article{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;padding:1rem;gap:.75rem;transition:transform .2s ease}.article:hover{transform:translateY(-4px)}.article.grid__item{padding:0}.grid--peek .article-card{box-sizing:border-box}.article-card__image-wrapper>a{display:block}.article-card__image-wrapper img{width:100%;height:auto;border-radius:8px;display:block}.article-card__tags{display:flex;gap:.5rem;flex-wrap:wrap}.article-card__tags .tag{background:#f2f2f2;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;color:#333}.article-card__tags .tag[data-tag="Mully Updates"]{background:#f4b840;color:#fff}.article-card__tags .tag[data-tag=Courses]{background:#1daf61;color:#fff}.article-card__title{font-size:1rem;font-weight:600;margin:0;line-height:1.4}.article-card__title a{text-decoration:none;color:#000}.article-card__title a:hover{text-decoration:underline}.article-card__meta{font-size:.8rem;color:#777}.article-card__excerpt{width:100%;margin-top:1.2rem}.article-card__link{text-underline-offset:.3rem}.article-card__link:not(:only-child){margin-right:3rem}.blog-articles__article .article-card__image-wrapper{position:relative;width:100%;padding-bottom:66.66%;overflow:hidden;border-radius:8px}.blog-articles__article .article-card__image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@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}}}
/*# sourceMappingURL=/cdn/shop/t/194/assets/component-article-card.css.map */