@layer recipes {

  .inkeep-heading--size_xl {
    font-size: var(--inkeep-font-sizes-3xl);
    line-height: 1.33;
    }
    @media screen and (min-width: 48em) {
      .inkeep-heading--size_xl {
        font-size: var(--inkeep-font-sizes-4xl);
        line-height: 1.2
            }
        }

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

  .inkeep-heading--size_xs {
    font-size: var(--inkeep-font-sizes-sm);
    line-height: 1.2
    }
    .light .inkeep-preview-content-header--variant_hitContentPreview, [data-theme="light"] .inkeep-preview-content-header--variant_hitContentPreview {
      color: var(--inkeep-colors-inkeep-primary-hit-content-preview)
        }
    .dark .inkeep-preview-content-header--variant_hitContentPreview, [data-theme="dark"] .inkeep-preview-content-header--variant_hitContentPreview {
      color: var(--inkeep-colors-inkeep-expanded-primary-300)
        }
    .inkeep-preview-content-header--variant_hitContentPreview .light a:hover, .inkeep-preview-content-header--variant_hitContentPreview [data-theme="light"] a:hover {
      color: var(--inkeep-colors-inkeep-primary-stronger)
        }
    .inkeep-preview-content-header--variant_hitContentPreview .dark a:hover, .inkeep-preview-content-header--variant_hitContentPreview [data-theme="dark"] a:hover {
      color: var(--inkeep-colors-inkeep-expanded-primary-100)
        }

  @layer _base {
    .inkeep-heading {
      font-family: var(--inkeep-fonts-heading);
      font-weight: var(--inkeep-font-weights-bold)
        }
      .light .inkeep-preview-content-header, [data-theme="light"] .inkeep-preview-content-header {
        color: var(--inkeep-colors-gray-700)
            }
      .dark .inkeep-preview-content-header, [data-theme="dark"] .inkeep-preview-content-header {
        color: var(--inkeep-colors-white-alpha-700)
            }
      .inkeep-preview-content-header .light a:hover, .inkeep-preview-content-header [data-theme="light"] a:hover {
        color: var(--inkeep-colors-inkeep-primary-stronger)
            }
      .inkeep-preview-content-header .dark a:hover, .inkeep-preview-content-header [data-theme="dark"] a:hover {
        color: var(--inkeep-colors-inkeep-expanded-primary-100)
            }
      .inkeep-preview-content-header a:hover {
        text-decoration: none
            }
    }
}

@layer utilities {

  .inkeep-mt_6 {
    margin-top: var(--inkeep-spacing-6)
    }
    .light .light\:inkeep-text_gray\.600, [data-theme="light"] .light\:inkeep-text_gray\.600 {
      color: var(--inkeep-colors-gray-600)
        }
    .dark .dark\:inkeep-text_whiteAlpha\.600, [data-theme="dark"] .dark\:inkeep-text_whiteAlpha\.600 {
      color: var(--inkeep-colors-white-alpha-600)
        }

  .inkeep-fs_\.7rem {
    font-size: .7rem
    }

  .inkeep-text_uppercase {
    text-transform: uppercase
    }

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

  .inkeep-d_inline {
    display: inline
    }
    .light .light\:inkeep-text_gray\.700, [data-theme="light"] .light\:inkeep-text_gray\.700 {
      color: var(--inkeep-colors-gray-700)
        }
    .dark .dark\:inkeep-text_grayDark\.200, [data-theme="dark"] .dark\:inkeep-text_grayDark\.200 {
      color: var(--inkeep-colors-gray-dark-200)
        }

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

  .inkeep-items_baseline {
    align-items: baseline
    }

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

  .inkeep-d_flex {
    display: flex
    }

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

  .inkeep-gap_2 {
    gap: var(--inkeep-spacing-2)
    }

  .inkeep-flex_column {
    flex-direction: column
    }
    @media screen and (min-width: 80em) {

  .xl\:inkeep-mb_4 {
      margin-bottom: var(--inkeep-spacing-4)
    }

  .xl\:inkeep-mt_8 {
      margin-top: var(--inkeep-spacing-8)
    }

  .xl\:inkeep-mb_6 {
      margin-bottom: var(--inkeep-spacing-6)
    }

  .xl\:inkeep-gap_4 {
      gap: var(--inkeep-spacing-4)
    }
        }
}