.rnImagePickerContainer{
display: flex;
flex-wrap: wrap;
}
.rnImagePickerContainer .rnImagePickerItem{
margin:5px;
cursor:pointer;
text-align: center;
}
.rnImagePickerContainer .rnSelected span{
font-weight: 600;
}
.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;
}
.rnColorSwatcherItem {
margin:5px;
text-align: center;
cursor: pointer;
}
.rnColorSwatcherItem{
transition: opacity 200ms ease-in-out;
}
.rnColorSwatcherItem .RNPreset{
border:2px solid transparent;
transition: all 200ms ease-in-out;
padding: 5px;
}
.rnColorSwatcherContainer{
margin-bottom: -5px;
}
.rnColorSwatcherItem .RNPreset:hover{
border-color: #66afe9;
box-shadow: 0 0 20px 1px #66afe9;
}
.rnColorSwatcherItem label{
font-weight: bold;
}
.rnColorSwatcherItem.rnSelected .RNPreset{
border:2px solid red !important;
}
.rnColorSwatcherItem.rnDisabled{
pointer-events: none;
opacity: .5;
}
.RNPreset{
max-width: 36px;
margin: auto;
}