.hidden-input {
  background: rgba(90, 90, 90, 0);
  font: inherit;
  color: inherit;
  border-top: 2px solid rgba(16, 16, 16, 0);
  border-left: 2px solid rgba(32, 32, 32, 0);
  border-bottom: 2px solid rgba(200, 200, 200, 0);
  border-right: 2px solid rgba(150, 150, 150, 0);
  outline: none;
  border-radius: 4px;
  transition: ease 0.3s;

  &::-webkit-input-placeholder {
    color: inherit;
  }
  &:-moz-placeholder {
    color: inherit;
  }
  &::-moz-placeholder {
    color: inherit;
  }
  &:-ms-input-placeholder {
    color: inherit;
  }

  &:focus {
    background: rgba(90, 90, 90, 0.37);
    border-top: 2px solid rgba(16, 16, 16, 0.3);
    border-left: 2px solid rgba(32, 32, 32, 0.3);
    border-bottom: 2px solid rgba(200, 200, 200, 0.3);
    border-right: 2px solid rgba(150, 150, 150, 0.3);
    outline: none;
  }
}



.dragArea, .dropArea {
  touch-action: none;
}

.draggable {
  -ms-scroll-chaining: none;
}