.c-inline-radio-group {
  @apply inline-flex space-x-1 rounded bg-gray-100-800 p-[3px];
}

.c-inline-radio-group-xs {
  @apply h-6;
}

.c-inline-radio-group-sm {
  @apply h-9 text-sm;
}

.c-inline-radio-group-md {
  @apply h-11 text-base;
}

.c-inline-radio-group-lg {
  @apply h-14 text-lg;
}

.c-inline-radio {
  @apply m-0 flex cursor-pointer items-center justify-center rounded-[3px] border-none bg-transparent text-sm font-medium !leading-none text-gray;

  &[aria-checked='true'] {
    @apply bg-elevate shadow-sm;
  }

  &:focus-visible {
    @apply outline outline-1 outline-inherit;
    outline-color: currentColor;
  }

  &:disabled {
    @apply cursor-not-allowed;
  }
}
