@layer utilities {
    .dark .dark\:inkeep-opacity_0\.6, [data-theme="dark"] .dark\:inkeep-opacity_0\.6 {
      opacity: 0.6
        }

  .inkeep-ml_2 {
    margin-left: var(--inkeep-spacing-2)
    }

  .inkeep-mr_1 {
    margin-right: var(--inkeep-spacing-1)
    }

  .inkeep-w_18px {
    width: 18px
    }

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

  .inkeep-font_bold {
    font-weight: var(--inkeep-font-weights-bold)
    }

  .inkeep-d_flex {
    display: flex
    }
    .dark .dark\:inkeep-text_whiteAlpha\.600, [data-theme="dark"] .dark\:inkeep-text_whiteAlpha\.600 {
      color: var(--inkeep-colors-white-alpha-600)
        }
    .light .light\:inkeep-text_gray\.600, [data-theme="light"] .light\:inkeep-text_gray\.600 {
      color: var(--inkeep-colors-gray-600)
        }

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

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