@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
            }
        }

  @layer _base {
      .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
            }
    .inkeep-heading {
      font-family: var(--inkeep-fonts-heading);
      font-weight: var(--inkeep-font-weights-bold)
        }
    .inkeep-icon {
      width: 1em;
      height: 1em;
      display: inline-block;
      line-height: 1em;
      flex-shrink: 0;
      color: currentColor;
      vertical-align: middle
        }
    .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;
        }
    }

  @layer _base {
      .inkeep-link:is(:focus-visible, [data-focus-visible]) {
        box-shadow: var(--inkeep-shadows-outline)
            }
      .inkeep-link:is(:hover, [data-hover]) {
        text-decoration: underline
            }
    }
}

@layer utilities {

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

  .inkeep-text_inkeepPrimary\.stronger {
    color: var(--inkeep-colors-inkeep-primary-stronger)
    }

  .inkeep-text_gray\.500 {
    color: var(--inkeep-colors-gray-500)
    }

  .inkeep-pos_relative {
    position: relative
    }

  .inkeep-bottom_1 {
    bottom: var(--inkeep-spacing-1)
    }

  .inkeep-ml_1 {
    margin-left: var(--inkeep-spacing-1)
    }

  .inkeep-d_inline {
    display: inline
    }

  .inkeep-fs_xs {
    font-size: var(--inkeep-font-sizes-xs)
    }

  .inkeep-mb_-4px {
    margin-bottom: -4px
    }

  .inkeep-transform_rotate\(-30deg\) {
    transform: rotate(-30deg)
    }

  .inkeep-d_block {
    display: block
    }
}