@import '~styles/config';

.uploadList {
  padding: $gutter * 2;

  &__loading {
    display: flex;
    flex-direction: column;

    & > div {
      margin-bottom: 20px;
    }
  }

  &__heading {
    @include reset-all;
    @include responsive-font(28, 38);

    margin-bottom: 40px;

    font-weight: 600;
  }

  &__files {
    margin-bottom: 40px;

    & > p {
      @include reset-all;
    }
  }

  &__label {
    @include form-label;

    margin-top: 10px;
    margin-bottom: 20px;

    pointer-events: auto;
    transform: translate(0, 0);
  }

  &__dropzone {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;

    padding: 20px;
    margin-bottom: 40px;

    border-width: 2px;
    border-color: #eeeeee;
    border-style: dashed;
    background-color: #fafafa;
    color: #bdbdbd;

    outline: none;
    transition: border 0.24s ease-in-out;
  }
}