.callout {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border: 0.0625rem dashed var(--color-lighter-blue);
  background: var(--callout-background-color-override, transparent);
}
@media (max-width: 600px) {
  .callout {
    font-size: var(--font-size-small);
    line-height: var(--line-height-small);
  }
}
.callout--color-danger {
  color: var(--color-primary);
  --icon-color-accent: currentColor;
  border-color: currentColor;
}
.callout--color-warning {
  color: var(--callout-warning-color-override, var(--color-darker-blue));
  --icon-color-accent: currentColor;
  border-color: var(--color-warning);
  border-width: 0.125rem;
}
.callout-icon {
  flex-shrink: 0;
  width: 2rem;
  height: auto;
}

/*# sourceMappingURL=frontend.css.map */