@layer utilities {
  .inkeep-max-h_100\% {
    max-height: 100%
    }
    .\[\&\:\:after\]\:inkeep-pos_absolute::after {
      position: absolute
        }
    .\[\&\:\:after\]\:inkeep-content_\"\"::after {
      content: ""
        }
    .\[\&\:\:after\]\:inkeep-left_0px::after {
      left: 0px
        }
    .\[\&\:\:after\]\:inkeep-top_100\%::after {
      top: 100%
        }
    .\[\&\:\:after\]\:inkeep-h_1rem::after {
      height: 1rem
        }
    .\[\&\:\:after\]\:inkeep-w_100\%::after {
      width: 100%
        }
    .\[\&\:\:after\]\:inkeep-text_white::after {
      color: var(--inkeep-colors-white)
        }
      .dark .\[\&\:\:after\]\:dark\:inkeep-text_grayDark\.900::after, [data-theme="dark"] .\[\&\:\:after\]\:dark\:inkeep-text_grayDark\.900::after {
        color: var(--inkeep-colors-gray-dark-900)
            }
    .\[\&\:\:after\]\:inkeep-bg_linear-gradient\(currentColor\,_transparent\)::after {
      background: linear-gradient(currentColor, transparent)
        }
    .\[\&\:\:after\]\:inkeep-z_1::after {
      z-index: 1
        }

  .inkeep-bg_white {
    background: var(--inkeep-colors-white)
    }
    .dark .dark\:inkeep-bg_grayDark\.900, [data-theme="dark"] .dark\:inkeep-bg_grayDark\.900 {
      background: var(--inkeep-colors-gray-dark-900)
        }

  .inkeep-gap_2 {
    gap: var(--inkeep-spacing-2)
    }

  .inkeep-shrink_0 {
    flex-shrink: 0
    }

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

  .inkeep-items_center {
    align-items: center
    }

  .inkeep-gap_10px {
    gap: 10px
    }

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

  .inkeep-items_start {
    align-items: start
    }

  .inkeep-justify_center {
    justify-content: center
    }

  .inkeep-gap_0 {
    gap: var(--inkeep-spacing-0)
    }

  .inkeep-flex_row {
    flex-direction: row
    }

  .inkeep-justify_flex-end {
    justify-content: flex-end
    }

  .inkeep-grow_4 {
    flex-grow: 4
    }

  .inkeep-overflow-y_hidden {
    overflow-y: hidden
    }

  .inkeep-d_flex {
    display: flex
    }

  .inkeep-bg-gradient_to-b {
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient: var(--gradient-via-stops, var(--gradient-stops));
    background-image: linear-gradient(to bottom, var(--gradient))
    }

  .inkeep-from_rgba\(255\,_255\,_255\,_0\) {
    --gradient-from: rgba(255, 255, 255, 0)
    }

  .inkeep-to_white {
    --gradient-to: var(--inkeep-colors-white)
    }
    .dark .dark\:inkeep-to_grayDark\.900, [data-theme="dark"] .dark\:inkeep-to_grayDark\.900 {
      --gradient-to: var(--inkeep-colors-gray-dark-900)
        }

  .inkeep-flex_column {
    flex-direction: column
    }

  .inkeep-py_6 {
    padding-block: var(--inkeep-spacing-6)
    }
    .\[\&\:\:before\]\:inkeep-bg-gradient_to-b::before {
      --gradient-stops: var(--gradient-from), var(--gradient-to);
      --gradient: var(--gradient-via-stops, var(--gradient-stops));
      background-image: linear-gradient(to bottom, var(--gradient))
        }
    .\[\&\:\:before\]\:inkeep-from_rgba\(255\,_255\,_255\,_0\)::before {
      --gradient-from: rgba(255, 255, 255, 0)
        }
    .\[\&\:\:before\]\:inkeep-to_white::before {
      --gradient-to: var(--inkeep-colors-white)
        }
      .dark .\[\&\:\:before\]\:dark\:inkeep-to_grayDark\.900::before, [data-theme="dark"] .\[\&\:\:before\]\:dark\:inkeep-to_grayDark\.900::before {
        --gradient-to: var(--inkeep-colors-gray-dark-900)
            }
    .\[\&\:\:before\]\:inkeep-content_\"\"::before {
      content: ""
        }
    .\[\&\:\:before\]\:inkeep-d_block::before {
      display: block
        }
    .\[\&\:\:before\]\:inkeep-h_3::before {
      height: var(--inkeep-sizes-3)
        }
    .\[\&\:\:before\]\:inkeep-left_0::before {
      left: var(--inkeep-spacing-0)
        }
    .\[\&\:\:before\]\:inkeep-top_0::before {
      top: var(--inkeep-spacing-0)
        }
    .\[\&\:\:before\]\:inkeep-transform_translateY\(-100\%\)::before {
      transform: translateY(-100%)
        }
    .\[\&\:\:before\]\:inkeep-pointer-events_none::before {
      pointer-events: none
        }
    .\[\&\:\:before\]\:inkeep-pos_absolute::before {
      position: absolute
        }
    .\[\&\:\:before\]\:inkeep-w_100\%::before {
      width: 100%
        }

  .inkeep-grow_2 {
    flex-grow: 2
    }

  .inkeep-max-w_90vw {
    max-width: 90vw
    }

  .inkeep-w_100\% {
    width: 100%
    }
    @media screen and (min-width: 48em) {

  .md\:inkeep-gap_2 {
      gap: var(--inkeep-spacing-2)
    }

  .md\:inkeep-max-w_min\(660px\,_calc\(100\%_-_48px\)\) {
      max-width: min(660px, calc(100% - 48px))
    }
        }
}

