@layer utilities {
  .inkeep-fs_sm {
    font-size: var(--inkeep-font-sizes-sm);
    }

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

  .inkeep-h_auto {
    height: var(--inkeep-sizes-auto);
    }

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

  .inkeep-white-space_normal {
    white-space: normal;
    }

  .inkeep-text_left {
    text-align: left;
    }

  .inkeep-leading_unset {
    line-height: unset;
    }

  .inkeep-border_1px_solid_transparent {
    border: 1px solid transparent;
    }
    .hover\:inkeep-bg_grayAlpha\.50\!:is(:hover, [data-hover]) {
      background-color: var(--inkeep-colors-gray-alpha-50) !important;
        }
    .hover\:inkeep-border_grayAlpha\.50:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-gray-alpha-50);
        }
    .focus\:inkeep-bg_grayAlpha\.50:is(:focus, [data-focus]) {
      background-color: var(--inkeep-colors-gray-alpha-50);
        }
    .focus\:inkeep-border_grayAlpha\.50:is(:focus, [data-focus]) {
      border-color: var(--inkeep-colors-gray-alpha-50);
        }
    .dark .dark\:inkeep-text_whiteAlpha\.800, [data-theme="dark"] .dark\:inkeep-text_whiteAlpha\.800 {
      color: var(--inkeep-colors-white-alpha-800);
        }
    .hover\:inkeep-bg_gray\.100:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-gray-100);
        }
      .dark .hover\:dark\:inkeep-bg_whiteAlpha\.200:is(:hover, [data-hover]), [data-theme="dark"] .hover\:dark\:inkeep-bg_whiteAlpha\.200:is(:hover, [data-hover]) {
        background: var(--inkeep-colors-white-alpha-200);
            }
    .active\:inkeep-bg_gray\.200:is(:active, [data-active]) {
      background: var(--inkeep-colors-gray-200);
        }
      .dark .active\:dark\:inkeep-bg_whiteAlpha\.300:is(:active, [data-active]), [data-theme="dark"] .active\:dark\:inkeep-bg_whiteAlpha\.300:is(:active, [data-active]) {
        background: var(--inkeep-colors-white-alpha-300);
            }

  .inkeep-border_gray\.200 {
    border-color: var(--inkeep-colors-gray-200);
    }
    .dark .dark\:inkeep-border_whiteAlpha\.300, [data-theme="dark"] .dark\:inkeep-border_whiteAlpha\.300 {
      border-color: var(--inkeep-colors-white-alpha-300);
        }

  .inkeep-bg_gray\.100 {
    background: var(--inkeep-colors-gray-100);
    }
    .dark .dark\:inkeep-bg_whiteAlpha\.200, [data-theme="dark"] .dark\:inkeep-bg_whiteAlpha\.200 {
      background: var(--inkeep-colors-white-alpha-200);
        }

  .inkeep-text_gray\.800 {
    color: var(--inkeep-colors-gray-800);
    }
    .dark .dark\:inkeep-text_whiteAlpha\.900, [data-theme="dark"] .dark\:inkeep-text_whiteAlpha\.900 {
      color: var(--inkeep-colors-white-alpha-900);
        }
    .hover\:inkeep-bg_gray\.200:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-gray-200);
        }
      .dark .hover\:dark\:inkeep-bg_whiteAlpha\.300:is(:hover, [data-hover]), [data-theme="dark"] .hover\:dark\:inkeep-bg_whiteAlpha\.300:is(:hover, [data-hover]) {
        background: var(--inkeep-colors-white-alpha-300);
            }
      .hover\:disabled\:inkeep-bg_gray\.100:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
        background: var(--inkeep-colors-gray-100);
            }
        .dark .hover\:disabled\:dark\:inkeep-bg_whiteAlpha\.200:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]), [data-theme="dark"] .hover\:disabled\:dark\:inkeep-bg_whiteAlpha\.200:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
          background: var(--inkeep-colors-white-alpha-200);
                }
    .active\:inkeep-bg_gray\.300:is(:active, [data-active]) {
      background: var(--inkeep-colors-gray-300);
        }
      .dark .active\:dark\:inkeep-bg_whiteAlpha\.400:is(:active, [data-active]), [data-theme="dark"] .active\:dark\:inkeep-bg_whiteAlpha\.400:is(:active, [data-active]) {
        background: var(--inkeep-colors-white-alpha-400);
            }

  .inkeep-d_flex {
    display: flex;
    }

  .inkeep-justify_center {
    justify-content: center;
    }

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

  .inkeep-pos_relative {
    position: relative;
    }

  .inkeep-z_0 {
    z-index: 0;
    }

  .inkeep-min-h_9 {
    min-height: var(--inkeep-sizes-9);
    }

  .inkeep-rounded_md {
    border-radius: var(--inkeep-radii-md);
    }

  .inkeep-overflow_hidden {
    overflow: hidden;
    }
    .after\:inkeep-content_\"\"::after {
      content: "";
        }
    .after\:inkeep-pos_absolute::after {
      position: absolute;
        }
    .after\:inkeep-z_-1::after {
      z-index: -1;
        }
    .after\:inkeep-left_1px::after {
      left: 1px;
        }
    .after\:inkeep-top_1px::after {
      top: 1px;
        }
    .after\:inkeep-w_calc\(100\%_-_2px\)::after {
      width: calc(100% - 2px);
        }
    .after\:inkeep-h_calc\(100\%_-_2px\)::after {
      height: calc(100% - 2px);
        }
    .after\:inkeep-rounded_5px::after {
      border-radius: 5px;
        }
    .after\:inkeep-bg_white::after {
      background-color: var(--inkeep-colors-white);
        }
      .dark .dark\:after\:inkeep-bg_grayDark\.900::after, [data-theme="dark"] .dark\:after\:inkeep-bg_grayDark\.900::after {
        background-color: var(--inkeep-colors-gray-dark-900);
            }

  .inkeep-bg-img_conic-gradient\(transparent\,_token\(colors\.inkeepExpandedPrimary\.600\)\,_transparent_30\%\) {
    background-image: conic-gradient(transparent, var(--inkeep-colors-inkeep-expanded-primary-600), transparent 30%);
    }

  .inkeep-bg-img_none {
    background-image: none;
    }

  .inkeep-animation_4s_spin_linear_infinite {
    animation: 4s spin linear infinite;
    }

  .inkeep-animation_none {
    animation: none;
    }
    .dark .dark\:inkeep-bg-img_conic-gradient\(transparent\,_token\(colors\.inkeepExpandedPrimary\.300\)\,_transparent_30\%\)\!, [data-theme="dark"] .dark\:inkeep-bg-img_conic-gradient\(transparent\,_token\(colors\.inkeepExpandedPrimary\.300\)\,_transparent_30\%\)\! {
      background-image: conic-gradient(transparent, var(--inkeep-colors-inkeep-expanded-primary-300), transparent 30%) !important;
        }
    .dark .dark\:inkeep-bg-img_none, [data-theme="dark"] .dark\:inkeep-bg-img_none {
      background-image: none;
        }

  .inkeep-pos_absolute {
    position: absolute;
    }

  .inkeep-z_-2 {
    z-index: -2;
    }

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

  .inkeep-h_100\% {
    height: 100%;
    }

  .inkeep-bg_gray\.300 {
    background-color: var(--inkeep-colors-gray-300);
    }

  .inkeep-bg-repeat_no-repeat {
    background-repeat: no-repeat;
    }

  .inkeep-bg_0_0 {
    background-position: 0 0;
    }

  .inkeep-bg_cover {
    background-size: cover;
    }

  .inkeep-m_auto {
    margin: auto;
    }
    .dark .dark\:inkeep-bg_whiteAlpha\.200, [data-theme="dark"] .dark\:inkeep-bg_whiteAlpha\.200 {
      background-color: var(--inkeep-colors-white-alpha-200);
        }
      .dark .dark\:focus\:inkeep-bg_whiteAlpha\.100:is(:focus, [data-focus]), [data-theme="dark"] .dark\:focus\:inkeep-bg_whiteAlpha\.100:is(:focus, [data-focus]) {
        background-color: var(--inkeep-colors-white-alpha-100);
            }
      .dark .dark\:focus\:inkeep-border_whiteAlpha\.100:is(:focus, [data-focus]), [data-theme="dark"] .dark\:focus\:inkeep-border_whiteAlpha\.100:is(:focus, [data-focus]) {
        border-color: var(--inkeep-colors-white-alpha-100);
            }
      .dark .dark\:hover\:inkeep-bg_whiteAlpha\.100:is(:hover, [data-hover]), [data-theme="dark"] .dark\:hover\:inkeep-bg_whiteAlpha\.100:is(:hover, [data-hover]) {
        background-color: var(--inkeep-colors-white-alpha-100);
            }
      .dark .dark\:hover\:inkeep-border_whiteAlpha\.100:is(:hover, [data-hover]), [data-theme="dark"] .dark\:hover\:inkeep-border_whiteAlpha\.100:is(:hover, [data-hover]) {
        border-color: var(--inkeep-colors-white-alpha-100);
            }
}

