.ReactModalPortal > div {
  opacity: 0;
}

.ReactModalPortal .ReactModal__Overlay {
  transition: opacity 200ms ease-in-out;
}

.ReactModalPortal .ReactModal__Overlay--after-open {
  opacity: 1;
}

.ReactModalPortal .ReactModal__Overlay--before-close {
  opacity: 0;
}

.ReactModalPortal .ReactModal__Content {
  transition: transform 0.3s ease-out;
  transform: translateY(-50px);
}

.ReactModalPortal .ReactModal__Content.centered {
  display: flex;
  align-items: center;
}

@media (min-width: 576px) {
  .ReactModalPortal .ReactModal__Content {
    min-height: calc(100% - 3.5rem);
  }
}

.ReactModalPortal .ReactModal__Content--after-open {
  transform: translate(0);
}

.ReactModalPortal .ReactModal__Content--before-close {
  transform: translateY(-150px);
}

.horizontal-menu {
  margin: 0 -2rem;
}

.horizontal-menu .scroll-menu-arrow {
  transition: opacity 0.15 ease;
  opacity: 0.7;
  cursor: pointer;
}

.horizontal-menu .scroll-menu-arrow:hover {
  opacity: 1;
}

.horizontal-menu .scroll-menu-arrow.scroll-menu-arrow--disabled,
.horizontal-menu .scroll-menu-arrow.scroll-menu-arrow--disabled:hover {
  opacity: 0.25;
  cursor: default;
}

.horizontal-menu .menu-item-wrapper.active > button {
  --text-opacity: 1;
  color: #b11116;
  color: rgba(177, 17, 22, var(--text-opacity));
  --bg-opacity: 1;
  background-color: #fde8e8;
  background-color: rgba(253, 232, 232, var(--bg-opacity));
}