.upload-box {
  border: 2px rgba(0, 0, 0, 0.3) dashed;
  border-radius: var(--border-radius-input, var(--border-radius));
  padding: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;

  transition: background-color ease-in 0.2s;
  --label-color: blue;
  --progress-bar-loaded: var(--kolor-sukces);
  --progress-bar-loading: rgba(0, 0, 0, 0.2);
}

.upload-box-dragover {
  background-color: rgba(0, 0, 0, 0.1);
}

.upload-box-label {
  color: var(--label-color);
}

.upload-box-label:hover {
  text-decoration: underline;
  cursor: pointer;
}

.upload-box-progress-bar-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
}

.upload-box-progress-bar-cancel {
  cursor: pointer;
  background: none;
  border: none;
}

.upload-box-progress-bar {
  border-radius: var(--border-radius-input, var(--border-radius));
  display: flex;
  min-width: 50px;
  max-width: 350px;
  width: 100%;
  box-sizing: border-box;
  padding: 0px 3px;
  margin: 3px 0px;
}