@layer recipes.slots {
  .inkeep-table__caption--variant_simple {
    color: var(--inkeep-colors-gray-600);
    }
    .dark .inkeep-table__caption--variant_simple, [data-theme="dark"] .inkeep-table__caption--variant_simple {
      color: var(--inkeep-colors-gray-100);
        }

  .inkeep-table__caption--size_md {
    padding-inline: var(--inkeep-spacing-6);
    padding-block: var(--inkeep-spacing-2);
    font-size: var(--inkeep-font-sizes-sm);
    }

  .inkeep-table__td--variant_simple {
    border-bottom: var(--inkeep-borders-1px);
    border-color: var(--inkeep-colors-color-palette-100);
    }
    .dark .inkeep-table__td--variant_simple, [data-theme="dark"] .inkeep-table__td--variant_simple {
      border-color: var(--inkeep-colors-color-palette-700);
        }
    .inkeep-table__td--variant_simple[data-is-numeric=true] {
      text-align: end;
        }

  .inkeep-table__td--size_md {
    padding-inline: var(--inkeep-spacing-6);
    padding-block: var(--inkeep-spacing-4);
    line-height: var(--inkeep-line-heights-5);
    }

  .inkeep-table__th--variant_simple {
    color: var(--inkeep-colors-gray-600);
    border-bottom: var(--inkeep-borders-1px);
    border-color: var(--inkeep-colors-color-palette-100);
    }
    .dark .inkeep-table__th--variant_simple, [data-theme="dark"] .inkeep-table__th--variant_simple {
      color: var(--inkeep-colors-gray-400);
      border-color: var(--inkeep-colors-color-palette-700);
        }
    .inkeep-table__th--variant_simple[data-is-numeric=true] {
      text-align: end;
        }

  .inkeep-table__th--size_md {
    padding-inline: var(--inkeep-spacing-6);
    padding-block: var(--inkeep-spacing-3);
    line-height: var(--inkeep-line-heights-4);
    font-size: var(--inkeep-font-sizes-xs);
    }

  @layer _base {
    .inkeep-content-parser__sup {
      margin-left: 3px;
      cursor: pointer;
        }
      .inkeep-content-parser__sup a {
        background: var(--inkeep-colors-inkeep-primary-light);
        padding-inline: 4px;
        padding-block: 1px;
        border-radius: var(--inkeep-radii-sm);
        text-decoration: none;
        color: var(--inkeep-colors-inkeep-primary-text-bold);
            }

    .inkeep-heading {
      font-family: var(--inkeep-fonts-heading);
      font-weight: var(--inkeep-font-weights-bold);
        }
    .inkeep-content-parser__text {
      margin-bottom: 12px;
      overflow-wrap: break-word;
        }
      .inkeep-content-parser__text + ol,.inkeep-content-parser__text + li {
        margin-top: 0px;
            }
    .inkeep-content-parser__ol {
      overflow-wrap: break-word;
      padding-bottom: var(--inkeep-spacing-3);
      padding-left: var(--inkeep-spacing-3);
      position: relative;
        }
      .inkeep-content-parser__ol li {
        margin-bottom: var(--inkeep-spacing-1);
        counter-increment: item;
            }
      .inkeep-content-parser__ol p, .inkeep-content-parser__ol a {
        display: inline !important;
            }
    .inkeep-content-parser__ol a,.inkeep-content-parser__ul {
        overflow-wrap: break-word;
        }
    .inkeep-content-parser__ul {
      list-style-position: inside;
      padding-bottom: var(--inkeep-spacing-3);
      position: relative;
        }
      .inkeep-content-parser__ul li {
        margin-bottom: var(--inkeep-spacing-1);
            }
      .inkeep-content-parser__ul li::before {
        margin-right: var(--inkeep-spacing-2);
            }
      .inkeep-content-parser__ul p, .inkeep-content-parser__ul a {
        display: inline !important;
            }
      .inkeep-content-parser__ul a {
        overflow-wrap: break-word;
            }
    .inkeep-content-parser__image {
      object-fit: cover;
      width: 100%;
      height: var(--inkeep-sizes-auto);
        }
    .inkeep-content-parser__link {
      overflow-wrap: break-word;
      word-wrap: break-word;
      text-decoration: underline;
      display: inline;
        }
      .light .inkeep-content-parser__link, [data-theme="light"] .inkeep-content-parser__link {
        color: var(--inkeep-colors-inkeep-primary-stronger);
            }
      .dark .inkeep-content-parser__link, [data-theme="dark"] .inkeep-content-parser__link {
        color: var(--inkeep-colors-inkeep-expanded-primary-100);
            }
    }

  @layer _base {
      .light .inkeep-content-parser__link:is(:hover, [data-hover]), [data-theme="light"] .inkeep-content-parser__link:is(:hover, [data-hover]) {
        color: var(--inkeep-colors-inkeep-primary-strong);
            }
      .dark .inkeep-content-parser__link:is(:hover, [data-hover]), [data-theme="dark"] .inkeep-content-parser__link:is(:hover, [data-hover]) {
        color: var(--inkeep-colors-inkeep-expanded-primary-300);
            }
    }

  @layer _base {
    .inkeep-content-parser__code {
      overflow-wrap: anywhere;
      min-width: var(--inkeep-sizes-0);
      padding-block: .2rem;
      margin-block: .1rem;
      padding-inline: .4rem !important;
      border-radius: 6px !important;
      font-size: 85% !important;
      color: var(--inkeep-colors-inkeep-primary-text-color-on-primary) !important;
      background-color: var(--inkeep-colors-inkeep-primary-medium) !important;
      font-weight: var(--inkeep-font-weights-semibold);
        }
    .inkeep-table__container {
      display: block;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch;
      overflow-x: auto;
      overflow-y: hidden;
      max-width: 100%;
        }
    .inkeep-table__table {
      font-variant-numeric: lining-nums tabular-nums;
      border-collapse: collapse;
      width: var(--inkeep-sizes-full);
      --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-table__caption {
      margin-top: var(--inkeep-spacing-4);
      font-family: var(--inkeep-fonts-heading);
      text-align: center;
      font-weight: var(--inkeep-font-weights-medium);
      caption-side: bottom;
        }
    .inkeep-table__td,.inkeep-table__th {
      text-align: start;
        }
    .inkeep-table__th {
      font-family: var(--inkeep-fonts-heading);
      font-weight: var(--inkeep-font-weights-bold);
      text-transform: uppercase;
      letter-spacing: var(--inkeep-letter-spacings-wider);
        }
    }
}

@layer recipes {

  .inkeep-heading--size_xl {
    font-size: var(--inkeep-font-sizes-3xl);
    line-height: 1.33;
    }
    @media screen and (min-width: 48em) {
      .inkeep-heading--size_xl {
        font-size: var(--inkeep-font-sizes-4xl);
        line-height: 1.2;
            }
        }

  .inkeep-code--variant_subtle {
    --badge-bg: colorPalette.100;
    --badge-color: var(--inkeep-colors-color-palette-800);
    }
    .dark .inkeep-code--variant_subtle, [data-theme="dark"] .inkeep-code--variant_subtle {
      --badge-bg-alpha: color-mix(in srgb, transparent 84%, var(--colors-color-palette-200))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-200))
    ;
      --badge-color: var(--inkeep-colors-color-palette-200)
    ;
        }

  @layer _base {
    .inkeep-heading {
      font-family: var(--inkeep-fonts-heading);
      font-weight: var(--inkeep-font-weights-bold);
        }
    .inkeep-link {
      --transition-prop: common;
      transition-property: common;
      --transition-duration: var(--inkeep-durations-fast);
      transition-duration: var(--inkeep-durations-fast);
      --transition-easing: ease-out;
      transition-timing-function: ease-out;
      cursor: pointer;
      text-decoration: none;
      outline: var(--inkeep-borders-none);
      color: inherit;
        }
    }

  @layer _base {
      .inkeep-link:is(:focus-visible, [data-focus-visible]) {
        box-shadow: var(--inkeep-shadows-outline);
            }
      .inkeep-link:is(:hover, [data-hover]) {
        text-decoration: underline;
            }
    }

  @layer _base {
    .inkeep-code {
      font-family: var(--inkeep-fonts-mono);
      font-size: var(--inkeep-font-sizes-sm);
      padding-inline: 0.2em;
      border-radius: var(--inkeep-radii-sm);
      background: var(--badge-bg, inherit);
      color: var(--badge-color, inherit);
      box-shadow: var(--badge-shadow);
        }
    }
}

@layer utilities {
  .inkeep-max-h_125px {
    max-height: 125px;
    }

  .inkeep-overflow-y_auto {
    overflow-y: auto;
    }

  .inkeep-mb_12px {
    margin-bottom: 12px;
    }

  .inkeep-overflow_hidden {
    overflow: hidden;
    }

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