.callout[data-v-50a1b890] { gap: calc(var(--spacing,.25rem) * 2.5); border-radius: var(--radius-xl,.75rem); padding-inline: calc(var(--spacing,.25rem) * 4); padding-block: calc(var(--spacing,.25rem) * 3); font-size: var(--text-sm,.875rem); line-height: var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875))); border: 1px solid var(--callout-border); background: radial-gradient(ellipse 120% 80% at 10% 50%, var(--callout-accent), transparent 60%), linear-gradient(to bottom, var(--callout-bg-start), var(--callout-bg-end)); box-shadow: 0 1px 3px var(--callout-shadow-1), 0 4px 12px var(--callout-shadow-2); display: flex; }
@media screen {
  .dark .callout[data-v-50a1b890] { box-shadow: none; }
  .dark .callout[data-variant="success"][data-v-50a1b890] { background: linear-gradient(rgba(52, 211, 153, 0.11), rgba(52, 211, 153, 0.06)); border-color: rgba(52, 211, 153, 0.24); }
  .dark .callout[data-variant="warning"][data-v-50a1b890] { background: linear-gradient(rgba(251, 191, 36, 0.11), rgba(251, 191, 36, 0.06)); border-color: rgba(251, 191, 36, 0.24); }
  .dark .callout[data-variant="info"][data-v-50a1b890] { background: linear-gradient(rgba(121, 163, 216, 0.1), rgba(121, 163, 216, 0.05)); border-color: rgba(121, 163, 216, 0.24); }
  .dark .callout[data-variant="danger"][data-v-50a1b890] { background: linear-gradient(rgba(248, 113, 113, 0.12), rgba(248, 113, 113, 0.06)); border-color: rgba(248, 113, 113, 0.26); }
}