/*
 * Wrapper styles only.
 *
 * Everything inside the viewer is styled from within its shadow root, so this
 * file stays deliberately tiny: it exists so the element behaves as a block-level
 * page section inside arbitrary theme markup, and gives themes a hook to target.
 */

.tower-scale-embed {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  /* Some themes set a max-width on every direct child of the content area. */
  max-width: none;
}

.tower-scale-embed tower-scale {
  display: block;
  width: 100%;
}

/*
 * Reserve space before the element upgrades, so a full-bleed section does not
 * collapse to zero height and shift the page as the bundle finishes loading.
 */
.tower-scale-embed tower-scale:not(:defined) {
  min-height: 380px;
  background: #f4f4f2;
}