.messages {
  margin: 0 40px;
  background: no-repeat 10px 17px;
  border: 1px solid;
  border-width: 1px 1px 1px 0;
  border-radius: 2px;
  padding: 15px 20px 15px 35px;
  word-wrap: break-word;
  overflow-wrap: break-word; }

.messages + .messages {
  margin-top: 1.538em; }

.messages__wrapper {
  margin-top: 1rem; }

.messages__list {
  list-style: none;
  padding: 0;
  margin: 0; }

.messages__item + .messages__item {
  margin-top: 0.769em; }

.messages--status {
  color: #325e1c;
  background-color: #f3faef;
  border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
  background-image: url("../assets/check.svg");
  box-shadow: -8px 0 0 #77b259; }

.messages--warning {
  background-color: #fdf8ed;
  background-image: url("../assets/warning.svg");
  border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
  color: #734c00;
  box-shadow: -8px 0 0 #e09600; }

.messages--error {
  background-color: #fcf4f2;
  color: #a51b00;
  background-image: url("../assets/error.svg");
  border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
  box-shadow: -8px 0 0 #e62600; }

.messages--error .error {
  color: #a51b00; }