.Hero {
  position: relative;
  margin-top: 1.25rem;
  margin-bottom: 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 {
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  color: var(--colorWhite);
  transition: var(--animationBase);
  pointer-events: auto;
}

@media (max-width: 48rem) {
  .Hero-button {
    display: none;
  }
}

.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: 2fr 1fr;
  column-gap: 1.5rem;
}

@media (max-width: 80rem) {
  .Hero-in {
    grid-template-columns: 1fr;
    row-gap: .75rem;
  }
}

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