#box {
    display:table;
    padding:30px;
    background-color:rgb(68, 68, 68);
}

#outer {
    padding:5px;
}

#wrap {
    display:flex;
    position: relative;
    overflow:hidden;
    padding:2px;
}

#source {
    width:640px;
    height:auto;
    -webkit-user-drag: none;
    user-select: none;
}

#info {
    background:rgb(39, 32, 32);
    margin-top:4px;
    color:rgb(226, 226, 226);
    font-family: Consolas;
    display:flex;
    align-items: center;
    padding:10px;
}

/* RegionCropper */

.cropper-region {
    box-shadow: 0 0 0 99999px rgba(0, 0, 0, 0.9);
    outline:2px dashed rgba(255, 255, 255, 0.2);
}

.cropper-action {
    box-shadow: 0 0 0 99999px rgba(0, 0, 0, 0.6)!important;
    outline:2px dashed #0bf!important;
 }