.article-card{max-width:100%}.article-card__image{padding-bottom:64.843%;margin-bottom:2.3rem;position:relative;overflow:hidden}.article-card__image :is(img,svg){width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;transition:transform var(--duration-long) linear}@media(hover:hover)and (pointer:fine){.article-card a:hover .article-card__image :is(img,svg){transform:scale(1.0963)}}.article-card__tags{color:var(--tags-color, inherit)}.article-card__title{text-transform:uppercase;line-height:1.0636;margin-block:1.2rem 1.6rem}@media(max-width:989px){.article-card__title{font-size:1.8rem;line-height:1.3;margin-block:1.2rem}}@media(max-width:749px){.article-card__title{font-size:1.6rem}}.article-card__points{position:absolute;top:1.2rem;right:1.2rem;background-color:var(--color-main-blue, #234058);color:#fff;font-size:1.2rem;font-weight:600;padding:.4rem .8rem;border-radius:.4rem;z-index:1}.article-card__date-row{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.2rem}.article-card__date-block{display:flex;flex-direction:column;align-items:center;line-height:1}.article-card__date-day{font-size:2.4rem;font-weight:700;line-height:1}.article-card__date-month{font-size:1.2rem;text-transform:uppercase;letter-spacing:.05em}.article-card__time{font-size:1.4rem;color:var(--color-main-blue-60, inherit)}.article-card__desc{font-size:1.4rem;line-height:1.5;margin-bottom:1.6rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card__meta{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.6rem}.article-card__meta-row{display:flex;align-items:center;gap:.6rem;font-size:1.3rem;color:var(--color-main-blue-60, inherit)}.article-card__meta-row svg{flex-shrink:0}.blog__loading,.blog__empty,.blog__error{text-align:center;padding:6rem 2rem;grid-column:1 / -1}.blog__spinner{width:3.2rem;height:3.2rem;margin:0 auto 1.6rem;border:.3rem solid var(--color-main-blue-20, #e0e0e0);border-top-color:var(--color-main-blue, #234058);border-radius:50%;animation:blog-spin .8s linear infinite}@keyframes blog-spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/article-card.css.map */