.rnImagePickerContainer{
    display: flex;
    flex-wrap: wrap;
}

.rnImagePickerContainer .rnImagePickerItem{
    margin:5px;
    cursor:pointer;
    text-align: center;
}


.rnImagePickerContainer .rnSelected span{
    font-weight: 600;
}

.RNPreset{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    padding: 2px;
    border: 2px dashed #dfdfdf;
    transition: 200ms ease-in-out all;
}

.rnColorSwatcherItem.rnSelected .RNPreset,.rnColorSwatcherItem.rnSelected .RNPreset:hover{
    border-color: red;
    border-style: solid;

}

.rnColorSwatcherItem .RNPreset:hover{
    border-color: #66afe9;
    border-style: solid;
    box-shadow: 0 0 20px 1px #66afe9;
}

.RNPreset div{
    width: 100%;
    height: 100%;
    border-radius: 500%;
    padding: 10px;
}

.rnColorSwatcherContainer label{
    text-align: center;
    font-weight: bold;
    margin-top: 2px;
}

.rnColorSwatcherItem{
    margin-right: 10px;
    text-align: center;
    cursor: pointer;
    align-items: center;
    display: flex;
    flex-direction: column;
}

.rnImagePickerContainer .rnImagePickerImage{
    border:2px #dfdfdf solid;
    transition: border 200ms ease-in-out;
}


.rnImagePickerContainer .rnImagePickerImage:hover
{
    border-color: #afafaf;
}

.rnImagePickerContainer .rnSelected .rnImagePickerImage,.rnImagePickerContainer .rnSelected .rnImagePickerImage:hover{
    border-color:red;
}