.impact-site [data-loading-label] {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  visibility: hidden;
}

[data-loading-label]::before {
  content: "";
  width: 42px;
  height: 32px;
  flex: 0 0 42px;
}

.ball-loading {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 32px;
  vertical-align: middle;
  visibility: hidden;
  animation: ball-loading-reveal 0s 200ms forwards;
}

.ball-loading canvas {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
}

#loadMoreButton {
  min-height: 50px;
  min-width: 150px;
}

@keyframes ball-loading-reveal {
  to { visibility: visible; }
}

.portrait-loading-container {
  position: relative;
}

.portrait-loading-overlay {
  position: absolute;
  inset: 0;
  justify-content: center;
  pointer-events: none;
}

.portrait-loading-overlay > span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}