.c-alert{display:flex;align-items:flex-start;gap:var(--c-space-3);padding:var(--c-space-3) var(--c-space-4);background:var(--c-color-surface);color:var(--c-color-text);border:1px solid var(--c-color-border);border-radius:var(--c-radius-md)}.c-alert[data-sticky]{position:sticky;inset-block-start:var(--c-alert-sticky-top,0);z-index:20}.c-alert[data-tone=info]{border-color:var(--c-color-primary);background:color-mix(in oklch,var(--c-color-primary-soft),var(--c-color-surface) 60%)}.c-alert[data-tone=success]{border-color:var(--c-color-success);background:color-mix(in oklch,var(--c-color-success),var(--c-color-surface) 90%)}.c-alert[data-tone=warning]{border-color:var(--c-color-warning);background:color-mix(in oklch,var(--c-color-warning),var(--c-color-surface) 90%)}.c-alert[data-tone=danger]{border-color:var(--c-color-danger);background:color-mix(in oklch,var(--c-color-danger),var(--c-color-surface) 90%)}.c-alert[data-tone=secondary]{border-color:var(--c-color-secondary);background:color-mix(in oklch,var(--c-color-secondary),var(--c-color-surface) 90%)}.c-alert[data-tone=tertiary]{border-color:var(--c-color-tertiary);background:color-mix(in oklch,var(--c-color-tertiary),var(--c-color-surface) 90%)}.c-alert__icon{flex-shrink:0;display:inline-flex;padding-top:2px}.c-alert[data-tone=info] .c-alert__icon{color:var(--c-color-primary)}.c-alert[data-tone=success] .c-alert__icon{color:var(--c-color-success)}.c-alert[data-tone=warning] .c-alert__icon{color:var(--c-color-warning)}.c-alert[data-tone=danger] .c-alert__icon{color:var(--c-color-danger)}.c-alert[data-tone=secondary] .c-alert__icon{color:var(--c-color-secondary)}.c-alert[data-tone=tertiary] .c-alert__icon{color:var(--c-color-tertiary)}.c-alert__body{flex:1;min-width:0}.c-alert__title{display:block;font-weight:var(--c-font-weight-semibold);margin-bottom:2px}.c-alert__content{font-size:var(--c-text-sm)}.c-alert__actions{margin-top:var(--c-space-2);display:flex;gap:var(--c-space-2)}.c-alert__close{flex-shrink:0}