/* Only embedding constraints; the cards use the application's production CSS. */
html, body { min-height: 0; min-width: 0; }
body { background: transparent; }
.frontend-preview { padding: 22px; }
.preview-title { margin: 0 0 20px; font-size: 24px; font-weight: 800; }
.frontend-preview .assistant-conversation { margin-top: 0; padding: 24px 18px; }
.frontend-preview .assistant-conversation h2 { font-size: 24px; }
.frontend-preview .assistant-mark { margin-bottom: 18px; }
.frontend-preview .home-assistant-heading .assistant-mark { margin: 0; }
.frontend-preview .home-assistant-heading h2 { font-size: 19px; }
.frontend-preview input:disabled, .frontend-preview button:disabled { cursor: default; }
.frontend-preview .next-event strong { overflow-wrap: anywhere; }
@media (max-width: 360px) {
  .frontend-preview { padding: 14px; }
}