html {
  overflow-x: clip;
  max-width: 100%;
}

body {
  overflow-x: clip;
  max-width: 100%;
}

body.meridia-app,
html:has(body.meridia-app) {
  overflow-x: visible;
}

img,
svg,
video,
canvas {
  max-width: 100%;
  height: auto;
}

.container,
.container-fluid {
  max-width: 100%;
}

#app-workspace,
.forecast-layout,
.thermometer-team-layout,
.forecast-plan-area,
.thermometer-snapshot-area,
.landing-hero,
.landing-modal-panel {
  min-width: 0;
  max-width: 100%;
}

.landing-hero {
  overflow-x: clip;
}

.landing-hero-glow {
  width: min(700px, 100vw);
}

.table-responsive {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.chart-result-wrap,
.chart-result-wrap canvas {
  max-width: 100%;
}

.meridia-site-footer,
.meridia-cookie-consent {
  max-width: 100%;
}