[data-theme="light"] .preview,
.preview {
  --preview-bg: #F2F2F2;

  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--preview-bg);
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  height: 100%;
}

[data-theme="dark"] .preview {
  --preview-bg: #222;
}

.preview-label {
  font-size: 70%;
  letter-spacing: 1px;
}

.preview ._example_calendar {
  max-width: 320px;
}