.drop-zone {
  background-color: var(--dark-vanilla);
  width: 100%;
  min-height: 3rem;
  margin: 0 0 1rem 0;
  border: 0.3rem dashed var(--darken-10-dark-vanilla);
  border-radius: var(--small);
  opacity: 0.25;
  color: var(--darken-30-dark-vanilla);
  text-align: center;
  &::after {
    content: "Drop ingredients";
  }
}

.drag-drop_over {
  opacity: 0.5;
}