@layer utilities {

  .inkeep-leading_24px {
    line-height: 24px;
    }

  .inkeep-font_medium {
    font-weight: var(--inkeep-font-weights-medium);
    }

  .inkeep-z_tooltip {
    z-index: var(--inkeep-z-index-tooltip);
    }

  .inkeep-max-w_200px {
    max-width: 200px;
    }

  .inkeep-ml_1 {
    margin-left: var(--inkeep-spacing-1);
    }

  .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-fs_sm {
    font-size: var(--inkeep-font-sizes-sm);
    }
    .light .light\:inkeep-text_gray\.600, [data-theme="light"] .light\:inkeep-text_gray\.600 {
      color: var(--inkeep-colors-gray-600);
        }
    .dark .dark\:inkeep-text_whiteAlpha\.800, [data-theme="dark"] .dark\:inkeep-text_whiteAlpha\.800 {
      color: var(--inkeep-colors-white-alpha-800);
        }

  .inkeep-cursor_pointer {
    cursor: pointer;
    }

  .inkeep-transform_translateY\(1px\) {
    transform: translateY(1px);
    }

  .inkeep-gap_1 {
    gap: var(--inkeep-spacing-1);
    }

  .inkeep-flex_row {
    flex-direction: row;
    }

  .inkeep-h_24px {
    height: 24px;
    }

  .inkeep-ml_0 {
    margin-left: var(--inkeep-spacing-0);
    }

  .inkeep-pos_relative {
    position: relative;
    }

  .inkeep-d_inline-flex {
    display: inline-flex;
    }

  .inkeep-d_flex {
    display: flex;
    }

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

@layer recipes.slots {
  .inkeep-switch__root--size_sm {
    --switch-track-width: 1.375rem;
    --switch-track-height: var(--inkeep-sizes-3);
    }

  .inkeep-tooltip__content--variant_default {
    font-weight: var(--inkeep-font-weights-normal);
    }
    .light .inkeep-tooltip__content--variant_default, [data-theme="light"] .inkeep-tooltip__content--variant_default {
      background: var(--inkeep-colors-white);
      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
      color: var(--inkeep-colors-gray-800);
      --tooltip-arrow-bg: white
    ;
        }
    .dark .inkeep-tooltip__content--variant_default, [data-theme="dark"] .inkeep-tooltip__content--variant_default {
      background: var(--inkeep-colors-gray-dark-800);
      color: var(--inkeep-colors-white-alpha-800);
      --tooltip-arrow-bg: var(--inkeep-colors-gray-dark-800)
    ;
        }

  @layer _base {
    .inkeep-switch__root {
      --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);
      --switch-track-diff: calc(var(--switch-track-width) - var(--switch-track-height));
      --switch-thumb-x: var(--switch-track-diff);
      position: relative;
      vertical-align: middle;
      line-height: 0;
      display: inline-flex;
      align-items: center;
        }
      [dir=rtl] .inkeep-switch__root {
        --switch-thumb-x: calc(var(--switch-track-diff) * -1)
    ;
            }

    .inkeep-icon {
      width: 1em;
      height: 1em;
      display: inline-block;
      line-height: 1em;
      flex-shrink: 0;
      color: currentColor;
      vertical-align: middle;
        }
    .inkeep-switch__label {
      -webkit-user-select: none;
      user-select: none;
      margin-inline-start: 0.5rem;
        }
    .inkeep-switch__control {
      border-radius: var(--inkeep-radii-full);
      padding: var(--inkeep-spacing-0\.5);
      width: var(--switch-track-width);
      height: var(--switch-track-height);
      --transition-prop: background, transform;
      transition-property: background, transform;
      --transition-duration: var(--inkeep-durations-fast);
      transition-duration: var(--inkeep-durations-fast);
      --switch-bg: var(--inkeep-colors-gray-300);
      background: var(--switch-bg);
      display: inline-flex;
      flex-shrink: 0;
      justify-content: flex-start;
      box-sizing: content-box;
      cursor: pointer;
        }
      .dark .inkeep-switch__control, [data-theme="dark"] .inkeep-switch__control {
        --switch-bg: var(--inkeep-colors-white-alpha-400)
    ;
            }
    }

  @layer _base {
      .inkeep-switch__control:is(:disabled, [disabled], [data-disabled]) {
        opacity: 0.4;
        cursor: not-allowed;
            }
      .inkeep-switch__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
        --switch-bg: var(--inkeep-colors-color-palette-500)
    ;
            }
      .dark .inkeep-switch__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]), [data-theme="dark"] .inkeep-switch__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
        --switch-bg: var(--inkeep-colors-color-palette-200)
        ;
            }
      .inkeep-switch__control:is(:focus-visible, [data-focus-visible]) {
        box-shadow: var(--inkeep-shadows-outline);
            }
    }

  @layer _base {
    .inkeep-switch__thumb {
      background: var(--inkeep-colors-white);
      --transition-prop: transform;
      transition-property: transform;
      --transition-duration: var(--inkeep-durations-normal);
      transition-duration: var(--inkeep-durations-normal);
      border-radius: inherit;
      width: var(--switch-track-height);
      height: var(--switch-track-height);
        }
      .inkeep-switch__thumb:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
        transform: translateX(var(--switch-thumb-x));
            }
    }

  @layer _base {
    .inkeep-tooltip__arrow {
      --arrow-size: var(--inkeep-sizes-3);
      --arrow-background: var(--tooltip-arrow-bg);
        }
    }

  @layer _base {
      .inkeep-tooltip__arrowTip:is([open], [data-open], [data-state="open"]) {
        animation: fade-in 0.25s ease-out;
            }
      .inkeep-tooltip__arrowTip:is([data-state=closed]) {
        animation: fade-out 0.2s ease-out;
            }
    }

  @layer _base {
    .inkeep-tooltip__positioner {
      --tooltip-arrow-bg: var(--tooltip-bg);
      --tooltip-bg: var(--inkeep-colors-gray-700);
      --tooltip-fg: var(--inkeep-colors-white-alpha-900);
        }
      .dark .inkeep-tooltip__positioner, [data-theme="dark"] .inkeep-tooltip__positioner {
        --tooltip-bg: var(--inkeep-colors-gray-300)
    ;
        --tooltip-fg: var(--inkeep-colors-gray-900)
    ;
            }
    .inkeep-tooltip__content {
      background: var(--tooltip-bg);
      color: var(--tooltip-fg);
      font-weight: var(--inkeep-font-weights-medium);
      font-size: var(--inkeep-font-sizes-sm);
      box-shadow: var(--inkeep-shadows-md);
      max-width: var(--inkeep-sizes-xs);
      z-index: var(--inkeep-z-index-tooltip);
      padding-block: var(--inkeep-spacing-2);
      padding-inline: var(--inkeep-spacing-3);
      border-radius: var(--inkeep-radii-md);
        }
    }

  @layer _base {
      .inkeep-tooltip__content:is([open], [data-open], [data-state="open"]) {
        animation: fade-in 0.25s ease-out;
            }
      .inkeep-tooltip__content:is([data-state=closed]) {
        animation: fade-out 0.2s ease-out;
            }
    }
}