@use '@angular/material' as mat;
@use 'sass:map';
// Material radio mixin
@mixin mat-radio-override($theme) {
  $primary: map.get($theme, primary);
  $is-dark: map.get($theme, is-dark);

  $borderColor: black;
  @if $is-dark {
    $borderColor: white;
  }

  .mat-mdc-radio-button {
    .mdc-form-field {
      letter-spacing: normal;
    }
    .mdc-radio__background::before {
      transform: none;
      transition: none;
    }
    .mdc-radio:hover .mdc-radio__native-control:not([disabled]):not(:focus) ~ .mdc-radio__background::before,
    .mdc-radio__native-control:focus + .mdc-radio__background::before {
      background-color: map.get($primary, 50);
      outline: $borderColor solid 2px;
      @if $is-dark {
        opacity: 0.25 !important;
      } @else {
        opacity: 1 !important;
      }
    }
  }
}
