@layer utilities {
  .inkeep-d_flex {
    display: flex
    }

  .inkeep-items_center {
    align-items: center
    }

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

  .inkeep-px_4 {
    padding-inline: var(--inkeep-spacing-4)
    }

  .inkeep-w_250px {
    width: 250px
    }

  .inkeep-font_normal {
    font-weight: var(--inkeep-font-weights-normal)
    }

  .inkeep-bg_white {
    background: var(--inkeep-colors-white)
    }

  .inkeep-shadow_lg {
    box-shadow: var(--inkeep-shadows-lg)
    }

  .inkeep-text_gray\.800 {
    color: var(--inkeep-colors-gray-800)
    }
    .dark .dark\:inkeep-bg_grayDark\.800, [data-theme="dark"] .dark\:inkeep-bg_grayDark\.800 {
      background: var(--inkeep-colors-gray-dark-800)
        }
    .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)
        }

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

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

  .inkeep-transform_translateY\(1px\)_translateX\(-4px\) {
    transform: translateY(1px) translateX(-4px)
    }

  .inkeep-z_popover {
    z-index: var(--inkeep-z-index-popover)
    }

  .inkeep-pos_relative {
    position: relative
    }
    @media screen and (min-width: 33em) {

  .sm\:inkeep-w_420px {
      width: 420px
    }
        }
}

@layer recipes.slots {
  @layer _base {
    .inkeep-popover__arrow {
      --arrow-size: var(--inkeep-sizes-3);
      --arrow-background: var(--popper-arrow-bg)
        }

    .inkeep-icon {
      width: 1em;
      height: 1em;
      display: inline-block;
      line-height: 1em;
      flex-shrink: 0;
      color: currentColor;
      vertical-align: middle
        }
    .inkeep-popover__arrowTip {
      border-top-width: 1px;
      border-left-width: 1px
        }
    .inkeep-popover__positioner {
      position: relative;
      z-index: var(--inkeep-z-index-popover)
        }
    .inkeep-popover__content {
      position: relative;
      display: flex;
      flex-direction: column;
      --popper-bg: var(--inkeep-colors-white);
      background: var(--popper-bg);
      --popper-arrow-bg: var(--popper-bg);
      --popper-arrow-shadow-color: var(--inkeep-colors-gray-200);
      width: var(--inkeep-sizes-xs);
      border: 1px solid;
      border-color: inherit;
      border-radius: var(--inkeep-radii-md);
      box-shadow: var(--inkeep-shadows-sm);
      z-index: inherit;
        }
      .dark .inkeep-popover__content, [data-theme="dark"] .inkeep-popover__content {
        --popper-bg: var(--inkeep-colors-gray-dark-800)
    ;
        --popper-arrow-shadow-color: var(--inkeep-colors-white-alpha-300)
    
            }
    }

  @layer _base {
      .inkeep-popover__content:is([open], [data-open], [data-state="open"]) {
        animation: fade-in 0.25s ease-out
            }
      .inkeep-popover__content:is([data-state=closed]) {
        animation: fade-out 0.2s ease-out
            }
      .inkeep-popover__content:is(:focus-visible, [data-focus-visible]) {
        outline: 0;
        box-shadow: var(--inkeep-shadows-outline)
            }
    }

  @layer _base {
    .inkeep-popover__title {
      border-bottom-width: 1px
        }
    .inkeep-popover__title,.inkeep-popover__description {
      padding-inline: var(--inkeep-spacing-3);
      padding-block: var(--inkeep-spacing-2)
        }
    .inkeep-popover__closeTrigger {
      position: absolute;
      border-radius: var(--inkeep-radii-md);
      top: var(--inkeep-spacing-1);
      inset-inline-end: var(--inkeep-spacing-2);
      padding: var(--inkeep-spacing-2)
        }
    .inkeep-popover__footer {
      padding-inline: var(--inkeep-spacing-3);
      padding-block: var(--inkeep-spacing-2);
      border-top-width: 1px
        }
    }
}