@import '/modules/color/tmpls/colors.html?format=css';

.scriptolia-color-picker-settings .background-transparent,
.scriptolia-color-picker-control .background-transparent,
.scriptolia-dropdown-options .scriptolia-dropdown-option .background-transparent,
.scriptolia-dropdown-ui .scriptolia-dropdown-current-option .background-transparent {
    background-image: url('/modules/color/img/checker-pattern.png');
    background-repeat: repeat;
    background-position: top left;
    width: 100%;
    height: 100%;
}

.scriptolia-color-picker-settings .background-default,
.scriptolia-color-picker-control .background-default,
.scriptolia-dropdown-options .scriptolia-dropdown-option .background-default,
.scriptolia-dropdown-ui .scriptolia-dropdown-current-option .background-default {
    background-image: url('/modules/color/img/color-default-no-borders.png');
    background-position: center center;
    background-repeat: repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}