sutter/helloFront

/** ======================================
* Atom : inputRadio
* ======================================= */

.a-input-radio {
  @include inputRadioCheckboxBase;

  [type="radio"] + label::before {
    border-radius: 50%;
  }

  [type="radio"]:checked + label::before {
    box-shadow: inset 0 0 0 $radioCheckboxSize/2 - 0.35rem $clr-1;
  }

  &:not(:first-child) {
    margin-top: 1rem;
  }
}

.a-input-radio--error {
  label::before {
    box-shadow: inset 0 0 0 1px $clr-error;
  }
}