@layer components {
  .errors {
    background-color: var(--red-0);
    border-radius: var(--radius-1);
    border: solid 1px var(--red-8);
    color: var(--red-8);
    padding: var(--size-2);
    margin-bottom: var(--size-4);
    text-align: justify;
    line-height: var(--font-lineheight-1);

    a {
      color: var(--red-8);
      text-decoration: underline;
    }

    & ul {
      margin-left: var(--size-4);
      margin-top: var(--size-1);
    }

    & li {
      line-height: var(--font-lineheight-1);
      list-style-type: disc;
    }
  }
}