@import "./mixin";
.ws-state-file-drag-upload {
  &.dropping {
    .file-drag-area {
      border: solid 1px var(--v-primary-base);
    }
  }
  &.ready {
    .file-drag-area {
      background-color: var(--v-white-base);
    }
  }
  input[type="file"] {
    display: none;
  }
  .ws-state-file-drag-upload__text {
    @include auto_margin_top(11px);
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    color: var(--v-link-base);
  }
  .file-drag-area {
    border: dashed 1px var(--v-primary-base);
    background-color: var(--v-info-base);
    @include auto_margin_top(40px);
    @include flex_center;
    cursor: pointer;
    flex-direction: column;
    border-radius: 8px;
    min-height: 216px;
  }
}