.alert{display:flex;padding:var(--size-4);color:var(--alert-color, var(--grey-1));border-bottom:10px solid var(--alert-border, var(--blue-0));background:var(--alert-bg, var(--blue-5));&.alert--success,.alert-success{--alert-border: var(--green-1);--alert-bg: var(--green-4)}&.alert--warning,.alert-warning{--alert-border: var(--yellow-0);--alert-bg: var(--yellow-4)}&.alert--error,.alert-error{--alert-border: var(--red-0);border-bottom:0 none;border-radius:var(--radius-3);--alert-bg: var(--red-4);color:var(--white)}}