.error-messages {
  background: rgba(155, 74, 38, 0.18);
  border: 1px solid rgba(224, 122, 99, 0.45);
  color: var(--cream);
  padding: var(--space-md);
  border-radius: 14px;
  margin-bottom: var(--space-lg);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;

  & > .list {
    margin: 0;
    padding-left: 1.1em;
    list-style: disc;

    & > li {
      margin: 0 0 var(--space-xs);

      &:last-child {
        margin-bottom: 0;
      }

      &::marker {
        color: var(--down);
      }
    }
  }
}