.drop-preview{
  .preview {
    position:absolute;
    z-index: 500;
    top: 0;
    left: 0;
    width: 200px;
    height: 200px;
    margin-top: -20px;
    margin-left: -100px;
    background-color:#efefef;//$Calcite_gray_200;
    outline:2px solid #ffffff;
    // -webkit-transition-property: height, width;
    // -webkit-transition-duration: 0.3s, 0.3s;
    // -webkit-transition-timing-function: ease, ease;
    // // -moz-transition: height 0.3s ease;
    // // -ms-transition: height 0.3s ease;
    // // -o-transition: height 0.3s ease;
    // // transition: height 0.3s ease;
    .message {
      margin:10px;
      color:#828282; //$Calcite_Gray_500;
    }


    &.positioned {
      margin-top: 0;
      margin-left: 0;
      background-color:#6cb4e2;//$Calcite_Blue_150;
    }
  }
}