.block-filter-top > .container {
  display: grid;
  grid-template-columns: repeat(12,minmax(0,1fr));
  column-gap: clamp(1rem,-.1428571429rem + 2.380952381vw,2rem)
}
.block-filter-top .filters-container {
  grid-column: span 12;
  margin-bottom: 1rem
}
@media (min-width:48rem) {
  .block-filter-top .filters-container {
    margin-bottom: 2rem
  }
}
.block-filter-top .filters-container__inner {
  display: flex;
  flex-direction: column;
  column-gap: 1.25rem
}
@media (min-width:48rem) {
  .block-filter-top .filters-container__inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center
  }
}
.block-filter-top .filters-container__filters {
  display: flex;
  flex-direction: column;
  gap: 1.25rem
}
@media (min-width:48rem) {
  .block-filter-top .filters-container__filters {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
  }
}
@media (min-width:48rem) {
  .block-filter-top .filters-container .filter-search {
    order: 10;
    margin-left: auto
  }
}
.block-filter-top__selected-filter-sort-container {
  grid-column: span 12;
  display: flex;
  flex-wrap: nowrap;
  column-gap: 1rem;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 3rem
}
@media (min-width:48rem) {
  .block-filter-top__selected-filter-sort-container {
    margin-bottom: 4.5rem
  }
}
.block-filter-top__selected-filters-wrapper {
  display: flex;
  flex-wrap: nowrap;
  column-gap: 1rem
}
.block-filter-top__selected-filters-container {
  display: flex;
  flex-wrap: wrap;
  row-gap: .75rem;
  column-gap: .5rem
}
.block-filter-top__posts {
  grid-column: span 12;
  position: relative
}
.block-filter-top__posts.is-loading::before {
  display: block;
  width: 3rem;
  height: 3rem;
  border: .5rem solid #f0b95e;
  border-color: #f0b95e transparent #f0b95e transparent;
  border-radius: 50%;
  background-color: transparent;
  transform-origin: center center;
  animation: loader 1.5s infinite ease-in-out;
  position: absolute;
  top: 6.25rem;
  left: 50%;
  content: "";
  z-index: 2;
  width: 2rem;
  height: 2rem;
  border-width: .375rem;
  transform: translateX(-50%)
}
.block-filter-top__posts.is-loading .block-filter__posts-container {
  opacity: .5
}
.block-filter-top .block-filter__posts-container {
  display: grid;
  grid-template-columns: repeat(12,minmax(0,1fr));
  column-gap: clamp(1rem,-.1428571429rem + 2.380952381vw,2rem);
  grid-column: span 12;
  row-gap: clamp(3rem,1.2857142857rem + 3.5714285714vw,4.5rem);
  transition: opacity .2s linear
}
.block-filter-top[data-card-type=news] .block-filter__posts-container {
  row-gap: 3rem
}
@media (min-width:48rem) {
  .block-filter-top[data-card-type=news] .block-filter__posts-container {
    row-gap: 0
  }
}
.block-filter-top[data-card-type=resources] .block-filter__posts-container {
  row-gap: clamp(1.25rem,-2.4642857143rem + 7.7380952381vw,4.5rem)
}
.block-filter-top .block-filter-pagination {
  grid-column: span 12;
  text-align: center
}
.block-filter-top .block-filter-pagination__load-more:disabled {
  display: none
}