@import (reference) "./../styles/less/ring.less";

// This css is a quick workaround on the height of the upload container collapsing if UploadImageStep is
// not rendered.
.tw-droppable-lg {
  min-height: 346px;

  .thumbnail {
    max-height: 72px;
  }
}

.tw-droppable-md {
  min-height: 315px;

  .thumbnail {
    max-height: 72px;
  }
}

.tw-droppable-sm {
  min-height: 245px;
}

.tw-droppable-lg, .tw-droppable-md, .tw-droppable-sm {
  .btn:focus-visible {
    .ring();
  }
}

.upload-error-message {
  margin-top: var(--padding-medium);
  border-top: 1px solid var(--color-border-neutral);
  text-align: start;
  .alert {
    min-width: 100px;
  }
}

.np-theme-personal {
  .droppable-dropping .droppable-complete-card  {
    display: none;
  }
}