.drop-box {
  .drop-content-helper {
    display: none;
  }
  &.dragover {
    .drop-content-helper {
      display: block;
      content: "";
      position: absolute;
      background-color: rgba(0,0,0,.7);
      width: 100%;
      height: 120%; 
      z-index: 110;
      top: 0;
      left: 0;
      animation-name: ChatFadeIn;
      animation-duration: .5s;
      animation-fill-mode: initial;

      .drop-content-wrapper {
        width: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        z-index: 120;
      }

      .drop-content-icon {   
        width: 110px;
        height: 110px;
        margin: .5rem auto;
        display: block;
        background-image: url(https://chat.ingaia.com.br/assets/img/icon-file.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
      }

      .drop-content-label {
        color: #fff;
        font-size: 1rem;
        text-align: center;
      }
    }
  }
}