:host {
  display: block;
}

:host,
.root {
  height: 100%;
  width: 100%;
  outline-style: var(--dragging-outline-style, dashed);
  outline-width: var(--dragging-outline-width, 2px);
  outline-color: transparent;
  outline-offset: var(--dragging-outline-offset, -10px);
  transition: all 0.3s;
  box-sizing: border-box;
  position: relative;
}

.root {
  background-color: var(--uploader-bg, #fff);
}
.input {
  height: 0px;
  width: 0px;
  overflow: hidden;
  max-width: 0px;
  max-height: 0px;
}
.label {
  cursor: pointer;
}
.isDragging {
  outline-style: var(--dragging-outline-style, dashed);
  outline-width: var(--dragging-outline-width, 2px);
  outline-color: var(--dragging-outline-color, var(--primary-color));
}
.content-wrapper {
  height: 100%;
  overflow-y: scroll;
  position: relative;
  width: 100%;
}
.labelText {
  display: block;
  padding: 0.25em 1.75em;
  background-color: var(--upload-button-bg, var(--primary-color));
  border-radius: var(--radius);
}