.Hero {
  position: relative;
  margin: var(--spaceMd) auto var(--sizeModuleHorizontalOffset);
}

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

.Hero-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  transform: translate3d(0, 0, 0);
  transition-property: transform;
}

.Hero-button {
  display: none;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  color: var(--colorWhite);
  transition: var(--animationBase);
  pointer-events: auto;
}

@media (min-width: 48.01rem) {
  .Hero-button {
    display: block;
  }
}

.Hero-button:hover, .Hero-button:active, .Hero-button:focus {
  color: var(--colorOutlines);
}

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

.Hero-button.swiper-button-disabled {
  transform: scale(0);
  opacity: 0;
  visibility: hidden;
}

.Hero-in {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: var(--spaceSm);
}

@media (min-width: 75.01rem) {
  .Hero-in {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    column-gap: var(--spaceMd);
  }
}

/*# sourceMappingURL=hero.min.css.map */