.ui-alert{--alert-color:#2f7fd6;padding:var(--space-3) var(--space-4);align-items:flex-start;gap:var(--space-3);border:1px solid color-mix(in srgb, var(--alert-color) 30%, transparent);border-radius:var(--radius-m);background:color-mix(in srgb, var(--alert-color) 11%, var(--section-bg));color:var(--text);text-align:start;font-size:14px;line-height:1.45;display:flex}.ui-alert.success{--alert-color:var(--accent)}.ui-alert.warning{--alert-color:var(--warning)}.ui-alert.danger{--alert-color:var(--danger)}.ui-alert.neutral{--alert-color:var(--hint)}.ui-alert.outline{border-color:color-mix(in srgb, var(--alert-color) 55%, transparent);background:var(--section-bg)}.ui-alert.solid{border-color:var(--alert-color);background:var(--alert-color);color:#fff}.ui-alert.compact{padding:var(--space-2) var(--space-3);gap:var(--space-2);font-size:13px}.ui-alert-icon{height:1.45em;color:var(--alert-color);flex:none;align-items:center;display:flex}.ui-alert.solid .ui-alert-icon,.ui-alert.solid .ui-alert-close{color:inherit}.ui-alert-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.ui-alert.compact .ui-alert-icon svg{width:17px;height:17px}.ui-alert-body{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ui-alert-title{font-weight:700}.ui-alert-text{white-space:pre-line}.ui-alert-actions{margin-top:var(--space-2);gap:var(--space-2);flex-wrap:wrap;display:flex}.ui-alert-close{width:28px;height:28px;color:var(--hint);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin:-4px -6px -4px 0;padding:0;display:grid}.ui-alert-close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:16px;height:16px}.ui-alert-close:focus-visible{outline:2px solid var(--alert-color)}@media (hover:hover){.ui-alert-close:hover{background:color-mix(in srgb, currentColor 14%, transparent)}}