@charset "UTF-8";
/* stylelint-disable */
/* ---------- example ---------- */
/*
.selector {
  // только в промежутке tablet..desktop
  @include media-between(tablet, desktop) { ... }

  // ровно «только tablet» (1024..1239)
  @include media-only(tablet) { ... }

  // ≥ 1440
  @include for-desktop { ... }

  // ≤ 767
  @include small-tablet { ... }
}
*/
/* ---------- helpers ---------- */
/* Min-width */
/* Max-width */
/* stylelint-disable */
/* stylelint-disable */
.archive-blog {
  padding: calc(clamp(50px, 7.3964vw, 10rem) - clamp(16px, 1.7751vw, 2.4rem)) 0 clamp(80px, 7.3964vw, 10rem);
}
.archive-blog__inner {
  display: flex;
  flex-direction: column;
  gap: clamp(48px, 4.4379vw, 6rem);
}
.archive-blog__inner > .main-button {
  min-width: 18.1rem;
  gap: 1.5rem;
  align-self: center;
}
.archive-blog .found {
  padding-top: clamp(48px, 4.4379vw, 6rem);
  display: flex;
  flex-direction: column;
  gap: clamp(48px, 4.4379vw, 6rem);
  align-items: center;
}
.archive-blog__filters {
  position: relative;
  z-index: 5;
}
.archive-blog__filters-row {
  display: grid;
  align-items: center;
  gap: 1.2rem;
  grid-template-columns: repeat(2, 18.7rem);
}
.archive-blog__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3.2rem;
}
.archive-blog__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(40px, 4.4379vw, 6rem) 2.2rem;
}
.archive-blog .blog-card {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  height: 100%;
}
.archive-blog .blog-card__image {
  display: flex;
  width: 100%;
  height: clamp(160px, 19.7485vw, 26.7rem);
  border-radius: clamp(7px, 0.7396vw, 1rem);
  overflow: hidden;
}
.archive-blog .blog-card__image img,
.archive-blog .blog-card__image picture, .archive-blog .blog-card__image svg, .archive-blog .blog-card__image .sprite {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.4s;
}
.archive-blog .blog-card__title {
  color: var(--cl-p);
  font-family: var(--font-family);
  font-size: clamp(20px, 1.9231vw, 2.6rem);
  font-style: normal;
  font-weight: 500;
  line-height: 123%;
  letter-spacing: -0.156rem;
}
.archive-blog .blog-card__link {
  display: flex;
  color: var(--cl-m);
  font-family: var(--font-family);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.4rem;
  letter-spacing: -0.064rem;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  transition: all 0.3s;
}
.archive-blog .blog-card__box {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 1.6rem;
}
.archive-blog .blog-card .editor p:not([class]) {
  color: var(--cl-o);
  font-family: var(--font-family);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 142.857%;
  letter-spacing: -0.056rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 768px){
  .archive-blog .blog-card__image {
    margin-bottom: 0.4rem;
  }
}
@media (max-width: 1023.98px) and (min-width: 576px){
  .archive-blog__filters-row {
    grid-template-columns: repeat(2, clamp(165px, 13.8314vw, 18.7rem));
    --select-option-selected-width: 105px;
  }
}
@media (max-width: 767.98px){
  .archive-blog__list {
    grid-template-columns: repeat(2, 1fr);
  }
  .archive-blog .blog-card__title {
    font-weight: 600;
    letter-spacing: -0.1rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .archive-blog .blog-card .editor p:not([class]) {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.6px;
  }
}
@media (max-width: 575.98px){
  .archive-blog__filters-row {
    width: 100%;
    grid-template-columns: 100%;
  }
  .archive-blog__filters {
    width: 100%;
  }
  .archive-blog__top {
    flex-direction: column;
  }
  .archive-blog__list {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
  .archive-blog .blog-card__image {
    border: 1px solid var(--br-b);
  }
}
@media (hover: hover){
  .archive-blog .blog-card__link:hover {
    text-decoration-color: transparent;
  }
  .archive-blog .blog-card:hover .blog-card__image .sprite, .archive-blog .blog-card:hover .blog-card__image svg, .archive-blog .blog-card:hover .blog-card__image img,
  .archive-blog .blog-card:hover .blog-card__image picture {
    transform: scale(1.12);
  }
}
@media (hover: none){
  .archive-blog .blog-card__link:active {
    text-decoration-color: transparent;
  }
  .archive-blog .blog-card:active .blog-card__image .sprite, .archive-blog .blog-card:active .blog-card__image svg, .archive-blog .blog-card:active .blog-card__image img,
  .archive-blog .blog-card:active .blog-card__image picture {
    transform: scale(1.12);
  }
}
/*# sourceMappingURL=blog-archive.css.map */