@layer utilities {
  .inkeep-pl_0 {
    padding-left: var(--inkeep-spacing-0)
    }

  .inkeep-pl_4 {
    padding-left: var(--inkeep-spacing-4)
    }

  .inkeep-py_2 {
    padding-block: var(--inkeep-spacing-2)
    }

  .inkeep-pr_0 {
    padding-right: var(--inkeep-spacing-0)
    }

  .inkeep-border-b_1px_solid {
    border-bottom: 1px solid
    }

  .inkeep-border-b_none {
    border-bottom: var(--inkeep-borders-none)
    }

  .inkeep-border-t_1px_solid {
    border-top: 1px solid
    }

  .inkeep-border-t_none {
    border-top: var(--inkeep-borders-none)
    }

  .inkeep-shadow_none {
    box-shadow: var(--inkeep-shadows-none)
    }

  .inkeep-rounded_none {
    border-radius: var(--inkeep-radii-none)
    }
    .light .light\:inkeep-text_inkeepPrimary\.strong, [data-theme="light"] .light\:inkeep-text_inkeepPrimary\.strong {
      color: var(--inkeep-colors-inkeep-primary-strong)
        }
    .light .light\:inkeep-bg_inkeepPrimary\.lighter, [data-theme="light"] .light\:inkeep-bg_inkeepPrimary\.lighter {
      background-color: var(--inkeep-colors-inkeep-primary-lighter)
        }
    .light .light\:inkeep-bg_white, [data-theme="light"] .light\:inkeep-bg_white {
      background-color: var(--inkeep-colors-white)
        }
    .light .light\:inkeep-border_gray\.300, [data-theme="light"] .light\:inkeep-border_gray\.300 {
      border-color: var(--inkeep-colors-gray-300)
        }
    .dark .dark\:inkeep-text_white, [data-theme="dark"] .dark\:inkeep-text_white {
      color: var(--inkeep-colors-white)
        }
    .dark .dark\:inkeep-bg_whiteAlpha\.200, [data-theme="dark"] .dark\:inkeep-bg_whiteAlpha\.200 {
      background-color: var(--inkeep-colors-white-alpha-200)
        }
    .dark .dark\:inkeep-bg_transparent, [data-theme="dark"] .dark\:inkeep-bg_transparent {
      background-color: var(--inkeep-colors-transparent)
        }
    .dark .dark\:inkeep-border_grayDark\.700, [data-theme="dark"] .dark\:inkeep-border_grayDark\.700 {
      border-color: var(--inkeep-colors-gray-dark-700)
        }
    .hover\:inkeep-cursor_pointer:is(:hover, [data-hover]) {
      cursor: pointer
        }
    .hover\:inkeep-text-decor_none:is(:hover, [data-hover]) {
      text-decoration: none
        }

  .inkeep-p_0 {
    padding: var(--inkeep-spacing-0)
    }

  .inkeep-w_3 {
    width: var(--inkeep-sizes-3)
    }

  .inkeep-h_3 {
    height: var(--inkeep-sizes-3)
    }

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

  .inkeep-border_inkeepPrimary\.lighter {
    border-color: var(--inkeep-colors-inkeep-primary-lighter)
    }

  .inkeep---thickness_1px {
    --thickness: 1px
    }

  .inkeep-w_90\% {
    width: 90%
    }

  .inkeep-h_2px {
    height: 2px
    }

  .inkeep-border-block-end-width_var\(--thickness\) {
    border-block-end-width: var(--thickness)
    }

  .inkeep-pos_relative {
    position: relative
    }

  .inkeep-opacity_1\! {
    opacity: 1 !important
    }

  .inkeep-border_none {
    border: var(--inkeep-borders-none)
    }

  .inkeep-bg_gray\.200 {
    background-color: var(--inkeep-colors-gray-200)
    }

  .inkeep-justify_space-between {
    justify-content: space-between
    }

  .inkeep-grow_5 {
    flex-grow: 5
    }

  .inkeep-content_stretch {
    align-content: stretch
    }

  .inkeep-fs_sm {
    font-size: var(--inkeep-font-sizes-sm)
    }

  .inkeep-fs_md {
    font-size: var(--inkeep-font-sizes-md)
    }
    .light .light\:inkeep-text_inkeepPrimary\.textBold, [data-theme="light"] .light\:inkeep-text_inkeepPrimary\.textBold {
      color: var(--inkeep-colors-inkeep-primary-text-bold)
        }
    .light .light\:inkeep-text_gray\.700, [data-theme="light"] .light\:inkeep-text_gray\.700 {
      color: var(--inkeep-colors-gray-700)
        }
    .dark .dark\:inkeep-text_whiteAlpha\.800, [data-theme="dark"] .dark\:inkeep-text_whiteAlpha\.800 {
      color: var(--inkeep-colors-white-alpha-800)
        }
    .dark .dark\:inkeep-text_whiteAlpha\.700, [data-theme="dark"] .dark\:inkeep-text_whiteAlpha\.700 {
      color: var(--inkeep-colors-white-alpha-700)
        }

  .inkeep-py_1 {
    padding-block: var(--inkeep-spacing-1)
    }

  .inkeep-leading_base {
    line-height: var(--inkeep-line-heights-base)
    }

  .inkeep-overflow_hidden {
    overflow: hidden
    }

  .inkeep-d_flex {
    display: flex
    }

  .inkeep-items_center {
    align-items: center
    }

  .inkeep-justify_center {
    justify-content: center
    }

  .inkeep-w_32px {
    width: 32px
    }

  .inkeep-shrink_0 {
    flex-shrink: 0
    }

  .inkeep-self_center {
    align-self: center
    }

  .inkeep-pr_3 {
    padding-right: var(--inkeep-spacing-3)
    }

  .inkeep-pl_3 {
    padding-left: var(--inkeep-spacing-3)
    }
    @media screen and (min-width: 33em) {

  .sm\:inkeep-py_2 {
      padding-block: var(--inkeep-spacing-2)
    }

  .sm\:inkeep-py_3 {
      padding-block: var(--inkeep-spacing-3)
    }

  .sm\:inkeep-pl_4 {
      padding-left: var(--inkeep-spacing-4)
    }

  .sm\:inkeep-pr_3 {
      padding-right: var(--inkeep-spacing-3)
    }

  .sm\:inkeep-pr_4 {
      padding-right: var(--inkeep-spacing-4)
    }

  .sm\:inkeep-pr_6 {
      padding-right: var(--inkeep-spacing-6)
    }

  .sm\:inkeep-pl_3 {
      padding-left: var(--inkeep-spacing-3)
    }

  .sm\:inkeep-pl_6 {
      padding-left: var(--inkeep-spacing-6)
    }
        }
}

