@import "variables.less";
@import "../common/RadioButton.less";
.mblRadioButton {
  border-style: solid;
  border-width: 1px;
  border-radius: 999px;
  background-image: none;
  background-color: transparent;
  -webkit-tap-highlight-color: none;
  .mblRadioButton-styles;
}
.mblRadioButtonChecked,
.mblRadioButton:checked {
  background-image: none;
  &::after {
    position: absolute;
    content: "";
    width: 0.65em;
    height: 0.65em;
    top: 0.17em;
    left: 0.17em;
    
    border-style: none;
    background-color: @holo-checkbox-tick-color;
    border-radius: 1em;

    .mblRadioButtonChecked-after-styles;
  }
  &.mblRadioButtonSelected {
    background-image: none;
    box-shadow: 0px 0px 1px 4px @holo-checkbox-checked-color inset;
    &::after {
      .mblRadioButtonChecked-Selected-after-styles;
      
    }
  } 
}