.FileDropper,
.FileDropperBS {
  position: relative;
}

.FileDropper>a,
.FileDropperBS>a {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
}

.FileDropper>a img,
.FileDropperBS>a img {
  filter: opacity(50%);
}

.FileDropper .action-container:hover,
.FileDropperBS .action-container:hover {
  opacity: 1;
}

.FileDropper .action-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: .3;
}

.FileDropperBS .action-container {
  opacity: .6;
}

.FileDropper .drop-container {
  height: 100%;
}

.FileDropper .drop-target {
  display: block;
  padding: 8px;
  text-align: center;
  cursor: pointer;
  position: relative;
  height: 100%;
}

.FileDropper .drop-target-info {
  top: 50%;
  transform: translateY(-50%);
  position: relative;
}

.FileDropperBS .drop-target-info .svg-wrapper {
  padding: 0.375rem 0.75rem;
  border-right: 1px solid var(--bs-border-color);
  background-color: var(--bs-tertiary-bg);
}

.FileDropper .drop-target-info .filedropper-icon {
  display: inline-flex;
  width: 100%;
  background-repeat: no-repeat;
  background-position-x: center;
  height: 18px;
  vertical-align: -2px;
}

.FileDropper .drop-target-info .checkicon {
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: var(--success, var(--bs-success, green));
}

.FileDropperBS .drop-target-info .checkicon {
  color: var(--success, var(--bs-success, green));
}

.FileDropper .description {
  color: #B1B1B1;
  display: block;
  padding-left: .8rem;
  pointer-events: none;
}

.FileDropperBS .description {
  color: #B1B1B1;
  display: block;
  padding-left: .5rem;
  padding-right: 1.5rem;
  pointer-events: none;
}

.FileDropper .action-delete>*,
.FileDropperBS .action-delete>* {
  /* width: 100%; */
  /* position: absolute; */
  /* left: 0; */
  font-size: 50px;
  /* top: 50%; */
  /* transform: translateY(-50%); */
}

.FileDropper button,
.FileDropperBS button {
  position: absolute;
  bottom: 0;
  width: 100%;
  border: unset;
}

.FileDropper input[type=file],
.FileDropperBS input[type=file] {
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0;
  pointer-events: none;
}

.FileDropper .is-dragover,
.FileDropperBS .is-dragover {
  background-color: #dddddd;
}

.FileDropper button:hover,
.FileDropperBS button:hover {
  color: darkred;
}

.opacity-0 {
  transition: opacity 5s;
  opacity: 0;
}