@import '../../../../styles/global';

:host {
  display: block;
}

.box {
  font-size: 1.25rem;
  position: relative;
  text-align: center;
  .button{
    height: 36px;
    width: 117px;
    margin: 0 auto;
    margin-top: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.box__dragndrop,
.box__uploading,
.box__success,
.box__error {
  display: none;
}

.box.has-advanced-upload {
  border: 1px solid brand-secondary;
  border-radius: 11px;
  width: 80%;
  margin: 0 auto;
}
.box.has-advanced-upload .box__dragndrop {
  display: inline;
}

.box.is-dragover {
  background-color: grey;
}

.box.is-uploading .box__input {
  visibility: none;
}
.box.is-uploading .box__uploading {
  display: block;
}

.box__button {
  display: none;
}
.no-js .box__button {
  display: block;
}

.box__file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

// .files {
//   display none;
// }

.disabled {
  form {
    display none;
  }
  // .files {
  //   display block;
  // }
}