.radio{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  overflow: hidden;
  border: 1px solid #A4A4A4;
  border-radius: 100%;
  transition: all .3s;
}
.lightRadio{
  border: 1px solid white;
  box-shadow: -1px 1px 4px 1px rgba(0,0,0, .04);
}
.inner{
  opacity: 1;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: var(--color-bg-primary);
}
.innerDisabled{
  opacity: .5;
  background-color: #EDEDED;
}
.radio.checked{
  border: 1px solid var(--color-primary);
  background-color: var(--color-primary);
  .inner{
    opacity: 1;
  }
}

.innerCheckbox{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}
.checkboxIconChecked{
  width: 10px;
  height: 7px;
}
.checkboxIcon{
  display: none;
}
.innerDisabledCheckBox{
 .innerCheckbox();
}
