.info {
  display: flex;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  background: transparent;
  pointer-events: none;
}
.info.visible {
  visibility: visible;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  transition: all 0.5s;
}
.info .wrapper_info {
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
.info .wrapper_info .help__desktop {
  display: none;
  height: var(--desktop-info-max-height);
  max-height: var(--desktop-info-heigh);
  cursor: pointer;
}
@media screen and (min-width: 1000px) {
  .info .wrapper_info .help__desktop {
    display: block;
  }
}
.info .wrapper_info .help__mobile__portrait {
  display: none;
  cursor: pointer;
}
@media screen and (max-width: 1000px) and (orientation: portrait) {
  .info .wrapper_info .help__mobile__portrait {
    display: block;
    max-width: var(--mobile-info-portrait-max-height);
  }
}
.info .wrapper_info .help__mobile__landscape {
  display: none;
  cursor: pointer;
}
@media screen and (max-width: 1000px) and (orientation: landscape) {
  .info .wrapper_info .help__mobile__landscape {
    display: block;
    max-width: var(--mobile-info-portrait-max-width);
  }
}/*# sourceMappingURL=info.css.map */