.aui-callout{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-4);border-radius:var(--ds-radius-lg);background:var(--ds-fill-1);color:var(--ds-text-secondary)}.aui-callout:has(.aui-callout__title){align-items:flex-start}@supports (corner-shape:squircle){.aui-callout{corner-shape:squircle}}.aui-callout[data-tone=info]{background:var(--ds-info-surface)}.aui-callout[data-tone=success]{background:var(--ds-success-surface)}.aui-callout[data-tone=warning]{background:var(--ds-warning-surface)}.aui-callout[data-tone=error]{background:var(--ds-error-surface)}.aui-callout[data-tone=accent]{background:var(--ds-accent-surface)}.aui-callout__icon{flex-shrink:0;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ds-radius-md);background:var(--ds-fill-3);color:var(--ds-text-secondary)}@supports (corner-shape:squircle){.aui-callout__icon{corner-shape:squircle}}.aui-callout[data-tone=info] .aui-callout__icon{background:color-mix(in srgb,var(--ds-info) 22%,transparent);color:var(--ds-info)}.aui-callout[data-tone=success] .aui-callout__icon{background:color-mix(in srgb,var(--ds-success) 22%,transparent);color:var(--ds-success)}.aui-callout[data-tone=warning] .aui-callout__icon{background:color-mix(in srgb,var(--ds-warning) 22%,transparent);color:var(--ds-warning)}.aui-callout[data-tone=error] .aui-callout__icon{background:color-mix(in srgb,var(--ds-error) 22%,transparent);color:var(--ds-error)}.aui-callout[data-tone=accent] .aui-callout__icon{background:color-mix(in srgb,var(--ds-accent) 22%,transparent);color:var(--ds-accent)}.aui-callout__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--ds-space-1)}.aui-callout__title{margin:0;font-weight:600;color:var(--ds-text-primary)}.aui-callout__message,.aui-callout__title{font-size:var(--ds-font-size-13);line-height:var(--ds-leading-16)}.aui-callout__message{color:var(--ds-text-secondary)}.aui-callout__actions{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--ds-space-2)}.aui-callout__dismiss{flex-shrink:0;margin:calc(-1 * var(--ds-space-1)) calc(-1 * var(--ds-space-1)) 0 0}.aui-callout[data-emphasis=solid]{background:var(--ds-fill-2);box-shadow:inset var(--ds-space-1) 0 0 0 var(--ds-border-strong)}.aui-callout[data-emphasis=solid] .aui-callout__icon{background:var(--ds-fill-4)}.aui-callout[data-emphasis=solid][data-tone=info]{background:color-mix(in srgb,var(--ds-info) 24%,transparent);box-shadow:inset var(--ds-space-1) 0 0 0 var(--ds-info)}.aui-callout[data-emphasis=solid][data-tone=info] .aui-callout__icon{background:color-mix(in srgb,var(--ds-info) 36%,transparent)}.aui-callout[data-emphasis=solid][data-tone=success]{background:color-mix(in srgb,var(--ds-success) 24%,transparent);box-shadow:inset var(--ds-space-1) 0 0 0 var(--ds-success)}.aui-callout[data-emphasis=solid][data-tone=success] .aui-callout__icon{background:color-mix(in srgb,var(--ds-success) 36%,transparent)}.aui-callout[data-emphasis=solid][data-tone=warning]{background:color-mix(in srgb,var(--ds-warning) 24%,transparent);box-shadow:inset var(--ds-space-1) 0 0 0 var(--ds-warning)}.aui-callout[data-emphasis=solid][data-tone=warning] .aui-callout__icon{background:color-mix(in srgb,var(--ds-warning) 36%,transparent)}.aui-callout[data-emphasis=solid][data-tone=error]{background:color-mix(in srgb,var(--ds-error) 24%,transparent);box-shadow:inset var(--ds-space-1) 0 0 0 var(--ds-error)}.aui-callout[data-emphasis=solid][data-tone=error] .aui-callout__icon{background:color-mix(in srgb,var(--ds-error) 36%,transparent)}.aui-callout[data-emphasis=solid][data-tone=accent]{background:color-mix(in srgb,var(--ds-accent) 24%,transparent);box-shadow:inset var(--ds-space-1) 0 0 0 var(--ds-accent)}.aui-callout[data-emphasis=solid][data-tone=accent] .aui-callout__icon{background:color-mix(in srgb,var(--ds-accent) 36%,transparent)}.aui-callout[data-compact=true]{align-items:center}.aui-callout[data-compact=true] .aui-callout__content{flex-direction:row;align-items:center;gap:var(--ds-space-2)}.aui-callout[data-compact=true] .aui-callout__dismiss{margin-top:0}@media (max-width:768px){.aui-callout:not([data-compact=true]){flex-wrap:wrap}.aui-callout:not([data-compact=true]) .aui-callout__actions{margin-left:var(--ds-space-7)}}