@layer utilities {
  .inkeep-color-palette_green {
    --inkeep-colors-color-palette-50: var(--inkeep-colors-green-50);
    --inkeep-colors-color-palette-100: var(--inkeep-colors-green-100);
    --inkeep-colors-color-palette-200: var(--inkeep-colors-green-200);
    --inkeep-colors-color-palette-300: var(--inkeep-colors-green-300);
    --inkeep-colors-color-palette-400: var(--inkeep-colors-green-400);
    --inkeep-colors-color-palette-500: var(--inkeep-colors-green-500);
    --inkeep-colors-color-palette-600: var(--inkeep-colors-green-600);
    --inkeep-colors-color-palette-700: var(--inkeep-colors-green-700);
    --inkeep-colors-color-palette-800: var(--inkeep-colors-green-800);
    --inkeep-colors-color-palette-900: var(--inkeep-colors-green-900);
    --inkeep-colors-color-palette-950: var(--inkeep-colors-green-950)
    }

  .inkeep-grow_1 {
    flex-grow: 1
    }

  .inkeep-min-w_0 {
    min-width: var(--inkeep-sizes-0)
    }

  .inkeep-overflow_hidden {
    overflow: hidden
    }
}

@layer recipes {
  .inkeep-badge--variant_outline {
    --badge-color: var(--inkeep-colors-color-palette-500);
    --badge-shadow: inset 0 0 0px 1px var(--badge-color, inherit)
    ;}
    .dark .inkeep-badge--variant_outline, [data-theme="dark"] .inkeep-badge--variant_outline {
      --badge-bg-alpha: color-mix(in srgb, transparent 80%, var(--colors-color-palette-200))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-200))
    
        }

  @layer _base {
    .inkeep-badge {
      --inkeep-colors-color-palette-50: var(--inkeep-colors-gray-50);
      --inkeep-colors-color-palette-100: var(--inkeep-colors-gray-100);
      --inkeep-colors-color-palette-200: var(--inkeep-colors-gray-200);
      --inkeep-colors-color-palette-300: var(--inkeep-colors-gray-300);
      --inkeep-colors-color-palette-400: var(--inkeep-colors-gray-400);
      --inkeep-colors-color-palette-500: var(--inkeep-colors-gray-500);
      --inkeep-colors-color-palette-600: var(--inkeep-colors-gray-600);
      --inkeep-colors-color-palette-700: var(--inkeep-colors-gray-700);
      --inkeep-colors-color-palette-800: var(--inkeep-colors-gray-800);
      --inkeep-colors-color-palette-900: var(--inkeep-colors-gray-900);
      --inkeep-colors-color-palette-950: var(--inkeep-colors-gray-950);
      padding-inline: var(--inkeep-spacing-1);
      text-transform: uppercase;
      font-size: var(--inkeep-font-sizes-xs);
      border-radius: var(--inkeep-radii-sm);
      font-weight: var(--inkeep-font-weights-bold);
      background: var(--badge-bg, inherit);
      color: var(--badge-color, inherit);
      box-shadow: var(--badge-shadow);
      display: inline-block;
      white-space: nowrap;
      vertical-align: middle
        }
    }
}