.HomeCategories {
  position: relative;
  margin: var(--sizeModuleHorizontalOffset) auto;
  padding: 2.5rem 0;
  background: var(--colorBrandSecondary);
}

.HomeCategories-title {
  color: var(--colorWhite);
  margin-bottom: 2.5rem;
}

.HomeCategories-frame {
  margin-left: auto;
  max-width: calc(var(--sizeContentWidth) + 10rem);
  padding-left: var(--sizeContentOffset);
}

@media (max-width: 90rem) {
  .HomeCategories-frame {
    padding-right: var(--sizeContentOffset);
  }
}

@media (min-width: 1921px) {
  .HomeCategories-frame {
    margin-right: auto;
  }
}

.HomeCategories-swiper {
  position: relative;
  overflow: hidden;
}

.HomeCategories-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  box-sizing: content-box;
  transform-style: preserve-3d;
}

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

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

.HomeCategories-controls .swiper-button-disabled {
  opacity: 0.25;
}

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

.HomeCategories-pagination .swiper-pagination-bullet {
  width: .5em;
  height: .5em;
  border-radius: 50%;
  background: var(--colorWhite);
  transition: var(--animationBase);
  outline: none;
  cursor: pointer;
  position: relative;
}

.HomeCategories-pagination .swiper-pagination-bullet:after {
  content: '';
  display: block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 2px solid var(--colorBrand);
  opacity: 0;
  transition: var(--animationBase);
}

.HomeCategories-pagination .swiper-pagination-bullet-active:after, .HomeCategories-pagination .swiper-pagination-bullet:hover:after {
  opacity: 1;
}

.HomeCategories-button-prev {
  transform: rotate(180deg);
}

.HomeCategories-button-prev, .HomeCategories-button-next {
  display: flex;
  align-items: center;
  cursor: pointer;
}

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