@use 'apps/dashboard/src/variables' as *;

.drop-zone {
  align-items: center;
  border: 1px dashed $color-neutral-regular;
  color: $color-neutral-regular;
  cursor: pointer;
  display: flex;
  height: rhythm(16);
  justify-content: center;
  margin-bottom: rhythm(2);
  transition: background-color $transition-hint;

  &.file-over {
    background-color: $color-neutral-lightest;
  }
}
