.c-radio-item {
  @apply flex h-3 w-3 flex-shrink-0 items-center justify-center rounded-full border border-solid border-gray-200-700 bg-gray-50-900 p-0;

  &:focus,
  &:focus-visible {
    @apply outline-none;
  }

  &:disabled {
    @apply bg-gray-100-800 opacity-40;
  }

  &[aria-checked='true'] {
    @apply border-cyan-700-200 bg-cyan-200-700;
  }
}

.c-radio-indicator {
  @apply block h-[6px] w-[6px] rounded-full bg-cyan-700-200;
}
