@import "https://assets.elements.dev/assets/app/shared/ui-catalog/catalog/style.c38e1d7304920e3.css";

/* Demo logs are .demo-log (catalog/style.css); here they are centered. */
.alert-dialog-demo-log {
  text-align: center;
}

.alert-dialog-demo-prose {
  margin: 0;
  color:  var(--ink-soft);
}

/* Logs sit on their own line, so a log growing never moves the trigger. */
.alert-dialog-demo-logs {
  display:        flex;
  flex-direction: column;
  align-items:    stretch;
  flex-basis:     100%;
  min-width:      0;
  gap:            var(--space-1);
}

.alert-dialog-demo-notes {
  display:        flex;
  flex-direction: column;
  align-items:    flex-start;
  gap:            var(--space-2);
  width:          min(100%, 28rem);
}

.alert-dialog-demo-notes .textarea {
  width: 100%;
}

.alert-dialog-demo-row {
  display:     flex;
  flex-wrap:   wrap;
  align-items: center;
  gap:         var(--space-2);
}