/* Start custom CSS for shortcode, class: .elementor-element-218ccd4 */.elementor-14727 .elementor-element.elementor-element-218ccd4 .swatch-container {
    display:flex;
}
.elementor-14727 .elementor-element.elementor-element-218ccd4 .swatch-container-left {
    width:30%;
}
.elementor-14727 .elementor-element.elementor-element-218ccd4 .swatch-container-right {
    width:70%;
            padding-left:50px;
}
.elementor-14727 .elementor-element.elementor-element-218ccd4 .thumbnails {
    display:grid;
grid-template-columns: repeat(5, 1fr);
/*grid-template-rows: repeat(5, 1fr);*/
grid-column-gap: 6px;
grid-row-gap: 6px;
margin-bottom:20px;
}
.elementor-14727 .elementor-element.elementor-element-218ccd4 .thumbnails .swatch-thumbnail {
    max-width:100px;
    width:100%;
    aspect-ratio: 1;
}

.elementor-14727 .elementor-element.elementor-element-218ccd4 .thumbnails img.active {
    box-shadow:0px 1px 0px rgba(255,255,255,1), 0px 4px 0px rgba(0,0,0,1);
}

@media (max-width:767px) {
    .elementor-14727 .elementor-element.elementor-element-218ccd4 .swatch-container {
        display:flex;
        flex-direction: column;
    }
    .elementor-14727 .elementor-element.elementor-element-218ccd4 .swatch-container-left {
        width:100%;
        order:1;
    }
    .elementor-14727 .elementor-element.elementor-element-218ccd4 .swatch-container-right {
        width:100%;
        order:0;
        padding-left:0;

    }
    .elementor-14727 .elementor-element.elementor-element-218ccd4 .thumbnails {
    display:grid;
    grid-template-columns: repeat(7, 1fr);
        
    }
    .elementor-14727 .elementor-element.elementor-element-218ccd4 .swatch-title {
        font-size:25px;
    }
}/* End custom CSS */