.uif-radio
  font-size 12px
  line-height 20px
  min-height 20px
  display inline-block
  position relative
  padding-left 20px
  cursor pointer
  &-icon
    position absolute
    left 0
    top 1px

.uif-radio-icon .border
  fill #DBDDE2
.uif-radio-icon .bg
  fill #FFF

.uif-radio-icon-value .border
.uif-radio-icon-value .tick
  fill $primary-color
.uif-radio-icon-value .bg
  fill #FFF

.uif-radio:not(.disabled):hover
  color $primary-color
  .uif-radio-icon .border
    fill $primary-color

.uif-radio.disabled
  cursor not-allowed
.uif-radio-icon-disabled .border
.uif-radio-icon-disabled .tick
  fill #CACCD4
.uif-radio-icon-disabled .bg
  fill #E5E6EB