@import "../settings/variables";
@import "./dropzone";

.file-select {
  $root: &;
  display: flex;
  flex-direction: column;

  &__token-list {
    margin-top: spacing(md);
  }

  &__token {
    // increase specificity
    &#{&} {
      margin-bottom: spacing(sm);
      margin-right: spacing(sm);
    }
  }

  &__dropzone {
    $dropzone-root: &;

    &--hidden {
      align-self: flex-start;
      margin-bottom: spacing(xs);

      #{$dropzone-root},
      #{$dropzone-root}:hover {
        width: auto;
        min-height: auto;
        border: none;
        padding: 0;
        background: transparent;
        cursor: default;
      }
    }
  }
}