/* A quiet loading state only. The real invitation replaces it when ready. */
.tphone-preview-loading {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  background: #fbf6f1;
  color: #6e5d4c;
  text-align: center;
  pointer-events: none;
}
.tphone-preview-loading > span {
  font: 500 clamp(13px, 1.4vw, 20px)/1.15 var(--font-serif, serif);
}
.tphone-preview-loading > small {
  font: 400 clamp(8px, .8vw, 11px)/1.5 var(--font-sans, sans-serif);
}