1//Fixed alerts
2.alert-danger {
3  background-color: $accent-04--02;
4  border-color: $accent-04--01;
5  border-radius: 0;
6  color: $primary-dark;
7  text-align: left;
8}
9.alert-warning {
10  background-color: $accent-03--03;
11  border-color: $accent-03--02;
12  border-radius: 0;
13  color: $primary-dark;
14  text-align: left;
15}
16
17.message-container {
18  background-color: $background-02;
19  padding: 1em 1.5em;
20  display: inline-block;
21  >*:last-child {
22    margin-bottom: 0;
23  }
24}
25
26.notification-banner {
27  padding: 8px 10px;
28  margin-bottom: 24px;
29  border-style: solid;
30  border-width: 1px;
31}
32
33.notification-banner__text {
34  font-size: 0.9em;
35  margin-bottom: 0;
36  line-height: 1.2;
37}
38
39.notification-banner--information {
40  background-color: $background-02;
41  border-color: $border-color-01;
42}
43
44.notification-banner--warning {
45  background-color: $accent-03--03;
46  border-color: $accent-03--02;
47  .notification-banner__text {
48    &::before {
49      content: '';
50      display: inline-block;
51      width: 18px;
52      height: 18px;
53      vertical-align: bottom;
54      margin-right: 0.5em;
55      background-image: url(../assets/images/icon-warning.svg);
56    }
57  }
58}