[class*="-color"]{--main-color:#fff}
[class*="radio_box_"]{--main-color:#fff}
[class*='color-01'],[class*='color-02'],[class*='color-03'],[class*='color-05']{--main-color:#000}
.r_deactive{--main-color: #000}
[class*="-color"] label{position: relative;transition: 0.3s;background-repeat: no-repeat;background-size:cover;color: var(--main-color);cursor: pointer;user-select: none;min-height:100px}
[id^=rp_pix_radio_] {flex-basis: 100%; flex-grow:1}
/* lamel colors */
.profile-color-01{background-image:url('/image/farbe/01-silver.png')}
.profile-color-02{background-image:url('/image/farbe/02-white.png')}
.profile-color-03{background-image:url('/image/farbe/03-grey.png')}
.profile-color-05{background-image:url('/image/farbe/05-beige.png')}
.profile-color-08{background-image:url('/image/farbe/08-dark-brown.png')}
.profile-color-09{background-image:url('/image/farbe/09-light-brown.png')}
.profile-color-23{background-image:url('/image/farbe/23-anthracite-gray.png')}
.profile-color-06{background-image:url('/image/farbe/06-dark-wood.png')}
.profile-color-52{background-image:url('/image/farbe/52-winchester.png')}
/* box colors */
.box-color-01{background-image:url('/image/bgral9006.png')!important}
.box-color-02{background-image:linear-gradient(-45deg, #fefefe, #eee)!important}
.box-color-03{background-color:#b5b5b5}
.box-color-05{background-color:#e1d3bf}
.box-color-08{background-color:#2e251c}
.box-color-09{background-color:#443629}
.box-color-23{background-color:#383e42}
label img{transition: 0.3s}
/* check svg */
.ccheck{position:absolute;top:8px;left:14px;width:12px;height:12px;border-radius:50%;border:1px solid #ccc;transition:all 0.2s linear}
svg.acheck{position:absolute;top:3px;left:13px;z-index:1;fill:none;stroke-width:1.5;transform:translate3d(0, 0, 0);transition:all 0.2s ease}
svg.acheck polyline{stroke-dasharray:22;stroke-dashoffset:66}

/* CHECKED */
input:checked + label[class*="-color"] {box-shadow: inset 0 0 0 5px var(--color-line)}
input:checked + label .ccheck{border:1px solid var(--main-color);transition:all 0.2s linear}
input:checked + label svg.acheck{stroke:var(--main-color)}
input:checked + label svg.acheck polyline{stroke-dashoffset:42;transition:all 0.2s linear;transition-delay:0.15s}

/* PREVIEW IMAGE */
.preview-item {background:var(--btn-img-gradient);text-shadow: 0 0 2px rgb(0 0 0 / 25%);color: white}
.preview-item .ccheck{border-color: #fff}
.preview-item .acheck polyline{stroke-dashoffset:42;stroke:#fff}
.mp_cfg_box .mp_text_ov b{white-space: normal}