html.sparkgrid-embed,
html.sparkgrid-embed body {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  margin: 0;
  overflow: hidden;
  background: #080b10;
}

html.sparkgrid-embed .demo-embed-viewport {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #080b10;
}

html.sparkgrid-embed .demo-embed-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 1600px;
  height: 1000px;
  overflow: hidden;
  background: #080b10;
  transform: translate3d(var(--demo-embed-x, 0px), var(--demo-embed-y, 0px), 0)
    scale(var(--demo-embed-scale, 1));
  transform-origin: top left;
}

html.sparkgrid-embed .demo-embed-scroll {
  width: 1600px;
  height: 1000px;
  overflow: hidden;
}

html.sparkgrid-embed .demo-embed-scroll > .app-shell {
  width: 1600px;
  min-width: 1600px;
  min-height: 1000px;
}

html.sparkgrid-embed .sidebar {
  height: 1000px;
  min-height: 1000px;
}

html.sparkgrid-embed .motion-demo-badge,
html.sparkgrid-embed .motion-start-controls,
html.sparkgrid-embed .motion-demo-instructions,
html.sparkgrid-embed .motion-debug-label,
html.sparkgrid-embed [data-motion-debug],
html.sparkgrid-embed [data-demo-instructions],
html.sparkgrid-embed [data-demo-replay] {
  display: none !important;
}

html.sparkgrid-embed .motion-browser-overlay {
  inset: 0 0 0 248px;
}

html.sparkgrid-embed .motion-browser-stage {
  width: 1040px;
  max-height: 790px;
}