@layer recipes {

  .inkeep-ai-chat-page-wrapper--size_default {
    max-width: 100vw;
    max-height: 100vw;
    margin: auto;
    align-self: center;
    justify-self: center;
    flex-grow: 0;
    }
    @media screen and (min-width: 48em) {
      .inkeep-ai-chat-page-wrapper--size_default {
        width: min( 600px , 100% );
        height: min( 760px , 100% )
            }
        }
    @media screen and (min-width: 64em) {
      .inkeep-ai-chat-page-wrapper--size_default {
        width: min( 640px , 100% );
        height: min( 800px , 100% )
            }
        }
    @media screen and (min-width: 96em) {
      .inkeep-ai-chat-page-wrapper--size_default {
        width: min( 760px , 100% );
        height: min( 900px , 100% )
            }
        }

  .inkeep-ai-chat-page-wrapper--size_full-viewport {
    position: fixed;
    top: var(--inkeep-spacing-0);
    left: var(--inkeep-spacing-0);
    z-index: 1000;
    width: 100vw;
    height: 100vh
    }

  .inkeep-ai-chat-page-wrapper--variant_container-with-shadow {
    box-shadow: var(--inkeep-shadows-2xl);
    }
    .dark .inkeep-ai-chat-page-wrapper--variant_container-with-shadow, [data-theme="dark"] .inkeep-ai-chat-page-wrapper--variant_container-with-shadow {
      box-shadow: var(--inkeep-shadows-none)
        }

  @layer _base {
    .inkeep-ai-chat-page-wrapper {
      max-height: 100vh;
      max-width: 100vw;
      position: relative;
      flex-grow: 5;
      margin-inline: auto;
      justify-self: center;
      text-align: left;
        }
      @media screen and (min-width: 48em) {
        .inkeep-ai-chat-page-wrapper {
          max-height: 100vh;
          max-width: 100vw
                }
            }
    }
    @media screen and (min-width: 48em) {

  .md\:inkeep-ai-chat-page-wrapper--size_default {
      max-width: 100vw;

      max-height: 100vw;

      margin: auto;

      align-self: center;

      justify-self: center;

      flex-grow: 0
    }

      @media screen and (min-width: 48em) {
        .md\:inkeep-ai-chat-page-wrapper--size_default {
          width: min( 600px , 100% );
          height: min( 760px , 100% )
                }
            }

      @media screen and (min-width: 64em) {
        .md\:inkeep-ai-chat-page-wrapper--size_default {
          width: min( 640px , 100% );
          height: min( 800px , 100% )
                }
            }

      @media screen and (min-width: 96em) {
        .md\:inkeep-ai-chat-page-wrapper--size_default {
          width: min( 760px , 100% );
          height: min( 900px , 100% )
                }
            }
        }
}