.alert{--alert-text:var(--state-info-text);--alert-border:var(--state-info-border);display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);border:var(--border-w-sm) solid var(--alert-border);border-left:var(--border-w-xl) solid var(--alert-accent);background:var(--alert-bg);color:var(--alert-text);font-size:var(--fs-sm)}.alert,.alert-info{--alert-bg:var(--state-info-bg-strong);--alert-accent:var(--state-info)}.alert-info{--alert-text:var(--state-info-text);--alert-border:var(--state-info-border)}.alert-success{--alert-bg:var(--state-success-bg-strong);--alert-accent:var(--state-success);--alert-text:var(--state-success-text);--alert-border:var(--state-success-border)}.alert-warning{--alert-bg:var(--state-warning-bg-strong);--alert-accent:var(--state-warning);--alert-text:var(--state-warning-text);--alert-border:var(--state-warning-border)}.alert-error{--alert-bg:var(--state-error-bg-strong);--alert-accent:var(--state-error);--alert-text:var(--state-error-text);--alert-border:var(--state-error-border)}