.container {
  display: flex;
  flex-direction: column;
}

.container ul {
  margin: 0;
  margin-top: var(--gap-double);
}

.dropzone {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  border-width: 2px;
  border-radius: 2px;
  border-style: dashed;
  outline: none;
  transition: border 0.24s ease-in-out;
}

.error {
  color: red;
  font-size: 0.8rem;
  transition: border 0.24s ease-in-out;
  border: 2px solid red;
  border-radius: 2px;
  padding: 20px;
}

.error > li:before {
  content: "";
}

.error ul {
  margin: 0;
  padding-left: var(--gap-double);
}