ion-checkbox {
    margin-left: 15px;
    --size: 20px;
    --checkbox-background-checked: #1455ce;
}

ion-checkbox::part(container) {
    border-radius: 6px;
    border: 2px solid #1455ce;
}




ion-radio::part(container) {
    width: 20px;
    height: 20px;
    margin-left: 15px;
    border-radius: 6px;
    border: 2px solid #ddd;
    --checkbox-background-checked: #1455ce;
}

ion-radio::part(mark) {
    background: none;
    transition: none;
    transform: none;
    border-radius: 0;
}

ion-radio.radio-checked::part(container) {
    background: #1455ce;
    border-color: transparent;
}

ion-radio.radio-checked::part(mark) {
    width: 6px;
    height: 10px;

    border-width: 0px 2px 2px 0px;
    border-style: solid;
    border-color: #fff;

    transform: rotate(45deg);
}