html,
body,
#root,
#lmd-report-restore {
  max-width: 100%;
  overflow-x: clip;
}

.aiq-question-alert {
  width: 100%;
  margin: 0 0 .75rem;
  color: #fca5a5;
  font-size: .925rem;
  font-weight: 650;
  line-height: 1.45;
  text-align: center;
}

.aiq-question-missing {
  border-color: rgba(248, 113, 113, .72) !important;
  box-shadow: 0 0 0 1px rgba(248, 113, 113, .15);
}

@media (max-width: 1023px) {
  #root.aiq-landing-visible,
  #root.aiq-landing-visible > div,
  #root.aiq-landing-visible .aiq-landing-shell {
    height: auto !important;
    min-height: 100vh;
    max-height: none !important;
    overflow: visible !important;
  }

  #root.aiq-landing-visible .aiq-landing-shell > .relative.z-10.grid {
    height: auto !important;
    max-height: none !important;
    padding-bottom: 1.5rem;
  }

  #root.aiq-report-visible,
  #root.aiq-report-visible > div,
  #lmd-report-restore {
    width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  #root.aiq-report-visible [class*="min-w-"],
  #root.aiq-report-visible [class*="w-["],
  #lmd-report-restore [class*="min-w-"],
  #lmd-report-restore [class*="w-["] {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #root.aiq-report-visible svg,
  #root.aiq-report-visible canvas,
  #lmd-report-restore svg,
  #lmd-report-restore canvas {
    max-width: 100%;
  }

  #root button,
  #root [role="button"],
  #root select,
  #lmd-report-restore button,
  #lmd-report-restore [role="button"],
  #lmd-report-restore select {
    min-height: 44px;
  }
}

@supports not (overflow: clip) {
  html,
  body,
  #root,
  #lmd-report-restore {
    overflow-x: hidden;
  }
}