@layer utilities {
  .inkeep-h_min\(calc\(_85vh_-_72px_\)\,_calc\(_900px_-_72px_-_100px_\)\) {
    height: min(calc( 85vh - 72px ), calc( 900px - 72px - 100px ))
    }

  .inkeep-h_0px {
    height: 0px
    }

  .inkeep-backdrop_blur\(3px\) {
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px)
    }

  .inkeep-d_none {
    display: none
    }

  .inkeep-left_auto {
    left: auto
    }

  .inkeep-right_0px {
    right: 0px
    }

  .inkeep-right_6 {
    right: var(--inkeep-spacing-6)
    }

  .inkeep-top_5\% {
    top: 5%
    }

  .inkeep-min-w_min\(90vw\,_1000px\) {
    min-width: min(90vw, 1000px)
    }

  .inkeep-min-w_min\(90vw\,_800px\) {
    min-width: min(90vw, 800px)
    }
    .dark .dark\:inkeep-bg_grayDark\.900, [data-theme="dark"] .dark\:inkeep-bg_grayDark\.900 {
      background-color: var(--inkeep-colors-gray-dark-900)
        }
    .light .light\:inkeep-bg_white, [data-theme="light"] .light\:inkeep-bg_white {
      background-color: var(--inkeep-colors-white)
        }

  .inkeep-rounded_lg {
    border-radius: var(--inkeep-radii-lg)
    }

  .inkeep-m_0 {
    margin: var(--inkeep-spacing-0)
    }

  .inkeep-p_0 {
    padding: var(--inkeep-spacing-0)
    }

  .inkeep-pos_absolute {
    position: absolute
    }

  .inkeep-text_left {
    text-align: left
    }

  .inkeep-transition_width\,_min-width_\.3s_ease-in-out {
    transition: width, min-width .3s ease-in-out
    }

  .inkeep-overflow_hidden {
    overflow: hidden
    }

  .inkeep-d_flex {
    display: flex
    }

  .inkeep-max-h_min\(85vh\,_900px\) {
    max-height: min(85vh, 900px)
    }
    @media screen and (min-width: 48em) {

  .md\:inkeep-right_6 {
      right: var(--inkeep-spacing-6)
    }
        }
}

@layer recipes.slots {

  .inkeep-modal__container--variant_clickThrough {
    pointer-events: none;
    z-index: var(--inkeep-z-index-modal) - 1
    }

  .inkeep-modal__container--scrollOverflowBehavior_outside {
    overflow: auto
    }

  .inkeep-modal__container--isCentered_true {
    align-items: center
    }

  .inkeep-modal__content--variant_clickThrough {
    pointer-events: auto
    }

  .inkeep-modal__content--size_md {
    max-width: var(--inkeep-sizes-md)
    }

  .inkeep-modal__content--isCentered_true {
    margin-block: auto;
    margin-inline: auto
    }

  @layer _base {
    .inkeep-modal__backdrop {
      background: var(--inkeep-colors-black-alpha-600);
      z-index: var(--inkeep-z-index-modal);
      position: fixed;
      left: var(--inkeep-spacing-0);
      top: var(--inkeep-spacing-0);
      width: 100vw;
      height: 100vh;
      backdrop-filter: blur(3px);
      -webkit-backdrop-filter: blur(3px);
        }
      .light .inkeep-modal__backdrop, [data-theme="light"] .inkeep-modal__backdrop {
        background-color: rgb(104 112 118 / 50%)
            }
      .dark .inkeep-modal__backdrop, [data-theme="dark"] .inkeep-modal__backdrop {
        background-color: rgb(136 144 150 / 50%)
            }
      .inkeep-modal__backdrop:is([open], [data-open], [data-state="open"]) {
        animation: var(--inkeep-animations-backdrop-in)
            }
      .inkeep-modal__backdrop:is([data-state=closed]) {
        animation: var(--inkeep-animations-backdrop-out)
            }
    }

  @layer _base {
    .inkeep-modal__container {
      justify-content: center;
      overscroll-behavior-y: none;
      width: 100vw;
      height: 100vh;
      position: fixed;
      left: var(--inkeep-spacing-0);
      top: var(--inkeep-spacing-0)
        }
    .inkeep-modal__container,.inkeep-modal__content {
      display: flex;
      z-index: var(--inkeep-z-index-modal);
        }
    .inkeep-modal__content {
      flex-direction: column;
      position: relative;
      width: 100%;
      outline: 0;
      border-radius: var(--inkeep-radii-md);
      color: inherit;
      --modal-bg: var(--inkeep-colors-white);
      --modal-shadow: var(--inkeep-shadows-lg);
      background: var(--modal-bg);
      box-shadow: var(--modal-shadow);
      padding-inline: var(--inkeep-spacing-6);
      padding-block: var(--inkeep-spacing-2);
      flex: 1 1 0%;
        }
      .dark .inkeep-modal__content, [data-theme="dark"] .inkeep-modal__content {
        --modal-bg: var(--inkeep-colors-gray-700)
    ;
        --modal-shadow: var(--inkeep-shadows-dark-lg)
    ;
        background: var(--inkeep-colors-gray-dark-900)
            }
    }

  @layer _base {
      .inkeep-modal__content:is([open], [data-open], [data-state="open"]) {
        animation: var(--inkeep-animations-backdrop-in)
            }
      .inkeep-modal__content:is([data-state=closed]) {
        animation: var(--inkeep-animations-backdrop-out)
            }
    }

  @layer _base {
    .inkeep-modal__title {
      padding-inline: var(--inkeep-spacing-6);
      padding-block: var(--inkeep-spacing-4);
      font-size: var(--inkeep-font-sizes-xl);
      font-weight: var(--inkeep-font-weights-semibold);
      flex: 0
        }
    .inkeep-modal__description {
      padding-inline: var(--inkeep-spacing-6);
      padding-block: var(--inkeep-spacing-2);
      flex: 1 1 0%
        }
    .inkeep-modal__closeTrigger {
      position: absolute;
      top: var(--inkeep-spacing-2);
      inset-inline-end: var(--inkeep-spacing-3)
        }
    .inkeep-modal__footer {
      padding-inline: var(--inkeep-spacing-6);
      padding-block: var(--inkeep-spacing-4);
      display: flex;
      align-items: center;
      justify-content: flex-end
        }
    }
}