.HomeBlog {
  margin: 0 auto var(--spaceXl);
}

.HomeBlog-controls {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spaceMd);
  margin-top: 2.5rem;
  color: var(--colorText);
}

.HomeBlog-swiper {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 100rem;
  margin-top: -10px;
}

.HomeBlog-wrapper {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: flex;
  box-sizing: border-box;
}

@media (max-width: 48rem) {
  .HomeBlog-wrapper {
    justify-content: flex-start;
  }
}

.HomeBlog-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spaceMd);
}

.HomeBlog-pagination .swiper-pagination-bullet {
  position: relative;
  width: 8rem;
  height: 0.25rem;
  border-radius: 2px;
  background-color: var(--colorBrand);
  opacity: 0.5;
  cursor: pointer;
}

.HomeBlog-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

@media (max-width: 64rem) {
  .HomeBlog-pagination {
    gap: var(--spaceSm);
  }
  .HomeBlog-pagination .swiper-pagination-bullet {
    width: 6rem;
  }
  .HomeBlog-pagination .swiper-pagination-bullet::after {
    width: 6rem;
  }
}

@media (max-width: 500px) {
  .HomeBlog-pagination {
    gap: var(--spaceXxxs);
  }
  .HomeBlog-pagination .swiper-pagination-bullet {
    width: 4rem;
  }
  .HomeBlog-pagination .swiper-pagination-bullet::after {
    width: 4rem;
  }
}

/*# sourceMappingURL=home-blog.min.css.map */