@layer utilities {

  .inkeep-mr_2 {
    margin-right: var(--inkeep-spacing-2)
    }

  .inkeep-color-palette_purple {
    --inkeep-colors-color-palette-50: var(--inkeep-colors-purple-50);
    --inkeep-colors-color-palette-100: var(--inkeep-colors-purple-100);
    --inkeep-colors-color-palette-200: var(--inkeep-colors-purple-200);
    --inkeep-colors-color-palette-300: var(--inkeep-colors-purple-300);
    --inkeep-colors-color-palette-400: var(--inkeep-colors-purple-400);
    --inkeep-colors-color-palette-500: var(--inkeep-colors-purple-500);
    --inkeep-colors-color-palette-600: var(--inkeep-colors-purple-600);
    --inkeep-colors-color-palette-700: var(--inkeep-colors-purple-700);
    --inkeep-colors-color-palette-800: var(--inkeep-colors-purple-800);
    --inkeep-colors-color-palette-900: var(--inkeep-colors-purple-900);
    --inkeep-colors-color-palette-950: var(--inkeep-colors-purple-950)
    }
    .light .light\:inkeep-text_inkeepPrimary\.textSubtle, [data-theme="light"] .light\:inkeep-text_inkeepPrimary\.textSubtle {
      color: var(--inkeep-colors-inkeep-primary-text-subtle)
        }
    .dark .dark\:inkeep-text_whiteAlpha\.700, [data-theme="dark"] .dark\:inkeep-text_whiteAlpha\.700 {
      color: var(--inkeep-colors-white-alpha-700)
        }

  .inkeep-font_semibold {
    font-weight: var(--inkeep-font-weights-semibold)
    }

  .inkeep-overflow-wrap_break-word {
    overflow-wrap: break-word
    }

  .inkeep-overflow_hidden {
    overflow: hidden
    }

  .inkeep-shrink_0 {
    flex-shrink: 0
    }

  .inkeep-max-h_6em {
    max-height: 6em
    }

  .inkeep-shrink_1 {
    flex-shrink: 1
    }

  .inkeep-left_0 {
    left: var(--inkeep-spacing-0)
    }

  .inkeep-max-h_12em {
    max-height: 12em
    }

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

  .inkeep-overflow-y_auto {
    overflow-y: auto
    }

  .inkeep-my_6 {
    margin-block: var(--inkeep-spacing-6)
    }

  .inkeep-mb_2 {
    margin-bottom: var(--inkeep-spacing-2)
    }

  .inkeep-d_inline-block {
    display: inline-block
    }

  .inkeep-pos_relative {
    position: relative
    }

  .inkeep-max-w_100\% {
    max-width: 100%
    }

  .inkeep-items_flex-start {
    align-items: flex-start
    }

  .inkeep-gap_6 {
    gap: var(--inkeep-spacing-6)
    }

  .inkeep-flex_column {
    flex-direction: column
    }

  .inkeep-d_flex {
    display: flex
    }

  .inkeep-items_center {
    align-items: center
    }

  .inkeep-gap_10px {
    gap: 10px
    }

  .inkeep-flex_row {
    flex-direction: row
    }

  .inkeep-mt_2 {
    margin-top: var(--inkeep-spacing-2)
    }

  .inkeep-select_none {
    -webkit-user-select: none;
    user-select: none
    }
}

@layer recipes {
  .inkeep-tag--size_md {
    --tag-min-height: var(--inkeep-sizes-6);
    --tag-min-width: var(--inkeep-sizes-6);
    --tag-font-size: var(--inkeep-font-sizes-sm);
    --tag-padding-inline: var(--inkeep-space-2)
    }

  .inkeep-tag--variant_subtle {
    --badge-bg: colorPalette.100;
    --badge-color: var(--inkeep-colors-color-palette-800);
    }
    .dark .inkeep-tag--variant_subtle, [data-theme="dark"] .inkeep-tag--variant_subtle {
      --badge-bg-alpha: color-mix(in srgb, transparent 84%, var(--colors-color-palette-200))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-200))
    ;
      --badge-color: var(--inkeep-colors-color-palette-200)
    
        }

  .inkeep-heading--size_sm {
    font-size: var(--inkeep-font-sizes-md);
    line-height: 1.2
    }

  @layer _base {
    .inkeep-link {
      --transition-prop: common;
      transition-property: common;
      --transition-duration: var(--inkeep-durations-fast);
      transition-duration: var(--inkeep-durations-fast);
      --transition-easing: ease-out;
      transition-timing-function: ease-out;
      cursor: pointer;
      text-decoration: none;
      outline: var(--inkeep-borders-none);
      color: inherit;
        }
      .inkeep-link:is(:focus-visible, [data-focus-visible]) {
        box-shadow: var(--inkeep-shadows-outline)
            }
      .inkeep-link:is(:hover, [data-hover]) {
        text-decoration: underline
            }
    }

  @layer _base {
    .inkeep-icon {
      width: 1em;
      height: 1em;
      display: inline-block;
      line-height: 1em;
      flex-shrink: 0;
      color: currentColor;
      vertical-align: middle
        }
    .inkeep-tag {
      --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);
      font-weight: var(--inkeep-font-weights-medium);
      line-height: 1.2;
      outline: 0;
      --tag-color: var(--badge-color, inherit);
      --tag-bg: var(--badge-bg, inherit);
      --tag-shadow: var(--badge-shadow);
      color: var(--tag-color);
      background: var(--tag-bg);
      box-shadow: var(--tag-shadow);
      border-radius: var(--inkeep-radii-md);
      min-height: var(--tag-min-height);
      min-width: var(--tag-min-width);
      font-size: var(--tag-font-size);
      padding-inline: var(--tag-padding-inline);
      display: inline-flex;
      vertical-align: top;
      align-items: center;
      max-width: 100%;
        }
    }

  @layer _base {
      .inkeep-tag:is(:focus-visible, [data-focus-visible]) {
        --tag-shadow: var(--inkeep-shadows-outline)
    
            }
    }

  @layer _base {
    .inkeep-heading {
      font-family: var(--inkeep-fonts-heading);
      font-weight: var(--inkeep-font-weights-bold)
        }
    }
}