.dui-alert { width: 100%; padding: 1rem 1.2rem; border-inline-start: 3px solid; border-radius: var(--dui-radius-small); font-size: .88rem; }
.dui-alert p { margin-top: .25rem; }
.dui-alert[data-tone="info"] { background: var(--dui-info-bg); color: var(--dui-info); }
.dui-alert[data-tone="success"] { background: var(--dui-success-bg); color: var(--dui-success); }
.dui-alert[data-tone="warning"] { background: var(--dui-warning-bg); color: var(--dui-warning); }
.dui-alert[data-tone="danger"] { background: var(--dui-danger-bg); color: var(--dui-danger); }