.blog {
  margin-bottom: 30px;
}

.blog-list {
  display: grid;
  grid-gap: 12px;
}
@media (min-width: 768px) {
  .blog-list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 12px;
  }
}
@media (min-width: 992px) {
  .blog-list {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 12px;
  }
}
@media (min-width: 1200px) {
  .blog-list {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 12px;
  }
}
.blog-list__loader {
  flex-direction: column;
  padding: 60px 0;
}
.blog-list__loader img {
  width: 70px;
  height: 70px;
}
.blog-list__loader span {
  font-size: 1.7rem;
  margin-top: 12px;
  font-weight: 500;
  color: var(--gray-600);
}

.blog-card__link {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 22px;
  overflow: hidden;
  background: var(--white);
}
.blog-card__link__link {
  display: flex;
  flex-direction: column;
}
.blog-card__link__link img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  flex-shrink: 0;
}
.blog-card__image {
  width: 100%;
  height: 250px;
}
.blog-card__image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.blog-card__title {
  font-size: 1.6rem;
  color: var(--text-primary);
  font-weight: 500;
  line-height: 1.2;
  padding: 10px 10px 6px 10px;
  flex-grow: 1;
  min-height: 50px;
}
@media (min-width: 768px) {
  .blog-card__title {
    font-size: 1.5rem;
  }
}
.blog-card__text {
  height: 40px;
  overflow: hidden;
  color: var(--gray-600);
  line-height: 1.25;
  font-size: 1.3rem;
  padding: 0 10px;
  flex-grow: 0;
}
.blog-card__statistic {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  padding: 20px 10px 15px 10px;
  align-items: center;
}
.blog-card__statistic-update {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28.191' height='28.193' viewBox='0 0 28.191 28.193'%3E%3Cpath d='M32.693,15.652H22.074l4.292-4.417a11.025,11.025,0,0,0-15.475-.157,10.768,10.768,0,0,0,0,15.334,11,11,0,0,0,15.475,0,10.2,10.2,0,0,0,3.2-7.659h3.133a14.63,14.63,0,0,1-4.135,9.852,14.181,14.181,0,0,1-19.923,0A13.845,13.845,0,0,1,8.6,8.9a14.077,14.077,0,0,1,19.813,0l4.276-4.4ZM19.38,12.331v6.657l5.482,3.258-1.128,1.9-6.7-3.978V12.331Z' fill='%236C757D' transform='translate(-4.502 -4.5)'/%3E%3C/svg%3E");
  background-size: auto 13px;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
  line-height: 1;
  color: var(--gray-600);
  font-size: 1.2rem;
}
.blog-card__statistic-shows {
  padding-left: 20px;
  font-size: 1.2rem;
  line-height: 1;
  color: var(--gray-600);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45.715' height='29.386' viewBox='0 0 45.715 29.386'%3E%3Cg transform='translate(-2.252 -7.875)'%3E%3Cpath d='M25.085,7.875c-8.2,0-14.673,5.163-22.407,13.6a1.613,1.613,0,0,0-.01,2.173C9.29,30.966,15.126,37.261,25.085,37.261c9.836,0,17.213-7.928,22.458-13.673a1.6,1.6,0,0,0,.051-2.112C42.247,15,34.85,7.875,25.085,7.875Zm.449,23.866A9.183,9.183,0,1,1,34.278,23,9.187,9.187,0,0,1,25.534,31.741Z' fill='%236C757D' transform='translate(0 0)'/%3E%3Cpath d='M20.03,15.235a4.794,4.794,0,0,1,.316-1.724c-.1,0-.2-.01-.316-.01a6.53,6.53,0,1,0,6.53,6.53c0-.133-.01-.265-.01-.4a4.525,4.525,0,0,1-1.857.4A4.737,4.737,0,0,1,20.03,15.235Z' fill='%236C757D' transform='translate(5.075 2.538)'/%3E%3C/g%3E%3C/svg%3E");
  background-size: auto 10px;
  background-position: left center;
  background-repeat: no-repeat;
}
.blog-card__statistic-comments {
  padding-left: 20px;
  font-size: 1.2rem;
  line-height: 1;
  color: var(--gray-600);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='31.5' viewBox='0 0 36 31.5'%3E%3Cpath d='M18,2.25C8.058,2.25,0,8.8,0,16.875a12.981,12.981,0,0,0,4.008,9.19A17.888,17.888,0,0,1,.155,32.8a.559.559,0,0,0-.105.612.551.551,0,0,0,.513.338,16.08,16.08,0,0,0,9.886-3.614A21.444,21.444,0,0,0,18,31.5c9.942,0,18-6.546,18-14.625S27.942,2.25,18,2.25ZM9,19.125a2.25,2.25,0,1,1,2.25-2.25A2.248,2.248,0,0,1,9,19.125Zm9,0a2.25,2.25,0,1,1,2.25-2.25A2.248,2.248,0,0,1,18,19.125Zm9,0a2.25,2.25,0,1,1,2.25-2.25A2.248,2.248,0,0,1,27,19.125Z' transform='translate(0 -2.25)' fill='%236c757d'/%3E%3C/svg%3E");
  background-size: auto 10px;
  background-position: left center;
  background-repeat: no-repeat;
}

.blog-list__sentinel {
  height: 1px;
}

.blog-list__empty {
  padding: 24px 0;
  color: var(--gray-600);
  font-size: 1.4rem;
}

/*# sourceMappingURL=style.css.map */