@layer recipes {
  @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
            }

    .inkeep-card__container {
      --card-bg: var(--inkeep-colors-chakra-body-bg);
      background-color: var(--card-bg);
      box-shadow: var(--card-shadow);
      border-radius: var(--card-radius);
      color: var(--inkeep-colors-chakra-body-text);
      border-width: var(--card-border-width, 0);
      border-color: var(--card-border-color)
        }
    .inkeep-icon {
      width: 1em;
      height: 1em;
      display: inline-block;
      line-height: 1em;
      flex-shrink: 0;
      color: currentColor;
      vertical-align: middle
        }
    }
}

@layer recipes.slots {

  .inkeep-card__container--variant_outline {
    --card-border-width: 1px;
    --card-border-color: var(--inkeep-colors-chakra-border-color);
    }
    .dark .inkeep-card__container--variant_outline, [data-theme="dark"] .inkeep-card__container--variant_outline {
      --card-border-color: var(--inkeep-colors-white-alpha-300)
    
        }

  .inkeep-card__container--variant_elevated {
    --card-shadow: var(--inkeep-shadows-base);
    }
    .dark .inkeep-card__container--variant_elevated, [data-theme="dark"] .inkeep-card__container--variant_elevated {
      --card-bg: var(--inkeep-colors-gray-700)
    
        }

  .inkeep-card__container--size_md {
    --card-radius: var(--inkeep-radii-md);
    --card-padding: var(--inkeep-space-5)
    }

  @layer _base {
    .inkeep-card__container {
      --card-bg: var(--inkeep-colors-chakra-body-bg);
      background-color: var(--card-bg);
      box-shadow: var(--card-shadow);
      border-radius: var(--card-radius);
      color: var(--inkeep-colors-chakra-body-text);
      border-width: var(--card-border-width, 0);
      border-color: var(--card-border-color)
        }
    .inkeep-card__body {
      flex: 1 1 0%
        }
    .inkeep-card__body,.inkeep-card__header,.inkeep-card__footer {
      padding: var(--card-padding)
        }
    }
}