.custcheck.mileage { border: 2px solid rgb(31, 119, 180); }
.custcheck.mileage::after { left: 5px; top: 2px; width: 6px; height: 9px; border: solid rgb(31, 119, 180); border-width: 0 3px 3px 0; }
.custcheck.mileage:checked { box-shadow: inset 0 0 8px rgb(31, 119, 180, .4); }

.custcheck.tankcap { border: 2px solid rgb(217, 66, 66); }
.custcheck.tankcap::after { left: 5px; top: 2px; width: 6px; height: 9px;  border: solid rgb(222, 66, 66); border-width: 0 3px 3px 0; }
.custcheck.tankcap:checked { box-shadow: inset 0 0 8px rgb(222, 66, 66, .4); }

.custcheck.range { border: 2px solid rgb(135, 206, 250); }
.custcheck.range::after { left: 5px; top: 2px; width: 6px; height: 9px;  border: solid rgb(135, 206, 250); border-width: 0 3px 3px 0; }
.custcheck.range:checked { box-shadow: inset 0 0 8px rgb(135, 206, 250, .4); }

.custcheck.disp { border: 2px solid rgb(255, 191, 0); }
.custcheck.disp::after { left: 5px; top: 2px; width: 6px; height: 9px;  border: solid rgb(255, 191, 0); border-width: 0 3px 3px 0; }
.custcheck.disp:checked { box-shadow: inset 0 0 8px rgb(255, 191, 0, .4); }

.custcheck.topspeed { border: 2px solid rgb(60, 216, 60); }
.custcheck.topspeed::after { left: 5px; top: 2px; width: 6px; height: 9px;  border: solid rgb(60, 216, 60); border-width: 0 3px 3px 0; }
.custcheck.topspeed:checked { box-shadow: inset 0 0 8px rgb(60, 216, 60, .4); }

.custcheck.price { border: 2px solid rgb(156, 104, 58); }
.custcheck.price::after { left: 5px; top: 2px; width: 6px; height: 9px;  border: solid rgb(156, 104, 58); border-width: 0 3px 3px 0; }
.custcheck.price:checked { box-shadow: inset 0 0 8px rgb(156, 104, 58, .4); }

.custcheck.weight { border: 2px solid rgb(202, 88, 157); }
.custcheck.weight::after { left: 5px; top: 2px; width: 6px; height: 9px;  border: solid rgb(202, 88, 157); border-width: 0 3px 3px 0; }
.custcheck.weight:checked { box-shadow: inset 0 0 8px rgb(202, 88, 157, .4); }

.custcheck.storecap { border: 2px solid rgb(149, 97, 204); }
.custcheck.storecap::after { left: 5px; top: 2px; width: 6px; height: 9px;  border: solid rgb(149, 97, 204); border-width: 0 3px 3px 0; }
.custcheck.storecap:checked { box-shadow: inset 0 0 8px rgb(149, 97, 204, .4); }

.custcheck.torque { border: 2px solid rgb(63, 129, 75); }
.custcheck.torque::after { left: 5px; top: 2px; width: 6px; height: 9px;  border: solid rgb(63, 129, 75); border-width: 0 3px 3px 0; }
.custcheck.torque:checked { box-shadow: inset 0 0 8px rgb(63, 129, 75, .4); }

.custcheck.pow { border: 2px solid rgb(255, 196, 112); }
.custcheck.pow::after { left: 5px; top: 2px; width: 6px; height: 9px;  border: solid rgb(255, 196, 112); border-width: 0 3px 3px 0; }
.custcheck.pow:checked { box-shadow: inset 0 0 8px rgb(255, 196, 112, .4); }

.custcheck.chargetime { border: 2px solid rgb(179, 165, 85); }
.custcheck.chargetime::after { left: 5px; top: 2px; width: 6px; height: 9px;  border: solid rgb(179, 165, 85); border-width: 0 3px 3px 0; }
.custcheck.chargetime:checked { box-shadow: inset 0 0 8px rgb(179, 165, 85, .4); }

.custcheck.battcap { border: 2px solid rgb(250, 177, 163); }
.custcheck.battcap::after { left: 5px; top: 2px; width: 6px; height: 9px;  border: solid rgb(250, 117, 163); border-width: 0 3px 3px 0; }
.custcheck.battcap:checked { box-shadow: inset 0 0 8px rgb(250, 177, 163, .4); }

.custcheck.turnrad { border: 2px solid rgb(75, 114, 110); }
.custcheck.turnrad::after { left: 5px; top: 2px; width: 6px; height: 9px;  border: solid rgb(75, 114, 110); border-width: 0 3px 3px 0; }
.custcheck.turnrad:checked { box-shadow: inset 0 0 8px rgb(75, 114, 110, .4); }

.custcheck.safety {
    border: 2px solid transparent;
    background-image: linear-gradient(white, white), linear-gradient(to right, green, goldenrod, red);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.custcheck.safety::after { left: 5px; top: 2px; width: 6px; height: 9px;  border: solid rgb(0, 128, 0); border-width: 0 3px 3px 0; }
.custcheck.safety:checked { box-shadow: inset 0 0 8px rgb(0, 128, 0, .4); }