.ui-alert{gap:var(--sp-1);padding:var(--sp-3) var(--sp-4);border:1px solid var(--alert-bd);border-radius:var(--r-md);background:var(--alert-bg);color:var(--alert-fg);font-size:var(--fs-md);flex-direction:column;display:flex}.ui-alert-title{font-weight:var(--fw-semibold)}.ui-alert-body>p+.ui-btn{margin-top:var(--sp-2)}.ui-alert-info{--alert-bg:var(--tone-blue-bg);--alert-fg:var(--tone-blue-fg);--alert-bd:var(--tone-blue-bd)}.ui-alert-success{--alert-bg:var(--tone-green-bg);--alert-fg:var(--tone-green-fg);--alert-bd:var(--tone-green-bd)}.ui-alert-warning{--alert-bg:var(--tone-amber-bg);--alert-fg:var(--tone-amber-fg);--alert-bd:var(--tone-amber-bd)}.ui-alert-danger{--alert-bg:var(--tone-red-bg);--alert-fg:var(--tone-red-fg);--alert-bd:var(--tone-red-bd)}