.c-snap-puzzle{
    @keyframes snap-puzzle-fade {
        0%   {
            opacity: 0.3;
        }
        100% {
            opacity: 1;
        }
    }
    .c-snap-puzzle__piece{
        &.c-snap-puzzle__piece--correct.ui-draggable-disabled{
            animation:snap-puzzle-fade 1s;
        }
        &.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;
        }
        &.ui-draggable-dragging{
            box-shadow:0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12), 0 3px 5px -1px rgba(0,0,0,.2);
        }
    }
    &.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__slot--correct.ui-droppable-hover:after{
            background-color: rgba(56, 142, 60,0.5)
        }
    }
}