.sca-widget{
    width:100%;
}

.sca-image{
    text-align:center;
    margin-bottom:30px;
}

.sca-main-image{

    display:block;
    margin:auto;
    max-width:100%;
    height:auto;

    user-select:none;
    -webkit-user-drag:none;
    pointer-events:none;

    transition:
        opacity .35s ease,
        transform .35s ease;

}

.sca-color-name{
    text-align:center;
    font-size:18px;
    font-weight:500;
    margin-bottom:24px;
}

.sca-label{
    margin-right:5px;
}

.sca-current-color{
    font-weight:400;
}

.sca-swatches{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    margin-bottom:20px;
}

.sca-swatch{
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    width:22px;
    height:22px;
    padding:2px;
    border:1px solid transparent;
    border-radius:50%;
    background:none;
    cursor:pointer;
    transition:all .25s ease;
    border: 1px solid #D4D4D4;
}

.sca-swatches-box{
    width: auto;
    border-radius: 40px;
    border: 1px solid #A0A0A0;
    background: #fff;
    padding: 6px 16px;
}

.sca-swatch:hover{

    transform:scale(1.1);

}

.sca-swatch.active{
    border-color:#D4D4D4;
    transform:scale(1.1);

}

.sca-circle{

    width:100%;
    height:100%;
    display:block;
    border-radius:50%;

}

.sca-swatch img{

    width:100%;
    height:100%;
    border-radius:50%;
    object-fit:cover;

}

.sca-disclaimer{

    margin-top:18px;
    text-align:center;
    font-size:12px;
    line-height:1.5;
    color:#777;

}