// Radio Group: Common
// --------------------------------------------------

:host {
  display: block;
}

// Radio Group: Top
// --------------------------------------------------

/**
 * Error text should only be shown when .ion-invalid is present
 * on the radio group. Otherwise the helper text should be shown.
 */
.radio-group-top .error-text {
  display: none;
}

.radio-group-top .helper-text {
  display: block;
}

:host(.ion-touched.ion-invalid) .radio-group-top .error-text {
  display: block;
}

:host(.ion-touched.ion-invalid) .radio-group-top .helper-text {
  display: none;
}