@layer utilities {

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

  .inkeep-mr_3 {
    margin-right: var(--inkeep-spacing-3)
    }
    .dark .dark\:inkeep-text_inkeepExpandedPrimary\.300, [data-theme="dark"] .dark\:inkeep-text_inkeepExpandedPrimary\.300 {
      color: var(--inkeep-colors-inkeep-expanded-primary-300)
        }
    .light .light\:inkeep-text_gray\.800, [data-theme="light"] .light\:inkeep-text_gray\.800 {
      color: var(--inkeep-colors-gray-800)
        }
    .dark .dark\:inkeep-text_whiteAlpha\.800, [data-theme="dark"] .dark\:inkeep-text_whiteAlpha\.800 {
      color: var(--inkeep-colors-white-alpha-800)
        }

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

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

  .inkeep-d_flex {
    display: flex
    }

  .inkeep-flex_row {
    flex-direction: row
    }

  .inkeep-items_center {
    align-items: center
    }
}

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