.FileMulti {
  width: 100%;
  display: block;
  border: var(--sizeInputBorder) solid var(--colorInputBorder);
  background: var(--colorInputBackground);
  border-radius: var(--sizeInputBorderRadius);
  padding: var(--sizeInputPadding);
  font-size: var(--sizeInputFont);
  transition: var(--animationBase);
  outline: none;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.FileMulti-btn {
  font-size: .9em;
  background: var(--colorSecondaryBg);
  padding: .2em 0.6em;
  border-radius: 4px;
  margin-left: -.35em;
  margin-right: .4em;
  transition: var(--animationBase);
  cursor: pointer;
}

.FileMulti-btn:hover, .FileMulti-btn:focus {
  background: var(--colorBrand);
  color: hsl(0, 0%, calc((var(--colorBrand-l) - 60) * -100%));
}

.FileMulti.is-invalid {
  border-color: var(--colorErrorsDefault);
  background-color: var(--colorInputBackgroundInvalid);
}

.FileMulti:focus {
  border-color: var(--colorInputBorderFocus);
  background-color: var(--colorInputBackgroundFocus);
}

.FileMulti .FileList {
  padding-bottom: .5em;
}

.FileMulti .FileList-icon {
  cursor: pointer;
  padding: 3px;
  width: 20px;
  height: 20px;
  position: absolute;
  right: .55em;
}

.AppForm-bubble.FileMulti-bubble {
  bottom: var(--sizeInputPaddingVertical);
  top: unset;
  transform: unset;
}

/*# sourceMappingURL=file.min.css.map */