@layer clickui {.radio-group__RXgmX {
  display: flex;
  flex-wrap: wrap;
  gap: var(--click-checkbox-space-gap);
}

.radio-group_inline__Bn4-S {
  flex-direction: row;
}

.radio-group_inline_false__OXI3T {
  flex-direction: column;
}

.radio-group_error__cijEQ label {
  color: var(--click-field-color-label-error);
}

/* The item class is applied alongside FormRoot's styled-components class.
   The .item.item double-class boost matches the specificity behavior of the
   original `styled(FormRoot)` chain so these overrides reliably beat FormRoot's
   own declarations regardless of stylesheet insertion order between CSS Modules
   and the runtime-injected styled-components. */
.item__W9-K2.item__W9-K2 {
  display: flex;
  width: auto;
  padding: var(--click-checkbox-space-all);
  align-items: center;
  gap: var(--click-checkbox-space-gap);
}

.radio-input__KMmKv {
  display: flex;
  width: 1rem;
  height: 1rem;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--click-radio-color-stroke-default);
  border-radius: var(--click-radio-radii-all);
  background: var(--click-radio-color-background-default);
  outline: none;
  cursor: pointer;
}

.radio-input__KMmKv:hover {
  background: var(--click-radio-color-background-hover);
}

.radio-input__KMmKv[data-state='checked'] {
  border-color: var(--click-radio-color-stroke-active);
  background: var(--click-radio-color-background-active);
}

/* stylelint-disable no-descending-specificity -- disabled state intentionally
   defined after the checked state to mirror the source cascade order; matches
   the styled-components rule which used a nested `&[data-disabled]` block placed
   after `&[data-state="checked"]`. */
.radio-input__KMmKv[data-disabled] {
  border-color: var(--click-radio-color-stroke-disabled);
  background: var(--click-radio-color-background-disabled);
}

.radio-indicator__rrk6W {
  background: var(--click-radio-color-background-default);
}

.radio-indicator__rrk6W::after {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--click-radio-color-indicator-default);
}

.radio-indicator__rrk6W::after:hover {
  background: var(--click-radio-color-indicator-hover);
}

.radio-indicator__rrk6W[data-state='checked'] {
  background: var(--click-radio-color-background-active);
}

.radio-indicator__rrk6W[data-state='checked']::after {
  background: var(--click-radio-color-indicator-active);
}

.radio-indicator__rrk6W:hover {
  background: var(--click-radio-color-background-hover);
}

.radio-indicator__rrk6W[data-disabled] {
  background: var(--click-radio-color-background-disabled);
}

.radio-indicator__rrk6W[data-disabled]::after {
  background: var(--click-radio-color-indicator-disabled);
}
/* stylelint-enable no-descending-specificity */
}