.earth-container {
  position: relative;
  z-index: 1;
}
.earth-container::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.earth-container > canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  user-select: none;
}
.earth-draggable {
  cursor: all-scroll;
  cursor: -webkit-grab;
  cursor: grab;
}
.earth-dragging * {
  cursor: all-scroll;
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}
.earth-clickable {
  cursor: pointer;
}
.earth-overlay {
  position: absolute;
  top: 0;
  left: 0;
  user-select: none;
  pointer-events: none;
  transform-origin: 0 0;
}
.earth-overlay a,
.earth-overlay input,
.earth-overlay button {
  pointer-events: all;
}
.earth-hittest {
  position: fixed;
  width: 200vh;
  max-width: 100%;
  top: 0;
  left: 0;
  z-index: 999999;
}
.earth-hittest svg {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0;
  opacity: 0;
}

#back-link {
	position: fixed;
	top: 0;
	left: 0;
	background: #0d130e;
	padding: 0.5em;
	font-size: 26px;
	z-index: 10000;
	border-right: 1px RGBA(255,255,255,0.5) solid;
	border-bottom: 1px RGBA(255,255,255,0.5) solid;
}
#back-link img {
	display: block;
	width: 4em;
	height: auto;
}

@media (max-width: 1199px) {
	#back-link {
		font-size: 20px;
	}
}
@media (max-width: 511px) {
	#back-link {
		font-size: 16px;
	}
}

#legal-footer-wrap {
	position: relative;
	height: 0;
	z-index: 10002;
	font-family: Arial, sans-serif;
}

#legal-footer {
	position: absolute;
	bottom: 0.5em;
	right: 0.5em;
}

#legal-footer a {
	text-decoration: none;
	color: inherit;
	padding: 0 0.5em;
	font-size: 10px;
}