.Reference {
  position: relative;
  margin: var(--sizeHorizontalOffset) auto;
}

.Reference .swiper-container {
  position: relative;
  overflow: hidden;
}

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

.Reference-prev, .Reference-next {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translateY(50%);
  width: 4.5rem;
  height: 6.5rem;
  background: #fff;
  color: var(--colorBrand);
  transition: var(--animationBase);
  cursor: pointer;
}

.Reference-prev.swiper-button-disabled, .Reference-next.swiper-button-disabled {
  display: none;
}

@media (max-width: 63.99rem) {
  .Reference-prev, .Reference-next {
    width: 3.5rem;
    height: 4.5rem;
  }
}

@media (max-width: 31.99rem) {
  .Reference-prev, .Reference-next {
    width: 2.5rem;
    height: 3.5rem;
  }
}

.Reference-prev:hover, .Reference-prev:active, .Reference-prev:focus, .Reference-next:hover, .Reference-next:active, .Reference-next:focus {
  background: var(--colorBrand);
  color: #fff;
}

@media (max-width: 47.99rem) {
  .Reference-prev svg, .Reference-next svg {
    height: .75rem;
  }
}

@media (max-width: 31.99rem) {
  .Reference-prev span, .Reference-next span {
    display: none;
  }
}

.Reference-prev {
  left: 2.5rem;
}

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

.Reference-next {
  right: 2.5rem;
}

.Reference-heading {
  margin-bottom: .5rem;
}

.Reference-socials {
  display: flex;
  gap: 1rem;
}

.Reference-socialsLink {
  display: inline-flex;
}

.Reference-buttons {
  display: flex;
  align-items: center;
  gap: 1rem 2.5rem;
}

@media (max-width: 64rem) {
  .Reference-buttons:not(.Reference-responsiveButtons) {
    display: none;
  }
}

.Reference-responsiveButtons {
  flex-direction: column-reverse;
  align-items: center;
  margin-top: var(--spaceLg);
}

@media (min-width: 64.01rem) {
  .Reference-responsiveButtons {
    display: none;
  }
}

.Reference-info {
  margin-bottom: 2rem;
  display: flex;
  justify-content: space-between;
}

.Reference-infoButton {
  display: block;
  height: fit-content;
  font-size: 1.125rem;
  margin: auto 0 auto;
}

.Reference-infoButton span {
  display: flex;
  align-items: center;
}

.Reference-infoButton svg {
  height: 0.625rem;
}

.Reference-button {
  display: block;
  width: fit-content;
  font-size: 1.125rem;
}

.Reference-button span {
  display: flex;
  align-items: center;
}

.Reference-button svg {
  height: 0.625rem;
}

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