._container_5olyc_1 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

._top_5olyc_7 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
._top_5olyc_7 h1 {
  font: var(--type-h1);
}
._top_5olyc_7 p {
  font: var(--type-b1);
}

._posts_5olyc_19 {
  display: flex;
  --gap: var(--spacing-md);
  gap: var(--gap);
  flex-wrap: wrap;
}

._post_5olyc_19 {
  width: 100%;
  max-width: calc((100% - var(--gap) * 2) / 3);
  min-width: calc((100% - var(--gap) * 2) / 3);
}

._terms_5olyc_32 {
  display: flex;
  gap: var(--spacing-sm);
}

._loadMoreHolder_5olyc_37 {
  display: flex;
  justify-content: center;
}

._loadMore_5olyc_37 {
  background: var(--color-black);
  color: var(--color-white);
  border: 1px solid var(--color-black);
  padding: var(--spacing-xs) var(--spacing-sm);
  transition: background 0.3s ease, color 0.3s ease;
  white-space: nowrap;
  font: var(--type-b2);
  border-radius: var(--radius-medium);
}
@media (hover: hover) {
  ._loadMore_5olyc_37:hover {
    background: var(--color-white);
    color: var(--color-black);
  }
}._button_1mkpi_1 {
  background: var(--color-black);
  color: var(--color-white);
  border: 1px solid var(--color-black);
  padding: var(--spacing-xs) var(--spacing-sm);
  transition: background 0.3s ease, padding-right 0.3s ease, color 0.3s ease;
  white-space: nowrap;
  font: var(--type-b2);
  border-radius: var(--radius-medium);
  cursor: pointer;
  position: relative;
}
@media (hover: hover) {
  ._button_1mkpi_1:hover {
    background: var(--color-white);
    color: var(--color-black);
  }
  ._button_1mkpi_1:hover ._loader_1mkpi_18::before {
    border-color: var(--color-black);
  }
}
._button_1mkpi_1:has(._loaderHolder_1mkpi_22) {
  padding-right: calc(var(--spacing-sm) * 2 + 16px);
}

._loaderHolder_1mkpi_22 {
  position: absolute;
  display: block;
  right: var(--spacing-sm);
  top: 50%;
  transform: translateY(-50%);
}

._loader_1mkpi_18 {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: relative;
  animation: _rotate_1mkpi_1 1s linear infinite;
}
._loader_1mkpi_18::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 0px;
  border-radius: 50%;
  transition: border-color 0.3s ease;
  border: 2px solid #fff;
  animation: _prixClipFix_1mkpi_1 2s linear infinite;
}

@keyframes _rotate_1mkpi_1 {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes _prixClipFix_1mkpi_1 {
  0% {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }
  25% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }
  50% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }
  75% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
  }
  100% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
  }
}