._recentPosts_ylnru_1 {
  margin: 0 var(--container-padding);
  max-width: var(--container-max);
}
@media (min-width: 1920px) {
  ._recentPosts_ylnru_1 {
    margin: 0 auto;
  }
}

._recentPosts__header_ylnru_11 {
  display: grid;
  gap: 2.4rem;
  grid-template-columns: 1fr;
  padding: 0 0 4rem 0;
}
@media (min-width: 768px) {
  ._recentPosts__header_ylnru_11 {
    grid-template-columns: var(--grid-columns);
  }
}

._recentPosts__title_ylnru_23 {
  font: var(--type-subheadline-2);
  font-family: var(--type-medium);
}
@media (min-width: 768px) {
  ._recentPosts__title_ylnru_23 {
    align-self: cebter;
    grid-column: 1/5;
  }
}

._recentPosts__form_ylnru_34 {
  display: grid;
  gap: 1.6rem;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  ._recentPosts__form_ylnru_34 {
    gap: 2.4rem;
    grid-column: 5/13;
    grid-template-columns: 1fr 1fr;
  }
}

._recentPosts__filters_ylnru_47 {
  display: grid;
  gap: 1.6rem;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  ._recentPosts__filters_ylnru_47 {
    grid-template-columns: 1fr 1fr;
  }
}

._recentPost__select_ylnru_58 {
  align-items: center;
  background-color: var(--theme-surface);
  border: thin solid var(--color-black);
  border-radius: var(--border-radius);
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  padding: 1.6rem;
  position: relative;
}
._recentPost__select_ylnru_58 span {
  font: var(--type-body-xs);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  pointer-events: none;
}
._recentPost__select_ylnru_58 select {
  appearance: none;
  background-color: transparent;
  border: none;
  flex: 1;
  font: var(--type-body-xs);
  font-family: var(--type-regular);
  left: 0;
  padding: 1.6rem;
  position: absolute;
  opacity: 0;
  top: 0;
  width: 100%;
}
._recentPost__select_ylnru_58 option {
  font-family: var(--type-body), sans-serif;
}
._recentPost__select_ylnru_58 svg {
  pointer-events: none;
}

._recentPost__input_ylnru_97 {
  align-items: center;
  background-color: var(--theme-surface);
  border: thin solid var(--color-black);
  border-radius: var(--border-radius);
  display: flex;
  justify-content: space-between;
  padding: 0 1.6rem 0 0;
}
._recentPost__input_ylnru_97 input {
  appearance: none;
  background-color: transparent;
  border: none;
  font: var(--type-body-xs);
  outline: none;
  padding: 1.6rem;
  width: 100%;
}

._recentPosts__list_ylnru_116 {
  display: grid;
  gap: var(--container-gap);
  grid-template-columns: 1fr;
  list-style: none;
  margin: 0;
  padding: 0;
}
._recentPosts__list--loading_ylnru_124 {
  opacity: 0.5;
  pointer-events: none;
}
@media (min-width: 768px) {
  ._recentPosts__list_ylnru_116 {
    gap: 6.4rem 2.4rem;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

._recentPosts__card_ylnru_135 {
  align-items: flex-start;
  display: flex;
  gap: 1.6rem;
  padding-bottom: 4rem;
  position: relative;
  color: var(--color-black);
  text-decoration: none;
}
@media (hover: hover) {
  ._recentPosts__card_ylnru_135:not(:disabled):hover {
    color: var(--color-black);
  }
}
@media (min-width: 768px) {
  ._recentPosts__card_ylnru_135 {
    align-items: stretch;
    flex-direction: column;
    padding: 0;
  }
}

._recentPosts__image_ylnru_157 {
  border-radius: var(--border-radius);
  flex: 0 0 40%;
  overflow: hidden;
}

._recentPosts__type_ylnru_163 {
  color: var(--color-gray-4);
  font: var(--type-body-xs);
  padding-bottom: 0.4rem;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  ._recentPosts__type_ylnru_163 {
    background-color: var(--color-black);
    border-radius: var(--border-radius);
    color: var(--color-white);
    font: var(--type-body-small);
    font-family: var(--type-medium);
    left: 1.6rem;
    padding: 0.4rem 1.2rem;
    position: absolute;
    top: 1.6rem;
  }
}

._recentPosts__cardTitle_ylnru_183 {
  font: var(--type-body-small);
  font-family: var(--type-medium);
}
@media (min-width: 1400px) {
  ._recentPosts__cardTitle_ylnru_183 {
    font-size: 20px;
    line-height: 24px;
  }
}

._recentPosts__pagination_ylnru_194 {
  align-items: center;
  display: flex;
  gap: 0.4rem;
  justify-content: center;
  padding: 6.4rem 0 0;
}

._recentPosts__btn_ylnru_202 {
  display: flex;
  justify-content: center;
  align-items: center;
  border: thin solid transparent;
  border-radius: var(--border-radius);
  height: 4.8rem;
  width: 4.8rem;
  color: var(--color-black);
}
._recentPosts__btn_ylnru_202:hover {
  color: var(--color-black) !important;
}
._recentPosts__btn_ylnru_202[aria-current=true] {
  border-color: var(--color-black);
}

._recentPosts__buttonDots_ylnru_219 {
  align-items: center;
  display: flex;
  height: 4.8rem;
  justify-content: center;
  width: 4.8rem;
}
._recentPosts__buttonDots_ylnru_219 span {
  line-height: 0;
}