@layer utilities {
  .inkeep-mr_4 {
    margin-right: var(--inkeep-spacing-4);
    }

  .inkeep-overflow_hidden {
    overflow: hidden;
    }

  .inkeep-text_ellipsis {
    text-overflow: ellipsis;
    }

  .inkeep-white-space_nowrap {
    white-space: nowrap;
    }

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

  .inkeep-text_inherit {
    color: inherit;
    }

  .inkeep-fs_md {
    font-size: var(--inkeep-font-sizes-md);
    }

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

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

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

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

  .inkeep-d_flex {
    display: flex;
    }

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

  .inkeep-min-w_0px {
    min-width: 0px;
    }
}

@layer recipes.slots {

  .inkeep-search-bar-trigger__container--variant_subtle {
    border-color: var(--inkeep-colors-gray-300);
    color: var(--inkeep-colors-gray-500) !important;
    }
    .dark .inkeep-search-bar-trigger__container--variant_subtle, [data-theme="dark"] .inkeep-search-bar-trigger__container--variant_subtle {
      color: var(--inkeep-colors-white-alpha-500) !important;
      border-color: var(--inkeep-colors-white-alpha-300);
        }
    .inkeep-search-bar-trigger__container--variant_subtle:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-gray-400);
      background: none !important;
        }
    .dark .inkeep-search-bar-trigger__container--variant_subtle:is(:hover, [data-hover]), [data-theme="dark"] .inkeep-search-bar-trigger__container--variant_subtle:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-white-alpha-400);
        }

  .inkeep-search-bar-trigger__kbd--variant_subtle {
    border: var(--inkeep-borders-none);
    padding-inline: var(--inkeep-spacing-0);
    color: var(--inkeep-colors-gray-500);
    }
    .dark .inkeep-search-bar-trigger__kbd--variant_subtle, [data-theme="dark"] .inkeep-search-bar-trigger__kbd--variant_subtle {
      color: var(--inkeep-colors-white-alpha-500);
        }

  .inkeep-search-bar-trigger__icon--variant_subtle {
    width: 18px;
    }

  @layer _base {
    .inkeep-search-bar-trigger__container {
      width: 100%;
      height: 100%;
      color: var(--inkeep-colors-gray-600) !important;
      background: none;
      border: 1px solid;
      display: flex;
      justify-content: space-between !important;
      padding-inline: var(--inkeep-spacing-3);
      align-items: center;
      border-radius: var(--inkeep-radii-md);
      flex-grow: 5;
      transition: all .3s ease-in-out;
        }
      .dark .inkeep-search-bar-trigger__container, [data-theme="dark"] .inkeep-search-bar-trigger__container {
        border-color: var(--inkeep-colors-gray-dark-600);
        color: var(--inkeep-colors-white-alpha-500) !important;
            }
      .dark .inkeep-search-bar-trigger__container:is(:hover, [data-hover]), [data-theme="dark"] .inkeep-search-bar-trigger__container:is(:hover, [data-hover]) {
        background: inherit;
        color: var(--inkeep-colors-white-alpha-600) !important;
        border-color: var(--inkeep-colors-gray-dark-500);
        transition: all .3s ease-in-out;
            }
      .light .inkeep-search-bar-trigger__container:is(:hover, [data-hover]), [data-theme="light"] .inkeep-search-bar-trigger__container:is(:hover, [data-hover]) {
        background: inherit;
            }
    }
    @media screen and (min-width: 48em) {
      .inkeep-search-bar-trigger__wrapper--size_compact {
        width: min( 340px , 100% );
        height: min( 40px , 100% );
            }
        }

  @layer _base {
    .inkeep-search-bar-trigger__kbd {
      display: flex;
      align-items: center;
      background: var(--inkeep-colors-transparent) !important;
      padding-inline: var(--inkeep-spacing-2);
      padding-block: var(--inkeep-spacing-0\.5);
      box-shadow: var(--inkeep-shadows-none);
      border-color: var(--inkeep-colors-chakra-border-color);
      color: var(--inkeep-colors-gray-600);
        }
      .dark .inkeep-search-bar-trigger__kbd, [data-theme="dark"] .inkeep-search-bar-trigger__kbd {
        color: var(--inkeep-colors-white-alpha-600);
        border-color: var(--inkeep-colors-white-alpha-300);
            }
    .inkeep-search-bar-trigger__icon {
      width: var(--inkeep-sizes-5);
        }
    }
}