/* ze-core.css — invariant base. Always loaded.
   Skin (ze-skin-*.css) owns visual language. Palette (ze-theme-*.css) owns colour vars. */

html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

html.ze-page-fill,
body.ze-page-fill {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: transparent !important;
}

.ze-canvas {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.ze-canvas.ze-canvas-fill {
  width: 100vw;
  height: 100vh;
}

.ze-chart-canvas {
  flex: 1;
  position: relative;
}

.ze-chart-host {
  position: absolute;
}