.BulkUpload-file {
  @apply text-gray-500 after:btu-icon after:btu-icon-file-badge;
}

.BulkUpload-fileName {
  @apply text-sm text-gray-500;
}

.BulkUpload-filePreview {
  @apply w-[150px] overflow-hidden text-ellipsis px-2 py-0 text-center;
}

.BulkUpload-header {
  @apply visible;
}

.BulkUpload-loader {
  @apply !col-[fullbleed-start_/_fullbleed-end] hidden p-4;
}

.BulkUpload-form {
  @apply grid-rows-[1fr_auto];

  /* grid while uploading */
  &:has(> .Message.is-warning) {
    @apply grid-rows-[auto_1fr_auto];
  }

  /* grid after upload complete */
  &:has(> .Message.is-success) {
    @apply grid-rows-[auto_auto_1fr_auto];
  }

  .loaded & {
    @apply blokk;
  }

  .loading & {
    @apply hidden;
  }

  .CIG-large > .Message {
    @apply rounded-lg border;
  }
}

.BulkUpload-loader {
  .loading & {
    @apply visible flex items-center gap-2 before:btu-loader before:size-[--loader-size];
  }
}
