[class="earth-model"] {
  position: relative;
  overflow: hidden;
  opacity: 0;
  transform: scale(0.85);
  transition:
    opacity 0.8s ease-out,
    transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

[class="earth-model"].is-ready {
  opacity: 1;
  transform: scale(1);
}

[class="earth-model"].cursor-grab {
  cursor: grab;
}

[class="earth-model-loading"],
[class="earth-model-error"] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  border-radius: 0.5rem;
}

[class="earth-model-loading"] {
  border: 1px solid rgb(229, 229, 229);
  background-color: rgb(250, 250, 250);
}

[class="earth-model-error"] {
  border: 1px solid rgb(254, 202, 202);
  background-color: rgb(254, 242, 242);
  color: rgb(220, 38, 38);
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}