.grid-layout-box {
  & .react-grid-item {
    transition: none;

    &.cssTransforms {
      transition-property: transform;
    }
    & > .react-resizable-handle {
      position: absolute;
      right: 3px;
      bottom: 3px;
      width: 5px;
      height: 5px;
      border-right: 2px solid rgba(0, 0, 0, 0.4);
      border-bottom: 2px solid rgba(0, 0, 0, 0.4);
      z-index: 999;
    }
    &.react-draggable-dragging {
      transition: none;
    }
    &.react-grid-placeholder {
      background: #575757;
      border-radius: 4px;
    }
  }

  & .draggable-area {
    cursor: move;
  }
}
.jiggle {
  animation: jiggle 0.25s 2;
}

@keyframes jiggle {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(5px);
  }
  50% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(3px);
  }
  100% {
    transform: translateX(0);
  }
}
