/*
  Radio
*/

.Radio {
  display: flex;
}

.Radio-InputContainer {
  position: relative;
}

.Radio-Input {
  appearance: none;
  display: block;
  background: var(--color-white);
  border: 1px solid var(--color-dark);
  border-radius: var(--radius-circle);
  inline-size: var(--size-0);
  block-size: var(--size-0);
  margin: 0;
  cursor: pointer;
}

.Radio-Input:focus {
  outline-color: var(--radio-focus-color);
  outline-offset: var(--radio-focus-offset);
  outline-style: var(--radio-focus-style);
  outline-width: var(--radio-focus-width);
}

.Radio-Input:checked {
  border: 7px solid var(--radio-focus-color);
}

.Radio-Label {
  cursor: pointer;
  padding-left: var(--space-2xs);
  line-height: var(--size-0);
}

.Radio-Hint {
  font-size: var(--text-size-xs);
  color: var(--color-grey);
  display: block;
}

.Radio-GroupLabel {
  font-weight: var(--font-bold);
}

.Radio-GroupLabel .u-error,
.Radio .u-error {
  display: block;
  font-size: var(--text-size-xs);
}