.frontend-spaceapi-widget-loading {
  color: #004a4f;
}
.frontend-spaceapi-widget-loading,
.frontend-spaceapi-widget-loading:after {
  box-sizing: border-box;
}
.frontend-spaceapi-widget-loading {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.frontend-spaceapi-widget-loading:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6.4px solid currentColor;
  border-color: currentColor transparent currentColor transparent;
  animation: frontend-spaceapi-widget-loading 1.2s linear infinite;
}
@keyframes frontend-spaceapi-widget-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.frontend-spaceapi-widget {
  margin: 0.2rem 0;
}

.frontend-spaceapi-widget-heading {
  background-color: var(--color-neutral);
  color: var(--color-neutral-content);
}

.frontend-spaceapi-widget-padding {
  padding: 0.2rem 0.5rem;
}

.frontend-spaceapi-widget-content p {
  margin: 0;
}

.frontend-spaceapi-widget-content h1 {
  font-size: 18pt;
}

.frontend-spaceapi-widget-open {
  border-left: 6px solid var(--color-success);
}

.frontend-spaceapi-widget-closed {
  border-left: 6px solid var(--color-error);
}

.frontend-spaceapi-widget-unknown {
  border-left: 6px solid #aaa;
}

.frontend-spaceapi-widget-text {
  border-left: 6px solid var(--color-neutral);
}