@charset "utf-8";
@import "../../base/fn";

.ysui-radio {
  appearance: none;
  width: 20px;
  height: 20px;
  font-size: 0;
  position: relative;
  border: none;
  background: transparent;
  outline: 0;
  margin: 0;
  &:checked {
    &:before {
      content: ' ';
      width: 20px;
      height: 20px;
      display: inline-block;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAilBMVEUAAADzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0zzf0xb/ZE2AAAALXRSTlMA6vD8FPn129GMg25ADwoG4r+6q19YUUs6NC8rIxwZ1szIxLWWe3RmRQzzm46y9HeRAAAAxUlEQVQ4y+3UxxKCMBQFUIhKUbArHbFjuf//e74sWBhh5rpgx11mzmQmecUa0nsuKuAtYLP2DeBFWl/shrTTf+2Cs1exZ9LexK5JO9N2ztsVae9iTw/ObsUeQ9KOgOrbRmWH3Yn1xkYp3aLV7k0rUYBbttkJcDCsFTWHv8du2XqFZ+pa24J7SOAAS7EdugpNm3OfHz+15cqaKMDOiYZpbMa1V2pryzV5Jlal3Pik2ibkYI7ExvQYw4n5ZeLwK823a2tID/kASKEbNvHaGw4AAAAASUVORK5CYII=) no-repeat center;
      background-size: contain;
    }
  }
  &:disabled {
    opacity: .5;
  }
}