/* src/component/src/component/index.module.css */
@layer ddsweb-molecules {
  @layer ddsweb-radio-button {
    .fa7787_L8Eusa_container {
      --visible-border-color: var(--ddsweb-theme-colors-text-base);
      --visible-box-shadow-color: var(--ddsweb-theme-colors-active);
      --visible-background-color: var(--ddsweb-theme-colors-background-base);
      width: var(--radio-container-width, var(--ddsweb-theme-forms-field-diameter));
      height: var(--radio-container-height, var(--ddsweb-theme-forms-field-diameter));
      border-radius: 50%;
      display: inline-block;
    }
    .fa7787_L8Eusa_visible {
      -webkit-tap-highlight-color: transparent;
      appearance: none;
      border: 1px solid var(--visible-border-color);
      background-image: none;
      background-color: var(--visible-background-color);
      color: var(--visible-color, transparent);
      border-radius: 50%;
      margin: 0;
      padding: 0;
    }
    .fa7787_L8Eusa_visible svg {
      width: var(--ddsweb-tc-radio-checked-svg-size);
      height: var(--ddsweb-tc-radio-checked-svg-size);
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    .fa7787_L8Eusa_visible:after {
      z-index: 0;
      content: "";
      --ddsweb-radio-button-shadow-position-inset: -2px;
      top: var(--ddsweb-radio-button-shadow-position-inset);
      right: var(--ddsweb-radio-button-shadow-position-inset);
      bottom: var(--ddsweb-radio-button-shadow-position-inset);
      left: var(--ddsweb-radio-button-shadow-position-inset);
      inset: var(--ddsweb-radio-button-shadow-position-inset);
      transition: box-shadow var(--ddsweb-theme-base-transition-duration);
      border-radius: 99px;
      position: absolute;
    }
    .fa7787_L8Eusa_hidden {
      z-index: 1;
      cursor: pointer;
      opacity: 0;
      border-radius: 50%;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
    }
    .fa7787_L8Eusa_hidden:focus + .fa7787_L8Eusa_visible,
    .fa7787_L8Eusa_hidden:hover + .fa7787_L8Eusa_visible {
      --visible-border-color: var(--ddsweb-theme-colors-active);
    }
    .fa7787_L8Eusa_hidden:checked + .fa7787_L8Eusa_visible,
    .fa7787_L8Eusa_hidden[aria-checked=true] + .fa7787_L8Eusa_visible {
      --visible-background-color: var(--ddsweb-theme-colors-active);
      --visible-border-color: var(--ddsweb-theme-colors-active);
      --visible-color: var(--ddsweb-theme-colors-background-base);
    }
    .fa7787_L8Eusa_error:checked + .fa7787_L8Eusa_visible,
    .fa7787_L8Eusa_error[aria-checked=true] + .fa7787_L8Eusa_visible {
      --visible-background-color: var(--ddsweb-theme-colors-error);
      --visible-border-color: var(--ddsweb-theme-colors-error);
      --visible-color: var(--ddsweb-theme-colors-background-base);
    }
    .fa7787_L8Eusa_hidden:disabled {
      cursor: default;
    }
    .fa7787_L8Eusa_hidden:disabled + .fa7787_L8Eusa_visible {
      --visible-border-color: var(--ddsweb-theme-colors-disabled-base);
    }
    .fa7787_L8Eusa_hidden:checked:disabled + .fa7787_L8Eusa_visible,
    .fa7787_L8Eusa_hidden[aria-checked=true]:disabled + .fa7787_L8Eusa_visible {
      --visible-border-color: var(--ddsweb-theme-colors-active);
      opacity: .4;
    }
    .fa7787_L8Eusa_error + .fa7787_L8Eusa_visible {
      --visible-border-color: var(--ddsweb-theme-colors-error);
    }
    .fa7787_L8Eusa_error:checked:disabled + .fa7787_L8Eusa_visible,
    .fa7787_L8Eusa_error:disabled + .fa7787_L8Eusa_visible {
      --visible-border-color: var(--ddsweb-theme-colors-error);
      opacity: .4;
    }
    .fa7787_L8Eusa_error:hover + .fa7787_L8Eusa_visible,
    .fa7787_L8Eusa_error:focus + .fa7787_L8Eusa_visible,
    .fa7787_L8Eusa_error:focus-visible + .fa7787_L8Eusa_visible {
      --visible-border-color: var(--ddsweb-theme-colors-error);
      --visible-box-shadow-color: var(--ddsweb-theme-colors-error);
      border-width: 1px;
    }
    .fa7787_L8Eusa_md {
      --radio-container-height: var(--ddsweb-tc-radio-container-height-md, var(--ddsweb-theme-forms-field-diameter));
      --radio-container-width: var(--ddsweb-tc-radio-container-width-md, var(--ddsweb-theme-forms-field-diameter));
    }
    .fa7787_L8Eusa_sm {
      --radio-container-height: var(--ddsweb-tc-radio-container-height-sm, var(--ddsweb-theme-forms-small-field-diameter));
      --radio-container-width: var(--ddsweb-tc-radio-container-width-sm, var(--ddsweb-theme-forms-small-field-diameter));
    }
    .fa7787_L8Eusa_hidden:enabled:focus + .fa7787_L8Eusa_visible:after,
    .fa7787_L8Eusa_hidden:enabled:hover + .fa7787_L8Eusa_visible:after {
      box-shadow: 0 0 0 3px var(--visible-box-shadow-color);
    }
  }
}
.fa7787_L8Eusa_hidden:checked + .fa7787_L8Eusa_visible > svg,
.fa7787_L8Eusa_hidden[aria-checked=true] + .fa7787_L8Eusa_visible > svg {
  display: unset;
}
.fa7787_L8Eusa_hidden + .fa7787_L8Eusa_visible > svg {
  display: none;
}


/*# sourceMappingURL=4acb719203db8d06faf5.css.map*/