@keyframes snap-puzzle-fade {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}

.c-snap-puzzle .c-snap-puzzle__piece.c-snap-puzzle__piece--correct.ui-draggable-disabled {
  animation: snap-puzzle-fade 1s;
}

.c-snap-puzzle .c-snap-puzzle__piece.c-snap-puzzle__piece--incorrect:not(.ui-draggable-dragging):after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid #C62828;
}

.c-snap-puzzle .c-snap-puzzle__piece.ui-draggable-dragging {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

.c-snap-puzzle.c-snap-puzzle--feedback-on-hover .c-snap-puzzle__slot--incorrect.ui-droppable-hover:after {
  background-color: rgba(198, 40, 40, 0.5);
}

.c-snap-puzzle.c-snap-puzzle--feedback-on-hover .c-snap-puzzle__slot--correct.ui-droppable-hover:after {
  background-color: rgba(56, 142, 60, 0.5);
}