[data-public-root] .callout{isolation:isolate;box-sizing:border-box;width:100%;color:var(--color-fg-default);font-family:var(--prv-font-sans);position:relative}[data-public-root] .callout[data-variant=panel]{border-radius:var(--radius-md);padding:var(--prv-space-24);background:var(--color-surface-soft);overflow:hidden}[data-public-root] .callout__backdrop{z-index:0;pointer-events:none;opacity:.4;position:absolute;inset:0;overflow:hidden}[data-public-root] .callout__backdrop>*{width:100%;height:100%}[data-public-root] .callout[data-variant=rule]{--callout-rule:color-mix(in srgb, var(--color-accent-purple) 12%, white);padding:0;border-inline-start:3px solid var(--callout-rule);background:0 0;border-radius:0;padding-inline-start:var(--space-gap-md);overflow:visible}[data-public-root] .callout[data-variant=rule][data-accent=primary]{--callout-rule:color-mix(in srgb, var(--color-accent) 12%, white)}[data-public-root] .callout[data-variant=rule][data-accent=purple]{--callout-rule:color-mix(in srgb, var(--color-accent-purple) 12%, white)}[data-public-root] .callout[data-variant=rule][data-accent=magenta]{--callout-rule:color-mix(in srgb, var(--color-accent-magenta) 12%, white)}[data-public-root] .callout__content{z-index:1;gap:var(--space-gap-tight);flex-direction:column;display:flex;position:relative}[data-public-root] .callout__title,[data-public-root] .callout__body{margin:0}[data-public-root] .callout__body>:first-child{margin-top:0}[data-public-root] .callout__body>:last-child{margin-bottom:0}