.colorPicker-container{
    display: flex;
    flex-wrap: wrap;
    max-width:100%;
}
.colorPicker-container .colorPicker-color-container{
    transform: scale(1);
    transition: transform 100ms ease;
}

.colorPicker-container .colorPicker-color-container .colorPicker-color{
    background-color: transparent;
    height: 100%;
    width: 100%;
    cursor: pointer;
    position: relative;
    outline: none;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;    
    transition: box-shadow 100ms ease;
    background-position: initial initial;
    background-repeat: initial initial;
    border:1px solid #666666;
}
.colorPicker-container .colorPicker-color-container:hover:not(.disabled){
    transform: scale(1.2);
}
.colorPicker-container .colorPicker-color-container.disabled{
    opacity:0.5;
    display:none;
}
.colorPicker-color-container.disabled .colorPicker-color{
    cursor:not-allowed;
}
.colorPicker-color-container .colorPicker-color.disabled{
    cursor:not-allowed!important;
    opacity:0.5!important;
}
.colorPicker-color-container .colorPicker-color.active{
    box-shadow: white 0px 0px 1px 1px inset,rgb(227,78,8) 0px 0px 2px 2px;
}