.ui-callout[data-v-3f953a3c]{padding:var(--space-lg) var(--space-lg) var(--space-lg) var(--space-xl);border:1px solid var(--neutral-300);background:var(--neutral-100);border-radius:var(--radius-lg);display:flex;position:relative;overflow:hidden}.ui-callout[data-v-3f953a3c]:before{content:"";background:var(--accent);width:4px;position:absolute;top:0;bottom:0;left:0}.ui-callout--warning[data-v-3f953a3c]:before{background:var(--warning)}.ui-callout--success[data-v-3f953a3c]:before{background:var(--success)}.ui-callout--neutral[data-v-3f953a3c]:before{background:var(--neutral-600)}.ui-callout__body[data-v-3f953a3c]{flex-direction:column;flex:1;gap:6px;display:flex}.ui-callout__title[data-v-3f953a3c]{letter-spacing:-.01em;color:var(--neutral-900);font-size:1rem;font-weight:600}.ui-callout__body[data-v-3f953a3c] p{color:var(--neutral-700);font-size:.9375rem;line-height:1.6}.ui-callout__body[data-v-3f953a3c] a{color:var(--neutral-900);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--neutral-500);text-decoration-color:var(--neutral-500)}.ui-callout__body[data-v-3f953a3c] a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}