@layer recipes {
  .inkeep-btn--colorPalette_gray {
    --inkeep-colors-color-palette-50: var(--inkeep-colors-gray-50);
    --inkeep-colors-color-palette-100: var(--inkeep-colors-gray-100);
    --inkeep-colors-color-palette-200: var(--inkeep-colors-gray-200);
    --inkeep-colors-color-palette-300: var(--inkeep-colors-gray-300);
    --inkeep-colors-color-palette-400: var(--inkeep-colors-gray-400);
    --inkeep-colors-color-palette-500: var(--inkeep-colors-gray-500);
    --inkeep-colors-color-palette-600: var(--inkeep-colors-gray-600);
    --inkeep-colors-color-palette-700: var(--inkeep-colors-gray-700);
    --inkeep-colors-color-palette-800: var(--inkeep-colors-gray-800);
    --inkeep-colors-color-palette-900: var(--inkeep-colors-gray-900);
    --inkeep-colors-color-palette-950: var(--inkeep-colors-gray-950);
    }

  .inkeep-btn--variant_ghost {
    color: var(--inkeep-colors-color-palette-600);
    background: var(--inkeep-colors-transparent);
    }
    .dark .inkeep-btn--variant_ghost, [data-theme="dark"] .inkeep-btn--variant_ghost {
      color: var(--inkeep-colors-color-palette-200);
        }
    .inkeep-btn--variant_ghost:is(:hover, [data-hover]) {
      --bga: color-mix(in srgb, transparent 0%, var(--inkeep-colors-color-palette-50));
      background-color: var(--bga, var(--inkeep-colors-color-palette-50));
        }
    .dark .inkeep-btn--variant_ghost:is(:hover, [data-hover]), [data-theme="dark"] .inkeep-btn--variant_ghost:is(:hover, [data-hover]) {
      --bga: color-mix(in srgb, transparent 88%, var(--inkeep-colors-color-palette-200));
      background-color: var(--bga, var(--inkeep-colors-color-palette-200));
        }
    .inkeep-btn--variant_ghost:is(:active, [data-active]) {
      --bga: color-mix(in srgb, transparent 0%, var(--inkeep-colors-color-palette-100));
      background-color: var(--bga, var(--inkeep-colors-color-palette-100));
        }
    .dark .inkeep-btn--variant_ghost:is(:active, [data-active]), [data-theme="dark"] .inkeep-btn--variant_ghost:is(:active, [data-active]) {
      --bga: color-mix(in srgb, transparent 76%, var(--inkeep-colors-color-palette-200));
      background-color: var(--bga, var(--inkeep-colors-color-palette-200));
        }

  .inkeep-btn--size_sm {
    height: var(--inkeep-sizes-8);
    min-width: var(--inkeep-sizes-8);
    font-size: var(--inkeep-font-sizes-sm);
    padding-inline: var(--inkeep-spacing-3);
    }

  @layer _base {
    .inkeep-btn {
      line-height: 1.2;
      border-radius: var(--inkeep-radii-md);
      font-weight: var(--inkeep-font-weights-semibold);
      --transition-prop: common;
      transition-property: common;
      --transition-duration: var(--inkeep-durations-normal);
      transition-duration: var(--inkeep-durations-normal);
      display: inline-flex;
      appearance: none;
      -webkit-appearance: none;
      align-items: center;
      justify-content: center;
      -webkit-user-select: none;
      user-select: none;
      position: relative;
      white-space: nowrap;
      vertical-align: middle;
      outline: var(--inkeep-borders-none);
        }
      .inkeep-btn:is(:disabled, [disabled], [data-disabled]) {
        opacity: 0.4;
        cursor: not-allowed;
        box-shadow: var(--inkeep-shadows-none);
            }
      .inkeep-btn:is(:focus-visible, [data-focus-visible]) {
        box-shadow: var(--inkeep-shadows-outline);
            }
      .inkeep-btn:is(:focus, [data-focus]) {
        z-index: 1;
            }
      .inkeep-btn:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
        background: initial;
            }
    }
}