@mixin dragging-shadow {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

@mixin dragging-animate {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.fat-drag-placeholder {
  opacity: 0;
}
.fat-drag-preview,
.fat-drag-dragging {
  @include dragging-shadow();
}

.fat-drop-list {
  &__dragging .fat-drag-item {
    @include dragging-animate();
  }
}

.fat-drag-animating {
  @include dragging-animate();
}