.diadao-landscape-alert {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.25s ease-in-out;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
  }
  .diadao-landscape-alert::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("rotate-phone.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100px;
  }
  
  @media (max-width: 1000px) and (min-aspect-ratio: 16/12) {
    html {
      overflow: hidden;
    }
    html:not(.with-fancybox) body.device-responsive:not(.modal-open) {
      overflow: hidden;
    }
    html:not(.with-fancybox) body.device-responsive:not(.modal-open) .diadao-landscape-alert {
      opacity: 1;
      visibility: visible;
      z-index: 99999999999999;
    }
  }