:host {
  .color-radio .radio-custom.radio-primary {
    label::before {
      border-color: #62a8ea;
    }
    label::after {
      border-color: #62a8ea;
    }
    input[type=radio]:checked + label::before {
      border-color: #62a8ea;
    }
  }
  .color-radio .radio-custom.radio-brown {
    label::before {
      border-color: #8d6658;
    }
    label::after {
      border-color: #8d6658;
    }
    input[type=radio]:checked + label::before {
      border-color: #8d6658;
    }
  }
  .color-radio .radio-custom.radio-cyan {
    label::before {
      border-color: #57c7d4;
    }
    label::after {
      border-color: #57c7d4;
    }
    input[type=radio]:checked + label::before {
      border-color: #57c7d4;
    }
  }

  .color-radio .radio-custom.radio-green {
    label::before {
      border-color: #46be8a;
    }
    label::after {
      border-color: #46be8a;
    }
    input[type=radio]:checked + label::before {
      border-color: #46be8a;
    }
  }

  .color-radio .radio-custom.radio-grey {
    label::before {
      border-color: #757575;
    }
    label::after {
      border-color: #757575;
    }
    input[type=radio]:checked + label::before {
      border-color: #757575;
    }
  }

  .color-radio .radio-custom.radio-indigo {
    label::before {
      border-color: #677ae4;
    }
    label::after {
      border-color: #677ae4;
    }
    input[type=radio]:checked + label::before {
      border-color: #677ae4;
    }
  }

  .color-radio .radio-custom.radio-orange {
    label::before {
      border-color: #f2a654;
    }
    label::after {
      border-color: #f2a654;
    }
    input[type=radio]:checked + label::before {
      border-color: #f2a654;
    }
  }

  .color-radio .radio-custom.radio-pink {
    label::before {
      border-color: #f96197;
    }
    label::after {
      border-color: #f96197;
    }
    input[type=radio]:checked + label::before {
      border-color: #f96197;
    }
  }

  .color-radio .radio-custom.radio-purple {
    label::before {
      border-color: #926dde;
    }
    label::after {
      border-color: #926dde;
    }
    input[type=radio]:checked + label::before {
      border-color: #926dde;
    }
  }

  .color-radio .radio-custom.radio-red {
    label::before {
      border-color: #f96868;
    }
    label::after {
      border-color: #f96868;
    }
    input[type=radio]:checked + label::before {
      border-color: #f96868;
    }
  }

  .color-radio .radio-custom.radio-teal {
    label::before {
      border-color: #3aa99e;
    }
    label::after {
      border-color: #3aa99e;
    }
    input[type=radio]:checked + label::before {
      border-color: #3aa99e;
    }
  }

  .color-radio .radio-custom.radio-yellow {
    label::before {
      border-color: #f7da64;
    }
    label::after {
      border-color: #f7da64;
    }
    input[type=radio]:checked + label::before {
      border-color: #f7da64;
    }
  }
}