/* Start:/local/components/cbit/colorsku/templates/.default/style.css?17806110091957*/
#popup-window-content-call_feedback > p {
    margin: auto;
    padding-top: 10px;
    font-weight: bolder;
    max-width: 250px;
}


label.colorImages > input {
    visibility: hidden;
    position: absolute;
}

label.colorImages > input + img { /* IMAGE STYLES */
    cursor: pointer;
    border: 2px solid transparent;
}

label.colorImages > input:checked + img {
    border: 2px solid #f00;
}

ul.imagesUL {
    list-style-type: none;
    margin: 0 !important;
}

ul.imagesUL li {
    list-style-type: none;
    display: inline;
    padding-left: 0px !important;
}

ul.imagesUL li:before {
    display: none !important;
}


.coloration{
    font-size: 13px;
    line-height: 1.4;
    margin: 20px 0 20px 0;
}
.coloration__flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}
.coloration__list{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
ul.coloration__list-inner{
    width: 135px;
    margin: 0 auto !important;
}
.coloration__res{
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    padding-bottom: 7px;
    text-align: left;
}
.coloration__preview{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 135px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
.coloration__title{
    line-height: 1.5;
}
.coloration__img{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 40px;
}
.coloration__dummy{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 1.1;
    height: 100%;
    text-align: center;
    background-color: #f3f3f5;
    padding: 5px 10px;
}
/* End */


/* Start:/local/components/cbit/extraoption/templates/.default/style.min.css?17806110093654*/
@supports (-webkit-appearance:none) or (-moz-appearance:none){input[type=checkbox],input[type=radio]{--active:#1cd0c5;--active-inner:#fff;--focus:2px rgba(28, 208, 197, 0.27);--border:#1cd0c5;--border-hover:#1cd0c5;--background:#fff;--disabled:#f6f8ff;--disabled-inner:#e1e6f9;-webkit-appearance:none;-moz-appearance:none;height:21px;outline:0;display:inline-block;vertical-align:top;position:relative;margin:0;cursor:pointer;border:1px solid var(--bc, var(--border));background:var(--b, var(--background));-webkit-transition:background .3s,border-color .3s,-webkit-box-shadow .2s;-o-transition:background .3s,border-color .3s,box-shadow .2s;transition:background .3s,border-color .3s,box-shadow .2s;transition:background .3s,border-color .3s,box-shadow .2s,-webkit-box-shadow .2s}input[type=checkbox]:after,input[type=radio]:after{content:"";display:block;left:0;top:0;position:absolute;-webkit-transition:opacity var(--d-o, 0.2s),-webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);transition:opacity var(--d-o, 0.2s),-webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);-o-transition:transform var(--d-t, 0.3s) var(--d-t-e, ease),opacity var(--d-o, 0.2s);transition:transform var(--d-t, 0.3s) var(--d-t-e, ease),opacity var(--d-o, 0.2s);transition:transform var(--d-t, 0.3s) var(--d-t-e, ease),opacity var(--d-o, 0.2s),-webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease)}input[type=checkbox]:checked,input[type=radio]:checked{--b:var(--active);--bc:var(--active);--d-o:0.3s;--d-t:0.6s;--d-t-e:cubic-bezier(0.2, 0.85, 0.32, 1.2)}input[type=checkbox]:disabled,input[type=radio]:disabled{--b:var(--disabled);cursor:not-allowed;opacity:.9}input[type=checkbox]:disabled:checked,input[type=radio]:disabled:checked{--b:var(--disabled-inner);--bc:var(--border)}input[type=checkbox]:disabled+label,input[type=radio]:disabled+label{cursor:not-allowed}input[type=checkbox]:hover:not(:checked):not(:disabled),input[type=radio]:hover:not(:checked):not(:disabled){--bc:var(--border-hover)}input[type=checkbox]:focus,input[type=radio]:focus{-webkit-box-shadow:0 0 0 var(--focus);box-shadow:0 0 0 var(--focus);outline:0 auto transparent!important}input[type=checkbox]:not(.switch),input[type=radio]:not(.switch){width:21px}input[type=checkbox]:not(.switch):after,input[type=radio]:not(.switch):after{opacity:var(--o, 0)}input[type=checkbox]:not(.switch):checked,input[type=radio]:not(.switch):checked{--o:1}input[type=checkbox]+label,input[type=radio]+label{font-size:14px;line-height:21px;display:inline-block;vertical-align:text-top;cursor:pointer;margin-left:4px;margin-bottom:0}input[type=checkbox]:not(.switch){border-radius:7px}input[type=checkbox]:not(.switch):after{width:5px;height:9px;border:2px solid var(--active-inner);border-top:0;border-left:0;left:7px;top:4px;-webkit-transform:rotate(var(--r, 20deg));-ms-transform:rotate(var(--r, 20deg));transform:rotate(var(--r, 20deg))}input[type=checkbox]:not(.switch):checked{--r:43deg}input[type=checkbox].switch{width:38px;border-radius:11px}input[type=checkbox].switch:after{left:2px;top:2px;border-radius:50%;width:15px;height:15px;background:var(--ab, var(--border));-webkit-transform:translateX(var(--x, 0));-ms-transform:translateX(var(--x, 0));transform:translateX(var(--x, 0))}input[type=checkbox].switch:checked{--ab:var(--active-inner);--x:17px}input[type=checkbox].switch:disabled:not(:checked):after{opacity:.6}input[type=radio]{border-radius:50%}input[type=radio]:after{width:19px;height:19px;border-radius:50%;background:var(--active-inner);opacity:0;-webkit-transform:scale(var(--s, 0.7));-ms-transform:scale(var(--s, 0.7));transform:scale(var(--s, 0.7))}input[type=radio]:checked{--s:0.5}}
/* End */
/* /local/components/cbit/colorsku/templates/.default/style.css?17806110091957 */
/* /local/components/cbit/extraoption/templates/.default/style.min.css?17806110093654 */