.alert{align-items:start;gap:var(--space-3);min-width:0;padding:var(--space-4);border:var(--border-width-default) solid var(--color-info-border);border-radius:var(--radius-xl);background:var(--color-info-subtle);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.alert__icon{color:var(--color-info);flex-shrink:0;margin-block-start:var(--space-0-5)}.alert__content{overflow-wrap:anywhere;min-width:0}.alert__title{margin:0 0 var(--space-1);color:var(--color-text);font-size:var(--font-size-body);font-weight:var(--fw-semibold);line-height:var(--lh-normal)}.alert__description{color:var(--color-text-muted);font-size:var(--font-size-body);font-weight:var(--fw-regular);line-height:var(--lh-normal)}.alert__action{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;max-width:100%;display:flex}.alert--success{border-color:var(--color-success-border);background:var(--color-success-subtle)}.alert--success .alert__icon{color:var(--color-success)}.alert--warning{border-color:var(--color-warning-border);background:var(--color-warning-subtle)}.alert--warning .alert__icon{color:var(--color-warning)}.alert--error{border-color:var(--color-error-border);background:var(--color-error-subtle)}.alert--error .alert__icon{color:var(--color-error)}@media (width<=640px){.alert{grid-template-columns:auto minmax(0,1fr)}.alert__action{grid-column:2}}