@import 'modules/app/viewports';

.upload-files-mask {
  position: absolute;
  inset: 0;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  margin-bottom: 4px;

  border-radius: 28px;
}

.wrapper-upload-files :hover {
  cursor: pointer;
  background-color: var(--theme-hack-bg2-color, #f4f5f7);
}

.wrapper-upload-files {
  position: relative;
  width: 100%;
  height: 100%;
}

.upload-files-label {
  max-width: 50%;
  text-align: center;
}

.upload-table {
  margin-bottom: 5px;
}

.upload-name-style td {
  @include viewport-mobile {
    overflow: hidden;
    max-width: 250px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}