@layer utilities {
  .inkeep-color-palette_inkeepExpandedPrimary {
    --inkeep-colors-color-palette-50: var(--inkeep-colors-inkeep-expanded-primary-50);
    --inkeep-colors-color-palette-100: var(--inkeep-colors-inkeep-expanded-primary-100);
    --inkeep-colors-color-palette-200: var(--inkeep-colors-inkeep-expanded-primary-200);
    --inkeep-colors-color-palette-300: var(--inkeep-colors-inkeep-expanded-primary-300);
    --inkeep-colors-color-palette-400: var(--inkeep-colors-inkeep-expanded-primary-400);
    --inkeep-colors-color-palette-500: var(--inkeep-colors-inkeep-expanded-primary-500);
    --inkeep-colors-color-palette-600: var(--inkeep-colors-inkeep-expanded-primary-600);
    --inkeep-colors-color-palette-700: var(--inkeep-colors-inkeep-expanded-primary-700);
    --inkeep-colors-color-palette-800: var(--inkeep-colors-inkeep-expanded-primary-800);
    --inkeep-colors-color-palette-900: var(--inkeep-colors-inkeep-expanded-primary-900)
    }

  .inkeep-flex_column {
    flex-direction: column
    }

  .inkeep-overflow_hidden_auto {
    overflow: hidden auto
    }

  .inkeep-min-h_0 {
    min-height: var(--inkeep-sizes-0)
    }

  .inkeep-fs_15px {
    font-size: 15px
    }

  .inkeep-px_8 {
    padding-inline: var(--inkeep-spacing-8)
    }

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

  .inkeep---thickness_1px {
    --thickness: 1px
    }

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

  .inkeep-border-block-end-width_var\(--thickness\) {
    border-block-end-width: var(--thickness)
    }

  .inkeep-m_auto {
    margin: auto
    }
}

@layer recipes.slots {
  .inkeep-alert__container--variant_subtle {
    --alert-fg: var(--inkeep-colors-color-palette-500);
    --alert-bg: var(--inkeep-colors-color-palette-100);
    }
    .dark .inkeep-alert__container--variant_subtle, [data-theme="dark"] .inkeep-alert__container--variant_subtle {
      --alert-fg: var(--inkeep-colors-color-palette-200)
    ;
      --alert-bg-alpha: color-mix(in srgb, transparent 84%, var(--colors-color-palette-200))
    ;
      --alert-bg: var(--alert-bg-alpha, var(--colors-color-palette-200))
    
        }

  @layer _base {
    .inkeep-alert__container {
      --inkeep-colors-color-palette-50: var(--inkeep-colors-blue-50);
      --inkeep-colors-color-palette-100: var(--inkeep-colors-blue-100);
      --inkeep-colors-color-palette-200: var(--inkeep-colors-blue-200);
      --inkeep-colors-color-palette-300: var(--inkeep-colors-blue-300);
      --inkeep-colors-color-palette-400: var(--inkeep-colors-blue-400);
      --inkeep-colors-color-palette-500: var(--inkeep-colors-blue-500);
      --inkeep-colors-color-palette-600: var(--inkeep-colors-blue-600);
      --inkeep-colors-color-palette-700: var(--inkeep-colors-blue-700);
      --inkeep-colors-color-palette-800: var(--inkeep-colors-blue-800);
      --inkeep-colors-color-palette-900: var(--inkeep-colors-blue-900);
      --inkeep-colors-color-palette-950: var(--inkeep-colors-blue-950);
      background: var(--alert-bg);
      padding-inline: var(--inkeep-spacing-4);
      padding-block: var(--inkeep-spacing-3);
      width: 100%;
      display: flex;
      align-items: center;
      position: relative;
      overflow: hidden
        }
    .inkeep-alert__icon {
      height: var(--inkeep-sizes-6);
      display: inherit
        }
    .inkeep-alert__icon,.inkeep-alert__spinner {
      color: var(--alert-fg);
      flex-shrink: 0;
      margin-inline-end: var(--inkeep-spacing-3);
      width: var(--inkeep-sizes-5)
        }
    .inkeep-alert__spinner {
      height: var(--inkeep-sizes-5)
        }
    .inkeep-alert__title {
      font-weight: var(--inkeep-font-weights-bold);
      margin-inline-end: var(--inkeep-spacing-2)
        }
    .inkeep-alert__title,.inkeep-alert__description {
      line-height: var(--inkeep-line-heights-6)
        }
    }
}