/**
*  Module: Combinations to images for Prestashop
*
*  Copyright: Copyright (c) 2010-2022 Vadim Jacobi
*  License: commercial
*  Version: 1.2.1
*  Date: 2022-09-20
*  Review: 2022-09-20
*  URL: https://www.ajax-zoom.com
*
*  @author    AJAX-ZOOM <support@ajax-zoom.com>
*  @copyright 2010-2022 AJAX-ZOOM, Vadim Jacobi
* @license commercial
*/

.combtoimages-img,
.custom-checkbox input[type=checkbox] + span.color.combtoimages-img,
.variant-links .color.combtoimages-img,
label .color.combtoimages-img {
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    /*border-width: 0;*/
}

.combtoimages-radio {
    width: 50px;
    height: 50px;
}

@keyframes combtoimages_loading_anm {
    to {transform: rotate(360deg);}
}

div.combtoimages-loading {
    box-sizing: border-box!important;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(255,255,255,0.5);
    left: 0;
    top: 0;
    pointer-events: none;
}

div.combtoimages-loading:before {
    content: '';
    box-sizing: border-box!important;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 2px solid rgba(241, 241, 241, 0.8);
    border-top-color: rgb(35, 35, 35);
    animation: combtoimages_loading_anm .6s linear infinite;
}

#attributes .attribute_list #color_to_pick_list li.combtoimages-li {
    position: relative;
    width: 60px;
    height: 60px;
}

.combtoimages-img-ps16 {
    position: relative!important;
    background-size: contain!important;
    background-repeat:no-repeat;
    opacity: 1!important;
}

.combtoimages-img-listing-ps16 {
    position: relative!important;
    background-size: contain!important;
    background-repeat:no-repeat;
    opacity: 1!important;
}

.combtoimages-hoverReady {
    position: relative;
    transform: scale(1);
    transition: transform 0.25s ease;
}

.combtoimages-hover {
    transform: scale(1.5);
    z-index: 3;
}

.combtoimages-hover .combtoimages-img {
    border-width: 0!important;
}