html,
body.globe-embed-page {
  min-width: 0;
  min-height: 100%;
  margin: 0;
  overflow: hidden;
  background: transparent;
}

body.globe-embed-page::before,
body.globe-embed-page::after {
  display: none;
}

.globe-embed-page main {
  position: relative;
  min-height: 100vh;
}

.globe-embed-page .globe-stage {
  position: relative;
  top: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: none;
  min-height: 100vh;
  padding: clamp(18px, 4vh, 34px) 12px 12px;
}

.globe-embed-page .globe-stage__canvas-wrap {
  position: relative;
  top: auto;
  left: auto;
  flex: 0 0 auto;
  width: min(calc(100% - 36px), 450px);
  margin: 0;
  transform: none;
}

.globe-embed-page .globe-stage__credit {
  position: static;
  margin: 10px 0 0;
  color: rgba(214, 226, 240, 0.56);
}

@media (max-width: 520px) {
  .globe-embed-page .globe-stage {
    padding-top: 10px;
  }

  .globe-embed-page .globe-stage__canvas-wrap {
    width: min(calc(100% - 20px), 330px);
  }
}

@media (prefers-color-scheme: light) {
  .globe-embed-page .globe-stage__credit {
    color: rgba(60, 78, 100, 0.62);
  }
}