@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))
    ;
        }

  .inkeep-alert__container--variant_left-accent {
    --alert-fg: var(--inkeep-colors-color-palette-500);
    --alert-bg: var(--inkeep-colors-color-palette-100);
    padding-inline-start: var(--inkeep-spacing-3);
    border-inline-start-width: 4px;
    border-inline-start-color: var(--alert-fg);
    }

  .dark .inkeep-alert__container--variant_left-accent, [data-theme="dark"] .inkeep-alert__container--variant_left-accent {
    --alert-fg: var(--inkeep-colors-color-palette-200)
    ;
    --alert-bg-alpha: color-mix(in srgb, transparent 84%, var(--colors-color-palette-200))
    ;
        }

  .inkeep-alert__container--variant_top-accent {
    --alert-fg: var(--inkeep-colors-color-palette-500);
    --alert-bg: var(--inkeep-colors-color-palette-100);
    padding-top: var(--inkeep-spacing-2);
    border-top-width: 4px;
    border-top-color: var(--alert-fg);
    }

  .dark .inkeep-alert__container--variant_top-accent, [data-theme="dark"] .inkeep-alert__container--variant_top-accent {
    --alert-fg: var(--inkeep-colors-color-palette-200)
    ;
    --alert-bg: var(--alert-bg-alpha, var(--colors-color-palette-200))
    ;
        }

  .inkeep-alert__container--variant_solid {
    --alert-fg: var(--inkeep-colors-white);
    --alert-bg: var(--inkeep-colors-color-palette-500);
    color: var(--alert-fg);
    }

  .dark .inkeep-alert__container--variant_solid, [data-theme="dark"] .inkeep-alert__container--variant_solid {
    --alert-fg: var(--inkeep-colors-gray-900)
    ;
    --alert-bg: var(--inkeep-colors-color-palette-200)
    ;
        }

  .inkeep-avatar__root--size_2xs {
    --avatar-size: var(--inkeep-sizes-4);
    --avatar-font-size: var(--inkeep-font-sizes-3xs);
    }

  .inkeep-avatar__root--size_xs {
    --avatar-size: var(--inkeep-sizes-6);
    --avatar-font-size: var(--inkeep-font-sizes-2xs);
    }

  .inkeep-avatar__root--size_sm {
    --avatar-size: var(--inkeep-sizes-8);
    --avatar-font-size: var(--inkeep-font-sizes-xs);
    }

  .inkeep-avatar__root--size_md {
    --avatar-size: var(--inkeep-sizes-12);
    --avatar-font-size: var(--inkeep-font-sizes-md);
    }

  .inkeep-avatar__root--size_lg {
    --avatar-size: var(--inkeep-sizes-16);
    --avatar-font-size: var(--inkeep-font-sizes-lg);
    }

  .inkeep-avatar__root--size_xl {
    --avatar-size: var(--inkeep-sizes-24);
    --avatar-font-size: var(--inkeep-font-sizes-3xl);
    }

  .inkeep-avatar__root--size_2xl {
    --avatar-size: var(--inkeep-sizes-32);
    --avatar-font-size: var(--inkeep-font-sizes-4xl);
    }

  .inkeep-card__container--variant_outline {
    --card-border-width: 1px;
    --card-border-color: var(--inkeep-colors-chakra-border-color);
    }

  .dark .inkeep-card__container--variant_outline, [data-theme="dark"] .inkeep-card__container--variant_outline {
    --card-border-color: var(--inkeep-colors-white-alpha-300)
    ;
        }

  .inkeep-card__container--variant_filled {
    --card-bg: var(--inkeep-colors-chakra-subtle-bg);
    }

  .inkeep-card__container--size_sm {
    --card-radius: var(--inkeep-radii-base);
    --card-padding: var(--inkeep-space-3);
    }

  .inkeep-card__container--size_md {
    --card-radius: var(--inkeep-radii-md);
    --card-padding: var(--inkeep-space-5);
    }

  .inkeep-card__container--variant_elevated {
    --card-shadow: var(--inkeep-shadows-base);
    }

  .dark .inkeep-card__container--variant_elevated, [data-theme="dark"] .inkeep-card__container--variant_elevated {
    --card-bg: var(--inkeep-colors-gray-700)
    ;
        }

  .inkeep-card__container--size_lg {
    --card-radius: var(--inkeep-radii-xl);
    --card-padding: var(--inkeep-space-7);
    }

  .inkeep-card__body--variant_unstyled,.inkeep-card__header--variant_unstyled,.inkeep-card__footer--variant_unstyled {
    --card-padding: 0;
    }

  .inkeep-checkbox__control--size_sm {
    --checkbox-size: var(--inkeep-sizes-3);
    }

  .inkeep-checkbox__control--size_lg {
    --checkbox-size: var(--inkeep-sizes-5);
    }

  .inkeep-checkbox__control--size_md {
    --checkbox-size: var(--inkeep-sizes-4);
    }

  .inkeep-checkbox__control--shape_circular {
    border-radius: var(--inkeep-radii-full);
    }

  .inkeep-checkbox__label--size_sm {
    font-size: var(--inkeep-font-sizes-sm);
    }

  .inkeep-checkbox__label--size_lg {
    font-size: var(--inkeep-font-sizes-lg);
    }

  .inkeep-checkbox__label--size_md {
    font-size: var(--inkeep-font-sizes-md);
    }

  .inkeep-checkbox__icon--size_sm {
    font-size: var(--inkeep-font-sizes-3xs);
    }

  .inkeep-checkbox__icon--size_lg,.inkeep-checkbox__icon--size_md {
    font-size: var(--inkeep-font-sizes-2xs);
    }

  .inkeep-input__group--size_lg {
    --input-font-size: var(--inkeep-font-sizes-lg);
    --input-padding: var(--inkeep-space-4);
    --input-border-radius: var(--inkeep-radii-md);
    --input-height: var(--inkeep-sizes-12);
    }

  .inkeep-input__group--size_sm {
    --input-font-size: var(--inkeep-font-sizes-sm);
    --input-padding: var(--inkeep-space-3);
    --input-border-radius: var(--inkeep-radii-sm);
    --input-height: var(--inkeep-sizes-8);
    }

  .inkeep-input__group--size_xs {
    --input-font-size: var(--inkeep-font-sizes-xs);
    --input-padding: var(--inkeep-space-2);
    --input-border-radius: var(--inkeep-radii-sm);
    --input-height: var(--inkeep-sizes-6);
    }

  .inkeep-input__group--size_md {
    --input-font-size: var(--inkeep-font-sizes-md);
    --input-padding: var(--inkeep-space-4);
    --input-border-radius: var(--inkeep-radii-md);
    --input-height: var(--inkeep-sizes-10);
    }

  .inkeep-input__field--size_lg {
    --input-font-size: var(--inkeep-font-sizes-lg);
    --input-padding: var(--inkeep-space-4);
    --input-border-radius: var(--inkeep-radii-md);
    --input-height: var(--inkeep-sizes-12);
    }

  .inkeep-input__field--size_sm {
    --input-font-size: var(--inkeep-font-sizes-sm);
    --input-padding: var(--inkeep-space-3);
    --input-border-radius: var(--inkeep-radii-sm);
    --input-height: var(--inkeep-sizes-8);
    }

  .inkeep-input__field--size_xs {
    --input-font-size: var(--inkeep-font-sizes-xs);
    --input-padding: var(--inkeep-space-2);
    --input-border-radius: var(--inkeep-radii-sm);
    --input-height: var(--inkeep-sizes-6);
    }

  .inkeep-input__field--variant_outline {
    border: 1px solid;
    border-color: inherit;
    background: inherit;
    }

  .inkeep-input__field--variant_outline:is(:read-only, [data-read-only]) {
    box-shadow: var(--inkeep-shadows-none) !important;
    -webkit-user-select: all;
    user-select: all;
        }

  .inkeep-input__field--variant_outline:is(:invalid, [data-invalid]) {
    border-color: var(--input-error-border-color);
    box-shadow: 0 0 0 1px var(--input-error-border-color);
        }

  .inkeep-input__field--variant_filled {
    border: 2px solid;
    border-color: var(--inkeep-colors-transparent);
    background: var(--inkeep-colors-gray-100);
    }

  .dark .inkeep-input__field--variant_filled, [data-theme="dark"] .inkeep-input__field--variant_filled {
    background: var(--inkeep-colors-white-alpha-50);
        }

  .inkeep-input__field--variant_filled:is(:read-only, [data-read-only]) {
    box-shadow: var(--inkeep-shadows-none) !important;
    -webkit-user-select: all;
    user-select: all;
        }

  .inkeep-input__field--variant_filled:is(:invalid, [data-invalid]) {
    border-color: var(--input-error-border-color);
        }

  .inkeep-input__field--variant_flushed {
    border-bottom: 1px solid;
    border-color: inherit;
    border-radius: 0;
    padding-inline: var(--inkeep-spacing-0);
    background: var(--inkeep-colors-transparent);
    }

  .inkeep-input__field--variant_flushed:is(:read-only, [data-read-only]) {
    box-shadow: var(--inkeep-shadows-none) !important;
    -webkit-user-select: all;
    user-select: all;
        }

  .inkeep-input__field--variant_flushed:is(:invalid, [data-invalid]) {
    border-color: var(--input-error-border-color);
    box-shadow: 0px 1px 0px 0px var(--input-error-border-color);
        }

  .inkeep-input__field--size_md {
    --input-font-size: var(--inkeep-font-sizes-md);
    --input-padding: var(--inkeep-space-4);
    --input-border-radius: var(--inkeep-radii-md);
    --input-height: var(--inkeep-sizes-10);
    }

  .inkeep-input__field--variant_unstyled {
    background: var(--inkeep-colors-transparent);
    padding-inline: var(--inkeep-spacing-0);
    height: var(--inkeep-sizes-auto);
    }

  .inkeep-input__addon--size_lg {
    --input-font-size: var(--inkeep-font-sizes-lg);
    --input-padding: var(--inkeep-space-4);
    --input-border-radius: var(--inkeep-radii-md);
    --input-height: var(--inkeep-sizes-12);
    }

  .inkeep-input__addon--size_sm {
    --input-font-size: var(--inkeep-font-sizes-sm);
    --input-padding: var(--inkeep-space-3);
    --input-border-radius: var(--inkeep-radii-sm);
    --input-height: var(--inkeep-sizes-8);
    }

  .inkeep-input__addon--size_xs {
    --input-font-size: var(--inkeep-font-sizes-xs);
    --input-padding: var(--inkeep-space-2);
    --input-border-radius: var(--inkeep-radii-sm);
    --input-height: var(--inkeep-sizes-6);
    }

  .inkeep-input__addon--variant_outline {
    border: 1px solid;
    border-color: inherit;
    background: var(--inkeep-colors-gray-100);
    }

  .dark .inkeep-input__addon--variant_outline, [data-theme="dark"] .inkeep-input__addon--variant_outline {
    border-color: var(--inkeep-colors-white-alpha-50);
    background: var(--inkeep-colors-white-alpha-300);
        }

  .inkeep-input__addon--variant_filled {
    border: 2px solid;
    border-color: var(--inkeep-colors-transparent);
    background: var(--inkeep-colors-gray-100);
    }

  .dark .inkeep-input__addon--variant_filled, [data-theme="dark"] .inkeep-input__addon--variant_filled {
    background: var(--inkeep-colors-white-alpha-50);
        }

  .inkeep-input__addon--variant_flushed {
    border-bottom: 2px solid;
    border-color: inherit;
    border-radius: 0;
    padding-inline: var(--inkeep-spacing-0);
    background: var(--inkeep-colors-transparent);
    }

  .inkeep-input__addon--size_md {
    --input-font-size: var(--inkeep-font-sizes-md);
    --input-padding: var(--inkeep-space-4);
    --input-border-radius: var(--inkeep-radii-md);
    --input-height: var(--inkeep-sizes-10);
    }

  .inkeep-input__addon--variant_unstyled {
    background: var(--inkeep-colors-transparent);
    padding-inline: var(--inkeep-spacing-0);
    height: var(--inkeep-sizes-auto);
    }

  .inkeep-modal__container--scrollOverflowBehavior_inside {
    overflow: hidden;
    }

  .inkeep-modal__container--isCentered_false {
    align-items: flex-start;
    }

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

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

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

  .inkeep-modal__content--size_xs {
    max-width: var(--inkeep-sizes-xs);
    }

  .inkeep-modal__content--size_sm {
    max-width: var(--inkeep-sizes-sm);
    }

  .inkeep-modal__content--size_lg {
    max-width: var(--inkeep-sizes-lg);
    }

  .inkeep-modal__content--size_xl {
    max-width: var(--inkeep-sizes-xl);
    }

  .inkeep-modal__content--size_2xl {
    max-width: var(--inkeep-sizes-2xl);
    }

  .inkeep-modal__content--size_3xl {
    max-width: var(--inkeep-sizes-3xl);
    }

  .inkeep-modal__content--size_4xl {
    max-width: var(--inkeep-sizes-4xl);
    }

  .inkeep-modal__content--size_5xl {
    max-width: var(--inkeep-sizes-5xl);
    }

  .inkeep-modal__content--size_6xl {
    max-width: var(--inkeep-sizes-6xl);
    }

  .inkeep-modal__content--size_full {
    max-width: 100vw;
    min-height: 100vh;
    margin-block: var(--inkeep-spacing-0);
    border-radius: 0;
    }

  .inkeep-modal__content--scrollOverflowBehavior_inside {
    max-height: calc(100% - 7.5rem);
    }

  .inkeep-modal__content--isCentered_false {
    margin-block: var(--inkeep-spacing-16);
    }

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

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

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

  .inkeep-select__label--size_sm,.inkeep-select__label--size_md,.inkeep-select__label--size_lg {
    font-size: 0.875rem;
    line-height: 1.25rem;
    }

  .inkeep-select__trigger--size_sm {
    padding-inline: var(--inkeep-spacing-2\.5);
    height: var(--inkeep-sizes-9);
    min-width: var(--inkeep-sizes-9);
    font-size: var(--inkeep-font-sizes-sm);
    gap: var(--inkeep-spacing-2);
    }

  .inkeep-select__trigger--size_sm :where(svg) {
    width: var(--inkeep-sizes-4);
    height: var(--inkeep-sizes-4);
        }

  .inkeep-select__trigger--size_md {
    padding-inline: var(--inkeep-spacing-3);
    height: var(--inkeep-sizes-10);
    min-width: var(--inkeep-sizes-10);
    font-size: var(--inkeep-font-sizes-md);
    gap: var(--inkeep-spacing-2);
    }

  .inkeep-select__trigger--size_md :where(svg) {
    width: var(--inkeep-sizes-4);
    height: var(--inkeep-sizes-4);
        }

  .inkeep-select__trigger--size_lg {
    padding-inline: var(--inkeep-spacing-3\.5);
    height: var(--inkeep-sizes-11);
    min-width: var(--inkeep-sizes-11);
    font-size: var(--inkeep-font-sizes-md);
    gap: var(--inkeep-spacing-2);
    }

  .inkeep-select__trigger--size_lg :where(svg) {
    width: var(--inkeep-sizes-5);
    height: var(--inkeep-sizes-5);
        }

  .inkeep-select__trigger--variant_outline {
    background: var(--inkeep-colors-white);
    border-width: 1px;
    }

  .dark .inkeep-select__trigger--variant_outline, [data-theme="dark"] .inkeep-select__trigger--variant_outline {
    background: var(--inkeep-colors-color-palette-800);
        }

  .inkeep-select__item--size_sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding-inline: var(--inkeep-spacing-2);
    height: var(--inkeep-sizes-9);
    }

  .inkeep-select__item--size_md {
    height: var(--inkeep-sizes-10);
    }

  .inkeep-select__item--size_md,.inkeep-select__item--size_lg {
    font-size: 1rem;
    line-height: 1.5rem;
    padding-inline: var(--inkeep-spacing-2);
    }

  .inkeep-select__item--size_lg {
    height: var(--inkeep-sizes-11);
    }

  .inkeep-select__itemIndicator--size_sm :where(svg) {
    width: var(--inkeep-sizes-4);
    height: var(--inkeep-sizes-4);
        }

  .inkeep-select__itemIndicator--size_md :where(svg) {
    width: var(--inkeep-sizes-4);
    height: var(--inkeep-sizes-4);
        }

  .inkeep-select__itemIndicator--size_lg :where(svg) {
    width: var(--inkeep-sizes-5);
    height: var(--inkeep-sizes-5);
        }

  .inkeep-select__itemGroupLabel--size_sm,.inkeep-select__itemGroupLabel--size_md,.inkeep-select__itemGroupLabel--size_lg {
    padding-inline: var(--inkeep-spacing-2);
    padding-block: var(--inkeep-spacing-1\.5);
    }

  .inkeep-select__content--size_sm {
    padding: var(--inkeep-spacing-0\.5);
    gap: var(--inkeep-spacing-1);
    }

  .inkeep-select__content--size_md {
    padding: var(--inkeep-spacing-1);
    gap: var(--inkeep-spacing-1);
    }

  .inkeep-select__content--size_lg {
    padding: var(--inkeep-spacing-1\.5);
    gap: var(--inkeep-spacing-1);
    }

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

  .inkeep-switch__root--size_md {
    --switch-track-width: 1.875rem;
    --switch-track-height: var(--inkeep-sizes-4);
    }

  .inkeep-switch__root--size_lg {
    --switch-track-width: 2.875rem;
    --switch-track-height: var(--inkeep-sizes-6);
    }

  .inkeep-switch__control--size_xss {
    width: 24px;
    height: 12px;
    }

  .inkeep-switch__thumb--size_xss {
    width: 12px;
    height: 12px;
    }

  .inkeep-tabs__list--variant_enclosed,.inkeep-tabs__list--variant_enclosed-colored {
    margin-bottom: -1px;
    border-bottom: 1px solid;
    border-color: inherit;
    }

  .inkeep-tabs__list--variant_line {
    --tabs-border-color: 2px solid;
    border-color: inherit;
    }

  .inkeep-tabs__trigger--size_sm {
    padding-block: var(--inkeep-spacing-1);
    padding-inline: var(--inkeep-spacing-4);
    font-size: var(--inkeep-font-sizes-sm);
    }

  .inkeep-tabs__trigger--size_lg {
    font-size: var(--inkeep-font-sizes-lg);
    padding-block: var(--inkeep-spacing-3);
    padding-inline: var(--inkeep-spacing-4);
    }

  .inkeep-tabs__trigger--variant_enclosed {
    border-top-left-radius: var(--inkeep-radii-md);
    border-top-right-radius: var(--inkeep-radii-md);
    border: 1px solid;
    border-color: var(--inkeep-colors-transparent);
    margin-bottom: -1px;
    --tabs-border-color: transparent;
    color: var(--tabs-color);
    }

  .inkeep-tabs__trigger--variant_enclosed:is([aria-selected=true], [data-selected]) {
    --tabs-color: var(--inkeep-colors-color-palette-600)
    ;
    --tabs-border-color: var(--inkeep-colors-white)
    ;
        }

  .dark .inkeep-tabs__trigger--variant_enclosed:is([aria-selected=true], [data-selected]), [data-theme="dark"] .inkeep-tabs__trigger--variant_enclosed:is([aria-selected=true], [data-selected]) {
    --tabs-color: var(--inkeep-colors-color-palette-300)
        ;
    --tabs-border-color: var(--inkeep-colors-gray-800)
        ;
        }

  .inkeep-tabs__trigger--variant_enclosed:is([aria-selected=true], [data-selected]) {
    border-color: inherit;
    border-bottom-color: var(--tabs-border-color);
        }

  .inkeep-tabs__trigger--variant_enclosed-colored {
    border: 1px solid;
    border-color: inherit;
    --tabs-bg: var(--inkeep-colors-gray-50);
    margin-bottom: -1px;
    color: var(--tabs-color);
    background: var(--tabs-bg);
    }

  .dark .inkeep-tabs__trigger--variant_enclosed-colored, [data-theme="dark"] .inkeep-tabs__trigger--variant_enclosed-colored {
    --tabs-bg: var(--inkeep-colors-white-alpha-50)
    ;
        }

  .inkeep-tabs__trigger--variant_enclosed-colored:is([aria-selected=true], [data-selected]) {
    --tabs-bg: var(--inkeep-colors-white)
    ;
    --tabs-color: var(--inkeep-colors-color-palette-600)
    ;
        }

  .dark .inkeep-tabs__trigger--variant_enclosed-colored:is([aria-selected=true], [data-selected]), [data-theme="dark"] .inkeep-tabs__trigger--variant_enclosed-colored:is([aria-selected=true], [data-selected]) {
    --tabs-bg: var(--inkeep-colors-gray-800)
        ;
    --tabs-color: var(--inkeep-colors-color-palette-300)
        ;
        }

  .inkeep-tabs__trigger--variant_enclosed-colored:is([aria-selected=true], [data-selected]) {
    border-color: inherit;
    border-top-color: currentColor;
    border-bottom-color: var(--inkeep-colors-transparent);
        }

  .inkeep-tabs__trigger--variant_enclosed-colored _notLast {
    margin-inline-end: -1px;
        }

  .inkeep-tabs__trigger--variant_soft-rounded {
    border-radius: var(--inkeep-radii-full);
    font-weight: var(--inkeep-font-weights-semibold);
    color: var(--inkeep-colors-gray-600);
    }

  .inkeep-tabs__trigger--variant_soft-rounded:is([aria-selected=true], [data-selected]) {
    color: var(--inkeep-colors-color-palette-700);
    background: var(--inkeep-colors-color-palette-100);
        }

  .inkeep-tabs__trigger--variant_solid-rounded {
    border-radius: var(--inkeep-radii-full);
    font-weight: var(--inkeep-font-weights-semibold);
    --tabs-color: var(--inkeep-colors-gray-600);
    color: var(--tabs-color);
    background: var(--tabs-bg);
    }

  .dark .inkeep-tabs__trigger--variant_solid-rounded, [data-theme="dark"] .inkeep-tabs__trigger--variant_solid-rounded {
    --tabs-color: inherit
    ;
        }

  .inkeep-tabs__trigger--variant_solid-rounded:is([aria-selected=true], [data-selected]) {
    --tabs-color: var(--inkeep-colors-white)
    ;
    --tabs-bg: var(--inkeep-colors-color-palette-600)
    ;
        }

  .dark .inkeep-tabs__trigger--variant_solid-rounded:is([aria-selected=true], [data-selected]), [data-theme="dark"] .inkeep-tabs__trigger--variant_solid-rounded:is([aria-selected=true], [data-selected]) {
    --tabs-color: var(--inkeep-colors-gray-800)
        ;
    --tabs-bg: var(--inkeep-colors-color-palette-300)
        ;
        }

  .inkeep-tabs__trigger--size_md {
    font-size: var(--inkeep-font-sizes-md);
    padding-block: var(--inkeep-spacing-2);
    padding-inline: var(--inkeep-spacing-4);
    }

  .inkeep-tabs__trigger--variant_line {
    --tabs-border-color: 2px solid;
    border-color: var(--inkeep-colors-transparent);
    --tabs-margin-prop: -2px;
    color: var(--tabs-color);
    background: var(--tabs-bg);
    }

  .inkeep-tabs__trigger--variant_line:is([aria-selected=true], [data-selected]) {
    --tabs-color: var(--inkeep-colors-color-palette-600)
    ;
        }

  .dark .inkeep-tabs__trigger--variant_line:is([aria-selected=true], [data-selected]), [data-theme="dark"] .inkeep-tabs__trigger--variant_line:is([aria-selected=true], [data-selected]) {
    --tabs-color: var(--inkeep-colors-color-palette-300)
        ;
        }

  .inkeep-tabs__trigger--variant_line:is([aria-selected=true], [data-selected]) {
    border-color: currentColor;
        }

  .inkeep-tabs__trigger--isFitted_true {
    flex: 1 1 0%;
    }

  .inkeep-table__caption--variant_striped {
    color: var(--inkeep-colors-gray-600);
    }

  .dark .inkeep-table__caption--variant_striped, [data-theme="dark"] .inkeep-table__caption--variant_striped {
    color: var(--inkeep-colors-gray-100);
        }

  .inkeep-table__caption--size_sm {
    padding-inline: var(--inkeep-spacing-4);
    padding-block: var(--inkeep-spacing-2);
    font-size: var(--inkeep-font-sizes-xs);
    }

  .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__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_lg {
    padding-inline: var(--inkeep-spacing-6);
    padding-block: var(--inkeep-spacing-2);
    font-size: var(--inkeep-font-sizes-md);
    }

  .inkeep-table__tbody--variant_striped tr:nth-of-type(odd) th, .inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td {
    border-bottom-width: 1px;
    border-color: var(--inkeep-colors-color-palette-100);
        }

  .dark .inkeep-table__tbody--variant_striped tr:nth-of-type(odd) th, [data-theme="dark"] .inkeep-table__tbody--variant_striped tr:nth-of-type(odd) th, .dark .inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td, [data-theme="dark"] .inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td {
    border-color: var(--inkeep-colors-color-palette-700);
        }

  .inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td {
    background: var(--inkeep-colors-color-palette-100);
        }

  .dark .inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td, [data-theme="dark"] .inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td {
    background: var(--inkeep-colors-color-palette-700);
        }

  .inkeep-table__td--variant_striped {
    border-bottom: var(--inkeep-borders-1px);
    border-color: var(--inkeep-colors-color-palette-100);
    }

  .dark .inkeep-table__td--variant_striped, [data-theme="dark"] .inkeep-table__td--variant_striped {
    border-color: var(--inkeep-colors-color-palette-700);
        }

  .inkeep-table__td--variant_striped[data-is-numeric=true] {
    text-align: end;
        }

  .inkeep-table__td--size_sm {
    padding-inline: var(--inkeep-spacing-4);
    padding-block: var(--inkeep-spacing-2);
    font-size: var(--inkeep-font-sizes-sm);
    line-height: var(--inkeep-line-heights-4);
    }

  .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__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_lg {
    padding-inline: var(--inkeep-spacing-8);
    padding-block: var(--inkeep-spacing-5);
    line-height: var(--inkeep-line-heights-6);
    }

  .inkeep-table__tfoot--variant_striped th tr:last-of-type {
    border-bottom-width: 0;
        }

  .inkeep-table__th--variant_striped {
    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_striped, [data-theme="dark"] .inkeep-table__th--variant_striped {
    color: var(--inkeep-colors-gray-400);
    border-color: var(--inkeep-colors-color-palette-700);
        }

  .inkeep-table__th--variant_striped[data-is-numeric=true] {
    text-align: end;
        }

  .inkeep-table__th--size_sm {
    padding-inline: var(--inkeep-spacing-4);
    padding-block: var(--inkeep-spacing-1);
    }

  .inkeep-table__th--size_sm,.inkeep-table__th--size_md {
    line-height: var(--inkeep-line-heights-4);
    font-size: var(--inkeep-font-sizes-xs);
    }

  .inkeep-table__th--size_md {
    padding-inline: var(--inkeep-spacing-6);
    padding-block: var(--inkeep-spacing-3);
    }

  .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_lg {
    padding-inline: var(--inkeep-spacing-8);
    padding-block: var(--inkeep-spacing-4);
    line-height: var(--inkeep-line-heights-5);
    font-size: var(--inkeep-font-sizes-sm);
    }

  .inkeep-table__tr--variant_tfoot th:last-of-type {
    border-bottom-width: 0;
        }

  .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)
    ;
        }

  .light .inkeep-search-bar-trigger__container--variant_emphasized, [data-theme="light"] .inkeep-search-bar-trigger__container--variant_emphasized {
    border-color: var(--inkeep-colors-gray-100);
    box-shadow: var(--inkeep-shadows-sm);
        }

  .inkeep-search-bar-trigger__container--variant_subtle {
    border-color: var(--inkeep-colors-gray-300);
    color: var(--inkeep-colors-gray-500) !important;
    }

  .dark .inkeep-search-bar-trigger__container--variant_subtle, [data-theme="dark"] .inkeep-search-bar-trigger__container--variant_subtle {
    color: var(--inkeep-colors-white-alpha-500) !important;
    border-color: var(--inkeep-colors-white-alpha-300);
        }

  .inkeep-search-bar-trigger__wrapper--size_expand {
    width: 100%;
    height: 100%;
    }

  .inkeep-search-bar-trigger__kbd--variant_subtle {
    border: var(--inkeep-borders-none);
    padding-inline: var(--inkeep-spacing-0);
    color: var(--inkeep-colors-gray-500);
    }

  .dark .inkeep-search-bar-trigger__kbd--variant_subtle, [data-theme="dark"] .inkeep-search-bar-trigger__kbd--variant_subtle {
    color: var(--inkeep-colors-white-alpha-500);
        }

  .inkeep-search-bar-trigger__icon--variant_subtle {
    width: 18px;
    }

  .inkeep-input__field--variant_outline:is(:focus-visible, [data-focus-visible]) {
    z-index: 1;
    border-color: var(--input-focus-border-color);
    box-shadow: 0 0 0 1px var(--input-focus-border-color);
        }

  .inkeep-input__field--variant_filled:is(:focus-visible, [data-focus-visible]) {
    background: var(--inkeep-colors-transparent);
    border-color: var(--input-focus-border-color);
        }

  .inkeep-input__field--variant_flushed:is(:focus-visible, [data-focus-visible]) {
    border-color: var(--input-focus-border-color);
    box-shadow: 0px 1px 0px 0px var(--input-focus-border-color);
        }

  .inkeep-select__trigger--variant_ghost:is(:focus, [data-focus]) {
    background: var(--inkeep-colors-color-palette-100);
        }

  .dark .inkeep-select__trigger--variant_ghost:is(:focus, [data-focus]), [data-theme="dark"] .inkeep-select__trigger--variant_ghost:is(:focus, [data-focus]) {
    background: var(--inkeep-colors-color-palette-900);
        }

  .inkeep-select__trigger--variant_outline:is(:focus, [data-focus]) {
    border-color: var(--inkeep-colors-color-palette-200);
        }

  .dark .inkeep-select__trigger--variant_outline:is(:focus, [data-focus]), [data-theme="dark"] .inkeep-select__trigger--variant_outline:is(:focus, [data-focus]) {
    border-color: var(--inkeep-colors-color-palette-800);
        }

  .inkeep-select__trigger--variant_outline:is(:focus, [data-focus]) {
    box-shadow: var(--inkeep-shadows-accent);
        }

  .inkeep-input__field--variant_outline:is(:hover, [data-hover]) {
    border-color: var(--inkeep-colors-gray-300);
        }

  .dark .inkeep-input__field--variant_outline:is(:hover, [data-hover]), [data-theme="dark"] .inkeep-input__field--variant_outline:is(:hover, [data-hover]) {
    border-color: var(--inkeep-colors-white-alpha-400);
        }

  .inkeep-input__field--variant_filled:is(:hover, [data-hover]) {
    background: var(--inkeep-colors-gray-200);
        }

  .dark .inkeep-input__field--variant_filled:is(:hover, [data-hover]), [data-theme="dark"] .inkeep-input__field--variant_filled:is(:hover, [data-hover]) {
    background: var(--inkeep-colors-white-alpha-100);
        }

  .inkeep-select__trigger--variant_ghost:is(:hover, [data-hover]) {
    background: var(--inkeep-colors-color-palette-100);
        }

  .dark .inkeep-select__trigger--variant_ghost:is(:hover, [data-hover]), [data-theme="dark"] .inkeep-select__trigger--variant_ghost:is(:hover, [data-hover]) {
    background: var(--inkeep-colors-color-palette-900);
        }

  .light .inkeep-search-bar-trigger__container--variant_emphasized:is(:hover, [data-hover]), [data-theme="light"] .inkeep-search-bar-trigger__container--variant_emphasized:is(:hover, [data-hover]) {
    box-shadow: var(--inkeep-shadows-md);
    background: none !important;
        }

  .dark .inkeep-search-bar-trigger__container--variant_emphasized:is(:hover, [data-hover]), [data-theme="dark"] .inkeep-search-bar-trigger__container--variant_emphasized:is(:hover, [data-hover]) {
    background: none !important;
        }

  .inkeep-search-bar-trigger__container--variant_subtle:is(:hover, [data-hover]) {
    border-color: var(--inkeep-colors-gray-400);
    background: none !important;
        }

  .dark .inkeep-search-bar-trigger__container--variant_subtle:is(:hover, [data-hover]), [data-theme="dark"] .inkeep-search-bar-trigger__container--variant_subtle:is(:hover, [data-hover]) {
    border-color: var(--inkeep-colors-white-alpha-400);
        }

  .inkeep-tabs__trigger--variant_line:is(:active, [data-active]) {
    --tabs-bg: var(--inkeep-colors-gray-200)
    ;
        }

  .dark .inkeep-tabs__trigger--variant_line:is(:active, [data-active]), [data-theme="dark"] .inkeep-tabs__trigger--variant_line:is(:active, [data-active]) {
    --tabs-bg: var(--inkeep-colors-white-alpha-300)
        ;
        }

  .inkeep-tabs__trigger--variant_line:is(:disabled, [disabled], [data-disabled]):is(:active, [data-active]) {
    background: none;
        }

  @layer _base {

    .inkeep-alert__container,.inkeep-btn,.inkeep-alert__container {
      align-items: center;
      position: relative;
        }

    .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;
      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);
        }

    .inkeep-avatar__root {
      background: var(--avatar-bg);
      font-size: var(--avatar-font-size);
      color: var(--inkeep-colors-white);
      border-color: var(--avatar-border-color);
      vertical-align: top;
      width: var(--avatar-size);
      height: var(--avatar-size);
      --avatar-border-color: var(--inkeep-colors-white);
      display: inline-flex;
      justify-content: center;
      text-align: center;
      text-transform: uppercase;
      font-weight: var(--inkeep-font-weights-medium);
      position: relative;
      flex-shrink: 0;
      border-radius: var(--avatar-border-radius, var(--inkeep-sizes-full));
        }

    .inkeep-avatar__root[data-is-bg-dark] {
      color: var(--inkeep-colors-gray-800);
            }

    .inkeep-avatar__root:not([data-loaded]) {
      --avatar-bg: var(--inkeep-colors-gray-400)
    ;
            }

    .dark .inkeep-avatar__root, [data-theme="dark"] .inkeep-avatar__root {
      --avatar-border-color: var(--inkeep-colors-gray-800)
    ;
            }

    .inkeep-avatar__fallback {
      align-items: center;
      display: flex;
      font-weight: var(--inkeep-font-weights-semibold);
      height: inherit;
      justify-content: center;
        }

    .inkeep-avatar__image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: var(--avatar-border-radius, var(--inkeep-sizes-full));
        }

    .inkeep-card__container {
      --card-bg: var(--inkeep-colors-chakra-body-bg);
      background-color: var(--card-bg);
      box-shadow: var(--card-shadow);
      border-radius: var(--card-radius);
      color: var(--inkeep-colors-chakra-body-text);
      border-width: var(--card-border-width, 0);
      border-color: var(--card-border-color);
        }

    .inkeep-card__body {
      flex: 1 1 0%;
        }

    .inkeep-card__body,.inkeep-card__header,.inkeep-card__footer {
      padding: var(--card-padding);
        }

    .inkeep-checkbox__container {
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      vertical-align: top;
      position: relative;
      --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);
        }

    .inkeep-checkbox__container:is(:disabled, [disabled], [data-disabled]) {
      cursor: not-allowed;
            }

    .inkeep-checkbox__control {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      vertical-align: top;
      -webkit-user-select: none;
      user-select: none;
      flex-shrink: 0;
      width: var(--checkbox-size, 1em);
      height: var(--checkbox-size, 1em);
      --transition-prop: box-shadow;
      transition-property: box-shadow;
      --transition-duration: var(--inkeep-durations-normal);
      transition-duration: var(--inkeep-durations-normal);
      border: 2px solid;
      border-radius: var(--inkeep-radii-sm);
      border-color: inherit;
      color: var(--inkeep-colors-white);
        }

    .inkeep-checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
      background: var(--inkeep-colors-color-palette-500);
            }

    .dark .inkeep-checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]), [data-theme="dark"] .inkeep-checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
      background: var(--inkeep-colors-color-palette-200);
      border-color: var(--inkeep-colors-color-palette-200);
      color: var(--inkeep-colors-gray-900);
            }

    .inkeep-checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
      border-color: var(--inkeep-colors-color-palette-500);
      color: var(--inkeep-colors-white);
            }

    .inkeep-checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:disabled, [disabled], [data-disabled]) {
      border-color: var(--inkeep-colors-gray-200);
            }

    .dark .inkeep-checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:disabled, [disabled], [data-disabled]), [data-theme="dark"] .inkeep-checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:disabled, [disabled], [data-disabled]) {
      border-color: var(--inkeep-colors-transparent);
      background: var(--inkeep-colors-white-alpha-300);
      color: var(--inkeep-colors-white-alpha-500);
            }

    .inkeep-checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:disabled, [disabled], [data-disabled]) {
      background: var(--inkeep-colors-gray-200);
      color: var(--inkeep-colors-gray-500);
            }

    .inkeep-checkbox__control:is(:disabled, [disabled], [data-disabled]) {
      background: var(--inkeep-colors-gray-100);
            }

    .dark .inkeep-checkbox__control:is(:disabled, [disabled], [data-disabled]), [data-theme="dark"] .inkeep-checkbox__control:is(:disabled, [disabled], [data-disabled]) {
      background: var(--inkeep-colors-white-alpha-100);
      border-color: var(--inkeep-colors-transparent);
            }

    .inkeep-checkbox__control:is(:disabled, [disabled], [data-disabled]) {
      border-color: var(--inkeep-colors-gray-100);
            }

    .inkeep-checkbox__control:is(:invalid, [data-invalid]) {
      border-color: var(--inkeep-colors-red-500);
            }

    .dark .inkeep-checkbox__control:is(:invalid, [data-invalid]), [data-theme="dark"] .inkeep-checkbox__control:is(:invalid, [data-invalid]) {
      border-color: var(--inkeep-colors-red-300);
            }

    .inkeep-checkbox__label {
      margin-left: 0.5rem;
      -webkit-user-select: none;
      user-select: none;
        }

    .inkeep-checkbox__label:is(:disabled, [disabled], [data-disabled]) {
      opacity: 0.4;
            }

    .inkeep-checkbox__icon {
      animation: checkAnim 200ms linear;
      font-size: var(--checkbox-size, 1em);
      color: var(--checkbox-icon-color, unset);
      --transition-prop: transform;
      transition-property: transform;
      --transition-duration: var(--inkeep-durations-normal);
      transition-duration: var(--inkeep-durations-normal);
        }

    .inkeep-form-control__container {
      width: 100%;
      position: relative;
        }

    .inkeep-form-control__required-indicator {
      margin-inline-start: var(--inkeep-spacing-1);
      --form-control-color: var(--inkeep-colors-red-500);
      color: var(--form-control-color);
        }

    .dark .inkeep-form-control__required-indicator, [data-theme="dark"] .inkeep-form-control__required-indicator {
      --form-control-color: var(--inkeep-colors-red-300)
    ;
            }

    .inkeep-form-control__helper {
      margin-top: var(--inkeep-spacing-2);
      --form-control-color: var(--inkeep-colors-gray-600);
      color: var(--form-control-color);
      line-height: var(--inkeep-line-heights-normal);
      font-size: var(--inkeep-font-sizes-sm);
        }

    .dark .inkeep-form-control__helper, [data-theme="dark"] .inkeep-form-control__helper {
      --form-control-color: var(--inkeep-colors-white-alpha-600)
    ;
            }

    .inkeep-form-control__label {
      display: block;
      text-align: start;
      font-size: var(--inkeep-font-sizes-md);
      margin-inline-end: var(--inkeep-spacing-3);
      margin-bottom: var(--inkeep-spacing-2);
      font-weight: var(--inkeep-font-weights-medium);
      --transition-prop: common;
      transition-property: common;
      --transition-duration: var(--inkeep-durations-normal);
      transition-duration: var(--inkeep-durations-normal);
      opacity: 1;
        }

    .inkeep-form-control__label:is(:disabled, [disabled], [data-disabled]) {
      opacity: 0.4;
            }

    .inkeep-form-control__error {
      display: flex;
      align-items: center;
      --form-error-color: var(--inkeep-colors-red-500);
      color: var(--form-error-color);
      margin-top: var(--inkeep-spacing-2);
      font-size: var(--inkeep-font-sizes-sm);
      line-height: var(--inkeep-line-heights-normal);
        }

    .dark .inkeep-form-control__error, [data-theme="dark"] .inkeep-form-control__error {
      --form-error-color: var(--inkeep-colors-red-300)
    ;
            }

    .inkeep-form-control__error-icon {
      margin-inline-end: 0.5em;
      --form-error-color: var(--inkeep-colors-red-500);
      color: var(--form-error-color);
        }

    .dark .inkeep-form-control__error-icon, [data-theme="dark"] .inkeep-form-control__error-icon {
      --form-error-color: var(--inkeep-colors-red-300)
    ;
            }

    .inkeep-input__group {
      width: 100%;
      display: flex;
      position: relative;
      isolation: isolate;
      --input-border-radius: 0;
        }

    .inkeep-input__group > [data-placement="left"] {
      border-start-start-radius: 0;
      border-end-start-radius: 0;
            }

    .inkeep-input__group > [data-placement="right"] {
      border-start-end-radius: 0;
      border-end-end-radius: 0;
            }

    .inkeep-input__group:has([data-placement="right"]) > input {
      border-start-end-radius: 0;
      border-end-end-radius: 0;
            }

    .inkeep-input__field {
      height: var(--input-height);
      font-size: var(--input-font-size);
      padding-inline: var(--input-padding);
      border-radius: var(--input-border-radius);
      width: 100%;
      min-width: var(--inkeep-sizes-0);
      outline: 0;
      position: relative;
      appearance: none;
      -webkit-appearance: none;
      --transition-prop: common;
      transition-property: common;
      --transition-duration: var(--inkeep-durations-normal);
      transition-duration: var(--inkeep-durations-normal);
      --input-focus-border-color: var(--inkeep-colors-blue-500);
      --input-error-border-color: var(--inkeep-colors-red-500);
        }

    .inkeep-input__field:is(:disabled, [disabled], [data-disabled]) {
      opacity: 0.4;
      cursor: not-allowed;
            }

    .dark .inkeep-input__field, [data-theme="dark"] .inkeep-input__field {
      --input-focus-border-color: var(--inkeep-colors-blue-300)
    ;
      --input-error-border-color: var(--inkeep-colors-red-300)
    ;
            }

    .inkeep-input__addon {
      height: var(--input-height);
      font-size: var(--input-font-size);
      padding-inline: var(--input-padding);
      border-radius: var(--input-border-radius);
        }

    .inkeep-input__addon + input {
      border-start-start-radius: 0;
      border-end-start-radius: 0;
            }

    .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);
            }

    .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);
            }

    .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);
            }

    .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;
        }

    .inkeep-popover__arrow {
      --arrow-size: var(--inkeep-sizes-3);
      --arrow-background: var(--popper-arrow-bg);
        }

    .inkeep-popover__arrowTip {
      border-top-width: 1px;
      border-left-width: 1px;
        }

    .inkeep-popover__positioner {
      position: relative;
      z-index: var(--inkeep-z-index-popover);
        }

    .inkeep-popover__content {
      position: relative;
      display: flex;
      flex-direction: column;
      --popper-bg: var(--inkeep-colors-white);
      background: var(--popper-bg);
      --popper-arrow-bg: var(--popper-bg);
      --popper-arrow-shadow-color: var(--inkeep-colors-gray-200);
      width: var(--inkeep-sizes-xs);
      border: 1px solid;
      border-color: inherit;
      border-radius: var(--inkeep-radii-md);
      box-shadow: var(--inkeep-shadows-sm);
      z-index: inherit;
        }

    .dark .inkeep-popover__content, [data-theme="dark"] .inkeep-popover__content {
      --popper-bg: var(--inkeep-colors-gray-dark-800)
    ;
      --popper-arrow-shadow-color: var(--inkeep-colors-white-alpha-300)
    ;
            }

    .inkeep-popover__content:is([open], [data-open], [data-state="open"]) {
      animation: fade-in 0.25s ease-out;
            }

    .inkeep-popover__content:is([data-state=closed]) {
      animation: fade-out 0.2s ease-out;
            }

    .inkeep-popover__title {
      border-bottom-width: 1px;
        }

    .inkeep-popover__title,.inkeep-popover__description {
      padding-inline: var(--inkeep-spacing-3);
      padding-block: var(--inkeep-spacing-2);
        }

    .inkeep-popover__closeTrigger {
      position: absolute;
      border-radius: var(--inkeep-radii-md);
      top: var(--inkeep-spacing-1);
      inset-inline-end: var(--inkeep-spacing-2);
      padding: var(--inkeep-spacing-2);
        }

    .inkeep-popover__footer {
      padding-inline: var(--inkeep-spacing-3);
      padding-block: var(--inkeep-spacing-2);
      border-top-width: 1px;
        }

    .inkeep-select__label {
      color: var(--inkeep-colors-color-palette-700);
      font-weight: var(--inkeep-font-weights-medium);
        }

    .dark .inkeep-select__label, [data-theme="dark"] .inkeep-select__label {
      color: var(--inkeep-colors-color-palette-200);
            }

    .inkeep-select__trigger {
      height: var(--input-height);
      font-size: var(--input-font-size);
      padding-inline: var(--input-padding);
      border-radius: var(--inkeep-radii-md);
      width: var(--inkeep-sizes-full);
      min-width: var(--inkeep-sizes-0);
      outline: 0;
      position: relative;
      appearance: none;
      -webkit-appearance: none;
      --transition-prop: background, box-shadow, border-color;
      transition-property: background, box-shadow, border-color;
      --transition-duration: var(--inkeep-durations-normal);
      transition-duration: var(--inkeep-durations-normal);
      --input-focus-border-color: var(--inkeep-colors-blue-500);
      --input-error-border-color: var(--inkeep-colors-red-500);
      padding-bottom: 1px;
      line-height: var(--inkeep-line-heights-normal);
      background: var(--select-bg);
      --select-bg: var(--inkeep-colors-white);
      align-items: center;
      border-color: var(--inkeep-colors-color-palette-300);
      cursor: pointer;
      display: inline-flex;
      justify-content: space-between;
      --transition-easing: var(--inkeep-easings-default);
      transition-timing-function: var(--inkeep-easings-default);
        }

    .inkeep-select__trigger:is(:disabled, [disabled], [data-disabled]) {
      opacity: 0.4;
      cursor: not-allowed;
            }

    .dark .inkeep-select__trigger, [data-theme="dark"] .inkeep-select__trigger {
      --select-bg: var(--inkeep-colors-color-palette-700)
    ;
      border-color: var(--inkeep-colors-color-palette-700);
            }

    .inkeep-select__trigger:placeholder-shown {
      color: var(--inkeep-colors-color-palette-500);
            }

    .dark .inkeep-select__trigger:placeholder-shown, [data-theme="dark"] .inkeep-select__trigger:placeholder-shown {
      color: var(--inkeep-colors-color-palette-400);
            }

    .inkeep-select__trigger :where(svg) {
      color: var(--inkeep-colors-color-palette-500);
            }

    .dark .inkeep-select__trigger :where(svg), [data-theme="dark"] .inkeep-select__trigger :where(svg) {
      color: var(--inkeep-colors-color-palette-400);
            }

    .inkeep-select__item {
      align-items: center;
      border-radius: var(--inkeep-radii-xs);
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      --transition-duration: var(--inkeep-durations-fast);
      transition-duration: var(--inkeep-durations-fast);
      --transition-prop: background, color;
      transition-property: background, color;
      --transition-easing: var(--inkeep-easings-default);
      transition-timing-function: var(--inkeep-easings-default);
        }

    .inkeep-select__item[data-highlighted] {
      background: var(--inkeep-colors-color-palette-100);
            }

    .dark .inkeep-select__item[data-highlighted], [data-theme="dark"] .inkeep-select__item[data-highlighted] {
      background: var(--inkeep-colors-color-palette-800);
            }

    .inkeep-select__item:is(:disabled, [disabled], [data-disabled]) {
      --color-alpha: color-mix(in srgb, transparent 0%, var(--inkeep-colors-gray-300));
      color: var(--color-alpha, var(--inkeep-colors-gray-300));
            }

    .dark .inkeep-select__item:is(:disabled, [disabled], [data-disabled]), [data-theme="dark"] .inkeep-select__item:is(:disabled, [disabled], [data-disabled]) {
      --color-alpha: color-mix(in srgb, transparent 50%, var(--inkeep-colors-gray-300));
      color: var(--color-alpha, var(--inkeep-colors-gray-300));
            }

    .inkeep-select__item:is(:disabled, [disabled], [data-disabled]) {
      cursor: not-allowed;
            }

    .inkeep-select__itemIndicator {
      color: var(--inkeep-colors-accent-default);
        }

    .inkeep-select__itemGroupLabel {
      font-weight: var(--inkeep-font-weights-semibold);
      font-size: 0.875rem;
      line-height: 1.25rem;
        }

    .inkeep-select__content {
      --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);
      background: var(--inkeep-colors-white);
      border-radius: var(--inkeep-radii-md);
      border-width: 1px;
      box-shadow: var(--inkeep-shadows-sm);
      display: flex;
      flex-direction: column;
        }

    .dark .inkeep-select__content, [data-theme="dark"] .inkeep-select__content {
      background: var(--inkeep-colors-color-palette-900);
            }

    .inkeep-select__content[hidden], .inkeep-select__content[data-hidden] {
      display: none;
            }

    .inkeep-select__content:is([open], [data-open], [data-state="open"]) {
      animation: fade-in 0.25s ease-out;
            }

    .inkeep-select__content:is([data-state=closed]) {
      animation: fade-out 0.2s ease-out;
            }

    .inkeep-select__root {
      --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);
      display: flex;
      flex-direction: column;
      gap: var(--inkeep-spacing-1\.5);
      width: var(--inkeep-sizes-full);
        }

    .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-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)
    ;
            }

    .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__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));
            }

    .inkeep-tabs__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);
        }

    .inkeep-tabs__root[data-orientation=vertical] {
      display: flex;
            }

    .inkeep-tabs__root[data-orientation=horizontal] {
      display: block;
            }

    .inkeep-tabs__list {
      position: relative;
      scrollbar-width: none;
      display: flex;
        }

    .inkeep-tabs__list::-webkit-scrollbar {
      display: none;
            }

    .inkeep-tabs__list[data-orientation=vertical] {
      flex-direction: column;
      border-inline-start: var(--tabs-border-color);
      margin-inline-start: var(--tabs-margin-prop);
            }

    .inkeep-tabs__list[data-orientation=horizontal] {
      flex-direction: row;
      border-bottom: var(--tabs-border-color);
      margin-bottom: var(--tabs-margin-prop);
            }

    .inkeep-tabs__trigger {
      outline: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      --transition-prop: common;
      transition-property: common;
      --transition-duration: var(--inkeep-durations-normal);
      transition-duration: var(--inkeep-durations-normal);
        }

    .inkeep-tabs__trigger:is(:disabled, [disabled], [data-disabled]) {
      cursor: not-allowed;
      opacity: 0.4;
            }

    .inkeep-tabs__content {
      outline: 0;
      padding: var(--inkeep-spacing-4);
        }

    .inkeep-tabs__indicator {
      display: none;
      background-color: var(--inkeep-colors-inkeep-expanded-primary-600);
        }

    .inkeep-tabs__indicator[data-orientation=vertical] {
      width: 2px;
      left: var(--inkeep-spacing-0);
            }

    .inkeep-tabs__indicator[data-orientation=horizontal] {
      height: 2px;
      bottom: -2px;
            }

    .inkeep-tabs__panels {
      width: 100%;
        }

    .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);
        }

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

    .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;
            }

    .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);
        }

    .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;
            }

    .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-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);
            }

    .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-search-bar-trigger__container {
      width: 100%;
      height: 100%;
      color: var(--inkeep-colors-gray-600) !important;
      background: none;
      border: 1px solid;
      display: flex;
      justify-content: space-between !important;
      padding-inline: var(--inkeep-spacing-3);
      align-items: center;
      border-radius: var(--inkeep-radii-md);
      flex-grow: 5;
      transition: all .3s ease-in-out;
        }

    .dark .inkeep-search-bar-trigger__container, [data-theme="dark"] .inkeep-search-bar-trigger__container {
      border-color: var(--inkeep-colors-gray-dark-600);
      color: var(--inkeep-colors-white-alpha-500) !important;
            }

    .inkeep-search-bar-trigger__kbd {
      display: flex;
      align-items: center;
      background: var(--inkeep-colors-transparent) !important;
      padding-inline: var(--inkeep-spacing-2);
      padding-block: var(--inkeep-spacing-0\.5);
      box-shadow: var(--inkeep-shadows-none);
      border-color: var(--inkeep-colors-chakra-border-color);
      color: var(--inkeep-colors-gray-600);
        }

    .dark .inkeep-search-bar-trigger__kbd, [data-theme="dark"] .inkeep-search-bar-trigger__kbd {
      color: var(--inkeep-colors-white-alpha-600);
      border-color: var(--inkeep-colors-white-alpha-300);
            }

    .inkeep-search-bar-trigger__icon {
      width: var(--inkeep-sizes-5);
        }

    .inkeep-btn {
      line-height: 1.2;
      border-radius: var(--inkeep-radii-md);
      font-weight: var(--inkeep-font-weights-semibold);
      --transition-prop: common;
      transition-property: common;
      --transition-duration: var(--inkeep-durations-normal);
      transition-duration: var(--inkeep-durations-normal);
      display: inline-flex;
      appearance: none;
      -webkit-appearance: none;
      align-items: center;
      justify-content: center;
      -webkit-user-select: none;
      user-select: none;
      position: relative;
      white-space: nowrap;
      vertical-align: middle;
      outline: var(--inkeep-borders-none);
        }

    .inkeep-btn:is(:disabled, [disabled], [data-disabled]) {
      opacity: 0.4;
      cursor: not-allowed;
      box-shadow: var(--inkeep-shadows-none);
            }

    .inkeep-close-btn {
      width: var(--btn-bg);
      height: var(--btn-bg);
      border-radius: var(--inkeep-radii-md);
      --transition-prop: common;
      transition-property: common;
      --transition-duration: var(--inkeep-durations-normal);
      transition-duration: var(--inkeep-durations-normal);
      background: var(--btn-size);
        }

    .inkeep-close-btn:is(:disabled, [disabled], [data-disabled]) {
      opacity: 0.4;
      cursor: not-allowed;
      box-shadow: var(--inkeep-shadows-none);
            }

    .inkeep-code {
      font-family: var(--inkeep-fonts-mono);
      font-size: var(--inkeep-font-sizes-sm);
      padding-inline: 0.2em;
        }

    .inkeep-code,.inkeep-badge {
      border-radius: var(--inkeep-radii-sm);
      background: var(--badge-bg, inherit);
      color: var(--badge-color, inherit);
      box-shadow: var(--badge-shadow);
        }

    .inkeep-badge {
      --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);
      padding-inline: var(--inkeep-spacing-1);
      text-transform: uppercase;
      font-size: var(--inkeep-font-sizes-xs);
      display: inline-block;
      white-space: nowrap;
      vertical-align: middle;
        }

    .inkeep-badge,.inkeep-heading {
      font-weight: var(--inkeep-font-weights-bold);
        }

    .inkeep-heading {
      font-family: var(--inkeep-fonts-heading);
        }

    .inkeep-icon {
      width: 1em;
      height: 1em;
      display: inline-block;
      line-height: 1em;
      flex-shrink: 0;
      color: currentColor;
      vertical-align: middle;
        }

    .inkeep-kbd {
      --kbd-bg: gray.100;
      background: var(--kbd-bg);
      border-radius: var(--inkeep-radii-md);
      border-width: 1px;
      border-bottom-width: 3px;
      font-size: 0.8em;
      font-weight: var(--inkeep-font-weights-bold);
      line-height: var(--inkeep-line-heights-normal);
      padding-inline: 0.4em;
      white-space: nowrap;
        }

    .dark .inkeep-kbd, [data-theme="dark"] .inkeep-kbd {
      --kbd-bg: whiteAlpha.100
    ;
            }

    .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;
        }

    .inkeep-skeleton {
      height: 20px;
      --skeleton-start-color: var(--inkeep-colors-gray-100);
      --skeleton-end-color: var(--inkeep-colors-gray-400);
      background: var(--skeleton-start-color);
      border-color: var(--skeleton-end-color);
      opacity: 0.7;
      border-radius: var(--inkeep-radii-sm);
      box-shadow: var(--inkeep-shadows-none);
      background-clip: padding-box;
      -webkit-background-clip: padding-box;
      cursor: default;
      pointer-events: none;
      -webkit-user-select: none;
      user-select: none;
      animation: var(--skeleton-speed, 0.8s) linear infinite alternate skeleton-bg-fade;
        }

    .dark .inkeep-skeleton, [data-theme="dark"] .inkeep-skeleton {
      --skeleton-start-color: var(--inkeep-colors-gray-800)
    ;
      --skeleton-end-color: var(--inkeep-colors-gray-600)
    ;
            }

    .inkeep-skeleton::before, .inkeep-skeleton::after, .inkeep-skeleton * {
      visibility: hidden;
            }

    .inkeep-tag {
      --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);
      font-weight: var(--inkeep-font-weights-medium);
      line-height: 1.2;
      --tag-color: var(--badge-color, inherit);
      --tag-bg: var(--badge-bg, inherit);
      --tag-shadow: var(--badge-shadow);
      color: var(--tag-color);
      background: var(--tag-bg);
      box-shadow: var(--tag-shadow);
      border-radius: var(--inkeep-radii-md);
      min-height: var(--tag-min-height);
      min-width: var(--tag-min-width);
      font-size: var(--tag-font-size);
      padding-inline: var(--tag-padding-inline);
      display: inline-flex;
      align-items: center;
      max-width: 100%;
        }

    .inkeep-tag,.inkeep-textarea {
      outline: 0;
      vertical-align: top;
        }

    .inkeep-textarea {
      height: var(--input-height);
      font-size: var(--input-font-size);
      padding-inline: var(--input-padding);
      border-radius: var(--input-border-radius);
      width: 100%;
      min-width: var(--inkeep-sizes-0);
      position: relative;
      appearance: none;
      -webkit-appearance: none;
      --transition-prop: common;
      transition-property: common;
      --transition-duration: var(--inkeep-durations-normal);
      transition-duration: var(--inkeep-durations-normal);
      --input-focus-border-color: var(--inkeep-colors-blue-500);
      --input-error-border-color: var(--inkeep-colors-red-500);
      padding-block: var(--inkeep-spacing-2);
      min-height: var(--inkeep-sizes-20);
      line-height: var(--inkeep-line-heights-short);
        }

    .inkeep-textarea:is(:disabled, [disabled], [data-disabled]) {
      opacity: 0.4;
      cursor: not-allowed;
            }

    .dark .inkeep-textarea, [data-theme="dark"] .inkeep-textarea {
      --input-focus-border-color: var(--inkeep-colors-blue-300)
    ;
      --input-error-border-color: var(--inkeep-colors-red-300)
    ;
            }

    .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;
        }

    .light .inkeep-preview-content-header, [data-theme="light"] .inkeep-preview-content-header {
      color: var(--inkeep-colors-gray-700);
            }

    .dark .inkeep-preview-content-header, [data-theme="dark"] .inkeep-preview-content-header {
      color: var(--inkeep-colors-white-alpha-700);
            }

    .inkeep-checkbox__control:is(:focus-visible, [data-focus-visible]) {
      box-shadow: var(--inkeep-shadows-outline);
            }

    .inkeep-popover__content:is(:focus-visible, [data-focus-visible]) {
      outline: 0;
      box-shadow: var(--inkeep-shadows-outline);
            }

    .inkeep-select__content:is(:focus-visible, [data-focus-visible]) {
      outline-offset: 2px;
      outline: 2px solid;
      outline-color: var(--inkeep-colors-color-palette-600);
            }

    .dark .inkeep-select__content:is(:focus-visible, [data-focus-visible]), [data-theme="dark"] .inkeep-select__content:is(:focus-visible, [data-focus-visible]) {
      outline-color: var(--inkeep-colors-color-palette-400);
            }

    .inkeep-switch__control:is(:focus-visible, [data-focus-visible]) {
      box-shadow: var(--inkeep-shadows-outline);
            }

    .inkeep-tabs__trigger:is(:focus-visible, [data-focus-visible]) {
      z-index: 1;
      box-shadow: var(--inkeep-shadows-outline);
            }

    .inkeep-btn:is(:focus-visible, [data-focus-visible]) {
      box-shadow: var(--inkeep-shadows-outline);
            }

    .inkeep-btn:is(:focus, [data-focus]) {
      z-index: 1;
            }

    .inkeep-close-btn:is(:focus-visible, [data-focus-visible]) {
      box-shadow: var(--inkeep-shadows-outline);
            }

    .inkeep-link:is(:focus-visible, [data-focus-visible]) {
      box-shadow: var(--inkeep-shadows-outline);
            }

    .inkeep-tag:is(:focus-visible, [data-focus-visible]) {
      --tag-shadow: var(--inkeep-shadows-outline)
    ;
            }

    .inkeep-checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:hover, [data-hover]) {
      background: var(--inkeep-colors-color-palette-600);
            }

    .dark .inkeep-checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:hover, [data-hover]), [data-theme="dark"] .inkeep-checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:hover, [data-hover]) {
      background: var(--inkeep-colors-color-palette-300);
      border-color: var(--inkeep-colors-color-palette-300);
            }

    .inkeep-checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-color-palette-600);
            }

    .inkeep-select__item:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-color-palette-100);
            }

    .dark .inkeep-select__item:is(:hover, [data-hover]), [data-theme="dark"] .inkeep-select__item:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-color-palette-800);
            }

    .inkeep-select__item:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
      background: var(--inkeep-colors-transparent);
            }

    .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);
            }

    .dark .inkeep-search-bar-trigger__container:is(:hover, [data-hover]), [data-theme="dark"] .inkeep-search-bar-trigger__container:is(:hover, [data-hover]) {
      background: inherit;
      color: var(--inkeep-colors-white-alpha-600) !important;
      border-color: var(--inkeep-colors-gray-dark-500);
      transition: all .3s ease-in-out;
            }

    .light .inkeep-search-bar-trigger__container:is(:hover, [data-hover]), [data-theme="light"] .inkeep-search-bar-trigger__container:is(:hover, [data-hover]) {
      background: inherit;
            }

    .inkeep-btn:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
      background: initial;
            }

    .inkeep-close-btn:is(:hover, [data-hover]) {
      --btn-size: var(--inkeep-colors-black-alpha-100)
    ;
            }

    .dark .inkeep-close-btn:is(:hover, [data-hover]), [data-theme="dark"] .inkeep-close-btn:is(:hover, [data-hover]) {
      --btn-size: var(--inkeep-colors-white-alpha-100)
        ;
            }

    .inkeep-link:is(:hover, [data-hover]) {
      text-decoration: underline;
            }

    .inkeep-preview-content-header .light a:hover, .inkeep-preview-content-header [data-theme="light"] a:hover {
      color: var(--inkeep-colors-inkeep-primary-stronger);
            }

    .inkeep-preview-content-header .dark a:hover, .inkeep-preview-content-header [data-theme="dark"] a:hover {
      color: var(--inkeep-colors-inkeep-expanded-primary-100);
            }

    .inkeep-preview-content-header a:hover {
      text-decoration: none;
            }

    .inkeep-close-btn:is(:active, [data-active]) {
      --btn-size: var(--inkeep-colors-black-alpha-200)
    ;
            }

    .dark .inkeep-close-btn:is(:active, [data-active]), [data-theme="dark"] .inkeep-close-btn:is(:active, [data-active]) {
      --btn-size: var(--inkeep-colors-white-alpha-200)
        ;
            }

    @media screen and (min-width: 48em) {
      .inkeep-ai-chat-page-wrapper {
        max-height: 100vh;
        max-width: 100vw;
                }
            }
    }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-alert__container--variant_subtle {
      --alert-fg: var(--inkeep-colors-color-palette-500);
      --alert-bg: var(--inkeep-colors-color-palette-100)
    }

    .dark .sm\:inkeep-alert__container--variant_subtle, [data-theme="dark"] .sm\: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))
    ;
            }
    .sm\:inkeep-alert__container--variant_left-accent {
      --alert-fg: var(--inkeep-colors-color-palette-500);
      --alert-bg: var(--inkeep-colors-color-palette-100);
      padding-inline-start: var(--inkeep-spacing-3);
      border-inline-start-width: 4px;
      border-inline-start-color: var(--alert-fg)
    }

    .dark .sm\:inkeep-alert__container--variant_left-accent, [data-theme="dark"] .sm\:inkeep-alert__container--variant_left-accent {
      --alert-fg: var(--inkeep-colors-color-palette-200)
    ;
      --alert-bg-alpha: color-mix(in srgb, transparent 84%, var(--colors-color-palette-200))
    ;
            }
    .sm\:inkeep-alert__container--variant_top-accent {
      --alert-fg: var(--inkeep-colors-color-palette-500);
      --alert-bg: var(--inkeep-colors-color-palette-100);
      padding-top: var(--inkeep-spacing-2);
      border-top-width: 4px;
      border-top-color: var(--alert-fg)
    }

    .dark .sm\:inkeep-alert__container--variant_top-accent, [data-theme="dark"] .sm\:inkeep-alert__container--variant_top-accent {
      --alert-fg: var(--inkeep-colors-color-palette-200)
    ;
      --alert-bg: var(--alert-bg-alpha, var(--colors-color-palette-200))
    ;
            }
    .sm\:inkeep-alert__container--variant_solid {
      --alert-fg: var(--inkeep-colors-white);
      --alert-bg: var(--inkeep-colors-color-palette-500);
      color: var(--alert-fg)
    }

    .dark .sm\:inkeep-alert__container--variant_solid, [data-theme="dark"] .sm\:inkeep-alert__container--variant_solid {
      --alert-fg: var(--inkeep-colors-gray-900)
    ;
      --alert-bg: var(--inkeep-colors-color-palette-200)
    ;
            }
    .sm\:inkeep-avatar__root--size_2xs {
      --avatar-size: var(--inkeep-sizes-4);
      --avatar-font-size: var(--inkeep-font-sizes-3xs)
    }
    .sm\:inkeep-avatar__root--size_xs {
      --avatar-size: var(--inkeep-sizes-6);
      --avatar-font-size: var(--inkeep-font-sizes-2xs)
    }
    .sm\:inkeep-avatar__root--size_sm {
      --avatar-size: var(--inkeep-sizes-8);
      --avatar-font-size: var(--inkeep-font-sizes-xs)
    }
    .sm\:inkeep-avatar__root--size_md {
      --avatar-size: var(--inkeep-sizes-12);
      --avatar-font-size: var(--inkeep-font-sizes-md)
    }
    .sm\:inkeep-avatar__root--size_lg {
      --avatar-size: var(--inkeep-sizes-16);
      --avatar-font-size: var(--inkeep-font-sizes-lg)
    }
    .sm\:inkeep-avatar__root--size_xl {
      --avatar-size: var(--inkeep-sizes-24);
      --avatar-font-size: var(--inkeep-font-sizes-3xl)
    }
    .sm\:inkeep-avatar__root--size_2xl {
      --avatar-size: var(--inkeep-sizes-32);
      --avatar-font-size: var(--inkeep-font-sizes-4xl)
    }
    .sm\:inkeep-card__container--variant_elevated {
      --card-shadow: var(--inkeep-shadows-base)
    }

    .dark .sm\:inkeep-card__container--variant_elevated, [data-theme="dark"] .sm\:inkeep-card__container--variant_elevated {
      --card-bg: var(--inkeep-colors-gray-700)
    ;
            }
    .sm\:inkeep-card__container--variant_outline {
      --card-border-width: 1px;
      --card-border-color: var(--inkeep-colors-chakra-border-color)
    }

    .dark .sm\:inkeep-card__container--variant_outline, [data-theme="dark"] .sm\:inkeep-card__container--variant_outline {
      --card-border-color: var(--inkeep-colors-white-alpha-300)
    ;
            }
    .sm\:inkeep-card__container--variant_filled {
      --card-bg: var(--inkeep-colors-chakra-subtle-bg)
    }
    .sm\:inkeep-card__container--size_sm {
      --card-radius: var(--inkeep-radii-base);
      --card-padding: var(--inkeep-space-3)
    }
    .sm\:inkeep-card__container--size_md {
      --card-radius: var(--inkeep-radii-md);
      --card-padding: var(--inkeep-space-5)
    }
    .sm\:inkeep-card__container--size_lg {
      --card-radius: var(--inkeep-radii-xl);
      --card-padding: var(--inkeep-space-7)
    }
    .sm\:inkeep-card__body--variant_unstyled,.sm\:inkeep-card__header--variant_unstyled,.sm\:inkeep-card__footer--variant_unstyled {
      --card-padding: 0
    }
    .sm\:inkeep-checkbox__control--size_sm {
      --checkbox-size: var(--inkeep-sizes-3)
    }
    .sm\:inkeep-checkbox__control--size_md {
      --checkbox-size: var(--inkeep-sizes-4)
    }
    .sm\:inkeep-checkbox__control--size_lg {
      --checkbox-size: var(--inkeep-sizes-5)
    }
    .sm\:inkeep-checkbox__control--shape_circular {
      border-radius: var(--inkeep-radii-full)
    }
    .sm\:inkeep-checkbox__label--size_sm {
      font-size: var(--inkeep-font-sizes-sm)
    }
    .sm\:inkeep-checkbox__label--size_md {
      font-size: var(--inkeep-font-sizes-md)
    }
    .sm\:inkeep-checkbox__label--size_lg {
      font-size: var(--inkeep-font-sizes-lg)
    }
    .sm\:inkeep-checkbox__icon--size_sm {
      font-size: var(--inkeep-font-sizes-3xs)
    }
    .sm\:inkeep-checkbox__icon--size_md,.sm\:inkeep-checkbox__icon--size_lg {
      font-size: var(--inkeep-font-sizes-2xs)
    }
    .sm\:inkeep-input__group--size_lg {
      --input-font-size: var(--inkeep-font-sizes-lg);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-12)
    }
    .sm\:inkeep-input__group--size_md {
      --input-font-size: var(--inkeep-font-sizes-md);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-10)
    }
    .sm\:inkeep-input__group--size_sm {
      --input-font-size: var(--inkeep-font-sizes-sm);
      --input-padding: var(--inkeep-space-3);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-8)
    }
    .sm\:inkeep-input__group--size_xs {
      --input-font-size: var(--inkeep-font-sizes-xs);
      --input-padding: var(--inkeep-space-2);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-6)
    }
    .sm\:inkeep-input__field--size_lg {
      --input-font-size: var(--inkeep-font-sizes-lg);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-12)
    }
    .sm\:inkeep-input__field--size_md {
      --input-font-size: var(--inkeep-font-sizes-md);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-10)
    }
    .sm\:inkeep-input__field--size_sm {
      --input-font-size: var(--inkeep-font-sizes-sm);
      --input-padding: var(--inkeep-space-3);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-8)
    }
    .sm\:inkeep-input__field--size_xs {
      --input-font-size: var(--inkeep-font-sizes-xs);
      --input-padding: var(--inkeep-space-2);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-6)
    }
    .sm\:inkeep-input__field--variant_outline {
      border: 1px solid;
      border-color: inherit;
      background: inherit
    }
        }

  @media screen and (min-width: 33em) {

    .sm\:inkeep-input__field--variant_outline:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .sm\:inkeep-input__field--variant_outline:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
      box-shadow: 0 0 0 1px var(--input-error-border-color);
            }

    .sm\:inkeep-input__field--variant_outline:is(:focus-visible, [data-focus-visible]) {
      z-index: 1;
      border-color: var(--input-focus-border-color);
      box-shadow: 0 0 0 1px var(--input-focus-border-color);
            }

    .sm\:inkeep-input__field--variant_outline:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-gray-300);
            }

    .dark .sm\:inkeep-input__field--variant_outline:is(:hover, [data-hover]), [data-theme="dark"] .sm\:inkeep-input__field--variant_outline:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-white-alpha-400);
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-input__field--variant_filled {
      border: 2px solid;
      border-color: var(--inkeep-colors-transparent);
      background: var(--inkeep-colors-gray-100)
    }

    .dark .sm\:inkeep-input__field--variant_filled, [data-theme="dark"] .sm\:inkeep-input__field--variant_filled {
      background: var(--inkeep-colors-white-alpha-50);
            }

    .sm\:inkeep-input__field--variant_filled:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .sm\:inkeep-input__field--variant_filled:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
            }

    .sm\:inkeep-input__field--variant_filled:is(:focus-visible, [data-focus-visible]) {
      background: var(--inkeep-colors-transparent);
      border-color: var(--input-focus-border-color);
            }

    .sm\:inkeep-input__field--variant_filled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-gray-200);
            }

    .dark .sm\:inkeep-input__field--variant_filled:is(:hover, [data-hover]), [data-theme="dark"] .sm\:inkeep-input__field--variant_filled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-white-alpha-100);
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-input__field--variant_flushed {
      border-bottom: 1px solid;
      border-color: inherit;
      border-radius: 0;
      padding-inline: var(--inkeep-spacing-0);
      background: var(--inkeep-colors-transparent)
    }

    .sm\:inkeep-input__field--variant_flushed:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .sm\:inkeep-input__field--variant_flushed:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
      box-shadow: 0px 1px 0px 0px var(--input-error-border-color);
            }

    .sm\:inkeep-input__field--variant_flushed:is(:focus-visible, [data-focus-visible]) {
      border-color: var(--input-focus-border-color);
      box-shadow: 0px 1px 0px 0px var(--input-focus-border-color);
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-input__field--variant_unstyled {
      background: var(--inkeep-colors-transparent);
      padding-inline: var(--inkeep-spacing-0);
      height: var(--inkeep-sizes-auto)
    }
    .sm\:inkeep-input__addon--size_lg {
      --input-font-size: var(--inkeep-font-sizes-lg);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-12)
    }
    .sm\:inkeep-input__addon--size_md {
      --input-font-size: var(--inkeep-font-sizes-md);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-10)
    }
    .sm\:inkeep-input__addon--size_sm {
      --input-font-size: var(--inkeep-font-sizes-sm);
      --input-padding: var(--inkeep-space-3);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-8)
    }
    .sm\:inkeep-input__addon--size_xs {
      --input-font-size: var(--inkeep-font-sizes-xs);
      --input-padding: var(--inkeep-space-2);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-6)
    }
    .sm\:inkeep-input__addon--variant_outline {
      border: 1px solid;
      border-color: inherit;
      background: var(--inkeep-colors-gray-100)
    }

    .dark .sm\:inkeep-input__addon--variant_outline, [data-theme="dark"] .sm\:inkeep-input__addon--variant_outline {
      border-color: var(--inkeep-colors-white-alpha-50);
      background: var(--inkeep-colors-white-alpha-300);
            }
    .sm\:inkeep-input__addon--variant_filled {
      border: 2px solid;
      border-color: var(--inkeep-colors-transparent);
      background: var(--inkeep-colors-gray-100)
    }

    .dark .sm\:inkeep-input__addon--variant_filled, [data-theme="dark"] .sm\:inkeep-input__addon--variant_filled {
      background: var(--inkeep-colors-white-alpha-50);
            }
    .sm\:inkeep-input__addon--variant_flushed {
      border-bottom: 2px solid;
      border-color: inherit;
      border-radius: 0
    }
    .sm\:inkeep-input__addon--variant_flushed,.sm\:inkeep-input__addon--variant_unstyled {
      padding-inline: var(--inkeep-spacing-0);
      background: var(--inkeep-colors-transparent)
    }
    .sm\:inkeep-input__addon--variant_unstyled {
      height: var(--inkeep-sizes-auto)
    }
    .sm\:inkeep-modal__container--scrollOverflowBehavior_inside {
      overflow: hidden
    }
    .sm\:inkeep-modal__container--scrollOverflowBehavior_outside {
      overflow: auto
    }
    .sm\:inkeep-modal__container--isCentered_false {
      align-items: flex-start
    }
    .sm\:inkeep-modal__container--isCentered_true {
      align-items: center
    }
    .sm\:inkeep-modal__container--variant_clickThrough {
      pointer-events: none;
      z-index: var(--inkeep-z-index-modal) - 1
    }
    .sm\:inkeep-modal__content--size_xs {
      max-width: var(--inkeep-sizes-xs)
    }
    .sm\:inkeep-modal__content--size_sm {
      max-width: var(--inkeep-sizes-sm)
    }
    .sm\:inkeep-modal__content--size_md {
      max-width: var(--inkeep-sizes-md)
    }
    .sm\:inkeep-modal__content--size_lg {
      max-width: var(--inkeep-sizes-lg)
    }
    .sm\:inkeep-modal__content--size_xl {
      max-width: var(--inkeep-sizes-xl)
    }
    .sm\:inkeep-modal__content--size_2xl {
      max-width: var(--inkeep-sizes-2xl)
    }
    .sm\:inkeep-modal__content--size_3xl {
      max-width: var(--inkeep-sizes-3xl)
    }
    .sm\:inkeep-modal__content--size_4xl {
      max-width: var(--inkeep-sizes-4xl)
    }
    .sm\:inkeep-modal__content--size_5xl {
      max-width: var(--inkeep-sizes-5xl)
    }
    .sm\:inkeep-modal__content--size_6xl {
      max-width: var(--inkeep-sizes-6xl)
    }
    .sm\:inkeep-modal__content--size_full {
      max-width: 100vw;
      min-height: 100vh;
      margin-block: var(--inkeep-spacing-0);
      border-radius: 0
    }
    .sm\:inkeep-modal__content--scrollOverflowBehavior_inside {
      max-height: calc(100% - 7.5rem)
    }
    .sm\:inkeep-modal__content--isCentered_false {
      margin-block: var(--inkeep-spacing-16)
    }
    .sm\:inkeep-modal__content--isCentered_true {
      margin-block: auto;
      margin-inline: auto
    }
    .sm\:inkeep-modal__content--variant_clickThrough {
      pointer-events: auto
    }
    .sm\:inkeep-select__label--size_sm,.sm\:inkeep-select__label--size_md,.sm\:inkeep-select__label--size_lg {
      font-size: 0.875rem;
      line-height: 1.25rem
    }
    .sm\:inkeep-select__trigger--variant_outline {
      background: var(--inkeep-colors-white);
      border-width: 1px
    }

    .dark .sm\:inkeep-select__trigger--variant_outline, [data-theme="dark"] .sm\:inkeep-select__trigger--variant_outline {
      background: var(--inkeep-colors-color-palette-800);
            }
        }

  @media screen and (min-width: 33em) {

    .sm\:inkeep-select__trigger--variant_outline:is(:focus, [data-focus]) {
      border-color: var(--inkeep-colors-color-palette-200);
            }

    .dark .sm\:inkeep-select__trigger--variant_outline:is(:focus, [data-focus]), [data-theme="dark"] .sm\:inkeep-select__trigger--variant_outline:is(:focus, [data-focus]) {
      border-color: var(--inkeep-colors-color-palette-800);
            }

    .sm\:inkeep-select__trigger--variant_outline:is(:focus, [data-focus]) {
      box-shadow: var(--inkeep-shadows-accent);
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-select__trigger--variant_ghost:is(:focus, [data-focus]) {
      background: var(--inkeep-colors-color-palette-100);
            }

    .dark .sm\:inkeep-select__trigger--variant_ghost:is(:focus, [data-focus]), [data-theme="dark"] .sm\:inkeep-select__trigger--variant_ghost:is(:focus, [data-focus]) {
      background: var(--inkeep-colors-color-palette-900);
            }

    .sm\:inkeep-select__trigger--variant_ghost:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-color-palette-100);
            }

    .dark .sm\:inkeep-select__trigger--variant_ghost:is(:hover, [data-hover]), [data-theme="dark"] .sm\:inkeep-select__trigger--variant_ghost:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-color-palette-900);
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-select__trigger--size_sm {
      padding-inline: var(--inkeep-spacing-2\.5);
      height: var(--inkeep-sizes-9);
      min-width: var(--inkeep-sizes-9);
      font-size: var(--inkeep-font-sizes-sm);
      gap: var(--inkeep-spacing-2)
    }

    .sm\:inkeep-select__trigger--size_sm :where(svg) {
      width: var(--inkeep-sizes-4);
      height: var(--inkeep-sizes-4);
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-select__trigger--size_md {
      padding-inline: var(--inkeep-spacing-3);
      height: var(--inkeep-sizes-10);
      min-width: var(--inkeep-sizes-10);
      font-size: var(--inkeep-font-sizes-md);
      gap: var(--inkeep-spacing-2)
    }

    .sm\:inkeep-select__trigger--size_md :where(svg) {
      width: var(--inkeep-sizes-4);
      height: var(--inkeep-sizes-4);
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-select__trigger--size_lg {
      padding-inline: var(--inkeep-spacing-3\.5);
      height: var(--inkeep-sizes-11);
      min-width: var(--inkeep-sizes-11);
      font-size: var(--inkeep-font-sizes-md);
      gap: var(--inkeep-spacing-2)
    }

    .sm\:inkeep-select__trigger--size_lg :where(svg) {
      width: var(--inkeep-sizes-5);
      height: var(--inkeep-sizes-5);
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-select__item--size_sm {
      font-size: 0.875rem;
      line-height: 1.25rem;
      padding-inline: var(--inkeep-spacing-2);
      height: var(--inkeep-sizes-9)
    }
    .sm\:inkeep-select__item--size_md {
      height: var(--inkeep-sizes-10)
    }
    .sm\:inkeep-select__item--size_md,.sm\:inkeep-select__item--size_lg {
      font-size: 1rem;
      line-height: 1.5rem;
      padding-inline: var(--inkeep-spacing-2)
    }
    .sm\:inkeep-select__item--size_lg {
      height: var(--inkeep-sizes-11)
    }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-select__itemIndicator--size_sm :where(svg) {
      width: var(--inkeep-sizes-4);
      height: var(--inkeep-sizes-4);
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-select__itemIndicator--size_md :where(svg) {
      width: var(--inkeep-sizes-4);
      height: var(--inkeep-sizes-4);
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-select__itemIndicator--size_lg :where(svg) {
      width: var(--inkeep-sizes-5);
      height: var(--inkeep-sizes-5);
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-select__itemGroupLabel--size_sm,.sm\:inkeep-select__itemGroupLabel--size_md,.sm\:inkeep-select__itemGroupLabel--size_lg {
      padding-inline: var(--inkeep-spacing-2);
      padding-block: var(--inkeep-spacing-1\.5)
    }
    .sm\:inkeep-select__content--size_sm {
      padding: var(--inkeep-spacing-0\.5);
      gap: var(--inkeep-spacing-1)
    }
    .sm\:inkeep-select__content--size_md {
      padding: var(--inkeep-spacing-1);
      gap: var(--inkeep-spacing-1)
    }
    .sm\:inkeep-select__content--size_lg {
      padding: var(--inkeep-spacing-1\.5);
      gap: var(--inkeep-spacing-1)
    }
    .sm\:inkeep-switch__root--size_sm {
      --switch-track-width: 1.375rem;
      --switch-track-height: var(--inkeep-sizes-3)
    }
    .sm\:inkeep-switch__root--size_md {
      --switch-track-width: 1.875rem;
      --switch-track-height: var(--inkeep-sizes-4)
    }
    .sm\:inkeep-switch__root--size_lg {
      --switch-track-width: 2.875rem;
      --switch-track-height: var(--inkeep-sizes-6)
    }
    .sm\:inkeep-switch__control--size_xss {
      width: 24px;
      height: 12px
    }
    .sm\:inkeep-switch__thumb--size_xss {
      width: 12px;
      height: 12px
    }
    .sm\:inkeep-tabs__list--variant_line {
      --tabs-border-color: 2px solid;
      border-color: inherit
    }
    .sm\:inkeep-tabs__list--variant_enclosed,.sm\:inkeep-tabs__list--variant_enclosed-colored {
      margin-bottom: -1px;
      border-bottom: 1px solid;
      border-color: inherit
    }
    .sm\:inkeep-tabs__trigger--size_sm {
      padding-block: var(--inkeep-spacing-1);
      padding-inline: var(--inkeep-spacing-4);
      font-size: var(--inkeep-font-sizes-sm)
    }
    .sm\:inkeep-tabs__trigger--size_md {
      font-size: var(--inkeep-font-sizes-md);
      padding-block: var(--inkeep-spacing-2);
      padding-inline: var(--inkeep-spacing-4)
    }
    .sm\:inkeep-tabs__trigger--size_lg {
      font-size: var(--inkeep-font-sizes-lg);
      padding-block: var(--inkeep-spacing-3);
      padding-inline: var(--inkeep-spacing-4)
    }
    .sm\:inkeep-tabs__trigger--variant_line {
      --tabs-border-color: 2px solid;
      border-color: var(--inkeep-colors-transparent);
      --tabs-margin-prop: -2px;
      color: var(--tabs-color);
      background: var(--tabs-bg)
    }
        }

  @media screen and (min-width: 33em) {

    .sm\:inkeep-tabs__trigger--variant_line:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-color-palette-600)
    ;
            }

    .dark .sm\:inkeep-tabs__trigger--variant_line:is([aria-selected=true], [data-selected]), [data-theme="dark"] .sm\:inkeep-tabs__trigger--variant_line:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-color-palette-300)
        ;
            }

    .sm\:inkeep-tabs__trigger--variant_line:is([aria-selected=true], [data-selected]) {
      border-color: currentColor;
            }

    .sm\:inkeep-tabs__trigger--variant_line:is(:active, [data-active]) {
      --tabs-bg: var(--inkeep-colors-gray-200)
    ;
            }

    .dark .sm\:inkeep-tabs__trigger--variant_line:is(:active, [data-active]), [data-theme="dark"] .sm\:inkeep-tabs__trigger--variant_line:is(:active, [data-active]) {
      --tabs-bg: var(--inkeep-colors-white-alpha-300)
        ;
            }

    .sm\:inkeep-tabs__trigger--variant_line:is(:disabled, [disabled], [data-disabled]):is(:active, [data-active]) {
      background: none;
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-tabs__trigger--variant_enclosed {
      border-top-left-radius: var(--inkeep-radii-md);
      border-top-right-radius: var(--inkeep-radii-md);
      border: 1px solid;
      border-color: var(--inkeep-colors-transparent);
      margin-bottom: -1px;
      --tabs-border-color: transparent;
      color: var(--tabs-color)
    }

    .sm\:inkeep-tabs__trigger--variant_enclosed:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-color-palette-600)
    ;
      --tabs-border-color: var(--inkeep-colors-white)
    ;
            }

    .dark .sm\:inkeep-tabs__trigger--variant_enclosed:is([aria-selected=true], [data-selected]), [data-theme="dark"] .sm\:inkeep-tabs__trigger--variant_enclosed:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-color-palette-300)
        ;
      --tabs-border-color: var(--inkeep-colors-gray-800)
        ;
            }

    .sm\:inkeep-tabs__trigger--variant_enclosed:is([aria-selected=true], [data-selected]) {
      border-color: inherit;
      border-bottom-color: var(--tabs-border-color);
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-tabs__trigger--variant_enclosed-colored {
      border: 1px solid;
      border-color: inherit;
      --tabs-bg: var(--inkeep-colors-gray-50);
      margin-bottom: -1px;
      color: var(--tabs-color);
      background: var(--tabs-bg)
    }

    .dark .sm\:inkeep-tabs__trigger--variant_enclosed-colored, [data-theme="dark"] .sm\:inkeep-tabs__trigger--variant_enclosed-colored {
      --tabs-bg: var(--inkeep-colors-white-alpha-50)
    ;
            }

    .sm\:inkeep-tabs__trigger--variant_enclosed-colored:is([aria-selected=true], [data-selected]) {
      --tabs-bg: var(--inkeep-colors-white)
    ;
      --tabs-color: var(--inkeep-colors-color-palette-600)
    ;
            }

    .dark .sm\:inkeep-tabs__trigger--variant_enclosed-colored:is([aria-selected=true], [data-selected]), [data-theme="dark"] .sm\:inkeep-tabs__trigger--variant_enclosed-colored:is([aria-selected=true], [data-selected]) {
      --tabs-bg: var(--inkeep-colors-gray-800)
        ;
      --tabs-color: var(--inkeep-colors-color-palette-300)
        ;
            }

    .sm\:inkeep-tabs__trigger--variant_enclosed-colored:is([aria-selected=true], [data-selected]) {
      border-color: inherit;
      border-top-color: currentColor;
      border-bottom-color: var(--inkeep-colors-transparent);
            }

    .sm\:inkeep-tabs__trigger--variant_enclosed-colored _notLast {
      margin-inline-end: -1px;
            }
    .sm\:inkeep-tabs__trigger--variant_soft-rounded {
      border-radius: var(--inkeep-radii-full);
      font-weight: var(--inkeep-font-weights-semibold);
      color: var(--inkeep-colors-gray-600)
    }
        }

  @media screen and (min-width: 33em) {

    .sm\:inkeep-tabs__trigger--variant_soft-rounded:is([aria-selected=true], [data-selected]) {
      color: var(--inkeep-colors-color-palette-700);
      background: var(--inkeep-colors-color-palette-100);
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-tabs__trigger--variant_solid-rounded {
      border-radius: var(--inkeep-radii-full);
      font-weight: var(--inkeep-font-weights-semibold);
      --tabs-color: var(--inkeep-colors-gray-600);
      color: var(--tabs-color);
      background: var(--tabs-bg)
    }

    .dark .sm\:inkeep-tabs__trigger--variant_solid-rounded, [data-theme="dark"] .sm\:inkeep-tabs__trigger--variant_solid-rounded {
      --tabs-color: inherit
    ;
            }

    .sm\:inkeep-tabs__trigger--variant_solid-rounded:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-white)
    ;
      --tabs-bg: var(--inkeep-colors-color-palette-600)
    ;
            }

    .dark .sm\:inkeep-tabs__trigger--variant_solid-rounded:is([aria-selected=true], [data-selected]), [data-theme="dark"] .sm\:inkeep-tabs__trigger--variant_solid-rounded:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-gray-800)
        ;
      --tabs-bg: var(--inkeep-colors-color-palette-300)
        ;
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-tabs__trigger--isFitted_true {
      flex: 1 1 0%
    }
    .sm\:inkeep-table__caption--variant_simple {
      color: var(--inkeep-colors-gray-600)
    }

    .dark .sm\:inkeep-table__caption--variant_simple, [data-theme="dark"] .sm\:inkeep-table__caption--variant_simple {
      color: var(--inkeep-colors-gray-100);
            }
    .sm\:inkeep-table__caption--variant_striped {
      color: var(--inkeep-colors-gray-600)
    }

    .dark .sm\:inkeep-table__caption--variant_striped, [data-theme="dark"] .sm\:inkeep-table__caption--variant_striped {
      color: var(--inkeep-colors-gray-100);
            }
    .sm\:inkeep-table__caption--size_sm {
      padding-inline: var(--inkeep-spacing-4);
      padding-block: var(--inkeep-spacing-2);
      font-size: var(--inkeep-font-sizes-xs)
    }
    .sm\:inkeep-table__caption--size_md {
      font-size: var(--inkeep-font-sizes-sm)
    }
    .sm\:inkeep-table__caption--size_md,.sm\:inkeep-table__caption--size_lg {
      padding-inline: var(--inkeep-spacing-6);
      padding-block: var(--inkeep-spacing-2)
    }
    .sm\:inkeep-table__caption--size_lg {
      font-size: var(--inkeep-font-sizes-md)
    }
    .sm\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) th, .sm\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td {
      border-bottom-width: 1px;
      border-color: var(--inkeep-colors-color-palette-100);
            }

    .dark .sm\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) th, [data-theme="dark"] .sm\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) th, .dark .sm\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td, [data-theme="dark"] .sm\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td {
      border-color: var(--inkeep-colors-color-palette-700);
            }

    .sm\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td {
      background: var(--inkeep-colors-color-palette-100);
            }

    .dark .sm\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td, [data-theme="dark"] .sm\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td {
      background: var(--inkeep-colors-color-palette-700);
            }
    .sm\:inkeep-table__td--variant_simple {
      border-bottom: var(--inkeep-borders-1px);
      border-color: var(--inkeep-colors-color-palette-100)
    }

    .dark .sm\:inkeep-table__td--variant_simple, [data-theme="dark"] .sm\:inkeep-table__td--variant_simple {
      border-color: var(--inkeep-colors-color-palette-700);
            }

    .sm\:inkeep-table__td--variant_simple[data-is-numeric=true] {
      text-align: end;
            }
    .sm\:inkeep-table__td--variant_striped {
      border-bottom: var(--inkeep-borders-1px);
      border-color: var(--inkeep-colors-color-palette-100)
    }

    .dark .sm\:inkeep-table__td--variant_striped, [data-theme="dark"] .sm\:inkeep-table__td--variant_striped {
      border-color: var(--inkeep-colors-color-palette-700);
            }

    .sm\:inkeep-table__td--variant_striped[data-is-numeric=true] {
      text-align: end;
            }
    .sm\:inkeep-table__td--size_sm {
      padding-inline: var(--inkeep-spacing-4);
      padding-block: var(--inkeep-spacing-2);
      font-size: var(--inkeep-font-sizes-sm);
      line-height: var(--inkeep-line-heights-4)
    }
    .sm\:inkeep-table__td--size_md {
      padding-inline: var(--inkeep-spacing-6);
      padding-block: var(--inkeep-spacing-4);
      line-height: var(--inkeep-line-heights-5)
    }
    .sm\:inkeep-table__td--size_lg {
      padding-inline: var(--inkeep-spacing-8);
      padding-block: var(--inkeep-spacing-5);
      line-height: var(--inkeep-line-heights-6)
    }
    .sm\:inkeep-table__tfoot--variant_striped th tr:last-of-type {
      border-bottom-width: 0;
            }
    .sm\: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 .sm\:inkeep-table__th--variant_simple, [data-theme="dark"] .sm\:inkeep-table__th--variant_simple {
      color: var(--inkeep-colors-gray-400);
      border-color: var(--inkeep-colors-color-palette-700);
            }

    .sm\:inkeep-table__th--variant_simple[data-is-numeric=true] {
      text-align: end;
            }
    .sm\:inkeep-table__th--variant_striped {
      color: var(--inkeep-colors-gray-600);
      border-bottom: var(--inkeep-borders-1px);
      border-color: var(--inkeep-colors-color-palette-100)
    }

    .dark .sm\:inkeep-table__th--variant_striped, [data-theme="dark"] .sm\:inkeep-table__th--variant_striped {
      color: var(--inkeep-colors-gray-400);
      border-color: var(--inkeep-colors-color-palette-700);
            }

    .sm\:inkeep-table__th--variant_striped[data-is-numeric=true] {
      text-align: end;
            }
    .sm\:inkeep-table__th--size_sm {
      padding-inline: var(--inkeep-spacing-4);
      padding-block: var(--inkeep-spacing-1)
    }
    .sm\:inkeep-table__th--size_sm,.sm\:inkeep-table__th--size_md {
      line-height: var(--inkeep-line-heights-4);
      font-size: var(--inkeep-font-sizes-xs)
    }
    .sm\:inkeep-table__th--size_md {
      padding-inline: var(--inkeep-spacing-6);
      padding-block: var(--inkeep-spacing-3)
    }
    .sm\:inkeep-table__th--size_lg {
      padding-inline: var(--inkeep-spacing-8);
      padding-block: var(--inkeep-spacing-4);
      line-height: var(--inkeep-line-heights-5);
      font-size: var(--inkeep-font-sizes-sm)
    }
    .sm\:inkeep-table__tr--variant_tfoot th:last-of-type {
      border-bottom-width: 0;
            }
    .sm\:inkeep-tooltip__content--variant_default {
      font-weight: var(--inkeep-font-weights-normal)
    }

    .light .sm\:inkeep-tooltip__content--variant_default, [data-theme="light"] .sm\: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 .sm\:inkeep-tooltip__content--variant_default, [data-theme="dark"] .sm\: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)
    ;
            }
    .light .sm\:inkeep-search-bar-trigger__container--variant_emphasized, [data-theme="light"] .sm\:inkeep-search-bar-trigger__container--variant_emphasized {
      border-color: var(--inkeep-colors-gray-100);
      box-shadow: var(--inkeep-shadows-sm);
            }
        }

  @media screen and (min-width: 33em) {

    .light .sm\:inkeep-search-bar-trigger__container--variant_emphasized:is(:hover, [data-hover]), [data-theme="light"] .sm\:inkeep-search-bar-trigger__container--variant_emphasized:is(:hover, [data-hover]) {
      box-shadow: var(--inkeep-shadows-md);
      background: none !important;
            }

    .dark .sm\:inkeep-search-bar-trigger__container--variant_emphasized:is(:hover, [data-hover]), [data-theme="dark"] .sm\:inkeep-search-bar-trigger__container--variant_emphasized:is(:hover, [data-hover]) {
      background: none !important;
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-search-bar-trigger__container--variant_subtle {
      border-color: var(--inkeep-colors-gray-300);
      color: var(--inkeep-colors-gray-500) !important
    }

    .dark .sm\:inkeep-search-bar-trigger__container--variant_subtle, [data-theme="dark"] .sm\:inkeep-search-bar-trigger__container--variant_subtle {
      color: var(--inkeep-colors-white-alpha-500) !important;
      border-color: var(--inkeep-colors-white-alpha-300);
            }

    .sm\:inkeep-search-bar-trigger__container--variant_subtle:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-gray-400);
      background: none !important;
            }

    .dark .sm\:inkeep-search-bar-trigger__container--variant_subtle:is(:hover, [data-hover]), [data-theme="dark"] .sm\:inkeep-search-bar-trigger__container--variant_subtle:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-white-alpha-400);
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-search-bar-trigger__wrapper--size_expand {
      width: 100%;
      height: 100%
    }
        }

  @media screen and (min-width: 33em) {
    @media screen and (min-width: 48em) {
      .sm\:inkeep-search-bar-trigger__wrapper--size_compact {
        width: min( 340px , 100% );
        height: min( 40px , 100% );
                }
      .sm\:inkeep-search-bar-trigger__wrapper--size_medium {
        width: min( 500px , 100% );
        height: min( 3rem , 100% );
                }
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-search-bar-trigger__kbd--variant_subtle {
      border: var(--inkeep-borders-none);
      padding-inline: var(--inkeep-spacing-0);
      color: var(--inkeep-colors-gray-500)
    }

    .dark .sm\:inkeep-search-bar-trigger__kbd--variant_subtle, [data-theme="dark"] .sm\:inkeep-search-bar-trigger__kbd--variant_subtle {
      color: var(--inkeep-colors-white-alpha-500);
            }
    .sm\:inkeep-search-bar-trigger__icon--variant_subtle {
      width: 18px
    }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-alert__container--variant_subtle {
      --alert-fg: var(--inkeep-colors-color-palette-500);
      --alert-bg: var(--inkeep-colors-color-palette-100)
    }

    .dark .md\:inkeep-alert__container--variant_subtle, [data-theme="dark"] .md\: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))
    ;
            }
    .md\:inkeep-alert__container--variant_left-accent {
      --alert-fg: var(--inkeep-colors-color-palette-500);
      --alert-bg: var(--inkeep-colors-color-palette-100);
      padding-inline-start: var(--inkeep-spacing-3);
      border-inline-start-width: 4px;
      border-inline-start-color: var(--alert-fg)
    }

    .dark .md\:inkeep-alert__container--variant_left-accent, [data-theme="dark"] .md\:inkeep-alert__container--variant_left-accent {
      --alert-fg: var(--inkeep-colors-color-palette-200)
    ;
      --alert-bg-alpha: color-mix(in srgb, transparent 84%, var(--colors-color-palette-200))
    ;
            }
    .md\:inkeep-alert__container--variant_top-accent {
      --alert-fg: var(--inkeep-colors-color-palette-500);
      --alert-bg: var(--inkeep-colors-color-palette-100);
      padding-top: var(--inkeep-spacing-2);
      border-top-width: 4px;
      border-top-color: var(--alert-fg)
    }

    .dark .md\:inkeep-alert__container--variant_top-accent, [data-theme="dark"] .md\:inkeep-alert__container--variant_top-accent {
      --alert-fg: var(--inkeep-colors-color-palette-200)
    ;
      --alert-bg: var(--alert-bg-alpha, var(--colors-color-palette-200))
    ;
            }
    .md\:inkeep-alert__container--variant_solid {
      --alert-fg: var(--inkeep-colors-white);
      --alert-bg: var(--inkeep-colors-color-palette-500);
      color: var(--alert-fg)
    }

    .dark .md\:inkeep-alert__container--variant_solid, [data-theme="dark"] .md\:inkeep-alert__container--variant_solid {
      --alert-fg: var(--inkeep-colors-gray-900)
    ;
      --alert-bg: var(--inkeep-colors-color-palette-200)
    ;
            }
    .md\:inkeep-avatar__root--size_2xs {
      --avatar-size: var(--inkeep-sizes-4);
      --avatar-font-size: var(--inkeep-font-sizes-3xs)
    }
    .md\:inkeep-avatar__root--size_xs {
      --avatar-size: var(--inkeep-sizes-6);
      --avatar-font-size: var(--inkeep-font-sizes-2xs)
    }
    .md\:inkeep-avatar__root--size_sm {
      --avatar-size: var(--inkeep-sizes-8);
      --avatar-font-size: var(--inkeep-font-sizes-xs)
    }
    .md\:inkeep-avatar__root--size_md {
      --avatar-size: var(--inkeep-sizes-12);
      --avatar-font-size: var(--inkeep-font-sizes-md)
    }
    .md\:inkeep-avatar__root--size_lg {
      --avatar-size: var(--inkeep-sizes-16);
      --avatar-font-size: var(--inkeep-font-sizes-lg)
    }
    .md\:inkeep-avatar__root--size_xl {
      --avatar-size: var(--inkeep-sizes-24);
      --avatar-font-size: var(--inkeep-font-sizes-3xl)
    }
    .md\:inkeep-avatar__root--size_2xl {
      --avatar-size: var(--inkeep-sizes-32);
      --avatar-font-size: var(--inkeep-font-sizes-4xl)
    }
    .md\:inkeep-card__container--variant_elevated {
      --card-shadow: var(--inkeep-shadows-base)
    }

    .dark .md\:inkeep-card__container--variant_elevated, [data-theme="dark"] .md\:inkeep-card__container--variant_elevated {
      --card-bg: var(--inkeep-colors-gray-700)
    ;
            }
    .md\:inkeep-card__container--variant_outline {
      --card-border-width: 1px;
      --card-border-color: var(--inkeep-colors-chakra-border-color)
    }

    .dark .md\:inkeep-card__container--variant_outline, [data-theme="dark"] .md\:inkeep-card__container--variant_outline {
      --card-border-color: var(--inkeep-colors-white-alpha-300)
    ;
            }
    .md\:inkeep-card__container--variant_filled {
      --card-bg: var(--inkeep-colors-chakra-subtle-bg)
    }
    .md\:inkeep-card__container--size_sm {
      --card-radius: var(--inkeep-radii-base);
      --card-padding: var(--inkeep-space-3)
    }
    .md\:inkeep-card__container--size_md {
      --card-radius: var(--inkeep-radii-md);
      --card-padding: var(--inkeep-space-5)
    }
    .md\:inkeep-card__container--size_lg {
      --card-radius: var(--inkeep-radii-xl);
      --card-padding: var(--inkeep-space-7)
    }
    .md\:inkeep-card__body--variant_unstyled,.md\:inkeep-card__header--variant_unstyled,.md\:inkeep-card__footer--variant_unstyled {
      --card-padding: 0
    }
    .md\:inkeep-checkbox__control--size_sm {
      --checkbox-size: var(--inkeep-sizes-3)
    }
    .md\:inkeep-checkbox__control--size_md {
      --checkbox-size: var(--inkeep-sizes-4)
    }
    .md\:inkeep-checkbox__control--size_lg {
      --checkbox-size: var(--inkeep-sizes-5)
    }
    .md\:inkeep-checkbox__control--shape_circular {
      border-radius: var(--inkeep-radii-full)
    }
    .md\:inkeep-checkbox__label--size_sm {
      font-size: var(--inkeep-font-sizes-sm)
    }
    .md\:inkeep-checkbox__label--size_md {
      font-size: var(--inkeep-font-sizes-md)
    }
    .md\:inkeep-checkbox__label--size_lg {
      font-size: var(--inkeep-font-sizes-lg)
    }
    .md\:inkeep-checkbox__icon--size_sm {
      font-size: var(--inkeep-font-sizes-3xs)
    }
    .md\:inkeep-checkbox__icon--size_md,.md\:inkeep-checkbox__icon--size_lg {
      font-size: var(--inkeep-font-sizes-2xs)
    }
    .md\:inkeep-input__group--size_lg {
      --input-font-size: var(--inkeep-font-sizes-lg);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-12)
    }
    .md\:inkeep-input__group--size_md {
      --input-font-size: var(--inkeep-font-sizes-md);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-10)
    }
    .md\:inkeep-input__group--size_sm {
      --input-font-size: var(--inkeep-font-sizes-sm);
      --input-padding: var(--inkeep-space-3);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-8)
    }
    .md\:inkeep-input__group--size_xs {
      --input-font-size: var(--inkeep-font-sizes-xs);
      --input-padding: var(--inkeep-space-2);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-6)
    }
    .md\:inkeep-input__field--size_lg {
      --input-font-size: var(--inkeep-font-sizes-lg);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-12)
    }
    .md\:inkeep-input__field--size_md {
      --input-font-size: var(--inkeep-font-sizes-md);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-10)
    }
    .md\:inkeep-input__field--size_sm {
      --input-font-size: var(--inkeep-font-sizes-sm);
      --input-padding: var(--inkeep-space-3);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-8)
    }
    .md\:inkeep-input__field--size_xs {
      --input-font-size: var(--inkeep-font-sizes-xs);
      --input-padding: var(--inkeep-space-2);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-6)
    }
    .md\:inkeep-input__field--variant_outline {
      border: 1px solid;
      border-color: inherit;
      background: inherit
    }
        }

  @media screen and (min-width: 48em) {

    .md\:inkeep-input__field--variant_outline:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .md\:inkeep-input__field--variant_outline:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
      box-shadow: 0 0 0 1px var(--input-error-border-color);
            }

    .md\:inkeep-input__field--variant_outline:is(:focus-visible, [data-focus-visible]) {
      z-index: 1;
      border-color: var(--input-focus-border-color);
      box-shadow: 0 0 0 1px var(--input-focus-border-color);
            }

    .md\:inkeep-input__field--variant_outline:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-gray-300);
            }

    .dark .md\:inkeep-input__field--variant_outline:is(:hover, [data-hover]), [data-theme="dark"] .md\:inkeep-input__field--variant_outline:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-white-alpha-400);
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-input__field--variant_filled {
      border: 2px solid;
      border-color: var(--inkeep-colors-transparent);
      background: var(--inkeep-colors-gray-100)
    }

    .dark .md\:inkeep-input__field--variant_filled, [data-theme="dark"] .md\:inkeep-input__field--variant_filled {
      background: var(--inkeep-colors-white-alpha-50);
            }

    .md\:inkeep-input__field--variant_filled:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .md\:inkeep-input__field--variant_filled:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
            }

    .md\:inkeep-input__field--variant_filled:is(:focus-visible, [data-focus-visible]) {
      background: var(--inkeep-colors-transparent);
      border-color: var(--input-focus-border-color);
            }

    .md\:inkeep-input__field--variant_filled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-gray-200);
            }

    .dark .md\:inkeep-input__field--variant_filled:is(:hover, [data-hover]), [data-theme="dark"] .md\:inkeep-input__field--variant_filled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-white-alpha-100);
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-input__field--variant_flushed {
      border-bottom: 1px solid;
      border-color: inherit;
      border-radius: 0;
      padding-inline: var(--inkeep-spacing-0);
      background: var(--inkeep-colors-transparent)
    }

    .md\:inkeep-input__field--variant_flushed:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .md\:inkeep-input__field--variant_flushed:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
      box-shadow: 0px 1px 0px 0px var(--input-error-border-color);
            }

    .md\:inkeep-input__field--variant_flushed:is(:focus-visible, [data-focus-visible]) {
      border-color: var(--input-focus-border-color);
      box-shadow: 0px 1px 0px 0px var(--input-focus-border-color);
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-input__field--variant_unstyled {
      background: var(--inkeep-colors-transparent);
      padding-inline: var(--inkeep-spacing-0);
      height: var(--inkeep-sizes-auto)
    }
    .md\:inkeep-input__addon--size_lg {
      --input-font-size: var(--inkeep-font-sizes-lg);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-12)
    }
    .md\:inkeep-input__addon--size_md {
      --input-font-size: var(--inkeep-font-sizes-md);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-10)
    }
    .md\:inkeep-input__addon--size_sm {
      --input-font-size: var(--inkeep-font-sizes-sm);
      --input-padding: var(--inkeep-space-3);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-8)
    }
    .md\:inkeep-input__addon--size_xs {
      --input-font-size: var(--inkeep-font-sizes-xs);
      --input-padding: var(--inkeep-space-2);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-6)
    }
    .md\:inkeep-input__addon--variant_outline {
      border: 1px solid;
      border-color: inherit;
      background: var(--inkeep-colors-gray-100)
    }

    .dark .md\:inkeep-input__addon--variant_outline, [data-theme="dark"] .md\:inkeep-input__addon--variant_outline {
      border-color: var(--inkeep-colors-white-alpha-50);
      background: var(--inkeep-colors-white-alpha-300);
            }
    .md\:inkeep-input__addon--variant_filled {
      border: 2px solid;
      border-color: var(--inkeep-colors-transparent);
      background: var(--inkeep-colors-gray-100)
    }

    .dark .md\:inkeep-input__addon--variant_filled, [data-theme="dark"] .md\:inkeep-input__addon--variant_filled {
      background: var(--inkeep-colors-white-alpha-50);
            }
    .md\:inkeep-input__addon--variant_flushed {
      border-bottom: 2px solid;
      border-color: inherit;
      border-radius: 0
    }
    .md\:inkeep-input__addon--variant_flushed,.md\:inkeep-input__addon--variant_unstyled {
      padding-inline: var(--inkeep-spacing-0);
      background: var(--inkeep-colors-transparent)
    }
    .md\:inkeep-input__addon--variant_unstyled {
      height: var(--inkeep-sizes-auto)
    }
    .md\:inkeep-modal__container--scrollOverflowBehavior_inside {
      overflow: hidden
    }
    .md\:inkeep-modal__container--scrollOverflowBehavior_outside {
      overflow: auto
    }
    .md\:inkeep-modal__container--isCentered_false {
      align-items: flex-start
    }
    .md\:inkeep-modal__container--isCentered_true {
      align-items: center
    }
    .md\:inkeep-modal__container--variant_clickThrough {
      pointer-events: none;
      z-index: var(--inkeep-z-index-modal) - 1
    }
    .md\:inkeep-modal__content--size_xs {
      max-width: var(--inkeep-sizes-xs)
    }
    .md\:inkeep-modal__content--size_sm {
      max-width: var(--inkeep-sizes-sm)
    }
    .md\:inkeep-modal__content--size_md {
      max-width: var(--inkeep-sizes-md)
    }
    .md\:inkeep-modal__content--size_lg {
      max-width: var(--inkeep-sizes-lg)
    }
    .md\:inkeep-modal__content--size_xl {
      max-width: var(--inkeep-sizes-xl)
    }
    .md\:inkeep-modal__content--size_2xl {
      max-width: var(--inkeep-sizes-2xl)
    }
    .md\:inkeep-modal__content--size_3xl {
      max-width: var(--inkeep-sizes-3xl)
    }
    .md\:inkeep-modal__content--size_4xl {
      max-width: var(--inkeep-sizes-4xl)
    }
    .md\:inkeep-modal__content--size_5xl {
      max-width: var(--inkeep-sizes-5xl)
    }
    .md\:inkeep-modal__content--size_6xl {
      max-width: var(--inkeep-sizes-6xl)
    }
    .md\:inkeep-modal__content--size_full {
      max-width: 100vw;
      min-height: 100vh;
      margin-block: var(--inkeep-spacing-0);
      border-radius: 0
    }
    .md\:inkeep-modal__content--scrollOverflowBehavior_inside {
      max-height: calc(100% - 7.5rem)
    }
    .md\:inkeep-modal__content--isCentered_false {
      margin-block: var(--inkeep-spacing-16)
    }
    .md\:inkeep-modal__content--isCentered_true {
      margin-block: auto;
      margin-inline: auto
    }
    .md\:inkeep-modal__content--variant_clickThrough {
      pointer-events: auto
    }
    .md\:inkeep-select__label--size_sm,.md\:inkeep-select__label--size_md,.md\:inkeep-select__label--size_lg {
      font-size: 0.875rem;
      line-height: 1.25rem
    }
    .md\:inkeep-select__trigger--variant_outline {
      background: var(--inkeep-colors-white);
      border-width: 1px
    }

    .dark .md\:inkeep-select__trigger--variant_outline, [data-theme="dark"] .md\:inkeep-select__trigger--variant_outline {
      background: var(--inkeep-colors-color-palette-800);
            }
        }

  @media screen and (min-width: 48em) {

    .md\:inkeep-select__trigger--variant_outline:is(:focus, [data-focus]) {
      border-color: var(--inkeep-colors-color-palette-200);
            }

    .dark .md\:inkeep-select__trigger--variant_outline:is(:focus, [data-focus]), [data-theme="dark"] .md\:inkeep-select__trigger--variant_outline:is(:focus, [data-focus]) {
      border-color: var(--inkeep-colors-color-palette-800);
            }

    .md\:inkeep-select__trigger--variant_outline:is(:focus, [data-focus]) {
      box-shadow: var(--inkeep-shadows-accent);
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-select__trigger--variant_ghost:is(:focus, [data-focus]) {
      background: var(--inkeep-colors-color-palette-100);
            }

    .dark .md\:inkeep-select__trigger--variant_ghost:is(:focus, [data-focus]), [data-theme="dark"] .md\:inkeep-select__trigger--variant_ghost:is(:focus, [data-focus]) {
      background: var(--inkeep-colors-color-palette-900);
            }

    .md\:inkeep-select__trigger--variant_ghost:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-color-palette-100);
            }

    .dark .md\:inkeep-select__trigger--variant_ghost:is(:hover, [data-hover]), [data-theme="dark"] .md\:inkeep-select__trigger--variant_ghost:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-color-palette-900);
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-select__trigger--size_sm {
      padding-inline: var(--inkeep-spacing-2\.5);
      height: var(--inkeep-sizes-9);
      min-width: var(--inkeep-sizes-9);
      font-size: var(--inkeep-font-sizes-sm);
      gap: var(--inkeep-spacing-2)
    }

    .md\:inkeep-select__trigger--size_sm :where(svg) {
      width: var(--inkeep-sizes-4);
      height: var(--inkeep-sizes-4);
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-select__trigger--size_md {
      padding-inline: var(--inkeep-spacing-3);
      height: var(--inkeep-sizes-10);
      min-width: var(--inkeep-sizes-10);
      font-size: var(--inkeep-font-sizes-md);
      gap: var(--inkeep-spacing-2)
    }

    .md\:inkeep-select__trigger--size_md :where(svg) {
      width: var(--inkeep-sizes-4);
      height: var(--inkeep-sizes-4);
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-select__trigger--size_lg {
      padding-inline: var(--inkeep-spacing-3\.5);
      height: var(--inkeep-sizes-11);
      min-width: var(--inkeep-sizes-11);
      font-size: var(--inkeep-font-sizes-md);
      gap: var(--inkeep-spacing-2)
    }

    .md\:inkeep-select__trigger--size_lg :where(svg) {
      width: var(--inkeep-sizes-5);
      height: var(--inkeep-sizes-5);
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-select__item--size_sm {
      font-size: 0.875rem;
      line-height: 1.25rem;
      padding-inline: var(--inkeep-spacing-2);
      height: var(--inkeep-sizes-9)
    }
    .md\:inkeep-select__item--size_md {
      height: var(--inkeep-sizes-10)
    }
    .md\:inkeep-select__item--size_md,.md\:inkeep-select__item--size_lg {
      font-size: 1rem;
      line-height: 1.5rem;
      padding-inline: var(--inkeep-spacing-2)
    }
    .md\:inkeep-select__item--size_lg {
      height: var(--inkeep-sizes-11)
    }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-select__itemIndicator--size_sm :where(svg) {
      width: var(--inkeep-sizes-4);
      height: var(--inkeep-sizes-4);
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-select__itemIndicator--size_md :where(svg) {
      width: var(--inkeep-sizes-4);
      height: var(--inkeep-sizes-4);
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-select__itemIndicator--size_lg :where(svg) {
      width: var(--inkeep-sizes-5);
      height: var(--inkeep-sizes-5);
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-select__itemGroupLabel--size_sm,.md\:inkeep-select__itemGroupLabel--size_md,.md\:inkeep-select__itemGroupLabel--size_lg {
      padding-inline: var(--inkeep-spacing-2);
      padding-block: var(--inkeep-spacing-1\.5)
    }
    .md\:inkeep-select__content--size_sm {
      padding: var(--inkeep-spacing-0\.5);
      gap: var(--inkeep-spacing-1)
    }
    .md\:inkeep-select__content--size_md {
      padding: var(--inkeep-spacing-1);
      gap: var(--inkeep-spacing-1)
    }
    .md\:inkeep-select__content--size_lg {
      padding: var(--inkeep-spacing-1\.5);
      gap: var(--inkeep-spacing-1)
    }
    .md\:inkeep-switch__root--size_sm {
      --switch-track-width: 1.375rem;
      --switch-track-height: var(--inkeep-sizes-3)
    }
    .md\:inkeep-switch__root--size_md {
      --switch-track-width: 1.875rem;
      --switch-track-height: var(--inkeep-sizes-4)
    }
    .md\:inkeep-switch__root--size_lg {
      --switch-track-width: 2.875rem;
      --switch-track-height: var(--inkeep-sizes-6)
    }
    .md\:inkeep-switch__control--size_xss {
      width: 24px;
      height: 12px
    }
    .md\:inkeep-switch__thumb--size_xss {
      width: 12px;
      height: 12px
    }
    .md\:inkeep-tabs__list--variant_line {
      --tabs-border-color: 2px solid;
      border-color: inherit
    }
    .md\:inkeep-tabs__list--variant_enclosed,.md\:inkeep-tabs__list--variant_enclosed-colored {
      margin-bottom: -1px;
      border-bottom: 1px solid;
      border-color: inherit
    }
    .md\:inkeep-tabs__trigger--size_sm {
      padding-block: var(--inkeep-spacing-1);
      padding-inline: var(--inkeep-spacing-4);
      font-size: var(--inkeep-font-sizes-sm)
    }
    .md\:inkeep-tabs__trigger--size_md {
      font-size: var(--inkeep-font-sizes-md);
      padding-block: var(--inkeep-spacing-2);
      padding-inline: var(--inkeep-spacing-4)
    }
    .md\:inkeep-tabs__trigger--size_lg {
      font-size: var(--inkeep-font-sizes-lg);
      padding-block: var(--inkeep-spacing-3);
      padding-inline: var(--inkeep-spacing-4)
    }
    .md\:inkeep-tabs__trigger--variant_line {
      --tabs-border-color: 2px solid;
      border-color: var(--inkeep-colors-transparent);
      --tabs-margin-prop: -2px;
      color: var(--tabs-color);
      background: var(--tabs-bg)
    }
        }

  @media screen and (min-width: 48em) {

    .md\:inkeep-tabs__trigger--variant_line:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-color-palette-600)
    ;
            }

    .dark .md\:inkeep-tabs__trigger--variant_line:is([aria-selected=true], [data-selected]), [data-theme="dark"] .md\:inkeep-tabs__trigger--variant_line:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-color-palette-300)
        ;
            }

    .md\:inkeep-tabs__trigger--variant_line:is([aria-selected=true], [data-selected]) {
      border-color: currentColor;
            }

    .md\:inkeep-tabs__trigger--variant_line:is(:active, [data-active]) {
      --tabs-bg: var(--inkeep-colors-gray-200)
    ;
            }

    .dark .md\:inkeep-tabs__trigger--variant_line:is(:active, [data-active]), [data-theme="dark"] .md\:inkeep-tabs__trigger--variant_line:is(:active, [data-active]) {
      --tabs-bg: var(--inkeep-colors-white-alpha-300)
        ;
            }

    .md\:inkeep-tabs__trigger--variant_line:is(:disabled, [disabled], [data-disabled]):is(:active, [data-active]) {
      background: none;
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-tabs__trigger--variant_enclosed {
      border-top-left-radius: var(--inkeep-radii-md);
      border-top-right-radius: var(--inkeep-radii-md);
      border: 1px solid;
      border-color: var(--inkeep-colors-transparent);
      margin-bottom: -1px;
      --tabs-border-color: transparent;
      color: var(--tabs-color)
    }

    .md\:inkeep-tabs__trigger--variant_enclosed:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-color-palette-600)
    ;
      --tabs-border-color: var(--inkeep-colors-white)
    ;
            }

    .dark .md\:inkeep-tabs__trigger--variant_enclosed:is([aria-selected=true], [data-selected]), [data-theme="dark"] .md\:inkeep-tabs__trigger--variant_enclosed:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-color-palette-300)
        ;
      --tabs-border-color: var(--inkeep-colors-gray-800)
        ;
            }

    .md\:inkeep-tabs__trigger--variant_enclosed:is([aria-selected=true], [data-selected]) {
      border-color: inherit;
      border-bottom-color: var(--tabs-border-color);
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-tabs__trigger--variant_enclosed-colored {
      border: 1px solid;
      border-color: inherit;
      --tabs-bg: var(--inkeep-colors-gray-50);
      margin-bottom: -1px;
      color: var(--tabs-color);
      background: var(--tabs-bg)
    }

    .dark .md\:inkeep-tabs__trigger--variant_enclosed-colored, [data-theme="dark"] .md\:inkeep-tabs__trigger--variant_enclosed-colored {
      --tabs-bg: var(--inkeep-colors-white-alpha-50)
    ;
            }

    .md\:inkeep-tabs__trigger--variant_enclosed-colored:is([aria-selected=true], [data-selected]) {
      --tabs-bg: var(--inkeep-colors-white)
    ;
      --tabs-color: var(--inkeep-colors-color-palette-600)
    ;
            }

    .dark .md\:inkeep-tabs__trigger--variant_enclosed-colored:is([aria-selected=true], [data-selected]), [data-theme="dark"] .md\:inkeep-tabs__trigger--variant_enclosed-colored:is([aria-selected=true], [data-selected]) {
      --tabs-bg: var(--inkeep-colors-gray-800)
        ;
      --tabs-color: var(--inkeep-colors-color-palette-300)
        ;
            }

    .md\:inkeep-tabs__trigger--variant_enclosed-colored:is([aria-selected=true], [data-selected]) {
      border-color: inherit;
      border-top-color: currentColor;
      border-bottom-color: var(--inkeep-colors-transparent);
            }

    .md\:inkeep-tabs__trigger--variant_enclosed-colored _notLast {
      margin-inline-end: -1px;
            }
    .md\:inkeep-tabs__trigger--variant_soft-rounded {
      border-radius: var(--inkeep-radii-full);
      font-weight: var(--inkeep-font-weights-semibold);
      color: var(--inkeep-colors-gray-600)
    }
        }

  @media screen and (min-width: 48em) {

    .md\:inkeep-tabs__trigger--variant_soft-rounded:is([aria-selected=true], [data-selected]) {
      color: var(--inkeep-colors-color-palette-700);
      background: var(--inkeep-colors-color-palette-100);
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-tabs__trigger--variant_solid-rounded {
      border-radius: var(--inkeep-radii-full);
      font-weight: var(--inkeep-font-weights-semibold);
      --tabs-color: var(--inkeep-colors-gray-600);
      color: var(--tabs-color);
      background: var(--tabs-bg)
    }

    .dark .md\:inkeep-tabs__trigger--variant_solid-rounded, [data-theme="dark"] .md\:inkeep-tabs__trigger--variant_solid-rounded {
      --tabs-color: inherit
    ;
            }

    .md\:inkeep-tabs__trigger--variant_solid-rounded:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-white)
    ;
      --tabs-bg: var(--inkeep-colors-color-palette-600)
    ;
            }

    .dark .md\:inkeep-tabs__trigger--variant_solid-rounded:is([aria-selected=true], [data-selected]), [data-theme="dark"] .md\:inkeep-tabs__trigger--variant_solid-rounded:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-gray-800)
        ;
      --tabs-bg: var(--inkeep-colors-color-palette-300)
        ;
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-tabs__trigger--isFitted_true {
      flex: 1 1 0%
    }
    .md\:inkeep-table__caption--variant_simple {
      color: var(--inkeep-colors-gray-600)
    }

    .dark .md\:inkeep-table__caption--variant_simple, [data-theme="dark"] .md\:inkeep-table__caption--variant_simple {
      color: var(--inkeep-colors-gray-100);
            }
    .md\:inkeep-table__caption--variant_striped {
      color: var(--inkeep-colors-gray-600)
    }

    .dark .md\:inkeep-table__caption--variant_striped, [data-theme="dark"] .md\:inkeep-table__caption--variant_striped {
      color: var(--inkeep-colors-gray-100);
            }
    .md\:inkeep-table__caption--size_sm {
      padding-inline: var(--inkeep-spacing-4);
      padding-block: var(--inkeep-spacing-2);
      font-size: var(--inkeep-font-sizes-xs)
    }
    .md\:inkeep-table__caption--size_md {
      font-size: var(--inkeep-font-sizes-sm)
    }
    .md\:inkeep-table__caption--size_md,.md\:inkeep-table__caption--size_lg {
      padding-inline: var(--inkeep-spacing-6);
      padding-block: var(--inkeep-spacing-2)
    }
    .md\:inkeep-table__caption--size_lg {
      font-size: var(--inkeep-font-sizes-md)
    }
    .md\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) th, .md\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td {
      border-bottom-width: 1px;
      border-color: var(--inkeep-colors-color-palette-100);
            }

    .dark .md\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) th, [data-theme="dark"] .md\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) th, .dark .md\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td, [data-theme="dark"] .md\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td {
      border-color: var(--inkeep-colors-color-palette-700);
            }

    .md\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td {
      background: var(--inkeep-colors-color-palette-100);
            }

    .dark .md\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td, [data-theme="dark"] .md\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td {
      background: var(--inkeep-colors-color-palette-700);
            }
    .md\:inkeep-table__td--variant_simple {
      border-bottom: var(--inkeep-borders-1px);
      border-color: var(--inkeep-colors-color-palette-100)
    }

    .dark .md\:inkeep-table__td--variant_simple, [data-theme="dark"] .md\:inkeep-table__td--variant_simple {
      border-color: var(--inkeep-colors-color-palette-700);
            }

    .md\:inkeep-table__td--variant_simple[data-is-numeric=true] {
      text-align: end;
            }
    .md\:inkeep-table__td--variant_striped {
      border-bottom: var(--inkeep-borders-1px);
      border-color: var(--inkeep-colors-color-palette-100)
    }

    .dark .md\:inkeep-table__td--variant_striped, [data-theme="dark"] .md\:inkeep-table__td--variant_striped {
      border-color: var(--inkeep-colors-color-palette-700);
            }

    .md\:inkeep-table__td--variant_striped[data-is-numeric=true] {
      text-align: end;
            }
    .md\:inkeep-table__td--size_sm {
      padding-inline: var(--inkeep-spacing-4);
      padding-block: var(--inkeep-spacing-2);
      font-size: var(--inkeep-font-sizes-sm);
      line-height: var(--inkeep-line-heights-4)
    }
    .md\:inkeep-table__td--size_md {
      padding-inline: var(--inkeep-spacing-6);
      padding-block: var(--inkeep-spacing-4);
      line-height: var(--inkeep-line-heights-5)
    }
    .md\:inkeep-table__td--size_lg {
      padding-inline: var(--inkeep-spacing-8);
      padding-block: var(--inkeep-spacing-5);
      line-height: var(--inkeep-line-heights-6)
    }
    .md\:inkeep-table__tfoot--variant_striped th tr:last-of-type {
      border-bottom-width: 0;
            }
    .md\: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 .md\:inkeep-table__th--variant_simple, [data-theme="dark"] .md\:inkeep-table__th--variant_simple {
      color: var(--inkeep-colors-gray-400);
      border-color: var(--inkeep-colors-color-palette-700);
            }

    .md\:inkeep-table__th--variant_simple[data-is-numeric=true] {
      text-align: end;
            }
    .md\:inkeep-table__th--variant_striped {
      color: var(--inkeep-colors-gray-600);
      border-bottom: var(--inkeep-borders-1px);
      border-color: var(--inkeep-colors-color-palette-100)
    }

    .dark .md\:inkeep-table__th--variant_striped, [data-theme="dark"] .md\:inkeep-table__th--variant_striped {
      color: var(--inkeep-colors-gray-400);
      border-color: var(--inkeep-colors-color-palette-700);
            }

    .md\:inkeep-table__th--variant_striped[data-is-numeric=true] {
      text-align: end;
            }
    .md\:inkeep-table__th--size_sm {
      padding-inline: var(--inkeep-spacing-4);
      padding-block: var(--inkeep-spacing-1)
    }
    .md\:inkeep-table__th--size_sm,.md\:inkeep-table__th--size_md {
      line-height: var(--inkeep-line-heights-4);
      font-size: var(--inkeep-font-sizes-xs)
    }
    .md\:inkeep-table__th--size_md {
      padding-inline: var(--inkeep-spacing-6);
      padding-block: var(--inkeep-spacing-3)
    }
    .md\:inkeep-table__th--size_lg {
      padding-inline: var(--inkeep-spacing-8);
      padding-block: var(--inkeep-spacing-4);
      line-height: var(--inkeep-line-heights-5);
      font-size: var(--inkeep-font-sizes-sm)
    }
    .md\:inkeep-table__tr--variant_tfoot th:last-of-type {
      border-bottom-width: 0;
            }
    .md\:inkeep-tooltip__content--variant_default {
      font-weight: var(--inkeep-font-weights-normal)
    }

    .light .md\:inkeep-tooltip__content--variant_default, [data-theme="light"] .md\: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 .md\:inkeep-tooltip__content--variant_default, [data-theme="dark"] .md\: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)
    ;
            }
    .light .md\:inkeep-search-bar-trigger__container--variant_emphasized, [data-theme="light"] .md\:inkeep-search-bar-trigger__container--variant_emphasized {
      border-color: var(--inkeep-colors-gray-100);
      box-shadow: var(--inkeep-shadows-sm);
            }
        }

  @media screen and (min-width: 48em) {

    .light .md\:inkeep-search-bar-trigger__container--variant_emphasized:is(:hover, [data-hover]), [data-theme="light"] .md\:inkeep-search-bar-trigger__container--variant_emphasized:is(:hover, [data-hover]) {
      box-shadow: var(--inkeep-shadows-md);
      background: none !important;
            }

    .dark .md\:inkeep-search-bar-trigger__container--variant_emphasized:is(:hover, [data-hover]), [data-theme="dark"] .md\:inkeep-search-bar-trigger__container--variant_emphasized:is(:hover, [data-hover]) {
      background: none !important;
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-search-bar-trigger__container--variant_subtle {
      border-color: var(--inkeep-colors-gray-300);
      color: var(--inkeep-colors-gray-500) !important
    }

    .dark .md\:inkeep-search-bar-trigger__container--variant_subtle, [data-theme="dark"] .md\:inkeep-search-bar-trigger__container--variant_subtle {
      color: var(--inkeep-colors-white-alpha-500) !important;
      border-color: var(--inkeep-colors-white-alpha-300);
            }

    .md\:inkeep-search-bar-trigger__container--variant_subtle:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-gray-400);
      background: none !important;
            }

    .dark .md\:inkeep-search-bar-trigger__container--variant_subtle:is(:hover, [data-hover]), [data-theme="dark"] .md\:inkeep-search-bar-trigger__container--variant_subtle:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-white-alpha-400);
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-search-bar-trigger__wrapper--size_expand {
      width: 100%;
      height: 100%
    }
        }

  @media screen and (min-width: 48em) {
    @media screen and (min-width: 48em) {
      .md\:inkeep-search-bar-trigger__wrapper--size_compact {
        width: min( 340px , 100% );
        height: min( 40px , 100% );
                }
            }
        }

  @media screen and (min-width: 48em) {
    .inkeep-search-bar-trigger__wrapper--size_medium {
      width: min( 500px , 100% );
      height: min( 3rem , 100% );
            }
        }

  @media screen and (min-width: 48em) {
    @media screen and (min-width: 48em) {
      .md\:inkeep-search-bar-trigger__wrapper--size_medium {
        width: min( 500px , 100% );
        height: min( 3rem , 100% );
                }
            }
        }

  @media screen and (min-width: 48em) {
    .inkeep-search-bar-trigger__wrapper--size_compact {
      width: min( 340px , 100% );
      height: min( 40px , 100% );
            }
    .md\:inkeep-search-bar-trigger__kbd--variant_subtle {
      border: var(--inkeep-borders-none);
      padding-inline: var(--inkeep-spacing-0);
      color: var(--inkeep-colors-gray-500)
    }

    .dark .md\:inkeep-search-bar-trigger__kbd--variant_subtle, [data-theme="dark"] .md\:inkeep-search-bar-trigger__kbd--variant_subtle {
      color: var(--inkeep-colors-white-alpha-500);
            }
    .md\:inkeep-search-bar-trigger__icon--variant_subtle {
      width: 18px
    }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-alert__container--variant_subtle {
      --alert-fg: var(--inkeep-colors-color-palette-500);
      --alert-bg: var(--inkeep-colors-color-palette-100)
    }

    .dark .lg\:inkeep-alert__container--variant_subtle, [data-theme="dark"] .lg\: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))
    ;
            }
    .lg\:inkeep-alert__container--variant_left-accent {
      --alert-fg: var(--inkeep-colors-color-palette-500);
      --alert-bg: var(--inkeep-colors-color-palette-100);
      padding-inline-start: var(--inkeep-spacing-3);
      border-inline-start-width: 4px;
      border-inline-start-color: var(--alert-fg)
    }

    .dark .lg\:inkeep-alert__container--variant_left-accent, [data-theme="dark"] .lg\:inkeep-alert__container--variant_left-accent {
      --alert-fg: var(--inkeep-colors-color-palette-200)
    ;
      --alert-bg-alpha: color-mix(in srgb, transparent 84%, var(--colors-color-palette-200))
    ;
            }
    .lg\:inkeep-alert__container--variant_top-accent {
      --alert-fg: var(--inkeep-colors-color-palette-500);
      --alert-bg: var(--inkeep-colors-color-palette-100);
      padding-top: var(--inkeep-spacing-2);
      border-top-width: 4px;
      border-top-color: var(--alert-fg)
    }

    .dark .lg\:inkeep-alert__container--variant_top-accent, [data-theme="dark"] .lg\:inkeep-alert__container--variant_top-accent {
      --alert-fg: var(--inkeep-colors-color-palette-200)
    ;
      --alert-bg: var(--alert-bg-alpha, var(--colors-color-palette-200))
    ;
            }
    .lg\:inkeep-alert__container--variant_solid {
      --alert-fg: var(--inkeep-colors-white);
      --alert-bg: var(--inkeep-colors-color-palette-500);
      color: var(--alert-fg)
    }

    .dark .lg\:inkeep-alert__container--variant_solid, [data-theme="dark"] .lg\:inkeep-alert__container--variant_solid {
      --alert-fg: var(--inkeep-colors-gray-900)
    ;
      --alert-bg: var(--inkeep-colors-color-palette-200)
    ;
            }
    .lg\:inkeep-avatar__root--size_2xs {
      --avatar-size: var(--inkeep-sizes-4);
      --avatar-font-size: var(--inkeep-font-sizes-3xs)
    }
    .lg\:inkeep-avatar__root--size_xs {
      --avatar-size: var(--inkeep-sizes-6);
      --avatar-font-size: var(--inkeep-font-sizes-2xs)
    }
    .lg\:inkeep-avatar__root--size_sm {
      --avatar-size: var(--inkeep-sizes-8);
      --avatar-font-size: var(--inkeep-font-sizes-xs)
    }
    .lg\:inkeep-avatar__root--size_md {
      --avatar-size: var(--inkeep-sizes-12);
      --avatar-font-size: var(--inkeep-font-sizes-md)
    }
    .lg\:inkeep-avatar__root--size_lg {
      --avatar-size: var(--inkeep-sizes-16);
      --avatar-font-size: var(--inkeep-font-sizes-lg)
    }
    .lg\:inkeep-avatar__root--size_xl {
      --avatar-size: var(--inkeep-sizes-24);
      --avatar-font-size: var(--inkeep-font-sizes-3xl)
    }
    .lg\:inkeep-avatar__root--size_2xl {
      --avatar-size: var(--inkeep-sizes-32);
      --avatar-font-size: var(--inkeep-font-sizes-4xl)
    }
    .lg\:inkeep-card__container--variant_elevated {
      --card-shadow: var(--inkeep-shadows-base)
    }

    .dark .lg\:inkeep-card__container--variant_elevated, [data-theme="dark"] .lg\:inkeep-card__container--variant_elevated {
      --card-bg: var(--inkeep-colors-gray-700)
    ;
            }
    .lg\:inkeep-card__container--variant_outline {
      --card-border-width: 1px;
      --card-border-color: var(--inkeep-colors-chakra-border-color)
    }

    .dark .lg\:inkeep-card__container--variant_outline, [data-theme="dark"] .lg\:inkeep-card__container--variant_outline {
      --card-border-color: var(--inkeep-colors-white-alpha-300)
    ;
            }
    .lg\:inkeep-card__container--variant_filled {
      --card-bg: var(--inkeep-colors-chakra-subtle-bg)
    }
    .lg\:inkeep-card__container--size_sm {
      --card-radius: var(--inkeep-radii-base);
      --card-padding: var(--inkeep-space-3)
    }
    .lg\:inkeep-card__container--size_md {
      --card-radius: var(--inkeep-radii-md);
      --card-padding: var(--inkeep-space-5)
    }
    .lg\:inkeep-card__container--size_lg {
      --card-radius: var(--inkeep-radii-xl);
      --card-padding: var(--inkeep-space-7)
    }
    .lg\:inkeep-card__body--variant_unstyled,.lg\:inkeep-card__header--variant_unstyled,.lg\:inkeep-card__footer--variant_unstyled {
      --card-padding: 0
    }
    .lg\:inkeep-checkbox__control--size_sm {
      --checkbox-size: var(--inkeep-sizes-3)
    }
    .lg\:inkeep-checkbox__control--size_md {
      --checkbox-size: var(--inkeep-sizes-4)
    }
    .lg\:inkeep-checkbox__control--size_lg {
      --checkbox-size: var(--inkeep-sizes-5)
    }
    .lg\:inkeep-checkbox__control--shape_circular {
      border-radius: var(--inkeep-radii-full)
    }
    .lg\:inkeep-checkbox__label--size_sm {
      font-size: var(--inkeep-font-sizes-sm)
    }
    .lg\:inkeep-checkbox__label--size_md {
      font-size: var(--inkeep-font-sizes-md)
    }
    .lg\:inkeep-checkbox__label--size_lg {
      font-size: var(--inkeep-font-sizes-lg)
    }
    .lg\:inkeep-checkbox__icon--size_sm {
      font-size: var(--inkeep-font-sizes-3xs)
    }
    .lg\:inkeep-checkbox__icon--size_md,.lg\:inkeep-checkbox__icon--size_lg {
      font-size: var(--inkeep-font-sizes-2xs)
    }
    .lg\:inkeep-input__group--size_lg {
      --input-font-size: var(--inkeep-font-sizes-lg);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-12)
    }
    .lg\:inkeep-input__group--size_md {
      --input-font-size: var(--inkeep-font-sizes-md);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-10)
    }
    .lg\:inkeep-input__group--size_sm {
      --input-font-size: var(--inkeep-font-sizes-sm);
      --input-padding: var(--inkeep-space-3);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-8)
    }
    .lg\:inkeep-input__group--size_xs {
      --input-font-size: var(--inkeep-font-sizes-xs);
      --input-padding: var(--inkeep-space-2);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-6)
    }
    .lg\:inkeep-input__field--size_lg {
      --input-font-size: var(--inkeep-font-sizes-lg);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-12)
    }
    .lg\:inkeep-input__field--size_md {
      --input-font-size: var(--inkeep-font-sizes-md);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-10)
    }
    .lg\:inkeep-input__field--size_sm {
      --input-font-size: var(--inkeep-font-sizes-sm);
      --input-padding: var(--inkeep-space-3);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-8)
    }
    .lg\:inkeep-input__field--size_xs {
      --input-font-size: var(--inkeep-font-sizes-xs);
      --input-padding: var(--inkeep-space-2);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-6)
    }
    .lg\:inkeep-input__field--variant_outline {
      border: 1px solid;
      border-color: inherit;
      background: inherit
    }
        }

  @media screen and (min-width: 64em) {

    .lg\:inkeep-input__field--variant_outline:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .lg\:inkeep-input__field--variant_outline:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
      box-shadow: 0 0 0 1px var(--input-error-border-color);
            }

    .lg\:inkeep-input__field--variant_outline:is(:focus-visible, [data-focus-visible]) {
      z-index: 1;
      border-color: var(--input-focus-border-color);
      box-shadow: 0 0 0 1px var(--input-focus-border-color);
            }

    .lg\:inkeep-input__field--variant_outline:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-gray-300);
            }

    .dark .lg\:inkeep-input__field--variant_outline:is(:hover, [data-hover]), [data-theme="dark"] .lg\:inkeep-input__field--variant_outline:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-white-alpha-400);
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-input__field--variant_filled {
      border: 2px solid;
      border-color: var(--inkeep-colors-transparent);
      background: var(--inkeep-colors-gray-100)
    }

    .dark .lg\:inkeep-input__field--variant_filled, [data-theme="dark"] .lg\:inkeep-input__field--variant_filled {
      background: var(--inkeep-colors-white-alpha-50);
            }

    .lg\:inkeep-input__field--variant_filled:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .lg\:inkeep-input__field--variant_filled:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
            }

    .lg\:inkeep-input__field--variant_filled:is(:focus-visible, [data-focus-visible]) {
      background: var(--inkeep-colors-transparent);
      border-color: var(--input-focus-border-color);
            }

    .lg\:inkeep-input__field--variant_filled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-gray-200);
            }

    .dark .lg\:inkeep-input__field--variant_filled:is(:hover, [data-hover]), [data-theme="dark"] .lg\:inkeep-input__field--variant_filled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-white-alpha-100);
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-input__field--variant_flushed {
      border-bottom: 1px solid;
      border-color: inherit;
      border-radius: 0;
      padding-inline: var(--inkeep-spacing-0);
      background: var(--inkeep-colors-transparent)
    }

    .lg\:inkeep-input__field--variant_flushed:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .lg\:inkeep-input__field--variant_flushed:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
      box-shadow: 0px 1px 0px 0px var(--input-error-border-color);
            }

    .lg\:inkeep-input__field--variant_flushed:is(:focus-visible, [data-focus-visible]) {
      border-color: var(--input-focus-border-color);
      box-shadow: 0px 1px 0px 0px var(--input-focus-border-color);
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-input__field--variant_unstyled {
      background: var(--inkeep-colors-transparent);
      padding-inline: var(--inkeep-spacing-0);
      height: var(--inkeep-sizes-auto)
    }
    .lg\:inkeep-input__addon--size_lg {
      --input-font-size: var(--inkeep-font-sizes-lg);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-12)
    }
    .lg\:inkeep-input__addon--size_md {
      --input-font-size: var(--inkeep-font-sizes-md);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-10)
    }
    .lg\:inkeep-input__addon--size_sm {
      --input-font-size: var(--inkeep-font-sizes-sm);
      --input-padding: var(--inkeep-space-3);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-8)
    }
    .lg\:inkeep-input__addon--size_xs {
      --input-font-size: var(--inkeep-font-sizes-xs);
      --input-padding: var(--inkeep-space-2);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-6)
    }
    .lg\:inkeep-input__addon--variant_outline {
      border: 1px solid;
      border-color: inherit;
      background: var(--inkeep-colors-gray-100)
    }

    .dark .lg\:inkeep-input__addon--variant_outline, [data-theme="dark"] .lg\:inkeep-input__addon--variant_outline {
      border-color: var(--inkeep-colors-white-alpha-50);
      background: var(--inkeep-colors-white-alpha-300);
            }
    .lg\:inkeep-input__addon--variant_filled {
      border: 2px solid;
      border-color: var(--inkeep-colors-transparent);
      background: var(--inkeep-colors-gray-100)
    }

    .dark .lg\:inkeep-input__addon--variant_filled, [data-theme="dark"] .lg\:inkeep-input__addon--variant_filled {
      background: var(--inkeep-colors-white-alpha-50);
            }
    .lg\:inkeep-input__addon--variant_flushed {
      border-bottom: 2px solid;
      border-color: inherit;
      border-radius: 0
    }
    .lg\:inkeep-input__addon--variant_flushed,.lg\:inkeep-input__addon--variant_unstyled {
      padding-inline: var(--inkeep-spacing-0);
      background: var(--inkeep-colors-transparent)
    }
    .lg\:inkeep-input__addon--variant_unstyled {
      height: var(--inkeep-sizes-auto)
    }
    .lg\:inkeep-modal__container--scrollOverflowBehavior_inside {
      overflow: hidden
    }
    .lg\:inkeep-modal__container--scrollOverflowBehavior_outside {
      overflow: auto
    }
    .lg\:inkeep-modal__container--isCentered_false {
      align-items: flex-start
    }
    .lg\:inkeep-modal__container--isCentered_true {
      align-items: center
    }
    .lg\:inkeep-modal__container--variant_clickThrough {
      pointer-events: none;
      z-index: var(--inkeep-z-index-modal) - 1
    }
    .lg\:inkeep-modal__content--size_xs {
      max-width: var(--inkeep-sizes-xs)
    }
    .lg\:inkeep-modal__content--size_sm {
      max-width: var(--inkeep-sizes-sm)
    }
    .lg\:inkeep-modal__content--size_md {
      max-width: var(--inkeep-sizes-md)
    }
    .lg\:inkeep-modal__content--size_lg {
      max-width: var(--inkeep-sizes-lg)
    }
    .lg\:inkeep-modal__content--size_xl {
      max-width: var(--inkeep-sizes-xl)
    }
    .lg\:inkeep-modal__content--size_2xl {
      max-width: var(--inkeep-sizes-2xl)
    }
    .lg\:inkeep-modal__content--size_3xl {
      max-width: var(--inkeep-sizes-3xl)
    }
    .lg\:inkeep-modal__content--size_4xl {
      max-width: var(--inkeep-sizes-4xl)
    }
    .lg\:inkeep-modal__content--size_5xl {
      max-width: var(--inkeep-sizes-5xl)
    }
    .lg\:inkeep-modal__content--size_6xl {
      max-width: var(--inkeep-sizes-6xl)
    }
    .lg\:inkeep-modal__content--size_full {
      max-width: 100vw;
      min-height: 100vh;
      margin-block: var(--inkeep-spacing-0);
      border-radius: 0
    }
    .lg\:inkeep-modal__content--scrollOverflowBehavior_inside {
      max-height: calc(100% - 7.5rem)
    }
    .lg\:inkeep-modal__content--isCentered_false {
      margin-block: var(--inkeep-spacing-16)
    }
    .lg\:inkeep-modal__content--isCentered_true {
      margin-block: auto;
      margin-inline: auto
    }
    .lg\:inkeep-modal__content--variant_clickThrough {
      pointer-events: auto
    }
    .lg\:inkeep-select__label--size_sm,.lg\:inkeep-select__label--size_md,.lg\:inkeep-select__label--size_lg {
      font-size: 0.875rem;
      line-height: 1.25rem
    }
    .lg\:inkeep-select__trigger--variant_outline {
      background: var(--inkeep-colors-white);
      border-width: 1px
    }

    .dark .lg\:inkeep-select__trigger--variant_outline, [data-theme="dark"] .lg\:inkeep-select__trigger--variant_outline {
      background: var(--inkeep-colors-color-palette-800);
            }
        }

  @media screen and (min-width: 64em) {

    .lg\:inkeep-select__trigger--variant_outline:is(:focus, [data-focus]) {
      border-color: var(--inkeep-colors-color-palette-200);
            }

    .dark .lg\:inkeep-select__trigger--variant_outline:is(:focus, [data-focus]), [data-theme="dark"] .lg\:inkeep-select__trigger--variant_outline:is(:focus, [data-focus]) {
      border-color: var(--inkeep-colors-color-palette-800);
            }

    .lg\:inkeep-select__trigger--variant_outline:is(:focus, [data-focus]) {
      box-shadow: var(--inkeep-shadows-accent);
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-select__trigger--variant_ghost:is(:focus, [data-focus]) {
      background: var(--inkeep-colors-color-palette-100);
            }

    .dark .lg\:inkeep-select__trigger--variant_ghost:is(:focus, [data-focus]), [data-theme="dark"] .lg\:inkeep-select__trigger--variant_ghost:is(:focus, [data-focus]) {
      background: var(--inkeep-colors-color-palette-900);
            }

    .lg\:inkeep-select__trigger--variant_ghost:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-color-palette-100);
            }

    .dark .lg\:inkeep-select__trigger--variant_ghost:is(:hover, [data-hover]), [data-theme="dark"] .lg\:inkeep-select__trigger--variant_ghost:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-color-palette-900);
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-select__trigger--size_sm {
      padding-inline: var(--inkeep-spacing-2\.5);
      height: var(--inkeep-sizes-9);
      min-width: var(--inkeep-sizes-9);
      font-size: var(--inkeep-font-sizes-sm);
      gap: var(--inkeep-spacing-2)
    }

    .lg\:inkeep-select__trigger--size_sm :where(svg) {
      width: var(--inkeep-sizes-4);
      height: var(--inkeep-sizes-4);
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-select__trigger--size_md {
      padding-inline: var(--inkeep-spacing-3);
      height: var(--inkeep-sizes-10);
      min-width: var(--inkeep-sizes-10);
      font-size: var(--inkeep-font-sizes-md);
      gap: var(--inkeep-spacing-2)
    }

    .lg\:inkeep-select__trigger--size_md :where(svg) {
      width: var(--inkeep-sizes-4);
      height: var(--inkeep-sizes-4);
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-select__trigger--size_lg {
      padding-inline: var(--inkeep-spacing-3\.5);
      height: var(--inkeep-sizes-11);
      min-width: var(--inkeep-sizes-11);
      font-size: var(--inkeep-font-sizes-md);
      gap: var(--inkeep-spacing-2)
    }

    .lg\:inkeep-select__trigger--size_lg :where(svg) {
      width: var(--inkeep-sizes-5);
      height: var(--inkeep-sizes-5);
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-select__item--size_sm {
      font-size: 0.875rem;
      line-height: 1.25rem;
      padding-inline: var(--inkeep-spacing-2);
      height: var(--inkeep-sizes-9)
    }
    .lg\:inkeep-select__item--size_md {
      height: var(--inkeep-sizes-10)
    }
    .lg\:inkeep-select__item--size_md,.lg\:inkeep-select__item--size_lg {
      font-size: 1rem;
      line-height: 1.5rem;
      padding-inline: var(--inkeep-spacing-2)
    }
    .lg\:inkeep-select__item--size_lg {
      height: var(--inkeep-sizes-11)
    }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-select__itemIndicator--size_sm :where(svg) {
      width: var(--inkeep-sizes-4);
      height: var(--inkeep-sizes-4);
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-select__itemIndicator--size_md :where(svg) {
      width: var(--inkeep-sizes-4);
      height: var(--inkeep-sizes-4);
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-select__itemIndicator--size_lg :where(svg) {
      width: var(--inkeep-sizes-5);
      height: var(--inkeep-sizes-5);
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-select__itemGroupLabel--size_sm,.lg\:inkeep-select__itemGroupLabel--size_md,.lg\:inkeep-select__itemGroupLabel--size_lg {
      padding-inline: var(--inkeep-spacing-2);
      padding-block: var(--inkeep-spacing-1\.5)
    }
    .lg\:inkeep-select__content--size_sm {
      padding: var(--inkeep-spacing-0\.5);
      gap: var(--inkeep-spacing-1)
    }
    .lg\:inkeep-select__content--size_md {
      padding: var(--inkeep-spacing-1);
      gap: var(--inkeep-spacing-1)
    }
    .lg\:inkeep-select__content--size_lg {
      padding: var(--inkeep-spacing-1\.5);
      gap: var(--inkeep-spacing-1)
    }
    .lg\:inkeep-switch__root--size_sm {
      --switch-track-width: 1.375rem;
      --switch-track-height: var(--inkeep-sizes-3)
    }
    .lg\:inkeep-switch__root--size_md {
      --switch-track-width: 1.875rem;
      --switch-track-height: var(--inkeep-sizes-4)
    }
    .lg\:inkeep-switch__root--size_lg {
      --switch-track-width: 2.875rem;
      --switch-track-height: var(--inkeep-sizes-6)
    }
    .lg\:inkeep-switch__control--size_xss {
      width: 24px;
      height: 12px
    }
    .lg\:inkeep-switch__thumb--size_xss {
      width: 12px;
      height: 12px
    }
    .lg\:inkeep-tabs__list--variant_line {
      --tabs-border-color: 2px solid;
      border-color: inherit
    }
    .lg\:inkeep-tabs__list--variant_enclosed,.lg\:inkeep-tabs__list--variant_enclosed-colored {
      margin-bottom: -1px;
      border-bottom: 1px solid;
      border-color: inherit
    }
    .lg\:inkeep-tabs__trigger--size_sm {
      padding-block: var(--inkeep-spacing-1);
      padding-inline: var(--inkeep-spacing-4);
      font-size: var(--inkeep-font-sizes-sm)
    }
    .lg\:inkeep-tabs__trigger--size_md {
      font-size: var(--inkeep-font-sizes-md);
      padding-block: var(--inkeep-spacing-2);
      padding-inline: var(--inkeep-spacing-4)
    }
    .lg\:inkeep-tabs__trigger--size_lg {
      font-size: var(--inkeep-font-sizes-lg);
      padding-block: var(--inkeep-spacing-3);
      padding-inline: var(--inkeep-spacing-4)
    }
    .lg\:inkeep-tabs__trigger--variant_line {
      --tabs-border-color: 2px solid;
      border-color: var(--inkeep-colors-transparent);
      --tabs-margin-prop: -2px;
      color: var(--tabs-color);
      background: var(--tabs-bg)
    }
        }

  @media screen and (min-width: 64em) {

    .lg\:inkeep-tabs__trigger--variant_line:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-color-palette-600)
    ;
            }

    .dark .lg\:inkeep-tabs__trigger--variant_line:is([aria-selected=true], [data-selected]), [data-theme="dark"] .lg\:inkeep-tabs__trigger--variant_line:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-color-palette-300)
        ;
            }

    .lg\:inkeep-tabs__trigger--variant_line:is([aria-selected=true], [data-selected]) {
      border-color: currentColor;
            }

    .lg\:inkeep-tabs__trigger--variant_line:is(:active, [data-active]) {
      --tabs-bg: var(--inkeep-colors-gray-200)
    ;
            }

    .dark .lg\:inkeep-tabs__trigger--variant_line:is(:active, [data-active]), [data-theme="dark"] .lg\:inkeep-tabs__trigger--variant_line:is(:active, [data-active]) {
      --tabs-bg: var(--inkeep-colors-white-alpha-300)
        ;
            }

    .lg\:inkeep-tabs__trigger--variant_line:is(:disabled, [disabled], [data-disabled]):is(:active, [data-active]) {
      background: none;
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-tabs__trigger--variant_enclosed {
      border-top-left-radius: var(--inkeep-radii-md);
      border-top-right-radius: var(--inkeep-radii-md);
      border: 1px solid;
      border-color: var(--inkeep-colors-transparent);
      margin-bottom: -1px;
      --tabs-border-color: transparent;
      color: var(--tabs-color)
    }

    .lg\:inkeep-tabs__trigger--variant_enclosed:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-color-palette-600)
    ;
      --tabs-border-color: var(--inkeep-colors-white)
    ;
            }

    .dark .lg\:inkeep-tabs__trigger--variant_enclosed:is([aria-selected=true], [data-selected]), [data-theme="dark"] .lg\:inkeep-tabs__trigger--variant_enclosed:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-color-palette-300)
        ;
      --tabs-border-color: var(--inkeep-colors-gray-800)
        ;
            }

    .lg\:inkeep-tabs__trigger--variant_enclosed:is([aria-selected=true], [data-selected]) {
      border-color: inherit;
      border-bottom-color: var(--tabs-border-color);
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-tabs__trigger--variant_enclosed-colored {
      border: 1px solid;
      border-color: inherit;
      --tabs-bg: var(--inkeep-colors-gray-50);
      margin-bottom: -1px;
      color: var(--tabs-color);
      background: var(--tabs-bg)
    }

    .dark .lg\:inkeep-tabs__trigger--variant_enclosed-colored, [data-theme="dark"] .lg\:inkeep-tabs__trigger--variant_enclosed-colored {
      --tabs-bg: var(--inkeep-colors-white-alpha-50)
    ;
            }

    .lg\:inkeep-tabs__trigger--variant_enclosed-colored:is([aria-selected=true], [data-selected]) {
      --tabs-bg: var(--inkeep-colors-white)
    ;
      --tabs-color: var(--inkeep-colors-color-palette-600)
    ;
            }

    .dark .lg\:inkeep-tabs__trigger--variant_enclosed-colored:is([aria-selected=true], [data-selected]), [data-theme="dark"] .lg\:inkeep-tabs__trigger--variant_enclosed-colored:is([aria-selected=true], [data-selected]) {
      --tabs-bg: var(--inkeep-colors-gray-800)
        ;
      --tabs-color: var(--inkeep-colors-color-palette-300)
        ;
            }

    .lg\:inkeep-tabs__trigger--variant_enclosed-colored:is([aria-selected=true], [data-selected]) {
      border-color: inherit;
      border-top-color: currentColor;
      border-bottom-color: var(--inkeep-colors-transparent);
            }

    .lg\:inkeep-tabs__trigger--variant_enclosed-colored _notLast {
      margin-inline-end: -1px;
            }
    .lg\:inkeep-tabs__trigger--variant_soft-rounded {
      border-radius: var(--inkeep-radii-full);
      font-weight: var(--inkeep-font-weights-semibold);
      color: var(--inkeep-colors-gray-600)
    }
        }

  @media screen and (min-width: 64em) {

    .lg\:inkeep-tabs__trigger--variant_soft-rounded:is([aria-selected=true], [data-selected]) {
      color: var(--inkeep-colors-color-palette-700);
      background: var(--inkeep-colors-color-palette-100);
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-tabs__trigger--variant_solid-rounded {
      border-radius: var(--inkeep-radii-full);
      font-weight: var(--inkeep-font-weights-semibold);
      --tabs-color: var(--inkeep-colors-gray-600);
      color: var(--tabs-color);
      background: var(--tabs-bg)
    }

    .dark .lg\:inkeep-tabs__trigger--variant_solid-rounded, [data-theme="dark"] .lg\:inkeep-tabs__trigger--variant_solid-rounded {
      --tabs-color: inherit
    ;
            }

    .lg\:inkeep-tabs__trigger--variant_solid-rounded:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-white)
    ;
      --tabs-bg: var(--inkeep-colors-color-palette-600)
    ;
            }

    .dark .lg\:inkeep-tabs__trigger--variant_solid-rounded:is([aria-selected=true], [data-selected]), [data-theme="dark"] .lg\:inkeep-tabs__trigger--variant_solid-rounded:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-gray-800)
        ;
      --tabs-bg: var(--inkeep-colors-color-palette-300)
        ;
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-tabs__trigger--isFitted_true {
      flex: 1 1 0%
    }
    .lg\:inkeep-table__caption--variant_simple {
      color: var(--inkeep-colors-gray-600)
    }

    .dark .lg\:inkeep-table__caption--variant_simple, [data-theme="dark"] .lg\:inkeep-table__caption--variant_simple {
      color: var(--inkeep-colors-gray-100);
            }
    .lg\:inkeep-table__caption--variant_striped {
      color: var(--inkeep-colors-gray-600)
    }

    .dark .lg\:inkeep-table__caption--variant_striped, [data-theme="dark"] .lg\:inkeep-table__caption--variant_striped {
      color: var(--inkeep-colors-gray-100);
            }
    .lg\:inkeep-table__caption--size_sm {
      padding-inline: var(--inkeep-spacing-4);
      padding-block: var(--inkeep-spacing-2);
      font-size: var(--inkeep-font-sizes-xs)
    }
    .lg\:inkeep-table__caption--size_md {
      font-size: var(--inkeep-font-sizes-sm)
    }
    .lg\:inkeep-table__caption--size_md,.lg\:inkeep-table__caption--size_lg {
      padding-inline: var(--inkeep-spacing-6);
      padding-block: var(--inkeep-spacing-2)
    }
    .lg\:inkeep-table__caption--size_lg {
      font-size: var(--inkeep-font-sizes-md)
    }
    .lg\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) th, .lg\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td {
      border-bottom-width: 1px;
      border-color: var(--inkeep-colors-color-palette-100);
            }

    .dark .lg\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) th, [data-theme="dark"] .lg\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) th, .dark .lg\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td, [data-theme="dark"] .lg\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td {
      border-color: var(--inkeep-colors-color-palette-700);
            }

    .lg\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td {
      background: var(--inkeep-colors-color-palette-100);
            }

    .dark .lg\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td, [data-theme="dark"] .lg\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td {
      background: var(--inkeep-colors-color-palette-700);
            }
    .lg\:inkeep-table__td--variant_simple {
      border-bottom: var(--inkeep-borders-1px);
      border-color: var(--inkeep-colors-color-palette-100)
    }

    .dark .lg\:inkeep-table__td--variant_simple, [data-theme="dark"] .lg\:inkeep-table__td--variant_simple {
      border-color: var(--inkeep-colors-color-palette-700);
            }

    .lg\:inkeep-table__td--variant_simple[data-is-numeric=true] {
      text-align: end;
            }
    .lg\:inkeep-table__td--variant_striped {
      border-bottom: var(--inkeep-borders-1px);
      border-color: var(--inkeep-colors-color-palette-100)
    }

    .dark .lg\:inkeep-table__td--variant_striped, [data-theme="dark"] .lg\:inkeep-table__td--variant_striped {
      border-color: var(--inkeep-colors-color-palette-700);
            }

    .lg\:inkeep-table__td--variant_striped[data-is-numeric=true] {
      text-align: end;
            }
    .lg\:inkeep-table__td--size_sm {
      padding-inline: var(--inkeep-spacing-4);
      padding-block: var(--inkeep-spacing-2);
      font-size: var(--inkeep-font-sizes-sm);
      line-height: var(--inkeep-line-heights-4)
    }
    .lg\:inkeep-table__td--size_md {
      padding-inline: var(--inkeep-spacing-6);
      padding-block: var(--inkeep-spacing-4);
      line-height: var(--inkeep-line-heights-5)
    }
    .lg\:inkeep-table__td--size_lg {
      padding-inline: var(--inkeep-spacing-8);
      padding-block: var(--inkeep-spacing-5);
      line-height: var(--inkeep-line-heights-6)
    }
    .lg\:inkeep-table__tfoot--variant_striped th tr:last-of-type {
      border-bottom-width: 0;
            }
    .lg\: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 .lg\:inkeep-table__th--variant_simple, [data-theme="dark"] .lg\:inkeep-table__th--variant_simple {
      color: var(--inkeep-colors-gray-400);
      border-color: var(--inkeep-colors-color-palette-700);
            }

    .lg\:inkeep-table__th--variant_simple[data-is-numeric=true] {
      text-align: end;
            }
    .lg\:inkeep-table__th--variant_striped {
      color: var(--inkeep-colors-gray-600);
      border-bottom: var(--inkeep-borders-1px);
      border-color: var(--inkeep-colors-color-palette-100)
    }

    .dark .lg\:inkeep-table__th--variant_striped, [data-theme="dark"] .lg\:inkeep-table__th--variant_striped {
      color: var(--inkeep-colors-gray-400);
      border-color: var(--inkeep-colors-color-palette-700);
            }

    .lg\:inkeep-table__th--variant_striped[data-is-numeric=true] {
      text-align: end;
            }
    .lg\:inkeep-table__th--size_sm {
      padding-inline: var(--inkeep-spacing-4);
      padding-block: var(--inkeep-spacing-1)
    }
    .lg\:inkeep-table__th--size_sm,.lg\:inkeep-table__th--size_md {
      line-height: var(--inkeep-line-heights-4);
      font-size: var(--inkeep-font-sizes-xs)
    }
    .lg\:inkeep-table__th--size_md {
      padding-inline: var(--inkeep-spacing-6);
      padding-block: var(--inkeep-spacing-3)
    }
    .lg\:inkeep-table__th--size_lg {
      padding-inline: var(--inkeep-spacing-8);
      padding-block: var(--inkeep-spacing-4);
      line-height: var(--inkeep-line-heights-5);
      font-size: var(--inkeep-font-sizes-sm)
    }
    .lg\:inkeep-table__tr--variant_tfoot th:last-of-type {
      border-bottom-width: 0;
            }
    .lg\:inkeep-tooltip__content--variant_default {
      font-weight: var(--inkeep-font-weights-normal)
    }

    .light .lg\:inkeep-tooltip__content--variant_default, [data-theme="light"] .lg\: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 .lg\:inkeep-tooltip__content--variant_default, [data-theme="dark"] .lg\: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)
    ;
            }
    .light .lg\:inkeep-search-bar-trigger__container--variant_emphasized, [data-theme="light"] .lg\:inkeep-search-bar-trigger__container--variant_emphasized {
      border-color: var(--inkeep-colors-gray-100);
      box-shadow: var(--inkeep-shadows-sm);
            }
        }

  @media screen and (min-width: 64em) {

    .light .lg\:inkeep-search-bar-trigger__container--variant_emphasized:is(:hover, [data-hover]), [data-theme="light"] .lg\:inkeep-search-bar-trigger__container--variant_emphasized:is(:hover, [data-hover]) {
      box-shadow: var(--inkeep-shadows-md);
      background: none !important;
            }

    .dark .lg\:inkeep-search-bar-trigger__container--variant_emphasized:is(:hover, [data-hover]), [data-theme="dark"] .lg\:inkeep-search-bar-trigger__container--variant_emphasized:is(:hover, [data-hover]) {
      background: none !important;
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-search-bar-trigger__container--variant_subtle {
      border-color: var(--inkeep-colors-gray-300);
      color: var(--inkeep-colors-gray-500) !important
    }

    .dark .lg\:inkeep-search-bar-trigger__container--variant_subtle, [data-theme="dark"] .lg\:inkeep-search-bar-trigger__container--variant_subtle {
      color: var(--inkeep-colors-white-alpha-500) !important;
      border-color: var(--inkeep-colors-white-alpha-300);
            }

    .lg\:inkeep-search-bar-trigger__container--variant_subtle:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-gray-400);
      background: none !important;
            }

    .dark .lg\:inkeep-search-bar-trigger__container--variant_subtle:is(:hover, [data-hover]), [data-theme="dark"] .lg\:inkeep-search-bar-trigger__container--variant_subtle:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-white-alpha-400);
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-search-bar-trigger__wrapper--size_expand {
      width: 100%;
      height: 100%
    }
        }

  @media screen and (min-width: 64em) {
    @media screen and (min-width: 48em) {
      .lg\:inkeep-search-bar-trigger__wrapper--size_compact {
        width: min( 340px , 100% );
        height: min( 40px , 100% );
                }
      .lg\:inkeep-search-bar-trigger__wrapper--size_medium {
        width: min( 500px , 100% );
        height: min( 3rem , 100% );
                }
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-search-bar-trigger__kbd--variant_subtle {
      border: var(--inkeep-borders-none);
      padding-inline: var(--inkeep-spacing-0);
      color: var(--inkeep-colors-gray-500)
    }

    .dark .lg\:inkeep-search-bar-trigger__kbd--variant_subtle, [data-theme="dark"] .lg\:inkeep-search-bar-trigger__kbd--variant_subtle {
      color: var(--inkeep-colors-white-alpha-500);
            }
    .lg\:inkeep-search-bar-trigger__icon--variant_subtle {
      width: 18px
    }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-alert__container--variant_subtle {
      --alert-fg: var(--inkeep-colors-color-palette-500);
      --alert-bg: var(--inkeep-colors-color-palette-100)
    }

    .dark .xl\:inkeep-alert__container--variant_subtle, [data-theme="dark"] .xl\: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))
    ;
            }
    .xl\:inkeep-alert__container--variant_left-accent {
      --alert-fg: var(--inkeep-colors-color-palette-500);
      --alert-bg: var(--inkeep-colors-color-palette-100);
      padding-inline-start: var(--inkeep-spacing-3);
      border-inline-start-width: 4px;
      border-inline-start-color: var(--alert-fg)
    }

    .dark .xl\:inkeep-alert__container--variant_left-accent, [data-theme="dark"] .xl\:inkeep-alert__container--variant_left-accent {
      --alert-fg: var(--inkeep-colors-color-palette-200)
    ;
      --alert-bg-alpha: color-mix(in srgb, transparent 84%, var(--colors-color-palette-200))
    ;
            }
    .xl\:inkeep-alert__container--variant_top-accent {
      --alert-fg: var(--inkeep-colors-color-palette-500);
      --alert-bg: var(--inkeep-colors-color-palette-100);
      padding-top: var(--inkeep-spacing-2);
      border-top-width: 4px;
      border-top-color: var(--alert-fg)
    }

    .dark .xl\:inkeep-alert__container--variant_top-accent, [data-theme="dark"] .xl\:inkeep-alert__container--variant_top-accent {
      --alert-fg: var(--inkeep-colors-color-palette-200)
    ;
      --alert-bg: var(--alert-bg-alpha, var(--colors-color-palette-200))
    ;
            }
    .xl\:inkeep-alert__container--variant_solid {
      --alert-fg: var(--inkeep-colors-white);
      --alert-bg: var(--inkeep-colors-color-palette-500);
      color: var(--alert-fg)
    }

    .dark .xl\:inkeep-alert__container--variant_solid, [data-theme="dark"] .xl\:inkeep-alert__container--variant_solid {
      --alert-fg: var(--inkeep-colors-gray-900)
    ;
      --alert-bg: var(--inkeep-colors-color-palette-200)
    ;
            }
    .xl\:inkeep-avatar__root--size_2xs {
      --avatar-size: var(--inkeep-sizes-4);
      --avatar-font-size: var(--inkeep-font-sizes-3xs)
    }
    .xl\:inkeep-avatar__root--size_xs {
      --avatar-size: var(--inkeep-sizes-6);
      --avatar-font-size: var(--inkeep-font-sizes-2xs)
    }
    .xl\:inkeep-avatar__root--size_sm {
      --avatar-size: var(--inkeep-sizes-8);
      --avatar-font-size: var(--inkeep-font-sizes-xs)
    }
    .xl\:inkeep-avatar__root--size_md {
      --avatar-size: var(--inkeep-sizes-12);
      --avatar-font-size: var(--inkeep-font-sizes-md)
    }
    .xl\:inkeep-avatar__root--size_lg {
      --avatar-size: var(--inkeep-sizes-16);
      --avatar-font-size: var(--inkeep-font-sizes-lg)
    }
    .xl\:inkeep-avatar__root--size_xl {
      --avatar-size: var(--inkeep-sizes-24);
      --avatar-font-size: var(--inkeep-font-sizes-3xl)
    }
    .xl\:inkeep-avatar__root--size_2xl {
      --avatar-size: var(--inkeep-sizes-32);
      --avatar-font-size: var(--inkeep-font-sizes-4xl)
    }
    .xl\:inkeep-card__container--variant_elevated {
      --card-shadow: var(--inkeep-shadows-base)
    }

    .dark .xl\:inkeep-card__container--variant_elevated, [data-theme="dark"] .xl\:inkeep-card__container--variant_elevated {
      --card-bg: var(--inkeep-colors-gray-700)
    ;
            }
    .xl\:inkeep-card__container--variant_outline {
      --card-border-width: 1px;
      --card-border-color: var(--inkeep-colors-chakra-border-color)
    }

    .dark .xl\:inkeep-card__container--variant_outline, [data-theme="dark"] .xl\:inkeep-card__container--variant_outline {
      --card-border-color: var(--inkeep-colors-white-alpha-300)
    ;
            }
    .xl\:inkeep-card__container--variant_filled {
      --card-bg: var(--inkeep-colors-chakra-subtle-bg)
    }
    .xl\:inkeep-card__container--size_sm {
      --card-radius: var(--inkeep-radii-base);
      --card-padding: var(--inkeep-space-3)
    }
    .xl\:inkeep-card__container--size_md {
      --card-radius: var(--inkeep-radii-md);
      --card-padding: var(--inkeep-space-5)
    }
    .xl\:inkeep-card__container--size_lg {
      --card-radius: var(--inkeep-radii-xl);
      --card-padding: var(--inkeep-space-7)
    }
    .xl\:inkeep-card__body--variant_unstyled,.xl\:inkeep-card__header--variant_unstyled,.xl\:inkeep-card__footer--variant_unstyled {
      --card-padding: 0
    }
    .xl\:inkeep-checkbox__control--size_sm {
      --checkbox-size: var(--inkeep-sizes-3)
    }
    .xl\:inkeep-checkbox__control--size_md {
      --checkbox-size: var(--inkeep-sizes-4)
    }
    .xl\:inkeep-checkbox__control--size_lg {
      --checkbox-size: var(--inkeep-sizes-5)
    }
    .xl\:inkeep-checkbox__control--shape_circular {
      border-radius: var(--inkeep-radii-full)
    }
    .xl\:inkeep-checkbox__label--size_sm {
      font-size: var(--inkeep-font-sizes-sm)
    }
    .xl\:inkeep-checkbox__label--size_md {
      font-size: var(--inkeep-font-sizes-md)
    }
    .xl\:inkeep-checkbox__label--size_lg {
      font-size: var(--inkeep-font-sizes-lg)
    }
    .xl\:inkeep-checkbox__icon--size_sm {
      font-size: var(--inkeep-font-sizes-3xs)
    }
    .xl\:inkeep-checkbox__icon--size_md,.xl\:inkeep-checkbox__icon--size_lg {
      font-size: var(--inkeep-font-sizes-2xs)
    }
    .xl\:inkeep-input__group--size_lg {
      --input-font-size: var(--inkeep-font-sizes-lg);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-12)
    }
    .xl\:inkeep-input__group--size_md {
      --input-font-size: var(--inkeep-font-sizes-md);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-10)
    }
    .xl\:inkeep-input__group--size_sm {
      --input-font-size: var(--inkeep-font-sizes-sm);
      --input-padding: var(--inkeep-space-3);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-8)
    }
    .xl\:inkeep-input__group--size_xs {
      --input-font-size: var(--inkeep-font-sizes-xs);
      --input-padding: var(--inkeep-space-2);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-6)
    }
    .xl\:inkeep-input__field--size_lg {
      --input-font-size: var(--inkeep-font-sizes-lg);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-12)
    }
    .xl\:inkeep-input__field--size_md {
      --input-font-size: var(--inkeep-font-sizes-md);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-10)
    }
    .xl\:inkeep-input__field--size_sm {
      --input-font-size: var(--inkeep-font-sizes-sm);
      --input-padding: var(--inkeep-space-3);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-8)
    }
    .xl\:inkeep-input__field--size_xs {
      --input-font-size: var(--inkeep-font-sizes-xs);
      --input-padding: var(--inkeep-space-2);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-6)
    }
    .xl\:inkeep-input__field--variant_outline {
      border: 1px solid;
      border-color: inherit;
      background: inherit
    }
        }

  @media screen and (min-width: 80em) {

    .xl\:inkeep-input__field--variant_outline:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .xl\:inkeep-input__field--variant_outline:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
      box-shadow: 0 0 0 1px var(--input-error-border-color);
            }

    .xl\:inkeep-input__field--variant_outline:is(:focus-visible, [data-focus-visible]) {
      z-index: 1;
      border-color: var(--input-focus-border-color);
      box-shadow: 0 0 0 1px var(--input-focus-border-color);
            }

    .xl\:inkeep-input__field--variant_outline:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-gray-300);
            }

    .dark .xl\:inkeep-input__field--variant_outline:is(:hover, [data-hover]), [data-theme="dark"] .xl\:inkeep-input__field--variant_outline:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-white-alpha-400);
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-input__field--variant_filled {
      border: 2px solid;
      border-color: var(--inkeep-colors-transparent);
      background: var(--inkeep-colors-gray-100)
    }

    .dark .xl\:inkeep-input__field--variant_filled, [data-theme="dark"] .xl\:inkeep-input__field--variant_filled {
      background: var(--inkeep-colors-white-alpha-50);
            }

    .xl\:inkeep-input__field--variant_filled:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .xl\:inkeep-input__field--variant_filled:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
            }

    .xl\:inkeep-input__field--variant_filled:is(:focus-visible, [data-focus-visible]) {
      background: var(--inkeep-colors-transparent);
      border-color: var(--input-focus-border-color);
            }

    .xl\:inkeep-input__field--variant_filled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-gray-200);
            }

    .dark .xl\:inkeep-input__field--variant_filled:is(:hover, [data-hover]), [data-theme="dark"] .xl\:inkeep-input__field--variant_filled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-white-alpha-100);
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-input__field--variant_flushed {
      border-bottom: 1px solid;
      border-color: inherit;
      border-radius: 0;
      padding-inline: var(--inkeep-spacing-0);
      background: var(--inkeep-colors-transparent)
    }

    .xl\:inkeep-input__field--variant_flushed:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .xl\:inkeep-input__field--variant_flushed:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
      box-shadow: 0px 1px 0px 0px var(--input-error-border-color);
            }

    .xl\:inkeep-input__field--variant_flushed:is(:focus-visible, [data-focus-visible]) {
      border-color: var(--input-focus-border-color);
      box-shadow: 0px 1px 0px 0px var(--input-focus-border-color);
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-input__field--variant_unstyled {
      background: var(--inkeep-colors-transparent);
      padding-inline: var(--inkeep-spacing-0);
      height: var(--inkeep-sizes-auto)
    }
    .xl\:inkeep-input__addon--size_lg {
      --input-font-size: var(--inkeep-font-sizes-lg);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-12)
    }
    .xl\:inkeep-input__addon--size_md {
      --input-font-size: var(--inkeep-font-sizes-md);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-10)
    }
    .xl\:inkeep-input__addon--size_sm {
      --input-font-size: var(--inkeep-font-sizes-sm);
      --input-padding: var(--inkeep-space-3);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-8)
    }
    .xl\:inkeep-input__addon--size_xs {
      --input-font-size: var(--inkeep-font-sizes-xs);
      --input-padding: var(--inkeep-space-2);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-6)
    }
    .xl\:inkeep-input__addon--variant_outline {
      border: 1px solid;
      border-color: inherit;
      background: var(--inkeep-colors-gray-100)
    }

    .dark .xl\:inkeep-input__addon--variant_outline, [data-theme="dark"] .xl\:inkeep-input__addon--variant_outline {
      border-color: var(--inkeep-colors-white-alpha-50);
      background: var(--inkeep-colors-white-alpha-300);
            }
    .xl\:inkeep-input__addon--variant_filled {
      border: 2px solid;
      border-color: var(--inkeep-colors-transparent);
      background: var(--inkeep-colors-gray-100)
    }

    .dark .xl\:inkeep-input__addon--variant_filled, [data-theme="dark"] .xl\:inkeep-input__addon--variant_filled {
      background: var(--inkeep-colors-white-alpha-50);
            }
    .xl\:inkeep-input__addon--variant_flushed {
      border-bottom: 2px solid;
      border-color: inherit;
      border-radius: 0
    }
    .xl\:inkeep-input__addon--variant_flushed,.xl\:inkeep-input__addon--variant_unstyled {
      padding-inline: var(--inkeep-spacing-0);
      background: var(--inkeep-colors-transparent)
    }
    .xl\:inkeep-input__addon--variant_unstyled {
      height: var(--inkeep-sizes-auto)
    }
    .xl\:inkeep-modal__container--scrollOverflowBehavior_inside {
      overflow: hidden
    }
    .xl\:inkeep-modal__container--scrollOverflowBehavior_outside {
      overflow: auto
    }
    .xl\:inkeep-modal__container--isCentered_false {
      align-items: flex-start
    }
    .xl\:inkeep-modal__container--isCentered_true {
      align-items: center
    }
    .xl\:inkeep-modal__container--variant_clickThrough {
      pointer-events: none;
      z-index: var(--inkeep-z-index-modal) - 1
    }
    .xl\:inkeep-modal__content--size_xs {
      max-width: var(--inkeep-sizes-xs)
    }
    .xl\:inkeep-modal__content--size_sm {
      max-width: var(--inkeep-sizes-sm)
    }
    .xl\:inkeep-modal__content--size_md {
      max-width: var(--inkeep-sizes-md)
    }
    .xl\:inkeep-modal__content--size_lg {
      max-width: var(--inkeep-sizes-lg)
    }
    .xl\:inkeep-modal__content--size_xl {
      max-width: var(--inkeep-sizes-xl)
    }
    .xl\:inkeep-modal__content--size_2xl {
      max-width: var(--inkeep-sizes-2xl)
    }
    .xl\:inkeep-modal__content--size_3xl {
      max-width: var(--inkeep-sizes-3xl)
    }
    .xl\:inkeep-modal__content--size_4xl {
      max-width: var(--inkeep-sizes-4xl)
    }
    .xl\:inkeep-modal__content--size_5xl {
      max-width: var(--inkeep-sizes-5xl)
    }
    .xl\:inkeep-modal__content--size_6xl {
      max-width: var(--inkeep-sizes-6xl)
    }
    .xl\:inkeep-modal__content--size_full {
      max-width: 100vw;
      min-height: 100vh;
      margin-block: var(--inkeep-spacing-0);
      border-radius: 0
    }
    .xl\:inkeep-modal__content--scrollOverflowBehavior_inside {
      max-height: calc(100% - 7.5rem)
    }
    .xl\:inkeep-modal__content--isCentered_false {
      margin-block: var(--inkeep-spacing-16)
    }
    .xl\:inkeep-modal__content--isCentered_true {
      margin-block: auto;
      margin-inline: auto
    }
    .xl\:inkeep-modal__content--variant_clickThrough {
      pointer-events: auto
    }
    .xl\:inkeep-select__label--size_sm,.xl\:inkeep-select__label--size_md,.xl\:inkeep-select__label--size_lg {
      font-size: 0.875rem;
      line-height: 1.25rem
    }
    .xl\:inkeep-select__trigger--variant_outline {
      background: var(--inkeep-colors-white);
      border-width: 1px
    }

    .dark .xl\:inkeep-select__trigger--variant_outline, [data-theme="dark"] .xl\:inkeep-select__trigger--variant_outline {
      background: var(--inkeep-colors-color-palette-800);
            }
        }

  @media screen and (min-width: 80em) {

    .xl\:inkeep-select__trigger--variant_outline:is(:focus, [data-focus]) {
      border-color: var(--inkeep-colors-color-palette-200);
            }

    .dark .xl\:inkeep-select__trigger--variant_outline:is(:focus, [data-focus]), [data-theme="dark"] .xl\:inkeep-select__trigger--variant_outline:is(:focus, [data-focus]) {
      border-color: var(--inkeep-colors-color-palette-800);
            }

    .xl\:inkeep-select__trigger--variant_outline:is(:focus, [data-focus]) {
      box-shadow: var(--inkeep-shadows-accent);
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-select__trigger--variant_ghost:is(:focus, [data-focus]) {
      background: var(--inkeep-colors-color-palette-100);
            }

    .dark .xl\:inkeep-select__trigger--variant_ghost:is(:focus, [data-focus]), [data-theme="dark"] .xl\:inkeep-select__trigger--variant_ghost:is(:focus, [data-focus]) {
      background: var(--inkeep-colors-color-palette-900);
            }

    .xl\:inkeep-select__trigger--variant_ghost:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-color-palette-100);
            }

    .dark .xl\:inkeep-select__trigger--variant_ghost:is(:hover, [data-hover]), [data-theme="dark"] .xl\:inkeep-select__trigger--variant_ghost:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-color-palette-900);
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-select__trigger--size_sm {
      padding-inline: var(--inkeep-spacing-2\.5);
      height: var(--inkeep-sizes-9);
      min-width: var(--inkeep-sizes-9);
      font-size: var(--inkeep-font-sizes-sm);
      gap: var(--inkeep-spacing-2)
    }

    .xl\:inkeep-select__trigger--size_sm :where(svg) {
      width: var(--inkeep-sizes-4);
      height: var(--inkeep-sizes-4);
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-select__trigger--size_md {
      padding-inline: var(--inkeep-spacing-3);
      height: var(--inkeep-sizes-10);
      min-width: var(--inkeep-sizes-10);
      font-size: var(--inkeep-font-sizes-md);
      gap: var(--inkeep-spacing-2)
    }

    .xl\:inkeep-select__trigger--size_md :where(svg) {
      width: var(--inkeep-sizes-4);
      height: var(--inkeep-sizes-4);
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-select__trigger--size_lg {
      padding-inline: var(--inkeep-spacing-3\.5);
      height: var(--inkeep-sizes-11);
      min-width: var(--inkeep-sizes-11);
      font-size: var(--inkeep-font-sizes-md);
      gap: var(--inkeep-spacing-2)
    }

    .xl\:inkeep-select__trigger--size_lg :where(svg) {
      width: var(--inkeep-sizes-5);
      height: var(--inkeep-sizes-5);
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-select__item--size_sm {
      font-size: 0.875rem;
      line-height: 1.25rem;
      padding-inline: var(--inkeep-spacing-2);
      height: var(--inkeep-sizes-9)
    }
    .xl\:inkeep-select__item--size_md {
      height: var(--inkeep-sizes-10)
    }
    .xl\:inkeep-select__item--size_md,.xl\:inkeep-select__item--size_lg {
      font-size: 1rem;
      line-height: 1.5rem;
      padding-inline: var(--inkeep-spacing-2)
    }
    .xl\:inkeep-select__item--size_lg {
      height: var(--inkeep-sizes-11)
    }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-select__itemIndicator--size_sm :where(svg) {
      width: var(--inkeep-sizes-4);
      height: var(--inkeep-sizes-4);
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-select__itemIndicator--size_md :where(svg) {
      width: var(--inkeep-sizes-4);
      height: var(--inkeep-sizes-4);
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-select__itemIndicator--size_lg :where(svg) {
      width: var(--inkeep-sizes-5);
      height: var(--inkeep-sizes-5);
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-select__itemGroupLabel--size_sm,.xl\:inkeep-select__itemGroupLabel--size_md,.xl\:inkeep-select__itemGroupLabel--size_lg {
      padding-inline: var(--inkeep-spacing-2);
      padding-block: var(--inkeep-spacing-1\.5)
    }
    .xl\:inkeep-select__content--size_sm {
      padding: var(--inkeep-spacing-0\.5);
      gap: var(--inkeep-spacing-1)
    }
    .xl\:inkeep-select__content--size_md {
      padding: var(--inkeep-spacing-1);
      gap: var(--inkeep-spacing-1)
    }
    .xl\:inkeep-select__content--size_lg {
      padding: var(--inkeep-spacing-1\.5);
      gap: var(--inkeep-spacing-1)
    }
    .xl\:inkeep-switch__root--size_sm {
      --switch-track-width: 1.375rem;
      --switch-track-height: var(--inkeep-sizes-3)
    }
    .xl\:inkeep-switch__root--size_md {
      --switch-track-width: 1.875rem;
      --switch-track-height: var(--inkeep-sizes-4)
    }
    .xl\:inkeep-switch__root--size_lg {
      --switch-track-width: 2.875rem;
      --switch-track-height: var(--inkeep-sizes-6)
    }
    .xl\:inkeep-switch__control--size_xss {
      width: 24px;
      height: 12px
    }
    .xl\:inkeep-switch__thumb--size_xss {
      width: 12px;
      height: 12px
    }
    .xl\:inkeep-tabs__list--variant_line {
      --tabs-border-color: 2px solid;
      border-color: inherit
    }
    .xl\:inkeep-tabs__list--variant_enclosed,.xl\:inkeep-tabs__list--variant_enclosed-colored {
      margin-bottom: -1px;
      border-bottom: 1px solid;
      border-color: inherit
    }
    .xl\:inkeep-tabs__trigger--size_sm {
      padding-block: var(--inkeep-spacing-1);
      padding-inline: var(--inkeep-spacing-4);
      font-size: var(--inkeep-font-sizes-sm)
    }
    .xl\:inkeep-tabs__trigger--size_md {
      font-size: var(--inkeep-font-sizes-md);
      padding-block: var(--inkeep-spacing-2);
      padding-inline: var(--inkeep-spacing-4)
    }
    .xl\:inkeep-tabs__trigger--size_lg {
      font-size: var(--inkeep-font-sizes-lg);
      padding-block: var(--inkeep-spacing-3);
      padding-inline: var(--inkeep-spacing-4)
    }
    .xl\:inkeep-tabs__trigger--variant_line {
      --tabs-border-color: 2px solid;
      border-color: var(--inkeep-colors-transparent);
      --tabs-margin-prop: -2px;
      color: var(--tabs-color);
      background: var(--tabs-bg)
    }
        }

  @media screen and (min-width: 80em) {

    .xl\:inkeep-tabs__trigger--variant_line:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-color-palette-600)
    ;
            }

    .dark .xl\:inkeep-tabs__trigger--variant_line:is([aria-selected=true], [data-selected]), [data-theme="dark"] .xl\:inkeep-tabs__trigger--variant_line:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-color-palette-300)
        ;
            }

    .xl\:inkeep-tabs__trigger--variant_line:is([aria-selected=true], [data-selected]) {
      border-color: currentColor;
            }

    .xl\:inkeep-tabs__trigger--variant_line:is(:active, [data-active]) {
      --tabs-bg: var(--inkeep-colors-gray-200)
    ;
            }

    .dark .xl\:inkeep-tabs__trigger--variant_line:is(:active, [data-active]), [data-theme="dark"] .xl\:inkeep-tabs__trigger--variant_line:is(:active, [data-active]) {
      --tabs-bg: var(--inkeep-colors-white-alpha-300)
        ;
            }

    .xl\:inkeep-tabs__trigger--variant_line:is(:disabled, [disabled], [data-disabled]):is(:active, [data-active]) {
      background: none;
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-tabs__trigger--variant_enclosed {
      border-top-left-radius: var(--inkeep-radii-md);
      border-top-right-radius: var(--inkeep-radii-md);
      border: 1px solid;
      border-color: var(--inkeep-colors-transparent);
      margin-bottom: -1px;
      --tabs-border-color: transparent;
      color: var(--tabs-color)
    }

    .xl\:inkeep-tabs__trigger--variant_enclosed:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-color-palette-600)
    ;
      --tabs-border-color: var(--inkeep-colors-white)
    ;
            }

    .dark .xl\:inkeep-tabs__trigger--variant_enclosed:is([aria-selected=true], [data-selected]), [data-theme="dark"] .xl\:inkeep-tabs__trigger--variant_enclosed:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-color-palette-300)
        ;
      --tabs-border-color: var(--inkeep-colors-gray-800)
        ;
            }

    .xl\:inkeep-tabs__trigger--variant_enclosed:is([aria-selected=true], [data-selected]) {
      border-color: inherit;
      border-bottom-color: var(--tabs-border-color);
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-tabs__trigger--variant_enclosed-colored {
      border: 1px solid;
      border-color: inherit;
      --tabs-bg: var(--inkeep-colors-gray-50);
      margin-bottom: -1px;
      color: var(--tabs-color);
      background: var(--tabs-bg)
    }

    .dark .xl\:inkeep-tabs__trigger--variant_enclosed-colored, [data-theme="dark"] .xl\:inkeep-tabs__trigger--variant_enclosed-colored {
      --tabs-bg: var(--inkeep-colors-white-alpha-50)
    ;
            }

    .xl\:inkeep-tabs__trigger--variant_enclosed-colored:is([aria-selected=true], [data-selected]) {
      --tabs-bg: var(--inkeep-colors-white)
    ;
      --tabs-color: var(--inkeep-colors-color-palette-600)
    ;
            }

    .dark .xl\:inkeep-tabs__trigger--variant_enclosed-colored:is([aria-selected=true], [data-selected]), [data-theme="dark"] .xl\:inkeep-tabs__trigger--variant_enclosed-colored:is([aria-selected=true], [data-selected]) {
      --tabs-bg: var(--inkeep-colors-gray-800)
        ;
      --tabs-color: var(--inkeep-colors-color-palette-300)
        ;
            }

    .xl\:inkeep-tabs__trigger--variant_enclosed-colored:is([aria-selected=true], [data-selected]) {
      border-color: inherit;
      border-top-color: currentColor;
      border-bottom-color: var(--inkeep-colors-transparent);
            }

    .xl\:inkeep-tabs__trigger--variant_enclosed-colored _notLast {
      margin-inline-end: -1px;
            }
    .xl\:inkeep-tabs__trigger--variant_soft-rounded {
      border-radius: var(--inkeep-radii-full);
      font-weight: var(--inkeep-font-weights-semibold);
      color: var(--inkeep-colors-gray-600)
    }
        }

  @media screen and (min-width: 80em) {

    .xl\:inkeep-tabs__trigger--variant_soft-rounded:is([aria-selected=true], [data-selected]) {
      color: var(--inkeep-colors-color-palette-700);
      background: var(--inkeep-colors-color-palette-100);
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-tabs__trigger--variant_solid-rounded {
      border-radius: var(--inkeep-radii-full);
      font-weight: var(--inkeep-font-weights-semibold);
      --tabs-color: var(--inkeep-colors-gray-600);
      color: var(--tabs-color);
      background: var(--tabs-bg)
    }

    .dark .xl\:inkeep-tabs__trigger--variant_solid-rounded, [data-theme="dark"] .xl\:inkeep-tabs__trigger--variant_solid-rounded {
      --tabs-color: inherit
    ;
            }

    .xl\:inkeep-tabs__trigger--variant_solid-rounded:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-white)
    ;
      --tabs-bg: var(--inkeep-colors-color-palette-600)
    ;
            }

    .dark .xl\:inkeep-tabs__trigger--variant_solid-rounded:is([aria-selected=true], [data-selected]), [data-theme="dark"] .xl\:inkeep-tabs__trigger--variant_solid-rounded:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-gray-800)
        ;
      --tabs-bg: var(--inkeep-colors-color-palette-300)
        ;
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-tabs__trigger--isFitted_true {
      flex: 1 1 0%
    }
    .xl\:inkeep-table__caption--variant_simple {
      color: var(--inkeep-colors-gray-600)
    }

    .dark .xl\:inkeep-table__caption--variant_simple, [data-theme="dark"] .xl\:inkeep-table__caption--variant_simple {
      color: var(--inkeep-colors-gray-100);
            }
    .xl\:inkeep-table__caption--variant_striped {
      color: var(--inkeep-colors-gray-600)
    }

    .dark .xl\:inkeep-table__caption--variant_striped, [data-theme="dark"] .xl\:inkeep-table__caption--variant_striped {
      color: var(--inkeep-colors-gray-100);
            }
    .xl\:inkeep-table__caption--size_sm {
      padding-inline: var(--inkeep-spacing-4);
      padding-block: var(--inkeep-spacing-2);
      font-size: var(--inkeep-font-sizes-xs)
    }
    .xl\:inkeep-table__caption--size_md {
      font-size: var(--inkeep-font-sizes-sm)
    }
    .xl\:inkeep-table__caption--size_md,.xl\:inkeep-table__caption--size_lg {
      padding-inline: var(--inkeep-spacing-6);
      padding-block: var(--inkeep-spacing-2)
    }
    .xl\:inkeep-table__caption--size_lg {
      font-size: var(--inkeep-font-sizes-md)
    }
    .xl\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) th, .xl\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td {
      border-bottom-width: 1px;
      border-color: var(--inkeep-colors-color-palette-100);
            }

    .dark .xl\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) th, [data-theme="dark"] .xl\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) th, .dark .xl\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td, [data-theme="dark"] .xl\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td {
      border-color: var(--inkeep-colors-color-palette-700);
            }

    .xl\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td {
      background: var(--inkeep-colors-color-palette-100);
            }

    .dark .xl\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td, [data-theme="dark"] .xl\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td {
      background: var(--inkeep-colors-color-palette-700);
            }
    .xl\:inkeep-table__td--variant_simple {
      border-bottom: var(--inkeep-borders-1px);
      border-color: var(--inkeep-colors-color-palette-100)
    }

    .dark .xl\:inkeep-table__td--variant_simple, [data-theme="dark"] .xl\:inkeep-table__td--variant_simple {
      border-color: var(--inkeep-colors-color-palette-700);
            }

    .xl\:inkeep-table__td--variant_simple[data-is-numeric=true] {
      text-align: end;
            }
    .xl\:inkeep-table__td--variant_striped {
      border-bottom: var(--inkeep-borders-1px);
      border-color: var(--inkeep-colors-color-palette-100)
    }

    .dark .xl\:inkeep-table__td--variant_striped, [data-theme="dark"] .xl\:inkeep-table__td--variant_striped {
      border-color: var(--inkeep-colors-color-palette-700);
            }

    .xl\:inkeep-table__td--variant_striped[data-is-numeric=true] {
      text-align: end;
            }
    .xl\:inkeep-table__td--size_sm {
      padding-inline: var(--inkeep-spacing-4);
      padding-block: var(--inkeep-spacing-2);
      font-size: var(--inkeep-font-sizes-sm);
      line-height: var(--inkeep-line-heights-4)
    }
    .xl\:inkeep-table__td--size_md {
      padding-inline: var(--inkeep-spacing-6);
      padding-block: var(--inkeep-spacing-4);
      line-height: var(--inkeep-line-heights-5)
    }
    .xl\:inkeep-table__td--size_lg {
      padding-inline: var(--inkeep-spacing-8);
      padding-block: var(--inkeep-spacing-5);
      line-height: var(--inkeep-line-heights-6)
    }
    .xl\:inkeep-table__tfoot--variant_striped th tr:last-of-type {
      border-bottom-width: 0;
            }
    .xl\: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 .xl\:inkeep-table__th--variant_simple, [data-theme="dark"] .xl\:inkeep-table__th--variant_simple {
      color: var(--inkeep-colors-gray-400);
      border-color: var(--inkeep-colors-color-palette-700);
            }

    .xl\:inkeep-table__th--variant_simple[data-is-numeric=true] {
      text-align: end;
            }
    .xl\:inkeep-table__th--variant_striped {
      color: var(--inkeep-colors-gray-600);
      border-bottom: var(--inkeep-borders-1px);
      border-color: var(--inkeep-colors-color-palette-100)
    }

    .dark .xl\:inkeep-table__th--variant_striped, [data-theme="dark"] .xl\:inkeep-table__th--variant_striped {
      color: var(--inkeep-colors-gray-400);
      border-color: var(--inkeep-colors-color-palette-700);
            }

    .xl\:inkeep-table__th--variant_striped[data-is-numeric=true] {
      text-align: end;
            }
    .xl\:inkeep-table__th--size_sm {
      padding-inline: var(--inkeep-spacing-4);
      padding-block: var(--inkeep-spacing-1)
    }
    .xl\:inkeep-table__th--size_sm,.xl\:inkeep-table__th--size_md {
      line-height: var(--inkeep-line-heights-4);
      font-size: var(--inkeep-font-sizes-xs)
    }
    .xl\:inkeep-table__th--size_md {
      padding-inline: var(--inkeep-spacing-6);
      padding-block: var(--inkeep-spacing-3)
    }
    .xl\:inkeep-table__th--size_lg {
      padding-inline: var(--inkeep-spacing-8);
      padding-block: var(--inkeep-spacing-4);
      line-height: var(--inkeep-line-heights-5);
      font-size: var(--inkeep-font-sizes-sm)
    }
    .xl\:inkeep-table__tr--variant_tfoot th:last-of-type {
      border-bottom-width: 0;
            }
    .xl\:inkeep-tooltip__content--variant_default {
      font-weight: var(--inkeep-font-weights-normal)
    }

    .light .xl\:inkeep-tooltip__content--variant_default, [data-theme="light"] .xl\: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 .xl\:inkeep-tooltip__content--variant_default, [data-theme="dark"] .xl\: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)
    ;
            }
    .light .xl\:inkeep-search-bar-trigger__container--variant_emphasized, [data-theme="light"] .xl\:inkeep-search-bar-trigger__container--variant_emphasized {
      border-color: var(--inkeep-colors-gray-100);
      box-shadow: var(--inkeep-shadows-sm);
            }
        }

  @media screen and (min-width: 80em) {

    .light .xl\:inkeep-search-bar-trigger__container--variant_emphasized:is(:hover, [data-hover]), [data-theme="light"] .xl\:inkeep-search-bar-trigger__container--variant_emphasized:is(:hover, [data-hover]) {
      box-shadow: var(--inkeep-shadows-md);
      background: none !important;
            }

    .dark .xl\:inkeep-search-bar-trigger__container--variant_emphasized:is(:hover, [data-hover]), [data-theme="dark"] .xl\:inkeep-search-bar-trigger__container--variant_emphasized:is(:hover, [data-hover]) {
      background: none !important;
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-search-bar-trigger__container--variant_subtle {
      border-color: var(--inkeep-colors-gray-300);
      color: var(--inkeep-colors-gray-500) !important
    }

    .dark .xl\:inkeep-search-bar-trigger__container--variant_subtle, [data-theme="dark"] .xl\:inkeep-search-bar-trigger__container--variant_subtle {
      color: var(--inkeep-colors-white-alpha-500) !important;
      border-color: var(--inkeep-colors-white-alpha-300);
            }

    .xl\:inkeep-search-bar-trigger__container--variant_subtle:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-gray-400);
      background: none !important;
            }

    .dark .xl\:inkeep-search-bar-trigger__container--variant_subtle:is(:hover, [data-hover]), [data-theme="dark"] .xl\:inkeep-search-bar-trigger__container--variant_subtle:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-white-alpha-400);
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-search-bar-trigger__wrapper--size_expand {
      width: 100%;
      height: 100%
    }
        }

  @media screen and (min-width: 80em) {
    @media screen and (min-width: 48em) {
      .xl\:inkeep-search-bar-trigger__wrapper--size_compact {
        width: min( 340px , 100% );
        height: min( 40px , 100% );
                }
      .xl\:inkeep-search-bar-trigger__wrapper--size_medium {
        width: min( 500px , 100% );
        height: min( 3rem , 100% );
                }
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-search-bar-trigger__kbd--variant_subtle {
      border: var(--inkeep-borders-none);
      padding-inline: var(--inkeep-spacing-0);
      color: var(--inkeep-colors-gray-500)
    }

    .dark .xl\:inkeep-search-bar-trigger__kbd--variant_subtle, [data-theme="dark"] .xl\:inkeep-search-bar-trigger__kbd--variant_subtle {
      color: var(--inkeep-colors-white-alpha-500);
            }
    .xl\:inkeep-search-bar-trigger__icon--variant_subtle {
      width: 18px
    }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-alert__container--variant_subtle {
      --alert-fg: var(--inkeep-colors-color-palette-500);
      --alert-bg: var(--inkeep-colors-color-palette-100)
    }

    .dark .\32xl\:inkeep-alert__container--variant_subtle, [data-theme="dark"] .\32xl\: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))
    ;
            }
    .\32xl\:inkeep-alert__container--variant_left-accent {
      --alert-fg: var(--inkeep-colors-color-palette-500);
      --alert-bg: var(--inkeep-colors-color-palette-100);
      padding-inline-start: var(--inkeep-spacing-3);
      border-inline-start-width: 4px;
      border-inline-start-color: var(--alert-fg)
    }

    .dark .\32xl\:inkeep-alert__container--variant_left-accent, [data-theme="dark"] .\32xl\:inkeep-alert__container--variant_left-accent {
      --alert-fg: var(--inkeep-colors-color-palette-200)
    ;
      --alert-bg-alpha: color-mix(in srgb, transparent 84%, var(--colors-color-palette-200))
    ;
            }
    .\32xl\:inkeep-alert__container--variant_top-accent {
      --alert-fg: var(--inkeep-colors-color-palette-500);
      --alert-bg: var(--inkeep-colors-color-palette-100);
      padding-top: var(--inkeep-spacing-2);
      border-top-width: 4px;
      border-top-color: var(--alert-fg)
    }

    .dark .\32xl\:inkeep-alert__container--variant_top-accent, [data-theme="dark"] .\32xl\:inkeep-alert__container--variant_top-accent {
      --alert-fg: var(--inkeep-colors-color-palette-200)
    ;
      --alert-bg: var(--alert-bg-alpha, var(--colors-color-palette-200))
    ;
            }
    .\32xl\:inkeep-alert__container--variant_solid {
      --alert-fg: var(--inkeep-colors-white);
      --alert-bg: var(--inkeep-colors-color-palette-500);
      color: var(--alert-fg)
    }

    .dark .\32xl\:inkeep-alert__container--variant_solid, [data-theme="dark"] .\32xl\:inkeep-alert__container--variant_solid {
      --alert-fg: var(--inkeep-colors-gray-900)
    ;
      --alert-bg: var(--inkeep-colors-color-palette-200)
    ;
            }
    .\32xl\:inkeep-avatar__root--size_2xs {
      --avatar-size: var(--inkeep-sizes-4);
      --avatar-font-size: var(--inkeep-font-sizes-3xs)
    }
    .\32xl\:inkeep-avatar__root--size_xs {
      --avatar-size: var(--inkeep-sizes-6);
      --avatar-font-size: var(--inkeep-font-sizes-2xs)
    }
    .\32xl\:inkeep-avatar__root--size_sm {
      --avatar-size: var(--inkeep-sizes-8);
      --avatar-font-size: var(--inkeep-font-sizes-xs)
    }
    .\32xl\:inkeep-avatar__root--size_md {
      --avatar-size: var(--inkeep-sizes-12);
      --avatar-font-size: var(--inkeep-font-sizes-md)
    }
    .\32xl\:inkeep-avatar__root--size_lg {
      --avatar-size: var(--inkeep-sizes-16);
      --avatar-font-size: var(--inkeep-font-sizes-lg)
    }
    .\32xl\:inkeep-avatar__root--size_xl {
      --avatar-size: var(--inkeep-sizes-24);
      --avatar-font-size: var(--inkeep-font-sizes-3xl)
    }
    .\32xl\:inkeep-avatar__root--size_2xl {
      --avatar-size: var(--inkeep-sizes-32);
      --avatar-font-size: var(--inkeep-font-sizes-4xl)
    }
    .\32xl\:inkeep-card__container--variant_elevated {
      --card-shadow: var(--inkeep-shadows-base)
    }

    .dark .\32xl\:inkeep-card__container--variant_elevated, [data-theme="dark"] .\32xl\:inkeep-card__container--variant_elevated {
      --card-bg: var(--inkeep-colors-gray-700)
    ;
            }
    .\32xl\:inkeep-card__container--variant_outline {
      --card-border-width: 1px;
      --card-border-color: var(--inkeep-colors-chakra-border-color)
    }

    .dark .\32xl\:inkeep-card__container--variant_outline, [data-theme="dark"] .\32xl\:inkeep-card__container--variant_outline {
      --card-border-color: var(--inkeep-colors-white-alpha-300)
    ;
            }
    .\32xl\:inkeep-card__container--variant_filled {
      --card-bg: var(--inkeep-colors-chakra-subtle-bg)
    }
    .\32xl\:inkeep-card__container--size_sm {
      --card-radius: var(--inkeep-radii-base);
      --card-padding: var(--inkeep-space-3)
    }
    .\32xl\:inkeep-card__container--size_md {
      --card-radius: var(--inkeep-radii-md);
      --card-padding: var(--inkeep-space-5)
    }
    .\32xl\:inkeep-card__container--size_lg {
      --card-radius: var(--inkeep-radii-xl);
      --card-padding: var(--inkeep-space-7)
    }
    .\32xl\:inkeep-card__body--variant_unstyled,.\32xl\:inkeep-card__header--variant_unstyled,.\32xl\:inkeep-card__footer--variant_unstyled {
      --card-padding: 0
    }
    .\32xl\:inkeep-checkbox__control--size_sm {
      --checkbox-size: var(--inkeep-sizes-3)
    }
    .\32xl\:inkeep-checkbox__control--size_md {
      --checkbox-size: var(--inkeep-sizes-4)
    }
    .\32xl\:inkeep-checkbox__control--size_lg {
      --checkbox-size: var(--inkeep-sizes-5)
    }
    .\32xl\:inkeep-checkbox__control--shape_circular {
      border-radius: var(--inkeep-radii-full)
    }
    .\32xl\:inkeep-checkbox__label--size_sm {
      font-size: var(--inkeep-font-sizes-sm)
    }
    .\32xl\:inkeep-checkbox__label--size_md {
      font-size: var(--inkeep-font-sizes-md)
    }
    .\32xl\:inkeep-checkbox__label--size_lg {
      font-size: var(--inkeep-font-sizes-lg)
    }
    .\32xl\:inkeep-checkbox__icon--size_sm {
      font-size: var(--inkeep-font-sizes-3xs)
    }
    .\32xl\:inkeep-checkbox__icon--size_md,.\32xl\:inkeep-checkbox__icon--size_lg {
      font-size: var(--inkeep-font-sizes-2xs)
    }
    .\32xl\:inkeep-input__group--size_lg {
      --input-font-size: var(--inkeep-font-sizes-lg);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-12)
    }
    .\32xl\:inkeep-input__group--size_md {
      --input-font-size: var(--inkeep-font-sizes-md);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-10)
    }
    .\32xl\:inkeep-input__group--size_sm {
      --input-font-size: var(--inkeep-font-sizes-sm);
      --input-padding: var(--inkeep-space-3);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-8)
    }
    .\32xl\:inkeep-input__group--size_xs {
      --input-font-size: var(--inkeep-font-sizes-xs);
      --input-padding: var(--inkeep-space-2);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-6)
    }
    .\32xl\:inkeep-input__field--size_lg {
      --input-font-size: var(--inkeep-font-sizes-lg);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-12)
    }
    .\32xl\:inkeep-input__field--size_md {
      --input-font-size: var(--inkeep-font-sizes-md);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-10)
    }
    .\32xl\:inkeep-input__field--size_sm {
      --input-font-size: var(--inkeep-font-sizes-sm);
      --input-padding: var(--inkeep-space-3);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-8)
    }
    .\32xl\:inkeep-input__field--size_xs {
      --input-font-size: var(--inkeep-font-sizes-xs);
      --input-padding: var(--inkeep-space-2);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-6)
    }
    .\32xl\:inkeep-input__field--variant_outline {
      border: 1px solid;
      border-color: inherit;
      background: inherit
    }
        }

  @media screen and (min-width: 96em) {

    .\32xl\:inkeep-input__field--variant_outline:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .\32xl\:inkeep-input__field--variant_outline:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
      box-shadow: 0 0 0 1px var(--input-error-border-color);
            }

    .\32xl\:inkeep-input__field--variant_outline:is(:focus-visible, [data-focus-visible]) {
      z-index: 1;
      border-color: var(--input-focus-border-color);
      box-shadow: 0 0 0 1px var(--input-focus-border-color);
            }

    .\32xl\:inkeep-input__field--variant_outline:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-gray-300);
            }

    .dark .\32xl\:inkeep-input__field--variant_outline:is(:hover, [data-hover]), [data-theme="dark"] .\32xl\:inkeep-input__field--variant_outline:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-white-alpha-400);
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-input__field--variant_filled {
      border: 2px solid;
      border-color: var(--inkeep-colors-transparent);
      background: var(--inkeep-colors-gray-100)
    }

    .dark .\32xl\:inkeep-input__field--variant_filled, [data-theme="dark"] .\32xl\:inkeep-input__field--variant_filled {
      background: var(--inkeep-colors-white-alpha-50);
            }

    .\32xl\:inkeep-input__field--variant_filled:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .\32xl\:inkeep-input__field--variant_filled:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
            }

    .\32xl\:inkeep-input__field--variant_filled:is(:focus-visible, [data-focus-visible]) {
      background: var(--inkeep-colors-transparent);
      border-color: var(--input-focus-border-color);
            }

    .\32xl\:inkeep-input__field--variant_filled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-gray-200);
            }

    .dark .\32xl\:inkeep-input__field--variant_filled:is(:hover, [data-hover]), [data-theme="dark"] .\32xl\:inkeep-input__field--variant_filled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-white-alpha-100);
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-input__field--variant_flushed {
      border-bottom: 1px solid;
      border-color: inherit;
      border-radius: 0;
      padding-inline: var(--inkeep-spacing-0);
      background: var(--inkeep-colors-transparent)
    }

    .\32xl\:inkeep-input__field--variant_flushed:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .\32xl\:inkeep-input__field--variant_flushed:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
      box-shadow: 0px 1px 0px 0px var(--input-error-border-color);
            }

    .\32xl\:inkeep-input__field--variant_flushed:is(:focus-visible, [data-focus-visible]) {
      border-color: var(--input-focus-border-color);
      box-shadow: 0px 1px 0px 0px var(--input-focus-border-color);
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-input__field--variant_unstyled {
      background: var(--inkeep-colors-transparent);
      padding-inline: var(--inkeep-spacing-0);
      height: var(--inkeep-sizes-auto)
    }
    .\32xl\:inkeep-input__addon--size_lg {
      --input-font-size: var(--inkeep-font-sizes-lg);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-12)
    }
    .\32xl\:inkeep-input__addon--size_md {
      --input-font-size: var(--inkeep-font-sizes-md);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-10)
    }
    .\32xl\:inkeep-input__addon--size_sm {
      --input-font-size: var(--inkeep-font-sizes-sm);
      --input-padding: var(--inkeep-space-3);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-8)
    }
    .\32xl\:inkeep-input__addon--size_xs {
      --input-font-size: var(--inkeep-font-sizes-xs);
      --input-padding: var(--inkeep-space-2);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-6)
    }
    .\32xl\:inkeep-input__addon--variant_outline {
      border: 1px solid;
      border-color: inherit;
      background: var(--inkeep-colors-gray-100)
    }

    .dark .\32xl\:inkeep-input__addon--variant_outline, [data-theme="dark"] .\32xl\:inkeep-input__addon--variant_outline {
      border-color: var(--inkeep-colors-white-alpha-50);
      background: var(--inkeep-colors-white-alpha-300);
            }
    .\32xl\:inkeep-input__addon--variant_filled {
      border: 2px solid;
      border-color: var(--inkeep-colors-transparent);
      background: var(--inkeep-colors-gray-100)
    }

    .dark .\32xl\:inkeep-input__addon--variant_filled, [data-theme="dark"] .\32xl\:inkeep-input__addon--variant_filled {
      background: var(--inkeep-colors-white-alpha-50);
            }
    .\32xl\:inkeep-input__addon--variant_flushed {
      border-bottom: 2px solid;
      border-color: inherit;
      border-radius: 0
    }
    .\32xl\:inkeep-input__addon--variant_flushed,.\32xl\:inkeep-input__addon--variant_unstyled {
      padding-inline: var(--inkeep-spacing-0);
      background: var(--inkeep-colors-transparent)
    }
    .\32xl\:inkeep-input__addon--variant_unstyled {
      height: var(--inkeep-sizes-auto)
    }
    .\32xl\:inkeep-modal__container--scrollOverflowBehavior_inside {
      overflow: hidden
    }
    .\32xl\:inkeep-modal__container--scrollOverflowBehavior_outside {
      overflow: auto
    }
    .\32xl\:inkeep-modal__container--isCentered_false {
      align-items: flex-start
    }
    .\32xl\:inkeep-modal__container--isCentered_true {
      align-items: center
    }
    .\32xl\:inkeep-modal__container--variant_clickThrough {
      pointer-events: none;
      z-index: var(--inkeep-z-index-modal) - 1
    }
    .\32xl\:inkeep-modal__content--size_xs {
      max-width: var(--inkeep-sizes-xs)
    }
    .\32xl\:inkeep-modal__content--size_sm {
      max-width: var(--inkeep-sizes-sm)
    }
    .\32xl\:inkeep-modal__content--size_md {
      max-width: var(--inkeep-sizes-md)
    }
    .\32xl\:inkeep-modal__content--size_lg {
      max-width: var(--inkeep-sizes-lg)
    }
    .\32xl\:inkeep-modal__content--size_xl {
      max-width: var(--inkeep-sizes-xl)
    }
    .\32xl\:inkeep-modal__content--size_2xl {
      max-width: var(--inkeep-sizes-2xl)
    }
    .\32xl\:inkeep-modal__content--size_3xl {
      max-width: var(--inkeep-sizes-3xl)
    }
    .\32xl\:inkeep-modal__content--size_4xl {
      max-width: var(--inkeep-sizes-4xl)
    }
    .\32xl\:inkeep-modal__content--size_5xl {
      max-width: var(--inkeep-sizes-5xl)
    }
    .\32xl\:inkeep-modal__content--size_6xl {
      max-width: var(--inkeep-sizes-6xl)
    }
    .\32xl\:inkeep-modal__content--size_full {
      max-width: 100vw;
      min-height: 100vh;
      margin-block: var(--inkeep-spacing-0);
      border-radius: 0
    }
    .\32xl\:inkeep-modal__content--scrollOverflowBehavior_inside {
      max-height: calc(100% - 7.5rem)
    }
    .\32xl\:inkeep-modal__content--isCentered_false {
      margin-block: var(--inkeep-spacing-16)
    }
    .\32xl\:inkeep-modal__content--isCentered_true {
      margin-block: auto;
      margin-inline: auto
    }
    .\32xl\:inkeep-modal__content--variant_clickThrough {
      pointer-events: auto
    }
    .\32xl\:inkeep-select__label--size_sm,.\32xl\:inkeep-select__label--size_md,.\32xl\:inkeep-select__label--size_lg {
      font-size: 0.875rem;
      line-height: 1.25rem
    }
    .\32xl\:inkeep-select__trigger--variant_outline {
      background: var(--inkeep-colors-white);
      border-width: 1px
    }

    .dark .\32xl\:inkeep-select__trigger--variant_outline, [data-theme="dark"] .\32xl\:inkeep-select__trigger--variant_outline {
      background: var(--inkeep-colors-color-palette-800);
            }
        }

  @media screen and (min-width: 96em) {

    .\32xl\:inkeep-select__trigger--variant_outline:is(:focus, [data-focus]) {
      border-color: var(--inkeep-colors-color-palette-200);
            }

    .dark .\32xl\:inkeep-select__trigger--variant_outline:is(:focus, [data-focus]), [data-theme="dark"] .\32xl\:inkeep-select__trigger--variant_outline:is(:focus, [data-focus]) {
      border-color: var(--inkeep-colors-color-palette-800);
            }

    .\32xl\:inkeep-select__trigger--variant_outline:is(:focus, [data-focus]) {
      box-shadow: var(--inkeep-shadows-accent);
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-select__trigger--variant_ghost:is(:focus, [data-focus]) {
      background: var(--inkeep-colors-color-palette-100);
            }

    .dark .\32xl\:inkeep-select__trigger--variant_ghost:is(:focus, [data-focus]), [data-theme="dark"] .\32xl\:inkeep-select__trigger--variant_ghost:is(:focus, [data-focus]) {
      background: var(--inkeep-colors-color-palette-900);
            }

    .\32xl\:inkeep-select__trigger--variant_ghost:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-color-palette-100);
            }

    .dark .\32xl\:inkeep-select__trigger--variant_ghost:is(:hover, [data-hover]), [data-theme="dark"] .\32xl\:inkeep-select__trigger--variant_ghost:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-color-palette-900);
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-select__trigger--size_sm {
      padding-inline: var(--inkeep-spacing-2\.5);
      height: var(--inkeep-sizes-9);
      min-width: var(--inkeep-sizes-9);
      font-size: var(--inkeep-font-sizes-sm);
      gap: var(--inkeep-spacing-2)
    }

    .\32xl\:inkeep-select__trigger--size_sm :where(svg) {
      width: var(--inkeep-sizes-4);
      height: var(--inkeep-sizes-4);
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-select__trigger--size_md {
      padding-inline: var(--inkeep-spacing-3);
      height: var(--inkeep-sizes-10);
      min-width: var(--inkeep-sizes-10);
      font-size: var(--inkeep-font-sizes-md);
      gap: var(--inkeep-spacing-2)
    }

    .\32xl\:inkeep-select__trigger--size_md :where(svg) {
      width: var(--inkeep-sizes-4);
      height: var(--inkeep-sizes-4);
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-select__trigger--size_lg {
      padding-inline: var(--inkeep-spacing-3\.5);
      height: var(--inkeep-sizes-11);
      min-width: var(--inkeep-sizes-11);
      font-size: var(--inkeep-font-sizes-md);
      gap: var(--inkeep-spacing-2)
    }

    .\32xl\:inkeep-select__trigger--size_lg :where(svg) {
      width: var(--inkeep-sizes-5);
      height: var(--inkeep-sizes-5);
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-select__item--size_sm {
      font-size: 0.875rem;
      line-height: 1.25rem;
      padding-inline: var(--inkeep-spacing-2);
      height: var(--inkeep-sizes-9)
    }
    .\32xl\:inkeep-select__item--size_md {
      height: var(--inkeep-sizes-10)
    }
    .\32xl\:inkeep-select__item--size_md,.\32xl\:inkeep-select__item--size_lg {
      font-size: 1rem;
      line-height: 1.5rem;
      padding-inline: var(--inkeep-spacing-2)
    }
    .\32xl\:inkeep-select__item--size_lg {
      height: var(--inkeep-sizes-11)
    }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-select__itemIndicator--size_sm :where(svg) {
      width: var(--inkeep-sizes-4);
      height: var(--inkeep-sizes-4);
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-select__itemIndicator--size_md :where(svg) {
      width: var(--inkeep-sizes-4);
      height: var(--inkeep-sizes-4);
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-select__itemIndicator--size_lg :where(svg) {
      width: var(--inkeep-sizes-5);
      height: var(--inkeep-sizes-5);
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-select__itemGroupLabel--size_sm,.\32xl\:inkeep-select__itemGroupLabel--size_md,.\32xl\:inkeep-select__itemGroupLabel--size_lg {
      padding-inline: var(--inkeep-spacing-2);
      padding-block: var(--inkeep-spacing-1\.5)
    }
    .\32xl\:inkeep-select__content--size_sm {
      padding: var(--inkeep-spacing-0\.5);
      gap: var(--inkeep-spacing-1)
    }
    .\32xl\:inkeep-select__content--size_md {
      padding: var(--inkeep-spacing-1);
      gap: var(--inkeep-spacing-1)
    }
    .\32xl\:inkeep-select__content--size_lg {
      padding: var(--inkeep-spacing-1\.5);
      gap: var(--inkeep-spacing-1)
    }
    .\32xl\:inkeep-switch__root--size_sm {
      --switch-track-width: 1.375rem;
      --switch-track-height: var(--inkeep-sizes-3)
    }
    .\32xl\:inkeep-switch__root--size_md {
      --switch-track-width: 1.875rem;
      --switch-track-height: var(--inkeep-sizes-4)
    }
    .\32xl\:inkeep-switch__root--size_lg {
      --switch-track-width: 2.875rem;
      --switch-track-height: var(--inkeep-sizes-6)
    }
    .\32xl\:inkeep-switch__control--size_xss {
      width: 24px;
      height: 12px
    }
    .\32xl\:inkeep-switch__thumb--size_xss {
      width: 12px;
      height: 12px
    }
    .\32xl\:inkeep-tabs__list--variant_line {
      --tabs-border-color: 2px solid;
      border-color: inherit
    }
    .\32xl\:inkeep-tabs__list--variant_enclosed,.\32xl\:inkeep-tabs__list--variant_enclosed-colored {
      margin-bottom: -1px;
      border-bottom: 1px solid;
      border-color: inherit
    }
    .\32xl\:inkeep-tabs__trigger--size_sm {
      padding-block: var(--inkeep-spacing-1);
      padding-inline: var(--inkeep-spacing-4);
      font-size: var(--inkeep-font-sizes-sm)
    }
    .\32xl\:inkeep-tabs__trigger--size_md {
      font-size: var(--inkeep-font-sizes-md);
      padding-block: var(--inkeep-spacing-2);
      padding-inline: var(--inkeep-spacing-4)
    }
    .\32xl\:inkeep-tabs__trigger--size_lg {
      font-size: var(--inkeep-font-sizes-lg);
      padding-block: var(--inkeep-spacing-3);
      padding-inline: var(--inkeep-spacing-4)
    }
    .\32xl\:inkeep-tabs__trigger--variant_line {
      --tabs-border-color: 2px solid;
      border-color: var(--inkeep-colors-transparent);
      --tabs-margin-prop: -2px;
      color: var(--tabs-color);
      background: var(--tabs-bg)
    }
        }

  @media screen and (min-width: 96em) {

    .\32xl\:inkeep-tabs__trigger--variant_line:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-color-palette-600)
    ;
            }

    .dark .\32xl\:inkeep-tabs__trigger--variant_line:is([aria-selected=true], [data-selected]), [data-theme="dark"] .\32xl\:inkeep-tabs__trigger--variant_line:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-color-palette-300)
        ;
            }

    .\32xl\:inkeep-tabs__trigger--variant_line:is([aria-selected=true], [data-selected]) {
      border-color: currentColor;
            }

    .\32xl\:inkeep-tabs__trigger--variant_line:is(:active, [data-active]) {
      --tabs-bg: var(--inkeep-colors-gray-200)
    ;
            }

    .dark .\32xl\:inkeep-tabs__trigger--variant_line:is(:active, [data-active]), [data-theme="dark"] .\32xl\:inkeep-tabs__trigger--variant_line:is(:active, [data-active]) {
      --tabs-bg: var(--inkeep-colors-white-alpha-300)
        ;
            }

    .\32xl\:inkeep-tabs__trigger--variant_line:is(:disabled, [disabled], [data-disabled]):is(:active, [data-active]) {
      background: none;
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-tabs__trigger--variant_enclosed {
      border-top-left-radius: var(--inkeep-radii-md);
      border-top-right-radius: var(--inkeep-radii-md);
      border: 1px solid;
      border-color: var(--inkeep-colors-transparent);
      margin-bottom: -1px;
      --tabs-border-color: transparent;
      color: var(--tabs-color)
    }

    .\32xl\:inkeep-tabs__trigger--variant_enclosed:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-color-palette-600)
    ;
      --tabs-border-color: var(--inkeep-colors-white)
    ;
            }

    .dark .\32xl\:inkeep-tabs__trigger--variant_enclosed:is([aria-selected=true], [data-selected]), [data-theme="dark"] .\32xl\:inkeep-tabs__trigger--variant_enclosed:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-color-palette-300)
        ;
      --tabs-border-color: var(--inkeep-colors-gray-800)
        ;
            }

    .\32xl\:inkeep-tabs__trigger--variant_enclosed:is([aria-selected=true], [data-selected]) {
      border-color: inherit;
      border-bottom-color: var(--tabs-border-color);
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-tabs__trigger--variant_enclosed-colored {
      border: 1px solid;
      border-color: inherit;
      --tabs-bg: var(--inkeep-colors-gray-50);
      margin-bottom: -1px;
      color: var(--tabs-color);
      background: var(--tabs-bg)
    }

    .dark .\32xl\:inkeep-tabs__trigger--variant_enclosed-colored, [data-theme="dark"] .\32xl\:inkeep-tabs__trigger--variant_enclosed-colored {
      --tabs-bg: var(--inkeep-colors-white-alpha-50)
    ;
            }

    .\32xl\:inkeep-tabs__trigger--variant_enclosed-colored:is([aria-selected=true], [data-selected]) {
      --tabs-bg: var(--inkeep-colors-white)
    ;
      --tabs-color: var(--inkeep-colors-color-palette-600)
    ;
            }

    .dark .\32xl\:inkeep-tabs__trigger--variant_enclosed-colored:is([aria-selected=true], [data-selected]), [data-theme="dark"] .\32xl\:inkeep-tabs__trigger--variant_enclosed-colored:is([aria-selected=true], [data-selected]) {
      --tabs-bg: var(--inkeep-colors-gray-800)
        ;
      --tabs-color: var(--inkeep-colors-color-palette-300)
        ;
            }

    .\32xl\:inkeep-tabs__trigger--variant_enclosed-colored:is([aria-selected=true], [data-selected]) {
      border-color: inherit;
      border-top-color: currentColor;
      border-bottom-color: var(--inkeep-colors-transparent);
            }

    .\32xl\:inkeep-tabs__trigger--variant_enclosed-colored _notLast {
      margin-inline-end: -1px;
            }
    .\32xl\:inkeep-tabs__trigger--variant_soft-rounded {
      border-radius: var(--inkeep-radii-full);
      font-weight: var(--inkeep-font-weights-semibold);
      color: var(--inkeep-colors-gray-600)
    }
        }

  @media screen and (min-width: 96em) {

    .\32xl\:inkeep-tabs__trigger--variant_soft-rounded:is([aria-selected=true], [data-selected]) {
      color: var(--inkeep-colors-color-palette-700);
      background: var(--inkeep-colors-color-palette-100);
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-tabs__trigger--variant_solid-rounded {
      border-radius: var(--inkeep-radii-full);
      font-weight: var(--inkeep-font-weights-semibold);
      --tabs-color: var(--inkeep-colors-gray-600);
      color: var(--tabs-color);
      background: var(--tabs-bg)
    }

    .dark .\32xl\:inkeep-tabs__trigger--variant_solid-rounded, [data-theme="dark"] .\32xl\:inkeep-tabs__trigger--variant_solid-rounded {
      --tabs-color: inherit
    ;
            }

    .\32xl\:inkeep-tabs__trigger--variant_solid-rounded:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-white)
    ;
      --tabs-bg: var(--inkeep-colors-color-palette-600)
    ;
            }

    .dark .\32xl\:inkeep-tabs__trigger--variant_solid-rounded:is([aria-selected=true], [data-selected]), [data-theme="dark"] .\32xl\:inkeep-tabs__trigger--variant_solid-rounded:is([aria-selected=true], [data-selected]) {
      --tabs-color: var(--inkeep-colors-gray-800)
        ;
      --tabs-bg: var(--inkeep-colors-color-palette-300)
        ;
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-tabs__trigger--isFitted_true {
      flex: 1 1 0%
    }
    .\32xl\:inkeep-table__caption--variant_simple {
      color: var(--inkeep-colors-gray-600)
    }

    .dark .\32xl\:inkeep-table__caption--variant_simple, [data-theme="dark"] .\32xl\:inkeep-table__caption--variant_simple {
      color: var(--inkeep-colors-gray-100);
            }
    .\32xl\:inkeep-table__caption--variant_striped {
      color: var(--inkeep-colors-gray-600)
    }

    .dark .\32xl\:inkeep-table__caption--variant_striped, [data-theme="dark"] .\32xl\:inkeep-table__caption--variant_striped {
      color: var(--inkeep-colors-gray-100);
            }
    .\32xl\:inkeep-table__caption--size_sm {
      padding-inline: var(--inkeep-spacing-4);
      padding-block: var(--inkeep-spacing-2);
      font-size: var(--inkeep-font-sizes-xs)
    }
    .\32xl\:inkeep-table__caption--size_md {
      font-size: var(--inkeep-font-sizes-sm)
    }
    .\32xl\:inkeep-table__caption--size_md,.\32xl\:inkeep-table__caption--size_lg {
      padding-inline: var(--inkeep-spacing-6);
      padding-block: var(--inkeep-spacing-2)
    }
    .\32xl\:inkeep-table__caption--size_lg {
      font-size: var(--inkeep-font-sizes-md)
    }
    .\32xl\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) th, .\32xl\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td {
      border-bottom-width: 1px;
      border-color: var(--inkeep-colors-color-palette-100);
            }

    .dark .\32xl\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) th, [data-theme="dark"] .\32xl\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) th, .dark .\32xl\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td, [data-theme="dark"] .\32xl\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td {
      border-color: var(--inkeep-colors-color-palette-700);
            }

    .\32xl\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td {
      background: var(--inkeep-colors-color-palette-100);
            }

    .dark .\32xl\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td, [data-theme="dark"] .\32xl\:inkeep-table__tbody--variant_striped tr:nth-of-type(odd) td {
      background: var(--inkeep-colors-color-palette-700);
            }
    .\32xl\:inkeep-table__td--variant_simple {
      border-bottom: var(--inkeep-borders-1px);
      border-color: var(--inkeep-colors-color-palette-100)
    }

    .dark .\32xl\:inkeep-table__td--variant_simple, [data-theme="dark"] .\32xl\:inkeep-table__td--variant_simple {
      border-color: var(--inkeep-colors-color-palette-700);
            }

    .\32xl\:inkeep-table__td--variant_simple[data-is-numeric=true] {
      text-align: end;
            }
    .\32xl\:inkeep-table__td--variant_striped {
      border-bottom: var(--inkeep-borders-1px);
      border-color: var(--inkeep-colors-color-palette-100)
    }

    .dark .\32xl\:inkeep-table__td--variant_striped, [data-theme="dark"] .\32xl\:inkeep-table__td--variant_striped {
      border-color: var(--inkeep-colors-color-palette-700);
            }

    .\32xl\:inkeep-table__td--variant_striped[data-is-numeric=true] {
      text-align: end;
            }
    .\32xl\:inkeep-table__td--size_sm {
      padding-inline: var(--inkeep-spacing-4);
      padding-block: var(--inkeep-spacing-2);
      font-size: var(--inkeep-font-sizes-sm);
      line-height: var(--inkeep-line-heights-4)
    }
    .\32xl\:inkeep-table__td--size_md {
      padding-inline: var(--inkeep-spacing-6);
      padding-block: var(--inkeep-spacing-4);
      line-height: var(--inkeep-line-heights-5)
    }
    .\32xl\:inkeep-table__td--size_lg {
      padding-inline: var(--inkeep-spacing-8);
      padding-block: var(--inkeep-spacing-5);
      line-height: var(--inkeep-line-heights-6)
    }
    .\32xl\:inkeep-table__tfoot--variant_striped th tr:last-of-type {
      border-bottom-width: 0;
            }
    .\32xl\: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 .\32xl\:inkeep-table__th--variant_simple, [data-theme="dark"] .\32xl\:inkeep-table__th--variant_simple {
      color: var(--inkeep-colors-gray-400);
      border-color: var(--inkeep-colors-color-palette-700);
            }

    .\32xl\:inkeep-table__th--variant_simple[data-is-numeric=true] {
      text-align: end;
            }
    .\32xl\:inkeep-table__th--variant_striped {
      color: var(--inkeep-colors-gray-600);
      border-bottom: var(--inkeep-borders-1px);
      border-color: var(--inkeep-colors-color-palette-100)
    }

    .dark .\32xl\:inkeep-table__th--variant_striped, [data-theme="dark"] .\32xl\:inkeep-table__th--variant_striped {
      color: var(--inkeep-colors-gray-400);
      border-color: var(--inkeep-colors-color-palette-700);
            }

    .\32xl\:inkeep-table__th--variant_striped[data-is-numeric=true] {
      text-align: end;
            }
    .\32xl\:inkeep-table__th--size_sm {
      padding-inline: var(--inkeep-spacing-4);
      padding-block: var(--inkeep-spacing-1)
    }
    .\32xl\:inkeep-table__th--size_sm,.\32xl\:inkeep-table__th--size_md {
      line-height: var(--inkeep-line-heights-4);
      font-size: var(--inkeep-font-sizes-xs)
    }
    .\32xl\:inkeep-table__th--size_md {
      padding-inline: var(--inkeep-spacing-6);
      padding-block: var(--inkeep-spacing-3)
    }
    .\32xl\:inkeep-table__th--size_lg {
      padding-inline: var(--inkeep-spacing-8);
      padding-block: var(--inkeep-spacing-4);
      line-height: var(--inkeep-line-heights-5);
      font-size: var(--inkeep-font-sizes-sm)
    }
    .\32xl\:inkeep-table__tr--variant_tfoot th:last-of-type {
      border-bottom-width: 0;
            }
    .\32xl\:inkeep-tooltip__content--variant_default {
      font-weight: var(--inkeep-font-weights-normal)
    }

    .light .\32xl\:inkeep-tooltip__content--variant_default, [data-theme="light"] .\32xl\: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 .\32xl\:inkeep-tooltip__content--variant_default, [data-theme="dark"] .\32xl\: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)
    ;
            }
    .light .\32xl\:inkeep-search-bar-trigger__container--variant_emphasized, [data-theme="light"] .\32xl\:inkeep-search-bar-trigger__container--variant_emphasized {
      border-color: var(--inkeep-colors-gray-100);
      box-shadow: var(--inkeep-shadows-sm);
            }
        }

  @media screen and (min-width: 96em) {

    .light .\32xl\:inkeep-search-bar-trigger__container--variant_emphasized:is(:hover, [data-hover]), [data-theme="light"] .\32xl\:inkeep-search-bar-trigger__container--variant_emphasized:is(:hover, [data-hover]) {
      box-shadow: var(--inkeep-shadows-md);
      background: none !important;
            }

    .dark .\32xl\:inkeep-search-bar-trigger__container--variant_emphasized:is(:hover, [data-hover]), [data-theme="dark"] .\32xl\:inkeep-search-bar-trigger__container--variant_emphasized:is(:hover, [data-hover]) {
      background: none !important;
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-search-bar-trigger__container--variant_subtle {
      border-color: var(--inkeep-colors-gray-300);
      color: var(--inkeep-colors-gray-500) !important
    }

    .dark .\32xl\:inkeep-search-bar-trigger__container--variant_subtle, [data-theme="dark"] .\32xl\:inkeep-search-bar-trigger__container--variant_subtle {
      color: var(--inkeep-colors-white-alpha-500) !important;
      border-color: var(--inkeep-colors-white-alpha-300);
            }

    .\32xl\:inkeep-search-bar-trigger__container--variant_subtle:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-gray-400);
      background: none !important;
            }

    .dark .\32xl\:inkeep-search-bar-trigger__container--variant_subtle:is(:hover, [data-hover]), [data-theme="dark"] .\32xl\:inkeep-search-bar-trigger__container--variant_subtle:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-white-alpha-400);
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-search-bar-trigger__wrapper--size_expand {
      width: 100%;
      height: 100%
    }
        }

  @media screen and (min-width: 96em) {
    @media screen and (min-width: 48em) {
      .\32xl\:inkeep-search-bar-trigger__wrapper--size_compact {
        width: min( 340px , 100% );
        height: min( 40px , 100% );
                }
      .\32xl\:inkeep-search-bar-trigger__wrapper--size_medium {
        width: min( 500px , 100% );
        height: min( 3rem , 100% );
                }
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-search-bar-trigger__kbd--variant_subtle {
      border: var(--inkeep-borders-none);
      padding-inline: var(--inkeep-spacing-0);
      color: var(--inkeep-colors-gray-500)
    }

    .dark .\32xl\:inkeep-search-bar-trigger__kbd--variant_subtle, [data-theme="dark"] .\32xl\:inkeep-search-bar-trigger__kbd--variant_subtle {
      color: var(--inkeep-colors-white-alpha-500);
            }
    .\32xl\:inkeep-search-bar-trigger__icon--variant_subtle {
      width: 18px
    }
        }
}

@layer recipes {
  .inkeep-btn--colorPalette_blue {
    --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);
    }

  .inkeep-btn--colorPalette_teal {
    --inkeep-colors-color-palette-50: var(--inkeep-colors-teal-50);
    --inkeep-colors-color-palette-100: var(--inkeep-colors-teal-100);
    --inkeep-colors-color-palette-200: var(--inkeep-colors-teal-200);
    --inkeep-colors-color-palette-300: var(--inkeep-colors-teal-300);
    --inkeep-colors-color-palette-400: var(--inkeep-colors-teal-400);
    --inkeep-colors-color-palette-500: var(--inkeep-colors-teal-500);
    --inkeep-colors-color-palette-600: var(--inkeep-colors-teal-600);
    --inkeep-colors-color-palette-700: var(--inkeep-colors-teal-700);
    --inkeep-colors-color-palette-800: var(--inkeep-colors-teal-800);
    --inkeep-colors-color-palette-900: var(--inkeep-colors-teal-900);
    --inkeep-colors-color-palette-950: var(--inkeep-colors-teal-950);
    }

  .inkeep-btn--colorPalette_inkeepPrimary {
    --inkeep-colors-color-palette-hit-content-preview: var(--inkeep-colors-inkeep-primary-hit-content-preview);
    --inkeep-colors-color-palette-hit-content-preview-hover: var(--inkeep-colors-inkeep-primary-hit-content-preview-hover);
    --inkeep-colors-color-palette-text-bold: var(--inkeep-colors-inkeep-primary-text-bold);
    --inkeep-colors-color-palette-text-subtle: var(--inkeep-colors-inkeep-primary-text-subtle);
    --inkeep-colors-color-palette-lighter: var(--inkeep-colors-inkeep-primary-lighter);
    --inkeep-colors-color-palette-light: var(--inkeep-colors-inkeep-primary-light);
    --inkeep-colors-color-palette-light-subtle: var(--inkeep-colors-inkeep-primary-light-subtle);
    --inkeep-colors-color-palette-medium: var(--inkeep-colors-inkeep-primary-medium);
    --inkeep-colors-color-palette-strong: var(--inkeep-colors-inkeep-primary-strong);
    --inkeep-colors-color-palette-stronger: var(--inkeep-colors-inkeep-primary-stronger);
    --inkeep-colors-color-palette-text-color-on-primary: var(--inkeep-colors-inkeep-primary-text-color-on-primary);
    }

  .inkeep-btn--size_lg {
    height: var(--inkeep-sizes-12);
    min-width: var(--inkeep-sizes-12);
    font-size: var(--inkeep-font-sizes-lg);
    padding-inline: var(--inkeep-spacing-6);
    }

  .inkeep-btn--size_sm {
    height: var(--inkeep-sizes-8);
    min-width: var(--inkeep-sizes-8);
    font-size: var(--inkeep-font-sizes-sm);
    padding-inline: var(--inkeep-spacing-3);
    }

  .inkeep-btn--size_xs {
    height: var(--inkeep-sizes-6);
    min-width: var(--inkeep-sizes-6);
    font-size: var(--inkeep-font-sizes-xs);
    padding-inline: var(--inkeep-spacing-2);
    }

  .inkeep-btn--variant_ghost {
    color: var(--inkeep-colors-color-palette-600);
    background: var(--inkeep-colors-transparent);
    }

  .dark .inkeep-btn--variant_ghost, [data-theme="dark"] .inkeep-btn--variant_ghost {
    color: var(--inkeep-colors-color-palette-200);
        }

  .inkeep-btn--variant_solid {
    background: var(--inkeep-colors-color-palette-500);
    color: var(--inkeep-colors-white);
    }

  .dark .inkeep-btn--variant_solid, [data-theme="dark"] .inkeep-btn--variant_solid {
    background: var(--inkeep-colors-color-palette-200);
    color: var(--inkeep-colors-gray-800);
        }

  .inkeep-btn--variant_link {
    padding: var(--inkeep-spacing-0);
    height: var(--inkeep-sizes-auto);
    line-height: var(--inkeep-line-heights-normal);
    vertical-align: baseline;
    color: var(--inkeep-colors-color-palette-500);
    }

  .dark .inkeep-btn--variant_link, [data-theme="dark"] .inkeep-btn--variant_link {
    color: var(--inkeep-colors-color-palette-200);
        }

  .inkeep-btn--variant_unstyled {
    background: none;
    color: inherit;
    display: inline;
    line-height: inherit;
    margin: var(--inkeep-spacing-0);
    padding: var(--inkeep-spacing-0);
    }

  .inkeep-btn--variant_outlinePrimary {
    border: 1px solid;
    }

  .light .inkeep-btn--variant_outlinePrimary, [data-theme="light"] .inkeep-btn--variant_outlinePrimary {
    color: var(--inkeep-colors-inkeep-primary-strong);
    border-color: var(--inkeep-colors-inkeep-expanded-primary-200);
        }

  .dark .inkeep-btn--variant_outlinePrimary, [data-theme="dark"] .inkeep-btn--variant_outlinePrimary {
    color: var(--inkeep-colors-inkeep-expanded-primary-300);
        }

  .inkeep-btn--variant_outlineFilled {
    background: var(--inkeep-colors-white);
    border: 1px solid;
    border-color: var(--inkeep-colors-inkeep-primary-strong);
    color: var(--inkeep-colors-inkeep-primary-strong);
    }

  .inkeep-btn--variant_outlineFilledActive {
    background: var(--inkeep-colors-inkeep-primary-strong);
    color: var(--inkeep-colors-white);
    }

  .inkeep-btn--variant_filledCTA {
    background: var(--inkeep-colors-inkeep-primary-medium);
    color: var(--inkeep-colors-white);
    border: var(--inkeep-borders-none);
    border-radius: 80px;
    }

  .inkeep-btn--variant_primaryFilled {
    background: var(--inkeep-colors-inkeep-primary-medium);
    color: var(--inkeep-colors-inkeep-primary-text-color-on-primary);
    }

  .inkeep-btn--variant_outline {
    border: 1px solid;
    border-color: currentColor;
    color: var(--inkeep-colors-color-palette-600);
    background: var(--inkeep-colors-transparent);
    }

  .dark .inkeep-btn--variant_outline, [data-theme="dark"] .inkeep-btn--variant_outline {
    color: var(--inkeep-colors-white-alpha-700);
        }

  .light .inkeep-btn--variant_outline, [data-theme="light"] .inkeep-btn--variant_outline {
    color: var(--inkeep-colors-gray-700);
        }

  .inkeep-btn--colorPalette_gray {
    --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-btn--variant_iconButton {
    background: var(--inkeep-colors-transparent);
    border-radius: 0;
    padding-inline: var(--inkeep-spacing-1);
    color: var(--inkeep-colors-gray-600);
    }

  .dark .inkeep-btn--variant_iconButton, [data-theme="dark"] .inkeep-btn--variant_iconButton {
    color: var(--inkeep-colors-white-alpha-600);
        }

  .inkeep-btn--size_md {
    height: var(--inkeep-sizes-10);
    min-width: var(--inkeep-sizes-10);
    font-size: var(--inkeep-font-sizes-md);
    padding-inline: var(--inkeep-spacing-4);
    }

  .inkeep-close-btn--size_lg {
    --btn-bg: var(--inkeep-sizes-10);
    font-size: var(--inkeep-font-sizes-md);
    }

  .inkeep-close-btn--size_md {
    --btn-bg: var(--inkeep-sizes-8);
    font-size: var(--inkeep-font-sizes-xs);
    }

  .inkeep-close-btn--size_sm {
    --btn-bg: var(--inkeep-sizes-6);
    font-size: var(--inkeep-font-sizes-2xs);
    }

  .inkeep-code--variant_solid {
    --badge-bg: var(--inkeep-colors-color-palette-500);
    --badge-color: var(--inkeep-colors-white);
    }

  .dark .inkeep-code--variant_solid, [data-theme="dark"] .inkeep-code--variant_solid {
    --badge-bg-alpha: color-mix(in srgb, transparent 60%, var(--colors-color-palette-500))
    ;
    --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-500))
    ;
    --badge-color: var(--inkeep-colors-white-alpha-800)
    ;
        }

  .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)
    ;
        }

  .inkeep-code--variant_outline {
    --badge-color: var(--inkeep-colors-color-palette-500);
    --badge-shadow: inset 0 0 0px 1px var(--badge-color, inherit);
    }

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

  .inkeep-badge--variant_solid {
    --badge-bg: var(--inkeep-colors-color-palette-500);
    --badge-color: var(--inkeep-colors-white);
    }

  .dark .inkeep-badge--variant_solid, [data-theme="dark"] .inkeep-badge--variant_solid {
    --badge-bg-alpha: color-mix(in srgb, transparent 60%, var(--colors-color-palette-500))
    ;
    --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-500))
    ;
    --badge-color: var(--inkeep-colors-white-alpha-800)
    ;
        }

  .inkeep-badge--variant_subtle {
    --badge-bg: colorPalette.100;
    --badge-color: var(--inkeep-colors-color-palette-800);
    }

  .dark .inkeep-badge--variant_subtle, [data-theme="dark"] .inkeep-badge--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)
    ;
        }

  .inkeep-badge--variant_outline {
    --badge-color: var(--inkeep-colors-color-palette-500);
    --badge-shadow: inset 0 0 0px 1px var(--badge-color, inherit);
    }

  .dark .inkeep-badge--variant_outline, [data-theme="dark"] .inkeep-badge--variant_outline {
    --badge-bg-alpha: color-mix(in srgb, transparent 80%, var(--colors-color-palette-200))
    ;
    --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-200))
    ;
        }

  .inkeep-heading--size_4xl {
    font-size: var(--inkeep-font-sizes-6xl);
    line-height: 1;
    }

  .inkeep-heading--size_3xl {
    font-size: var(--inkeep-font-sizes-5xl);
    line-height: 1;
    }

  .inkeep-heading--size_2xl {
    font-size: var(--inkeep-font-sizes-4xl);
    line-height: 1.2;
    }

  .inkeep-heading--size_lg {
    font-size: var(--inkeep-font-sizes-2xl);
    line-height: 1.33;
    }

  .inkeep-heading--size_md {
    font-size: var(--inkeep-font-sizes-xl);
    line-height: 1.2;
    }

  .inkeep-heading--size_sm {
    font-size: var(--inkeep-font-sizes-md);
    line-height: 1.2;
    }

  .inkeep-heading--size_xs {
    font-size: var(--inkeep-font-sizes-sm);
    line-height: 1.2;
    }

  .inkeep-heading--size_xl {
    font-size: var(--inkeep-font-sizes-3xl);
    line-height: 1.33;
    }

  .inkeep-heading--uppercase_true {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    color: var(--inkeep-colors-gray-600);
    }

  .inkeep-icon--variant_dark {
    color: var(--inkeep-colors-white);
    }

  .inkeep-icon--variant_lightPrimary {
    color: var(--inkeep-colors-inkeep-primary-text-subtle);
    }

  .inkeep-icon--variant_light {
    color: var(--inkeep-colors-gray-600);
    }

  .inkeep-kbd--variant_dark {
    background: primaryDark.9;
    border-color: primaryDark.6;
    border-radius: 3px;
    border-bottom: 2px solid;
    }

  .inkeep-kbd--variant_dark,.inkeep-kbd--variant_darkOutline {
    color: var(--inkeep-colors-white);
    }

  .inkeep-kbd--variant_darkOutline,.inkeep-kbd--variant_light {
    background: primary.1;
    border-color: var(--inkeep-colors-inkeep-primary-medium);
    border-radius: 3px;
    border-bottom: 2px solid;
    }

  .inkeep-kbd--variant_light {
    color: var(--inkeep-colors-inkeep-primary-medium);
    }

  .inkeep-kbd--variant_grayLight {
    background: var(--inkeep-colors-gray-400);
    height: 40px;
    padding: 2px 6px;
    color: var(--inkeep-colors-gray-600);
    border-color: var(--inkeep-colors-gray-600);
    border-radius: 3px;
    border-bottom: 2px solid gray.700;
    }

  .inkeep-kbd--variant_outline {
    box-shadow: var(--inkeep-shadows-none);
    }

  .inkeep-tag--variant_solid {
    --badge-bg: var(--inkeep-colors-color-palette-500);
    --badge-color: var(--inkeep-colors-white);
    }

  .dark .inkeep-tag--variant_solid, [data-theme="dark"] .inkeep-tag--variant_solid {
    --badge-bg-alpha: color-mix(in srgb, transparent 60%, var(--colors-color-palette-500))
    ;
    --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-500))
    ;
    --badge-color: var(--inkeep-colors-white-alpha-800)
    ;
        }

  .inkeep-tag--variant_outline {
    --badge-color: var(--inkeep-colors-color-palette-500);
    --badge-shadow: inset 0 0 0px 1px var(--badge-color, inherit);
    }

  .dark .inkeep-tag--variant_outline, [data-theme="dark"] .inkeep-tag--variant_outline {
    --badge-bg-alpha: color-mix(in srgb, transparent 80%, var(--colors-color-palette-200))
    ;
    --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-200))
    ;
        }

  .inkeep-tag--size_sm {
    --tag-min-height: var(--inkeep-sizes-5);
    --tag-min-width: var(--inkeep-sizes-5);
    --tag-font-size: var(--inkeep-font-sizes-xs);
    --tag-padding-inline: var(--inkeep-space-2);
    }

  .inkeep-tag--size_md {
    --tag-min-height: var(--inkeep-sizes-6);
    --tag-min-width: var(--inkeep-sizes-6);
    --tag-font-size: var(--inkeep-font-sizes-sm);
    --tag-padding-inline: var(--inkeep-space-2);
    }

  .inkeep-tag--size_lg {
    --tag-min-height: var(--inkeep-sizes-8);
    --tag-min-width: var(--inkeep-sizes-8);
    --tag-font-size: var(--inkeep-font-sizes-md);
    --tag-padding-inline: var(--inkeep-space-3);
    }

  .inkeep-tag--variant_subtle {
    --badge-bg: colorPalette.100;
    --badge-color: var(--inkeep-colors-color-palette-800);
    }

  .dark .inkeep-tag--variant_subtle, [data-theme="dark"] .inkeep-tag--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)
    ;
        }

  .inkeep-textarea--variant_flushed {
    border-bottom: 1px solid;
    border-color: inherit;
    border-radius: 0;
    padding-inline: var(--inkeep-spacing-0);
    background: var(--inkeep-colors-transparent);
    }

  .inkeep-textarea--variant_flushed:is(:read-only, [data-read-only]) {
    box-shadow: var(--inkeep-shadows-none) !important;
    -webkit-user-select: all;
    user-select: all;
        }

  .inkeep-textarea--variant_flushed:is(:invalid, [data-invalid]) {
    border-color: var(--input-error-border-color);
    box-shadow: 0px 1px 0px 0px var(--input-error-border-color);
        }

  .inkeep-textarea--variant_filled {
    border: 2px solid;
    border-color: var(--inkeep-colors-transparent);
    background: var(--inkeep-colors-gray-100);
    }

  .dark .inkeep-textarea--variant_filled, [data-theme="dark"] .inkeep-textarea--variant_filled {
    background: var(--inkeep-colors-white-alpha-50);
        }

  .inkeep-textarea--variant_filled:is(:read-only, [data-read-only]) {
    box-shadow: var(--inkeep-shadows-none) !important;
    -webkit-user-select: all;
    user-select: all;
        }

  .inkeep-textarea--variant_filled:is(:invalid, [data-invalid]) {
    border-color: var(--input-error-border-color);
        }

  .inkeep-textarea--variant_unstyled {
    background: var(--inkeep-colors-transparent);
    padding-inline: var(--inkeep-spacing-0);
    height: var(--inkeep-sizes-auto);
    }

  .inkeep-textarea--size_xs {
    --input-font-size: var(--inkeep-font-sizes-xs);
    --input-padding: var(--inkeep-space-2);
    --input-border-radius: var(--inkeep-radii-sm);
    --input-height: var(--inkeep-sizes-6);
    }

  .inkeep-textarea--size_sm {
    --input-font-size: var(--inkeep-font-sizes-sm);
    --input-padding: var(--inkeep-space-3);
    --input-border-radius: var(--inkeep-radii-sm);
    --input-height: var(--inkeep-sizes-8);
    }

  .inkeep-textarea--size_md {
    --input-font-size: var(--inkeep-font-sizes-md);
    --input-padding: var(--inkeep-space-4);
    --input-border-radius: var(--inkeep-radii-md);
    --input-height: var(--inkeep-sizes-10);
    }

  .inkeep-textarea--size_lg {
    --input-font-size: var(--inkeep-font-sizes-lg);
    --input-padding: var(--inkeep-space-4);
    --input-border-radius: var(--inkeep-radii-md);
    --input-height: var(--inkeep-sizes-12);
    }

  .inkeep-textarea--variant_outline {
    border: 1px solid;
    border-color: inherit;
    background: inherit;
    }

  .inkeep-textarea--variant_outline:is(:read-only, [data-read-only]) {
    box-shadow: var(--inkeep-shadows-none) !important;
    -webkit-user-select: all;
    user-select: all;
        }

  .inkeep-textarea--variant_outline:is(:invalid, [data-invalid]) {
    border-color: var(--input-error-border-color);
    box-shadow: 0 0 0 1px var(--input-error-border-color);
        }

  .inkeep-ai-chat-page-wrapper--size_expand {
    width: 100%;
    height: 100%;
    }

  .inkeep-ai-chat-page-wrapper--size_shrink-vertically {
    width: 100%;
    height: var(--inkeep-sizes-auto);
    align-self: flex-start;
    max-height: 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_no-shadow {
    box-shadow: var(--inkeep-shadows-none);
    }

  .inkeep-ai-chat-page-wrapper--size_default {
    max-width: 100vw;
    max-height: 100vw;
    margin: auto;
    align-self: center;
    justify-self: center;
    flex-grow: 0;
    }

  .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);
        }

  .light .inkeep-preview-content-header--variant_title, [data-theme="light"] .inkeep-preview-content-header--variant_title {
    color: var(--inkeep-colors-inkeep-primary-text-subtle);
        }

  .dark .inkeep-preview-content-header--variant_title, [data-theme="dark"] .inkeep-preview-content-header--variant_title {
    color: var(--inkeep-colors-inkeep-primary-lighter);
        }

  .light .inkeep-preview-content-header--variant_hitContentPreview, [data-theme="light"] .inkeep-preview-content-header--variant_hitContentPreview {
    color: var(--inkeep-colors-inkeep-primary-hit-content-preview);
        }

  .dark .inkeep-preview-content-header--variant_hitContentPreview, [data-theme="dark"] .inkeep-preview-content-header--variant_hitContentPreview {
    color: var(--inkeep-colors-inkeep-expanded-primary-300);
        }

  .inkeep-textarea--variant_flushed:is(:focus-visible, [data-focus-visible]) {
    border-color: var(--input-focus-border-color);
    box-shadow: 0px 1px 0px 0px var(--input-focus-border-color);
        }

  .inkeep-textarea--variant_filled:is(:focus-visible, [data-focus-visible]) {
    background: var(--inkeep-colors-transparent);
    border-color: var(--input-focus-border-color);
        }

  .inkeep-textarea--variant_outline:is(:focus-visible, [data-focus-visible]) {
    z-index: 1;
    border-color: var(--input-focus-border-color);
    box-shadow: 0 0 0 1px var(--input-focus-border-color);
        }

  .inkeep-btn--variant_ghost:is(:hover, [data-hover]) {
    --bga: color-mix(in srgb, transparent 0%, var(--inkeep-colors-color-palette-50));
    background-color: var(--bga, var(--inkeep-colors-color-palette-50));
        }

  .dark .inkeep-btn--variant_ghost:is(:hover, [data-hover]), [data-theme="dark"] .inkeep-btn--variant_ghost:is(:hover, [data-hover]) {
    --bga: color-mix(in srgb, transparent 88%, var(--inkeep-colors-color-palette-200));
    background-color: var(--bga, var(--inkeep-colors-color-palette-200));
        }

  .inkeep-btn--variant_solid:is(:hover, [data-hover]) {
    background: var(--inkeep-colors-color-palette-600);
        }

  .dark .inkeep-btn--variant_solid:is(:hover, [data-hover]), [data-theme="dark"] .inkeep-btn--variant_solid:is(:hover, [data-hover]) {
    background: var(--inkeep-colors-color-palette-300);
        }

  .inkeep-btn--variant_solid:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
    background: var(--inkeep-colors-color-palette-500);
        }

  .dark .inkeep-btn--variant_solid:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]), [data-theme="dark"] .inkeep-btn--variant_solid:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
    background: var(--inkeep-colors-color-palette-200);
        }

  .inkeep-btn--variant_link:is(:hover, [data-hover]) {
    text-decoration: underline;
        }

  .inkeep-btn--variant_link:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
    text-decoration: none;
        }

  .light .inkeep-btn--variant_outlinePrimary:is(:hover, [data-hover]), [data-theme="light"] .inkeep-btn--variant_outlinePrimary:is(:hover, [data-hover]) {
    background: var(--inkeep-colors-inkeep-primary-lighter);
    color: var(--inkeep-colors-inkeep-primary-strong);
        }

  .dark .inkeep-btn--variant_outlinePrimary:is(:hover, [data-hover]), [data-theme="dark"] .inkeep-btn--variant_outlinePrimary:is(:hover, [data-hover]) {
    background: var(--inkeep-colors-white-alpha-200);
    color: var(--inkeep-colors-inkeep-expanded-primary-100);
        }

  .inkeep-btn--variant_outlineFilled:is(:hover, [data-hover]) {
    background: var(--inkeep-colors-inkeep-primary-strong);
    color: var(--inkeep-colors-white);
        }

  .inkeep-btn--variant_filledCTA:is(:hover, [data-hover]) {
    background: var(--inkeep-colors-inkeep-primary-medium);
        }

  .inkeep-btn--variant_primaryFilled:is(:hover, [data-hover]) {
    background: var(--inkeep-colors-inkeep-primary-strong);
        }

  .inkeep-btn--variant_outline:is(:hover, [data-hover]) {
    --bga: color-mix(in srgb, transparent 0%, var(--inkeep-colors-color-palette-50));
    background-color: var(--bga, var(--inkeep-colors-color-palette-50));
        }

  .dark .inkeep-btn--variant_outline:is(:hover, [data-hover]), [data-theme="dark"] .inkeep-btn--variant_outline:is(:hover, [data-hover]) {
    --bga: color-mix(in srgb, transparent 88%, var(--inkeep-colors-color-palette-200));
    background-color: var(--bga, var(--inkeep-colors-color-palette-200));
    color: var(--inkeep-colors-white-alpha-800);
    background: var(--inkeep-colors-white-alpha-300);
        }

  .light .inkeep-btn--variant_outline:is(:hover, [data-hover]), [data-theme="light"] .inkeep-btn--variant_outline:is(:hover, [data-hover]) {
    color: var(--inkeep-colors-gray-800);
        }

  .inkeep-btn--variant_iconButton:is(:hover, [data-hover]) {
    color: var(--inkeep-colors-inkeep-primary-stronger);
    background: var(--inkeep-colors-transparent);
        }

  .dark .inkeep-btn--variant_iconButton:is(:hover, [data-hover]), [data-theme="dark"] .inkeep-btn--variant_iconButton:is(:hover, [data-hover]) {
    color: var(--inkeep-colors-inkeep-expanded-primary-300);
        }

  .inkeep-textarea--variant_filled:is(:hover, [data-hover]) {
    background: var(--inkeep-colors-gray-200);
        }

  .dark .inkeep-textarea--variant_filled:is(:hover, [data-hover]), [data-theme="dark"] .inkeep-textarea--variant_filled:is(:hover, [data-hover]) {
    background: var(--inkeep-colors-white-alpha-100);
        }

  .inkeep-textarea--variant_outline:is(:hover, [data-hover]) {
    border-color: var(--inkeep-colors-gray-300);
        }

  .dark .inkeep-textarea--variant_outline:is(:hover, [data-hover]), [data-theme="dark"] .inkeep-textarea--variant_outline:is(:hover, [data-hover]) {
    border-color: var(--inkeep-colors-white-alpha-400);
        }

  .light .inkeep-preview-content-header--variant_title:is(:hover, [data-hover]), [data-theme="light"] .inkeep-preview-content-header--variant_title:is(:hover, [data-hover]) {
    color: var(--inkeep-colors-inkeep-primary-stronger);
        }

  .dark .inkeep-preview-content-header--variant_title:is(:hover, [data-hover]), [data-theme="dark"] .inkeep-preview-content-header--variant_title:is(:hover, [data-hover]) {
    color: var(--inkeep-colors-inkeep-expanded-primary-100);
        }

  .inkeep-preview-content-header--variant_hitContentPreview .light a:hover, .inkeep-preview-content-header--variant_hitContentPreview [data-theme="light"] a:hover {
    color: var(--inkeep-colors-inkeep-primary-stronger);
        }

  .inkeep-preview-content-header--variant_hitContentPreview .dark a:hover, .inkeep-preview-content-header--variant_hitContentPreview [data-theme="dark"] a:hover {
    color: var(--inkeep-colors-inkeep-expanded-primary-100);
        }

  .inkeep-btn--variant_ghost:is(:active, [data-active]) {
    --bga: color-mix(in srgb, transparent 0%, var(--inkeep-colors-color-palette-100));
    background-color: var(--bga, var(--inkeep-colors-color-palette-100));
        }

  .dark .inkeep-btn--variant_ghost:is(:active, [data-active]), [data-theme="dark"] .inkeep-btn--variant_ghost:is(:active, [data-active]) {
    --bga: color-mix(in srgb, transparent 76%, var(--inkeep-colors-color-palette-200));
    background-color: var(--bga, var(--inkeep-colors-color-palette-200));
        }

  .inkeep-btn--variant_solid:is(:active, [data-active]) {
    background: var(--inkeep-colors-color-palette-700);
        }

  .dark .inkeep-btn--variant_solid:is(:active, [data-active]), [data-theme="dark"] .inkeep-btn--variant_solid:is(:active, [data-active]) {
    background: var(--inkeep-colors-color-palette-400);
        }

  .inkeep-btn--variant_link:is(:active, [data-active]) {
    color: var(--inkeep-colors-color-palette-700);
        }

  .dark .inkeep-btn--variant_link:is(:active, [data-active]), [data-theme="dark"] .inkeep-btn--variant_link:is(:active, [data-active]) {
    color: var(--inkeep-colors-color-palette-500);
        }

  .inkeep-btn--variant_outlineFilled:is(:active, [data-active]) {
    background: var(--inkeep-colors-inkeep-primary-strong);
        }

  .inkeep-btn--variant_filledCTA:is(:active, [data-active]) {
    background: var(--inkeep-colors-inkeep-primary-medium);
        }

  .inkeep-btn--variant_primaryFilled:is(:active, [data-active]) {
    background: var(--inkeep-colors-inkeep-primary-strong);
        }

  .inkeep-btn--variant_outline:is(:active, [data-active]) {
    --bga: color-mix(in srgb, transparent 0%, var(--inkeep-colors-color-palette-100));
    background-color: var(--bga, var(--inkeep-colors-color-palette-100));
        }

  .dark .inkeep-btn--variant_outline:is(:active, [data-active]), [data-theme="dark"] .inkeep-btn--variant_outline:is(:active, [data-active]) {
    --bga: color-mix(in srgb, transparent 76%, var(--inkeep-colors-color-palette-200));
    background-color: var(--bga, var(--inkeep-colors-color-palette-200));
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-btn--colorPalette_gray {
      --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)
    }
    .sm\:inkeep-btn--colorPalette_blue {
      --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)
    }
    .sm\:inkeep-btn--colorPalette_teal {
      --inkeep-colors-color-palette-50: var(--inkeep-colors-teal-50);
      --inkeep-colors-color-palette-100: var(--inkeep-colors-teal-100);
      --inkeep-colors-color-palette-200: var(--inkeep-colors-teal-200);
      --inkeep-colors-color-palette-300: var(--inkeep-colors-teal-300);
      --inkeep-colors-color-palette-400: var(--inkeep-colors-teal-400);
      --inkeep-colors-color-palette-500: var(--inkeep-colors-teal-500);
      --inkeep-colors-color-palette-600: var(--inkeep-colors-teal-600);
      --inkeep-colors-color-palette-700: var(--inkeep-colors-teal-700);
      --inkeep-colors-color-palette-800: var(--inkeep-colors-teal-800);
      --inkeep-colors-color-palette-900: var(--inkeep-colors-teal-900);
      --inkeep-colors-color-palette-950: var(--inkeep-colors-teal-950)
    }
    .sm\:inkeep-btn--colorPalette_inkeepPrimary {
      --inkeep-colors-color-palette-hit-content-preview: var(--inkeep-colors-inkeep-primary-hit-content-preview);
      --inkeep-colors-color-palette-hit-content-preview-hover: var(--inkeep-colors-inkeep-primary-hit-content-preview-hover);
      --inkeep-colors-color-palette-text-bold: var(--inkeep-colors-inkeep-primary-text-bold);
      --inkeep-colors-color-palette-text-subtle: var(--inkeep-colors-inkeep-primary-text-subtle);
      --inkeep-colors-color-palette-lighter: var(--inkeep-colors-inkeep-primary-lighter);
      --inkeep-colors-color-palette-light: var(--inkeep-colors-inkeep-primary-light);
      --inkeep-colors-color-palette-light-subtle: var(--inkeep-colors-inkeep-primary-light-subtle);
      --inkeep-colors-color-palette-medium: var(--inkeep-colors-inkeep-primary-medium);
      --inkeep-colors-color-palette-strong: var(--inkeep-colors-inkeep-primary-strong);
      --inkeep-colors-color-palette-stronger: var(--inkeep-colors-inkeep-primary-stronger);
      --inkeep-colors-color-palette-text-color-on-primary: var(--inkeep-colors-inkeep-primary-text-color-on-primary)
    }
    .sm\:inkeep-btn--size_lg {
      height: var(--inkeep-sizes-12);
      min-width: var(--inkeep-sizes-12);
      font-size: var(--inkeep-font-sizes-lg);
      padding-inline: var(--inkeep-spacing-6)
    }
    .sm\:inkeep-btn--size_md {
      height: var(--inkeep-sizes-10);
      min-width: var(--inkeep-sizes-10);
      font-size: var(--inkeep-font-sizes-md);
      padding-inline: var(--inkeep-spacing-4)
    }
    .sm\:inkeep-btn--size_sm {
      height: var(--inkeep-sizes-8);
      min-width: var(--inkeep-sizes-8);
      font-size: var(--inkeep-font-sizes-sm);
      padding-inline: var(--inkeep-spacing-3)
    }
    .sm\:inkeep-btn--size_xs {
      height: var(--inkeep-sizes-6);
      min-width: var(--inkeep-sizes-6);
      font-size: var(--inkeep-font-sizes-xs);
      padding-inline: var(--inkeep-spacing-2)
    }
    .sm\:inkeep-btn--variant_ghost {
      color: var(--inkeep-colors-color-palette-600);
      background: var(--inkeep-colors-transparent)
    }

    .dark .sm\:inkeep-btn--variant_ghost, [data-theme="dark"] .sm\:inkeep-btn--variant_ghost {
      color: var(--inkeep-colors-color-palette-200);
            }
        }

  @media screen and (min-width: 33em) {

    .sm\:inkeep-btn--variant_ghost:is(:hover, [data-hover]) {
      --bga: color-mix(in srgb, transparent 0%, var(--inkeep-colors-color-palette-50));
      background-color: var(--bga, var(--inkeep-colors-color-palette-50));
            }

    .dark .sm\:inkeep-btn--variant_ghost:is(:hover, [data-hover]), [data-theme="dark"] .sm\:inkeep-btn--variant_ghost:is(:hover, [data-hover]) {
      --bga: color-mix(in srgb, transparent 88%, var(--inkeep-colors-color-palette-200));
      background-color: var(--bga, var(--inkeep-colors-color-palette-200));
            }

    .sm\:inkeep-btn--variant_ghost:is(:active, [data-active]) {
      --bga: color-mix(in srgb, transparent 0%, var(--inkeep-colors-color-palette-100));
      background-color: var(--bga, var(--inkeep-colors-color-palette-100));
            }

    .dark .sm\:inkeep-btn--variant_ghost:is(:active, [data-active]), [data-theme="dark"] .sm\:inkeep-btn--variant_ghost:is(:active, [data-active]) {
      --bga: color-mix(in srgb, transparent 76%, var(--inkeep-colors-color-palette-200));
      background-color: var(--bga, var(--inkeep-colors-color-palette-200));
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-btn--variant_solid {
      background: var(--inkeep-colors-color-palette-500);
      color: var(--inkeep-colors-white)
    }

    .dark .sm\:inkeep-btn--variant_solid, [data-theme="dark"] .sm\:inkeep-btn--variant_solid {
      background: var(--inkeep-colors-color-palette-200);
      color: var(--inkeep-colors-gray-800);
            }

    .sm\:inkeep-btn--variant_solid:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-color-palette-600);
            }

    .dark .sm\:inkeep-btn--variant_solid:is(:hover, [data-hover]), [data-theme="dark"] .sm\:inkeep-btn--variant_solid:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-color-palette-300);
            }

    .sm\:inkeep-btn--variant_solid:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
      background: var(--inkeep-colors-color-palette-500);
            }

    .dark .sm\:inkeep-btn--variant_solid:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]), [data-theme="dark"] .sm\:inkeep-btn--variant_solid:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
      background: var(--inkeep-colors-color-palette-200);
            }

    .sm\:inkeep-btn--variant_solid:is(:active, [data-active]) {
      background: var(--inkeep-colors-color-palette-700);
            }

    .dark .sm\:inkeep-btn--variant_solid:is(:active, [data-active]), [data-theme="dark"] .sm\:inkeep-btn--variant_solid:is(:active, [data-active]) {
      background: var(--inkeep-colors-color-palette-400);
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-btn--variant_link {
      padding: var(--inkeep-spacing-0);
      height: var(--inkeep-sizes-auto);
      line-height: var(--inkeep-line-heights-normal);
      vertical-align: baseline;
      color: var(--inkeep-colors-color-palette-500)
    }

    .dark .sm\:inkeep-btn--variant_link, [data-theme="dark"] .sm\:inkeep-btn--variant_link {
      color: var(--inkeep-colors-color-palette-200);
            }

    .sm\:inkeep-btn--variant_link:is(:hover, [data-hover]) {
      text-decoration: underline;
            }

    .sm\:inkeep-btn--variant_link:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
      text-decoration: none;
            }

    .sm\:inkeep-btn--variant_link:is(:active, [data-active]) {
      color: var(--inkeep-colors-color-palette-700);
            }

    .dark .sm\:inkeep-btn--variant_link:is(:active, [data-active]), [data-theme="dark"] .sm\:inkeep-btn--variant_link:is(:active, [data-active]) {
      color: var(--inkeep-colors-color-palette-500);
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-btn--variant_unstyled {
      background: none;
      color: inherit;
      display: inline;
      line-height: inherit;
      margin: var(--inkeep-spacing-0);
      padding: var(--inkeep-spacing-0)
    }
    .sm\:inkeep-btn--variant_outlinePrimary {
      border: 1px solid
    }

    .light .sm\:inkeep-btn--variant_outlinePrimary, [data-theme="light"] .sm\:inkeep-btn--variant_outlinePrimary {
      color: var(--inkeep-colors-inkeep-primary-strong);
      border-color: var(--inkeep-colors-inkeep-expanded-primary-200);
            }

    .dark .sm\:inkeep-btn--variant_outlinePrimary, [data-theme="dark"] .sm\:inkeep-btn--variant_outlinePrimary {
      color: var(--inkeep-colors-inkeep-expanded-primary-300);
            }
        }

  @media screen and (min-width: 33em) {

    .light .sm\:inkeep-btn--variant_outlinePrimary:is(:hover, [data-hover]), [data-theme="light"] .sm\:inkeep-btn--variant_outlinePrimary:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-inkeep-primary-lighter);
      color: var(--inkeep-colors-inkeep-primary-strong);
            }

    .dark .sm\:inkeep-btn--variant_outlinePrimary:is(:hover, [data-hover]), [data-theme="dark"] .sm\:inkeep-btn--variant_outlinePrimary:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-white-alpha-200);
      color: var(--inkeep-colors-inkeep-expanded-primary-100);
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-btn--variant_outlineFilled {
      background: var(--inkeep-colors-white);
      border: 1px solid;
      border-color: var(--inkeep-colors-inkeep-primary-strong);
      color: var(--inkeep-colors-inkeep-primary-strong)
    }

    .sm\:inkeep-btn--variant_outlineFilled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-inkeep-primary-strong);
      color: var(--inkeep-colors-white);
            }

    .sm\:inkeep-btn--variant_outlineFilled:is(:active, [data-active]) {
      background: var(--inkeep-colors-inkeep-primary-strong);
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-btn--variant_outlineFilledActive {
      background: var(--inkeep-colors-inkeep-primary-strong);
      color: var(--inkeep-colors-white)
    }
    .sm\:inkeep-btn--variant_filledCTA {
      background: var(--inkeep-colors-inkeep-primary-medium);
      color: var(--inkeep-colors-white);
      border: var(--inkeep-borders-none);
      border-radius: 80px
    }
        }

  @media screen and (min-width: 33em) {

    .sm\:inkeep-btn--variant_filledCTA:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-inkeep-primary-medium);
            }

    .sm\:inkeep-btn--variant_filledCTA:is(:active, [data-active]) {
      background: var(--inkeep-colors-inkeep-primary-medium);
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-btn--variant_primaryFilled {
      background: var(--inkeep-colors-inkeep-primary-medium);
      color: var(--inkeep-colors-inkeep-primary-text-color-on-primary)
    }

    .sm\:inkeep-btn--variant_primaryFilled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-inkeep-primary-strong);
            }

    .sm\:inkeep-btn--variant_primaryFilled:is(:active, [data-active]) {
      background: var(--inkeep-colors-inkeep-primary-strong);
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-btn--variant_outline {
      border: 1px solid;
      border-color: currentColor;
      color: var(--inkeep-colors-color-palette-600);
      background: var(--inkeep-colors-transparent)
    }

    .dark .sm\:inkeep-btn--variant_outline, [data-theme="dark"] .sm\:inkeep-btn--variant_outline {
      color: var(--inkeep-colors-white-alpha-700);
            }

    .light .sm\:inkeep-btn--variant_outline, [data-theme="light"] .sm\:inkeep-btn--variant_outline {
      color: var(--inkeep-colors-gray-700);
            }

    .sm\:inkeep-btn--variant_outline:is(:hover, [data-hover]) {
      --bga: color-mix(in srgb, transparent 0%, var(--inkeep-colors-color-palette-50));
      background-color: var(--bga, var(--inkeep-colors-color-palette-50));
            }

    .dark .sm\:inkeep-btn--variant_outline:is(:hover, [data-hover]), [data-theme="dark"] .sm\:inkeep-btn--variant_outline:is(:hover, [data-hover]) {
      --bga: color-mix(in srgb, transparent 88%, var(--inkeep-colors-color-palette-200));
      background-color: var(--bga, var(--inkeep-colors-color-palette-200));
      color: var(--inkeep-colors-white-alpha-800);
      background: var(--inkeep-colors-white-alpha-300);
            }

    .light .sm\:inkeep-btn--variant_outline:is(:hover, [data-hover]), [data-theme="light"] .sm\:inkeep-btn--variant_outline:is(:hover, [data-hover]) {
      color: var(--inkeep-colors-gray-800);
            }

    .sm\:inkeep-btn--variant_outline:is(:active, [data-active]) {
      --bga: color-mix(in srgb, transparent 0%, var(--inkeep-colors-color-palette-100));
      background-color: var(--bga, var(--inkeep-colors-color-palette-100));
            }

    .dark .sm\:inkeep-btn--variant_outline:is(:active, [data-active]), [data-theme="dark"] .sm\:inkeep-btn--variant_outline:is(:active, [data-active]) {
      --bga: color-mix(in srgb, transparent 76%, var(--inkeep-colors-color-palette-200));
      background-color: var(--bga, var(--inkeep-colors-color-palette-200));
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-btn--variant_iconButton {
      background: var(--inkeep-colors-transparent);
      border-radius: 0;
      padding-inline: var(--inkeep-spacing-1);
      color: var(--inkeep-colors-gray-600)
    }

    .dark .sm\:inkeep-btn--variant_iconButton, [data-theme="dark"] .sm\:inkeep-btn--variant_iconButton {
      color: var(--inkeep-colors-white-alpha-600);
            }

    .sm\:inkeep-btn--variant_iconButton:is(:hover, [data-hover]) {
      color: var(--inkeep-colors-inkeep-primary-stronger);
      background: var(--inkeep-colors-transparent);
            }

    .dark .sm\:inkeep-btn--variant_iconButton:is(:hover, [data-hover]), [data-theme="dark"] .sm\:inkeep-btn--variant_iconButton:is(:hover, [data-hover]) {
      color: var(--inkeep-colors-inkeep-expanded-primary-300);
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-close-btn--size_lg {
      --btn-bg: var(--inkeep-sizes-10);
      font-size: var(--inkeep-font-sizes-md)
    }
    .sm\:inkeep-close-btn--size_md {
      --btn-bg: var(--inkeep-sizes-8);
      font-size: var(--inkeep-font-sizes-xs)
    }
    .sm\:inkeep-close-btn--size_sm {
      --btn-bg: var(--inkeep-sizes-6);
      font-size: var(--inkeep-font-sizes-2xs)
    }
    .sm\:inkeep-code--variant_solid {
      --badge-bg: var(--inkeep-colors-color-palette-500);
      --badge-color: var(--inkeep-colors-white)
    }

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

    .dark .sm\:inkeep-code--variant_subtle, [data-theme="dark"] .sm\: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)
    ;
            }
    .sm\:inkeep-code--variant_outline {
      --badge-color: var(--inkeep-colors-color-palette-500);
      --badge-shadow: inset 0 0 0px 1px var(--badge-color, inherit)
    }

    .dark .sm\:inkeep-code--variant_outline, [data-theme="dark"] .sm\:inkeep-code--variant_outline {
      --badge-bg-alpha: color-mix(in srgb, transparent 80%, var(--colors-color-palette-200))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-200))
    ;
            }
    .sm\:inkeep-badge--variant_solid {
      --badge-bg: var(--inkeep-colors-color-palette-500);
      --badge-color: var(--inkeep-colors-white)
    }

    .dark .sm\:inkeep-badge--variant_solid, [data-theme="dark"] .sm\:inkeep-badge--variant_solid {
      --badge-bg-alpha: color-mix(in srgb, transparent 60%, var(--colors-color-palette-500))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-500))
    ;
      --badge-color: var(--inkeep-colors-white-alpha-800)
    ;
            }
    .sm\:inkeep-badge--variant_subtle {
      --badge-bg: colorPalette.100;
      --badge-color: var(--inkeep-colors-color-palette-800)
    }

    .dark .sm\:inkeep-badge--variant_subtle, [data-theme="dark"] .sm\:inkeep-badge--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)
    ;
            }
    .sm\:inkeep-badge--variant_outline {
      --badge-color: var(--inkeep-colors-color-palette-500);
      --badge-shadow: inset 0 0 0px 1px var(--badge-color, inherit)
    }

    .dark .sm\:inkeep-badge--variant_outline, [data-theme="dark"] .sm\:inkeep-badge--variant_outline {
      --badge-bg-alpha: color-mix(in srgb, transparent 80%, var(--colors-color-palette-200))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-200))
    ;
            }
    .sm\:inkeep-heading--size_4xl {
      font-size: var(--inkeep-font-sizes-6xl);
      line-height: 1
    }
        }

  @media screen and (min-width: 33em) {

    @media screen and (min-width: 48em) {
      .sm\:inkeep-heading--size_4xl {
        font-size: var(--inkeep-font-sizes-7xl);
                }
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-heading--size_3xl {
      font-size: var(--inkeep-font-sizes-5xl);
      line-height: 1
    }

    @media screen and (min-width: 48em) {
      .sm\:inkeep-heading--size_3xl {
        font-size: var(--inkeep-font-sizes-6xl);
                }
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-heading--size_2xl {
      font-size: var(--inkeep-font-sizes-4xl);
      line-height: 1.2
    }

    @media screen and (min-width: 48em) {
      .sm\:inkeep-heading--size_2xl {
        font-size: var(--inkeep-font-sizes-5xl);
        line-height: 1;
                }
            }
        }

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

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

  @media screen and (min-width: 33em) {
    .sm\:inkeep-heading--size_lg {
      font-size: var(--inkeep-font-sizes-2xl);
      line-height: 1.33
    }

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

  @media screen and (min-width: 33em) {
    .sm\:inkeep-heading--size_md {
      font-size: var(--inkeep-font-sizes-xl);
      line-height: 1.2
    }
    .sm\:inkeep-heading--size_sm {
      font-size: var(--inkeep-font-sizes-md);
      line-height: 1.2
    }
    .sm\:inkeep-heading--size_xs {
      font-size: var(--inkeep-font-sizes-sm);
      line-height: 1.2
    }
    .sm\:inkeep-heading--uppercase_true {
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: 600;
      color: var(--inkeep-colors-gray-600)
    }
    .sm\:inkeep-icon--variant_dark {
      color: var(--inkeep-colors-white)
    }
    .sm\:inkeep-icon--variant_lightPrimary {
      color: var(--inkeep-colors-inkeep-primary-text-subtle)
    }
    .sm\:inkeep-icon--variant_light {
      color: var(--inkeep-colors-gray-600)
    }
    .sm\:inkeep-kbd--variant_dark {
      background: primaryDark.9;
      color: var(--inkeep-colors-white);
      border-color: primaryDark.6;
      border-radius: 3px;
      border-bottom: 2px solid
    }
    .sm\:inkeep-kbd--variant_darkOutline {
      color: var(--inkeep-colors-white)
    }
    .sm\:inkeep-kbd--variant_darkOutline,.sm\:inkeep-kbd--variant_light {
      background: primary.1;
      border-color: var(--inkeep-colors-inkeep-primary-medium);
      border-radius: 3px;
      border-bottom: 2px solid
    }
    .sm\:inkeep-kbd--variant_light {
      color: var(--inkeep-colors-inkeep-primary-medium)
    }
    .sm\:inkeep-kbd--variant_grayLight {
      background: var(--inkeep-colors-gray-400);
      height: 40px;
      padding: 2px 6px;
      color: var(--inkeep-colors-gray-600);
      border-color: var(--inkeep-colors-gray-600);
      border-radius: 3px;
      border-bottom: 2px solid gray.700
    }
    .sm\:inkeep-kbd--variant_outline {
      box-shadow: var(--inkeep-shadows-none)
    }
    .sm\:inkeep-tag--variant_solid {
      --badge-bg: var(--inkeep-colors-color-palette-500);
      --badge-color: var(--inkeep-colors-white)
    }

    .dark .sm\:inkeep-tag--variant_solid, [data-theme="dark"] .sm\:inkeep-tag--variant_solid {
      --badge-bg-alpha: color-mix(in srgb, transparent 60%, var(--colors-color-palette-500))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-500))
    ;
      --badge-color: var(--inkeep-colors-white-alpha-800)
    ;
            }
    .sm\:inkeep-tag--variant_subtle {
      --badge-bg: colorPalette.100;
      --badge-color: var(--inkeep-colors-color-palette-800)
    }

    .dark .sm\:inkeep-tag--variant_subtle, [data-theme="dark"] .sm\:inkeep-tag--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)
    ;
            }
    .sm\:inkeep-tag--variant_outline {
      --badge-color: var(--inkeep-colors-color-palette-500);
      --badge-shadow: inset 0 0 0px 1px var(--badge-color, inherit)
    }

    .dark .sm\:inkeep-tag--variant_outline, [data-theme="dark"] .sm\:inkeep-tag--variant_outline {
      --badge-bg-alpha: color-mix(in srgb, transparent 80%, var(--colors-color-palette-200))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-200))
    ;
            }
    .sm\:inkeep-tag--size_sm {
      --tag-min-height: var(--inkeep-sizes-5);
      --tag-min-width: var(--inkeep-sizes-5);
      --tag-font-size: var(--inkeep-font-sizes-xs);
      --tag-padding-inline: var(--inkeep-space-2)
    }
    .sm\:inkeep-tag--size_md {
      --tag-min-height: var(--inkeep-sizes-6);
      --tag-min-width: var(--inkeep-sizes-6);
      --tag-font-size: var(--inkeep-font-sizes-sm);
      --tag-padding-inline: var(--inkeep-space-2)
    }
    .sm\:inkeep-tag--size_lg {
      --tag-min-height: var(--inkeep-sizes-8);
      --tag-min-width: var(--inkeep-sizes-8);
      --tag-font-size: var(--inkeep-font-sizes-md);
      --tag-padding-inline: var(--inkeep-space-3)
    }
    .sm\:inkeep-textarea--variant_outline {
      border: 1px solid;
      border-color: inherit;
      background: inherit
    }
        }

  @media screen and (min-width: 33em) {

    .sm\:inkeep-textarea--variant_outline:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .sm\:inkeep-textarea--variant_outline:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
      box-shadow: 0 0 0 1px var(--input-error-border-color);
            }

    .sm\:inkeep-textarea--variant_outline:is(:focus-visible, [data-focus-visible]) {
      z-index: 1;
      border-color: var(--input-focus-border-color);
      box-shadow: 0 0 0 1px var(--input-focus-border-color);
            }

    .sm\:inkeep-textarea--variant_outline:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-gray-300);
            }

    .dark .sm\:inkeep-textarea--variant_outline:is(:hover, [data-hover]), [data-theme="dark"] .sm\:inkeep-textarea--variant_outline:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-white-alpha-400);
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-textarea--variant_flushed {
      border-bottom: 1px solid;
      border-color: inherit;
      border-radius: 0;
      padding-inline: var(--inkeep-spacing-0);
      background: var(--inkeep-colors-transparent)
    }

    .sm\:inkeep-textarea--variant_flushed:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .sm\:inkeep-textarea--variant_flushed:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
      box-shadow: 0px 1px 0px 0px var(--input-error-border-color);
            }

    .sm\:inkeep-textarea--variant_flushed:is(:focus-visible, [data-focus-visible]) {
      border-color: var(--input-focus-border-color);
      box-shadow: 0px 1px 0px 0px var(--input-focus-border-color);
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-textarea--variant_filled {
      border: 2px solid;
      border-color: var(--inkeep-colors-transparent);
      background: var(--inkeep-colors-gray-100)
    }

    .dark .sm\:inkeep-textarea--variant_filled, [data-theme="dark"] .sm\:inkeep-textarea--variant_filled {
      background: var(--inkeep-colors-white-alpha-50);
            }

    .sm\:inkeep-textarea--variant_filled:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .sm\:inkeep-textarea--variant_filled:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
            }

    .sm\:inkeep-textarea--variant_filled:is(:focus-visible, [data-focus-visible]) {
      background: var(--inkeep-colors-transparent);
      border-color: var(--input-focus-border-color);
            }

    .sm\:inkeep-textarea--variant_filled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-gray-200);
            }

    .dark .sm\:inkeep-textarea--variant_filled:is(:hover, [data-hover]), [data-theme="dark"] .sm\:inkeep-textarea--variant_filled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-white-alpha-100);
            }
        }

  @media screen and (min-width: 33em) {
    .sm\:inkeep-textarea--variant_unstyled {
      background: var(--inkeep-colors-transparent);
      padding-inline: var(--inkeep-spacing-0);
      height: var(--inkeep-sizes-auto)
    }
    .sm\:inkeep-textarea--size_xs {
      --input-font-size: var(--inkeep-font-sizes-xs);
      --input-padding: var(--inkeep-space-2);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-6)
    }
    .sm\:inkeep-textarea--size_sm {
      --input-font-size: var(--inkeep-font-sizes-sm);
      --input-padding: var(--inkeep-space-3);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-8)
    }
    .sm\:inkeep-textarea--size_md {
      --input-font-size: var(--inkeep-font-sizes-md);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-10)
    }
    .sm\:inkeep-textarea--size_lg {
      --input-font-size: var(--inkeep-font-sizes-lg);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-12)
    }
    .sm\:inkeep-ai-chat-page-wrapper--size_expand {
      width: 100%;
      height: 100%
    }
    .sm\: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: 33em) {

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

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

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

  @media screen and (min-width: 33em) {
    .sm\:inkeep-ai-chat-page-wrapper--size_shrink-vertically {
      width: 100%;
      height: var(--inkeep-sizes-auto);
      align-self: flex-start;
      max-height: 100%
    }

    @media screen and (min-width: 48em) {
      .sm\:inkeep-ai-chat-page-wrapper--size_shrink-vertically {
        width: 100%;
                }
            }
        }

  @media screen and (min-width: 33em) {
    .sm\: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
    }
    .sm\:inkeep-ai-chat-page-wrapper--variant_no-shadow {
      box-shadow: var(--inkeep-shadows-none)
    }
    .sm\:inkeep-ai-chat-page-wrapper--variant_container-with-shadow {
      box-shadow: var(--inkeep-shadows-2xl)
    }

    .dark .sm\:inkeep-ai-chat-page-wrapper--variant_container-with-shadow, [data-theme="dark"] .sm\:inkeep-ai-chat-page-wrapper--variant_container-with-shadow {
      box-shadow: var(--inkeep-shadows-none);
            }
    .light .sm\:inkeep-preview-content-header--variant_title, [data-theme="light"] .sm\:inkeep-preview-content-header--variant_title {
      color: var(--inkeep-colors-inkeep-primary-text-subtle);
            }

    .dark .sm\:inkeep-preview-content-header--variant_title, [data-theme="dark"] .sm\:inkeep-preview-content-header--variant_title {
      color: var(--inkeep-colors-inkeep-primary-lighter);
            }
        }

  @media screen and (min-width: 33em) {

    .light .sm\:inkeep-preview-content-header--variant_title:is(:hover, [data-hover]), [data-theme="light"] .sm\:inkeep-preview-content-header--variant_title:is(:hover, [data-hover]) {
      color: var(--inkeep-colors-inkeep-primary-stronger);
            }

    .dark .sm\:inkeep-preview-content-header--variant_title:is(:hover, [data-hover]), [data-theme="dark"] .sm\:inkeep-preview-content-header--variant_title:is(:hover, [data-hover]) {
      color: var(--inkeep-colors-inkeep-expanded-primary-100);
            }
        }

  @media screen and (min-width: 33em) {
    .light .sm\:inkeep-preview-content-header--variant_hitContentPreview, [data-theme="light"] .sm\:inkeep-preview-content-header--variant_hitContentPreview {
      color: var(--inkeep-colors-inkeep-primary-hit-content-preview);
            }

    .dark .sm\:inkeep-preview-content-header--variant_hitContentPreview, [data-theme="dark"] .sm\:inkeep-preview-content-header--variant_hitContentPreview {
      color: var(--inkeep-colors-inkeep-expanded-primary-300);
            }

    .sm\:inkeep-preview-content-header--variant_hitContentPreview .light a:hover, .sm\:inkeep-preview-content-header--variant_hitContentPreview [data-theme="light"] a:hover {
      color: var(--inkeep-colors-inkeep-primary-stronger);
            }

    .sm\:inkeep-preview-content-header--variant_hitContentPreview .dark a:hover, .sm\:inkeep-preview-content-header--variant_hitContentPreview [data-theme="dark"] a:hover {
      color: var(--inkeep-colors-inkeep-expanded-primary-100);
            }
        }

  @media screen and (min-width: 48em) {
    .inkeep-heading--size_4xl {
      font-size: var(--inkeep-font-sizes-7xl);
            }
    .inkeep-heading--size_3xl {
      font-size: var(--inkeep-font-sizes-6xl);
            }
    .inkeep-heading--size_2xl {
      font-size: var(--inkeep-font-sizes-5xl);
      line-height: 1;
            }
    .inkeep-heading--size_lg {
      font-size: var(--inkeep-font-sizes-3xl);
      line-height: 1.2;
            }
    .inkeep-heading--size_xl {
      font-size: var(--inkeep-font-sizes-4xl);
      line-height: 1.2;
            }
    .inkeep-ai-chat-page-wrapper--size_shrink-vertically {
      width: 100%;
            }
    .inkeep-ai-chat-page-wrapper--size_default {
      width: min( 600px , 100% );
      height: min( 760px , 100% );
            }
    .md\:inkeep-btn--colorPalette_gray {
      --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)
    }
    .md\:inkeep-btn--colorPalette_blue {
      --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)
    }
    .md\:inkeep-btn--colorPalette_teal {
      --inkeep-colors-color-palette-50: var(--inkeep-colors-teal-50);
      --inkeep-colors-color-palette-100: var(--inkeep-colors-teal-100);
      --inkeep-colors-color-palette-200: var(--inkeep-colors-teal-200);
      --inkeep-colors-color-palette-300: var(--inkeep-colors-teal-300);
      --inkeep-colors-color-palette-400: var(--inkeep-colors-teal-400);
      --inkeep-colors-color-palette-500: var(--inkeep-colors-teal-500);
      --inkeep-colors-color-palette-600: var(--inkeep-colors-teal-600);
      --inkeep-colors-color-palette-700: var(--inkeep-colors-teal-700);
      --inkeep-colors-color-palette-800: var(--inkeep-colors-teal-800);
      --inkeep-colors-color-palette-900: var(--inkeep-colors-teal-900);
      --inkeep-colors-color-palette-950: var(--inkeep-colors-teal-950)
    }
    .md\:inkeep-btn--colorPalette_inkeepPrimary {
      --inkeep-colors-color-palette-hit-content-preview: var(--inkeep-colors-inkeep-primary-hit-content-preview);
      --inkeep-colors-color-palette-hit-content-preview-hover: var(--inkeep-colors-inkeep-primary-hit-content-preview-hover);
      --inkeep-colors-color-palette-text-bold: var(--inkeep-colors-inkeep-primary-text-bold);
      --inkeep-colors-color-palette-text-subtle: var(--inkeep-colors-inkeep-primary-text-subtle);
      --inkeep-colors-color-palette-lighter: var(--inkeep-colors-inkeep-primary-lighter);
      --inkeep-colors-color-palette-light: var(--inkeep-colors-inkeep-primary-light);
      --inkeep-colors-color-palette-light-subtle: var(--inkeep-colors-inkeep-primary-light-subtle);
      --inkeep-colors-color-palette-medium: var(--inkeep-colors-inkeep-primary-medium);
      --inkeep-colors-color-palette-strong: var(--inkeep-colors-inkeep-primary-strong);
      --inkeep-colors-color-palette-stronger: var(--inkeep-colors-inkeep-primary-stronger);
      --inkeep-colors-color-palette-text-color-on-primary: var(--inkeep-colors-inkeep-primary-text-color-on-primary)
    }
    .md\:inkeep-btn--size_lg {
      height: var(--inkeep-sizes-12);
      min-width: var(--inkeep-sizes-12);
      font-size: var(--inkeep-font-sizes-lg);
      padding-inline: var(--inkeep-spacing-6)
    }
    .md\:inkeep-btn--size_md {
      height: var(--inkeep-sizes-10);
      min-width: var(--inkeep-sizes-10);
      font-size: var(--inkeep-font-sizes-md);
      padding-inline: var(--inkeep-spacing-4)
    }
    .md\:inkeep-btn--size_sm {
      height: var(--inkeep-sizes-8);
      min-width: var(--inkeep-sizes-8);
      font-size: var(--inkeep-font-sizes-sm);
      padding-inline: var(--inkeep-spacing-3)
    }
    .md\:inkeep-btn--size_xs {
      height: var(--inkeep-sizes-6);
      min-width: var(--inkeep-sizes-6);
      font-size: var(--inkeep-font-sizes-xs);
      padding-inline: var(--inkeep-spacing-2)
    }
    .md\:inkeep-btn--variant_ghost {
      color: var(--inkeep-colors-color-palette-600);
      background: var(--inkeep-colors-transparent)
    }

    .dark .md\:inkeep-btn--variant_ghost, [data-theme="dark"] .md\:inkeep-btn--variant_ghost {
      color: var(--inkeep-colors-color-palette-200);
            }
        }

  @media screen and (min-width: 48em) {

    .md\:inkeep-btn--variant_ghost:is(:hover, [data-hover]) {
      --bga: color-mix(in srgb, transparent 0%, var(--inkeep-colors-color-palette-50));
      background-color: var(--bga, var(--inkeep-colors-color-palette-50));
            }

    .dark .md\:inkeep-btn--variant_ghost:is(:hover, [data-hover]), [data-theme="dark"] .md\:inkeep-btn--variant_ghost:is(:hover, [data-hover]) {
      --bga: color-mix(in srgb, transparent 88%, var(--inkeep-colors-color-palette-200));
      background-color: var(--bga, var(--inkeep-colors-color-palette-200));
            }

    .md\:inkeep-btn--variant_ghost:is(:active, [data-active]) {
      --bga: color-mix(in srgb, transparent 0%, var(--inkeep-colors-color-palette-100));
      background-color: var(--bga, var(--inkeep-colors-color-palette-100));
            }

    .dark .md\:inkeep-btn--variant_ghost:is(:active, [data-active]), [data-theme="dark"] .md\:inkeep-btn--variant_ghost:is(:active, [data-active]) {
      --bga: color-mix(in srgb, transparent 76%, var(--inkeep-colors-color-palette-200));
      background-color: var(--bga, var(--inkeep-colors-color-palette-200));
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-btn--variant_solid {
      background: var(--inkeep-colors-color-palette-500);
      color: var(--inkeep-colors-white)
    }

    .dark .md\:inkeep-btn--variant_solid, [data-theme="dark"] .md\:inkeep-btn--variant_solid {
      background: var(--inkeep-colors-color-palette-200);
      color: var(--inkeep-colors-gray-800);
            }

    .md\:inkeep-btn--variant_solid:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-color-palette-600);
            }

    .dark .md\:inkeep-btn--variant_solid:is(:hover, [data-hover]), [data-theme="dark"] .md\:inkeep-btn--variant_solid:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-color-palette-300);
            }

    .md\:inkeep-btn--variant_solid:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
      background: var(--inkeep-colors-color-palette-500);
            }

    .dark .md\:inkeep-btn--variant_solid:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]), [data-theme="dark"] .md\:inkeep-btn--variant_solid:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
      background: var(--inkeep-colors-color-palette-200);
            }

    .md\:inkeep-btn--variant_solid:is(:active, [data-active]) {
      background: var(--inkeep-colors-color-palette-700);
            }

    .dark .md\:inkeep-btn--variant_solid:is(:active, [data-active]), [data-theme="dark"] .md\:inkeep-btn--variant_solid:is(:active, [data-active]) {
      background: var(--inkeep-colors-color-palette-400);
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-btn--variant_link {
      padding: var(--inkeep-spacing-0);
      height: var(--inkeep-sizes-auto);
      line-height: var(--inkeep-line-heights-normal);
      vertical-align: baseline;
      color: var(--inkeep-colors-color-palette-500)
    }

    .dark .md\:inkeep-btn--variant_link, [data-theme="dark"] .md\:inkeep-btn--variant_link {
      color: var(--inkeep-colors-color-palette-200);
            }

    .md\:inkeep-btn--variant_link:is(:hover, [data-hover]) {
      text-decoration: underline;
            }

    .md\:inkeep-btn--variant_link:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
      text-decoration: none;
            }

    .md\:inkeep-btn--variant_link:is(:active, [data-active]) {
      color: var(--inkeep-colors-color-palette-700);
            }

    .dark .md\:inkeep-btn--variant_link:is(:active, [data-active]), [data-theme="dark"] .md\:inkeep-btn--variant_link:is(:active, [data-active]) {
      color: var(--inkeep-colors-color-palette-500);
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-btn--variant_unstyled {
      background: none;
      color: inherit;
      display: inline;
      line-height: inherit;
      margin: var(--inkeep-spacing-0);
      padding: var(--inkeep-spacing-0)
    }
    .md\:inkeep-btn--variant_outlinePrimary {
      border: 1px solid
    }

    .light .md\:inkeep-btn--variant_outlinePrimary, [data-theme="light"] .md\:inkeep-btn--variant_outlinePrimary {
      color: var(--inkeep-colors-inkeep-primary-strong);
      border-color: var(--inkeep-colors-inkeep-expanded-primary-200);
            }

    .dark .md\:inkeep-btn--variant_outlinePrimary, [data-theme="dark"] .md\:inkeep-btn--variant_outlinePrimary {
      color: var(--inkeep-colors-inkeep-expanded-primary-300);
            }
        }

  @media screen and (min-width: 48em) {

    .light .md\:inkeep-btn--variant_outlinePrimary:is(:hover, [data-hover]), [data-theme="light"] .md\:inkeep-btn--variant_outlinePrimary:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-inkeep-primary-lighter);
      color: var(--inkeep-colors-inkeep-primary-strong);
            }

    .dark .md\:inkeep-btn--variant_outlinePrimary:is(:hover, [data-hover]), [data-theme="dark"] .md\:inkeep-btn--variant_outlinePrimary:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-white-alpha-200);
      color: var(--inkeep-colors-inkeep-expanded-primary-100);
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-btn--variant_outlineFilled {
      background: var(--inkeep-colors-white);
      border: 1px solid;
      border-color: var(--inkeep-colors-inkeep-primary-strong);
      color: var(--inkeep-colors-inkeep-primary-strong)
    }

    .md\:inkeep-btn--variant_outlineFilled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-inkeep-primary-strong);
      color: var(--inkeep-colors-white);
            }

    .md\:inkeep-btn--variant_outlineFilled:is(:active, [data-active]) {
      background: var(--inkeep-colors-inkeep-primary-strong);
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-btn--variant_outlineFilledActive {
      background: var(--inkeep-colors-inkeep-primary-strong);
      color: var(--inkeep-colors-white)
    }
    .md\:inkeep-btn--variant_filledCTA {
      background: var(--inkeep-colors-inkeep-primary-medium);
      color: var(--inkeep-colors-white);
      border: var(--inkeep-borders-none);
      border-radius: 80px
    }
        }

  @media screen and (min-width: 48em) {

    .md\:inkeep-btn--variant_filledCTA:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-inkeep-primary-medium);
            }

    .md\:inkeep-btn--variant_filledCTA:is(:active, [data-active]) {
      background: var(--inkeep-colors-inkeep-primary-medium);
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-btn--variant_primaryFilled {
      background: var(--inkeep-colors-inkeep-primary-medium);
      color: var(--inkeep-colors-inkeep-primary-text-color-on-primary)
    }

    .md\:inkeep-btn--variant_primaryFilled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-inkeep-primary-strong);
            }

    .md\:inkeep-btn--variant_primaryFilled:is(:active, [data-active]) {
      background: var(--inkeep-colors-inkeep-primary-strong);
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-btn--variant_outline {
      border: 1px solid;
      border-color: currentColor;
      color: var(--inkeep-colors-color-palette-600);
      background: var(--inkeep-colors-transparent)
    }

    .dark .md\:inkeep-btn--variant_outline, [data-theme="dark"] .md\:inkeep-btn--variant_outline {
      color: var(--inkeep-colors-white-alpha-700);
            }

    .light .md\:inkeep-btn--variant_outline, [data-theme="light"] .md\:inkeep-btn--variant_outline {
      color: var(--inkeep-colors-gray-700);
            }

    .md\:inkeep-btn--variant_outline:is(:hover, [data-hover]) {
      --bga: color-mix(in srgb, transparent 0%, var(--inkeep-colors-color-palette-50));
      background-color: var(--bga, var(--inkeep-colors-color-palette-50));
            }

    .dark .md\:inkeep-btn--variant_outline:is(:hover, [data-hover]), [data-theme="dark"] .md\:inkeep-btn--variant_outline:is(:hover, [data-hover]) {
      --bga: color-mix(in srgb, transparent 88%, var(--inkeep-colors-color-palette-200));
      background-color: var(--bga, var(--inkeep-colors-color-palette-200));
      color: var(--inkeep-colors-white-alpha-800);
      background: var(--inkeep-colors-white-alpha-300);
            }

    .light .md\:inkeep-btn--variant_outline:is(:hover, [data-hover]), [data-theme="light"] .md\:inkeep-btn--variant_outline:is(:hover, [data-hover]) {
      color: var(--inkeep-colors-gray-800);
            }

    .md\:inkeep-btn--variant_outline:is(:active, [data-active]) {
      --bga: color-mix(in srgb, transparent 0%, var(--inkeep-colors-color-palette-100));
      background-color: var(--bga, var(--inkeep-colors-color-palette-100));
            }

    .dark .md\:inkeep-btn--variant_outline:is(:active, [data-active]), [data-theme="dark"] .md\:inkeep-btn--variant_outline:is(:active, [data-active]) {
      --bga: color-mix(in srgb, transparent 76%, var(--inkeep-colors-color-palette-200));
      background-color: var(--bga, var(--inkeep-colors-color-palette-200));
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-btn--variant_iconButton {
      background: var(--inkeep-colors-transparent);
      border-radius: 0;
      padding-inline: var(--inkeep-spacing-1);
      color: var(--inkeep-colors-gray-600)
    }

    .dark .md\:inkeep-btn--variant_iconButton, [data-theme="dark"] .md\:inkeep-btn--variant_iconButton {
      color: var(--inkeep-colors-white-alpha-600);
            }

    .md\:inkeep-btn--variant_iconButton:is(:hover, [data-hover]) {
      color: var(--inkeep-colors-inkeep-primary-stronger);
      background: var(--inkeep-colors-transparent);
            }

    .dark .md\:inkeep-btn--variant_iconButton:is(:hover, [data-hover]), [data-theme="dark"] .md\:inkeep-btn--variant_iconButton:is(:hover, [data-hover]) {
      color: var(--inkeep-colors-inkeep-expanded-primary-300);
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-close-btn--size_lg {
      --btn-bg: var(--inkeep-sizes-10);
      font-size: var(--inkeep-font-sizes-md)
    }
    .md\:inkeep-close-btn--size_md {
      --btn-bg: var(--inkeep-sizes-8);
      font-size: var(--inkeep-font-sizes-xs)
    }
    .md\:inkeep-close-btn--size_sm {
      --btn-bg: var(--inkeep-sizes-6);
      font-size: var(--inkeep-font-sizes-2xs)
    }
    .md\:inkeep-code--variant_solid {
      --badge-bg: var(--inkeep-colors-color-palette-500);
      --badge-color: var(--inkeep-colors-white)
    }

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

    .dark .md\:inkeep-code--variant_subtle, [data-theme="dark"] .md\: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)
    ;
            }
    .md\:inkeep-code--variant_outline {
      --badge-color: var(--inkeep-colors-color-palette-500);
      --badge-shadow: inset 0 0 0px 1px var(--badge-color, inherit)
    }

    .dark .md\:inkeep-code--variant_outline, [data-theme="dark"] .md\:inkeep-code--variant_outline {
      --badge-bg-alpha: color-mix(in srgb, transparent 80%, var(--colors-color-palette-200))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-200))
    ;
            }
    .md\:inkeep-badge--variant_solid {
      --badge-bg: var(--inkeep-colors-color-palette-500);
      --badge-color: var(--inkeep-colors-white)
    }

    .dark .md\:inkeep-badge--variant_solid, [data-theme="dark"] .md\:inkeep-badge--variant_solid {
      --badge-bg-alpha: color-mix(in srgb, transparent 60%, var(--colors-color-palette-500))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-500))
    ;
      --badge-color: var(--inkeep-colors-white-alpha-800)
    ;
            }
    .md\:inkeep-badge--variant_subtle {
      --badge-bg: colorPalette.100;
      --badge-color: var(--inkeep-colors-color-palette-800)
    }

    .dark .md\:inkeep-badge--variant_subtle, [data-theme="dark"] .md\:inkeep-badge--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)
    ;
            }
    .md\:inkeep-badge--variant_outline {
      --badge-color: var(--inkeep-colors-color-palette-500);
      --badge-shadow: inset 0 0 0px 1px var(--badge-color, inherit)
    }

    .dark .md\:inkeep-badge--variant_outline, [data-theme="dark"] .md\:inkeep-badge--variant_outline {
      --badge-bg-alpha: color-mix(in srgb, transparent 80%, var(--colors-color-palette-200))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-200))
    ;
            }
    .md\:inkeep-heading--size_4xl {
      font-size: var(--inkeep-font-sizes-6xl);
      line-height: 1
    }
        }

  @media screen and (min-width: 48em) {

    @media screen and (min-width: 48em) {
      .md\:inkeep-heading--size_4xl {
        font-size: var(--inkeep-font-sizes-7xl);
                }
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-heading--size_3xl {
      font-size: var(--inkeep-font-sizes-5xl);
      line-height: 1
    }

    @media screen and (min-width: 48em) {
      .md\:inkeep-heading--size_3xl {
        font-size: var(--inkeep-font-sizes-6xl);
                }
            }
        }

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

    @media screen and (min-width: 48em) {
      .md\:inkeep-heading--size_2xl {
        font-size: var(--inkeep-font-sizes-5xl);
        line-height: 1;
                }
            }
        }

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

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

  @media screen and (min-width: 48em) {
    .md\:inkeep-heading--size_lg {
      font-size: var(--inkeep-font-sizes-2xl);
      line-height: 1.33
    }

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

  @media screen and (min-width: 48em) {
    .md\:inkeep-heading--size_md {
      font-size: var(--inkeep-font-sizes-xl);
      line-height: 1.2
    }
    .md\:inkeep-heading--size_sm {
      font-size: var(--inkeep-font-sizes-md);
      line-height: 1.2
    }
    .md\:inkeep-heading--size_xs {
      font-size: var(--inkeep-font-sizes-sm);
      line-height: 1.2
    }
    .md\:inkeep-heading--uppercase_true {
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: 600;
      color: var(--inkeep-colors-gray-600)
    }
    .md\:inkeep-icon--variant_dark {
      color: var(--inkeep-colors-white)
    }
    .md\:inkeep-icon--variant_lightPrimary {
      color: var(--inkeep-colors-inkeep-primary-text-subtle)
    }
    .md\:inkeep-icon--variant_light {
      color: var(--inkeep-colors-gray-600)
    }
    .md\:inkeep-kbd--variant_dark {
      background: primaryDark.9;
      color: var(--inkeep-colors-white);
      border-color: primaryDark.6;
      border-radius: 3px;
      border-bottom: 2px solid
    }
    .md\:inkeep-kbd--variant_darkOutline {
      color: var(--inkeep-colors-white)
    }
    .md\:inkeep-kbd--variant_darkOutline,.md\:inkeep-kbd--variant_light {
      background: primary.1;
      border-color: var(--inkeep-colors-inkeep-primary-medium);
      border-radius: 3px;
      border-bottom: 2px solid
    }
    .md\:inkeep-kbd--variant_light {
      color: var(--inkeep-colors-inkeep-primary-medium)
    }
    .md\:inkeep-kbd--variant_grayLight {
      background: var(--inkeep-colors-gray-400);
      height: 40px;
      padding: 2px 6px;
      color: var(--inkeep-colors-gray-600);
      border-color: var(--inkeep-colors-gray-600);
      border-radius: 3px;
      border-bottom: 2px solid gray.700
    }
    .md\:inkeep-kbd--variant_outline {
      box-shadow: var(--inkeep-shadows-none)
    }
    .md\:inkeep-tag--variant_solid {
      --badge-bg: var(--inkeep-colors-color-palette-500);
      --badge-color: var(--inkeep-colors-white)
    }

    .dark .md\:inkeep-tag--variant_solid, [data-theme="dark"] .md\:inkeep-tag--variant_solid {
      --badge-bg-alpha: color-mix(in srgb, transparent 60%, var(--colors-color-palette-500))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-500))
    ;
      --badge-color: var(--inkeep-colors-white-alpha-800)
    ;
            }
    .md\:inkeep-tag--variant_subtle {
      --badge-bg: colorPalette.100;
      --badge-color: var(--inkeep-colors-color-palette-800)
    }

    .dark .md\:inkeep-tag--variant_subtle, [data-theme="dark"] .md\:inkeep-tag--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)
    ;
            }
    .md\:inkeep-tag--variant_outline {
      --badge-color: var(--inkeep-colors-color-palette-500);
      --badge-shadow: inset 0 0 0px 1px var(--badge-color, inherit)
    }

    .dark .md\:inkeep-tag--variant_outline, [data-theme="dark"] .md\:inkeep-tag--variant_outline {
      --badge-bg-alpha: color-mix(in srgb, transparent 80%, var(--colors-color-palette-200))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-200))
    ;
            }
    .md\:inkeep-tag--size_sm {
      --tag-min-height: var(--inkeep-sizes-5);
      --tag-min-width: var(--inkeep-sizes-5);
      --tag-font-size: var(--inkeep-font-sizes-xs);
      --tag-padding-inline: var(--inkeep-space-2)
    }
    .md\:inkeep-tag--size_md {
      --tag-min-height: var(--inkeep-sizes-6);
      --tag-min-width: var(--inkeep-sizes-6);
      --tag-font-size: var(--inkeep-font-sizes-sm);
      --tag-padding-inline: var(--inkeep-space-2)
    }
    .md\:inkeep-tag--size_lg {
      --tag-min-height: var(--inkeep-sizes-8);
      --tag-min-width: var(--inkeep-sizes-8);
      --tag-font-size: var(--inkeep-font-sizes-md);
      --tag-padding-inline: var(--inkeep-space-3)
    }
    .md\:inkeep-textarea--variant_outline {
      border: 1px solid;
      border-color: inherit;
      background: inherit
    }
        }

  @media screen and (min-width: 48em) {

    .md\:inkeep-textarea--variant_outline:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .md\:inkeep-textarea--variant_outline:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
      box-shadow: 0 0 0 1px var(--input-error-border-color);
            }

    .md\:inkeep-textarea--variant_outline:is(:focus-visible, [data-focus-visible]) {
      z-index: 1;
      border-color: var(--input-focus-border-color);
      box-shadow: 0 0 0 1px var(--input-focus-border-color);
            }

    .md\:inkeep-textarea--variant_outline:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-gray-300);
            }

    .dark .md\:inkeep-textarea--variant_outline:is(:hover, [data-hover]), [data-theme="dark"] .md\:inkeep-textarea--variant_outline:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-white-alpha-400);
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-textarea--variant_flushed {
      border-bottom: 1px solid;
      border-color: inherit;
      border-radius: 0;
      padding-inline: var(--inkeep-spacing-0);
      background: var(--inkeep-colors-transparent)
    }

    .md\:inkeep-textarea--variant_flushed:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .md\:inkeep-textarea--variant_flushed:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
      box-shadow: 0px 1px 0px 0px var(--input-error-border-color);
            }

    .md\:inkeep-textarea--variant_flushed:is(:focus-visible, [data-focus-visible]) {
      border-color: var(--input-focus-border-color);
      box-shadow: 0px 1px 0px 0px var(--input-focus-border-color);
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-textarea--variant_filled {
      border: 2px solid;
      border-color: var(--inkeep-colors-transparent);
      background: var(--inkeep-colors-gray-100)
    }

    .dark .md\:inkeep-textarea--variant_filled, [data-theme="dark"] .md\:inkeep-textarea--variant_filled {
      background: var(--inkeep-colors-white-alpha-50);
            }

    .md\:inkeep-textarea--variant_filled:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .md\:inkeep-textarea--variant_filled:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
            }

    .md\:inkeep-textarea--variant_filled:is(:focus-visible, [data-focus-visible]) {
      background: var(--inkeep-colors-transparent);
      border-color: var(--input-focus-border-color);
            }

    .md\:inkeep-textarea--variant_filled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-gray-200);
            }

    .dark .md\:inkeep-textarea--variant_filled:is(:hover, [data-hover]), [data-theme="dark"] .md\:inkeep-textarea--variant_filled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-white-alpha-100);
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-textarea--variant_unstyled {
      background: var(--inkeep-colors-transparent);
      padding-inline: var(--inkeep-spacing-0);
      height: var(--inkeep-sizes-auto)
    }
    .md\:inkeep-textarea--size_xs {
      --input-font-size: var(--inkeep-font-sizes-xs);
      --input-padding: var(--inkeep-space-2);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-6)
    }
    .md\:inkeep-textarea--size_sm {
      --input-font-size: var(--inkeep-font-sizes-sm);
      --input-padding: var(--inkeep-space-3);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-8)
    }
    .md\:inkeep-textarea--size_md {
      --input-font-size: var(--inkeep-font-sizes-md);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-10)
    }
    .md\:inkeep-textarea--size_lg {
      --input-font-size: var(--inkeep-font-sizes-lg);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-12)
    }
    .md\:inkeep-ai-chat-page-wrapper--size_expand {
      width: 100%;
      height: 100%
    }
    .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) {

    @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% );
                }
            }
        }

  @media screen and (min-width: 48em) {
    .md\:inkeep-ai-chat-page-wrapper--size_shrink-vertically {
      width: 100%;
      height: var(--inkeep-sizes-auto);
      align-self: flex-start;
      max-height: 100%
    }

    @media screen and (min-width: 48em) {
      .md\:inkeep-ai-chat-page-wrapper--size_shrink-vertically {
        width: 100%;
                }
            }
        }

  @media screen and (min-width: 48em) {
    .md\: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
    }
    .md\:inkeep-ai-chat-page-wrapper--variant_no-shadow {
      box-shadow: var(--inkeep-shadows-none)
    }
    .md\:inkeep-ai-chat-page-wrapper--variant_container-with-shadow {
      box-shadow: var(--inkeep-shadows-2xl)
    }

    .dark .md\:inkeep-ai-chat-page-wrapper--variant_container-with-shadow, [data-theme="dark"] .md\:inkeep-ai-chat-page-wrapper--variant_container-with-shadow {
      box-shadow: var(--inkeep-shadows-none);
            }
    .light .md\:inkeep-preview-content-header--variant_title, [data-theme="light"] .md\:inkeep-preview-content-header--variant_title {
      color: var(--inkeep-colors-inkeep-primary-text-subtle);
            }

    .dark .md\:inkeep-preview-content-header--variant_title, [data-theme="dark"] .md\:inkeep-preview-content-header--variant_title {
      color: var(--inkeep-colors-inkeep-primary-lighter);
            }
        }

  @media screen and (min-width: 48em) {

    .light .md\:inkeep-preview-content-header--variant_title:is(:hover, [data-hover]), [data-theme="light"] .md\:inkeep-preview-content-header--variant_title:is(:hover, [data-hover]) {
      color: var(--inkeep-colors-inkeep-primary-stronger);
            }

    .dark .md\:inkeep-preview-content-header--variant_title:is(:hover, [data-hover]), [data-theme="dark"] .md\:inkeep-preview-content-header--variant_title:is(:hover, [data-hover]) {
      color: var(--inkeep-colors-inkeep-expanded-primary-100);
            }
        }

  @media screen and (min-width: 48em) {
    .light .md\:inkeep-preview-content-header--variant_hitContentPreview, [data-theme="light"] .md\:inkeep-preview-content-header--variant_hitContentPreview {
      color: var(--inkeep-colors-inkeep-primary-hit-content-preview);
            }

    .dark .md\:inkeep-preview-content-header--variant_hitContentPreview, [data-theme="dark"] .md\:inkeep-preview-content-header--variant_hitContentPreview {
      color: var(--inkeep-colors-inkeep-expanded-primary-300);
            }

    .md\:inkeep-preview-content-header--variant_hitContentPreview .light a:hover, .md\:inkeep-preview-content-header--variant_hitContentPreview [data-theme="light"] a:hover {
      color: var(--inkeep-colors-inkeep-primary-stronger);
            }

    .md\:inkeep-preview-content-header--variant_hitContentPreview .dark a:hover, .md\:inkeep-preview-content-header--variant_hitContentPreview [data-theme="dark"] a:hover {
      color: var(--inkeep-colors-inkeep-expanded-primary-100);
            }
        }

  @media screen and (min-width: 64em) {
    .inkeep-ai-chat-page-wrapper--size_default {
      width: min( 640px , 100% );
      height: min( 800px , 100% );
            }
    .lg\:inkeep-btn--colorPalette_gray {
      --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)
    }
    .lg\:inkeep-btn--colorPalette_blue {
      --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)
    }
    .lg\:inkeep-btn--colorPalette_teal {
      --inkeep-colors-color-palette-50: var(--inkeep-colors-teal-50);
      --inkeep-colors-color-palette-100: var(--inkeep-colors-teal-100);
      --inkeep-colors-color-palette-200: var(--inkeep-colors-teal-200);
      --inkeep-colors-color-palette-300: var(--inkeep-colors-teal-300);
      --inkeep-colors-color-palette-400: var(--inkeep-colors-teal-400);
      --inkeep-colors-color-palette-500: var(--inkeep-colors-teal-500);
      --inkeep-colors-color-palette-600: var(--inkeep-colors-teal-600);
      --inkeep-colors-color-palette-700: var(--inkeep-colors-teal-700);
      --inkeep-colors-color-palette-800: var(--inkeep-colors-teal-800);
      --inkeep-colors-color-palette-900: var(--inkeep-colors-teal-900);
      --inkeep-colors-color-palette-950: var(--inkeep-colors-teal-950)
    }
    .lg\:inkeep-btn--colorPalette_inkeepPrimary {
      --inkeep-colors-color-palette-hit-content-preview: var(--inkeep-colors-inkeep-primary-hit-content-preview);
      --inkeep-colors-color-palette-hit-content-preview-hover: var(--inkeep-colors-inkeep-primary-hit-content-preview-hover);
      --inkeep-colors-color-palette-text-bold: var(--inkeep-colors-inkeep-primary-text-bold);
      --inkeep-colors-color-palette-text-subtle: var(--inkeep-colors-inkeep-primary-text-subtle);
      --inkeep-colors-color-palette-lighter: var(--inkeep-colors-inkeep-primary-lighter);
      --inkeep-colors-color-palette-light: var(--inkeep-colors-inkeep-primary-light);
      --inkeep-colors-color-palette-light-subtle: var(--inkeep-colors-inkeep-primary-light-subtle);
      --inkeep-colors-color-palette-medium: var(--inkeep-colors-inkeep-primary-medium);
      --inkeep-colors-color-palette-strong: var(--inkeep-colors-inkeep-primary-strong);
      --inkeep-colors-color-palette-stronger: var(--inkeep-colors-inkeep-primary-stronger);
      --inkeep-colors-color-palette-text-color-on-primary: var(--inkeep-colors-inkeep-primary-text-color-on-primary)
    }
    .lg\:inkeep-btn--size_lg {
      height: var(--inkeep-sizes-12);
      min-width: var(--inkeep-sizes-12);
      font-size: var(--inkeep-font-sizes-lg);
      padding-inline: var(--inkeep-spacing-6)
    }
    .lg\:inkeep-btn--size_md {
      height: var(--inkeep-sizes-10);
      min-width: var(--inkeep-sizes-10);
      font-size: var(--inkeep-font-sizes-md);
      padding-inline: var(--inkeep-spacing-4)
    }
    .lg\:inkeep-btn--size_sm {
      height: var(--inkeep-sizes-8);
      min-width: var(--inkeep-sizes-8);
      font-size: var(--inkeep-font-sizes-sm);
      padding-inline: var(--inkeep-spacing-3)
    }
    .lg\:inkeep-btn--size_xs {
      height: var(--inkeep-sizes-6);
      min-width: var(--inkeep-sizes-6);
      font-size: var(--inkeep-font-sizes-xs);
      padding-inline: var(--inkeep-spacing-2)
    }
    .lg\:inkeep-btn--variant_ghost {
      color: var(--inkeep-colors-color-palette-600);
      background: var(--inkeep-colors-transparent)
    }

    .dark .lg\:inkeep-btn--variant_ghost, [data-theme="dark"] .lg\:inkeep-btn--variant_ghost {
      color: var(--inkeep-colors-color-palette-200);
            }
        }

  @media screen and (min-width: 64em) {

    .lg\:inkeep-btn--variant_ghost:is(:hover, [data-hover]) {
      --bga: color-mix(in srgb, transparent 0%, var(--inkeep-colors-color-palette-50));
      background-color: var(--bga, var(--inkeep-colors-color-palette-50));
            }

    .dark .lg\:inkeep-btn--variant_ghost:is(:hover, [data-hover]), [data-theme="dark"] .lg\:inkeep-btn--variant_ghost:is(:hover, [data-hover]) {
      --bga: color-mix(in srgb, transparent 88%, var(--inkeep-colors-color-palette-200));
      background-color: var(--bga, var(--inkeep-colors-color-palette-200));
            }

    .lg\:inkeep-btn--variant_ghost:is(:active, [data-active]) {
      --bga: color-mix(in srgb, transparent 0%, var(--inkeep-colors-color-palette-100));
      background-color: var(--bga, var(--inkeep-colors-color-palette-100));
            }

    .dark .lg\:inkeep-btn--variant_ghost:is(:active, [data-active]), [data-theme="dark"] .lg\:inkeep-btn--variant_ghost:is(:active, [data-active]) {
      --bga: color-mix(in srgb, transparent 76%, var(--inkeep-colors-color-palette-200));
      background-color: var(--bga, var(--inkeep-colors-color-palette-200));
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-btn--variant_solid {
      background: var(--inkeep-colors-color-palette-500);
      color: var(--inkeep-colors-white)
    }

    .dark .lg\:inkeep-btn--variant_solid, [data-theme="dark"] .lg\:inkeep-btn--variant_solid {
      background: var(--inkeep-colors-color-palette-200);
      color: var(--inkeep-colors-gray-800);
            }

    .lg\:inkeep-btn--variant_solid:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-color-palette-600);
            }

    .dark .lg\:inkeep-btn--variant_solid:is(:hover, [data-hover]), [data-theme="dark"] .lg\:inkeep-btn--variant_solid:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-color-palette-300);
            }

    .lg\:inkeep-btn--variant_solid:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
      background: var(--inkeep-colors-color-palette-500);
            }

    .dark .lg\:inkeep-btn--variant_solid:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]), [data-theme="dark"] .lg\:inkeep-btn--variant_solid:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
      background: var(--inkeep-colors-color-palette-200);
            }

    .lg\:inkeep-btn--variant_solid:is(:active, [data-active]) {
      background: var(--inkeep-colors-color-palette-700);
            }

    .dark .lg\:inkeep-btn--variant_solid:is(:active, [data-active]), [data-theme="dark"] .lg\:inkeep-btn--variant_solid:is(:active, [data-active]) {
      background: var(--inkeep-colors-color-palette-400);
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-btn--variant_link {
      padding: var(--inkeep-spacing-0);
      height: var(--inkeep-sizes-auto);
      line-height: var(--inkeep-line-heights-normal);
      vertical-align: baseline;
      color: var(--inkeep-colors-color-palette-500)
    }

    .dark .lg\:inkeep-btn--variant_link, [data-theme="dark"] .lg\:inkeep-btn--variant_link {
      color: var(--inkeep-colors-color-palette-200);
            }

    .lg\:inkeep-btn--variant_link:is(:hover, [data-hover]) {
      text-decoration: underline;
            }

    .lg\:inkeep-btn--variant_link:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
      text-decoration: none;
            }

    .lg\:inkeep-btn--variant_link:is(:active, [data-active]) {
      color: var(--inkeep-colors-color-palette-700);
            }

    .dark .lg\:inkeep-btn--variant_link:is(:active, [data-active]), [data-theme="dark"] .lg\:inkeep-btn--variant_link:is(:active, [data-active]) {
      color: var(--inkeep-colors-color-palette-500);
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-btn--variant_unstyled {
      background: none;
      color: inherit;
      display: inline;
      line-height: inherit;
      margin: var(--inkeep-spacing-0);
      padding: var(--inkeep-spacing-0)
    }
    .lg\:inkeep-btn--variant_outlinePrimary {
      border: 1px solid
    }

    .light .lg\:inkeep-btn--variant_outlinePrimary, [data-theme="light"] .lg\:inkeep-btn--variant_outlinePrimary {
      color: var(--inkeep-colors-inkeep-primary-strong);
      border-color: var(--inkeep-colors-inkeep-expanded-primary-200);
            }

    .dark .lg\:inkeep-btn--variant_outlinePrimary, [data-theme="dark"] .lg\:inkeep-btn--variant_outlinePrimary {
      color: var(--inkeep-colors-inkeep-expanded-primary-300);
            }
        }

  @media screen and (min-width: 64em) {

    .light .lg\:inkeep-btn--variant_outlinePrimary:is(:hover, [data-hover]), [data-theme="light"] .lg\:inkeep-btn--variant_outlinePrimary:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-inkeep-primary-lighter);
      color: var(--inkeep-colors-inkeep-primary-strong);
            }

    .dark .lg\:inkeep-btn--variant_outlinePrimary:is(:hover, [data-hover]), [data-theme="dark"] .lg\:inkeep-btn--variant_outlinePrimary:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-white-alpha-200);
      color: var(--inkeep-colors-inkeep-expanded-primary-100);
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-btn--variant_outlineFilled {
      background: var(--inkeep-colors-white);
      border: 1px solid;
      border-color: var(--inkeep-colors-inkeep-primary-strong);
      color: var(--inkeep-colors-inkeep-primary-strong)
    }

    .lg\:inkeep-btn--variant_outlineFilled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-inkeep-primary-strong);
      color: var(--inkeep-colors-white);
            }

    .lg\:inkeep-btn--variant_outlineFilled:is(:active, [data-active]) {
      background: var(--inkeep-colors-inkeep-primary-strong);
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-btn--variant_outlineFilledActive {
      background: var(--inkeep-colors-inkeep-primary-strong);
      color: var(--inkeep-colors-white)
    }
    .lg\:inkeep-btn--variant_filledCTA {
      background: var(--inkeep-colors-inkeep-primary-medium);
      color: var(--inkeep-colors-white);
      border: var(--inkeep-borders-none);
      border-radius: 80px
    }
        }

  @media screen and (min-width: 64em) {

    .lg\:inkeep-btn--variant_filledCTA:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-inkeep-primary-medium);
            }

    .lg\:inkeep-btn--variant_filledCTA:is(:active, [data-active]) {
      background: var(--inkeep-colors-inkeep-primary-medium);
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-btn--variant_primaryFilled {
      background: var(--inkeep-colors-inkeep-primary-medium);
      color: var(--inkeep-colors-inkeep-primary-text-color-on-primary)
    }

    .lg\:inkeep-btn--variant_primaryFilled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-inkeep-primary-strong);
            }

    .lg\:inkeep-btn--variant_primaryFilled:is(:active, [data-active]) {
      background: var(--inkeep-colors-inkeep-primary-strong);
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-btn--variant_outline {
      border: 1px solid;
      border-color: currentColor;
      color: var(--inkeep-colors-color-palette-600);
      background: var(--inkeep-colors-transparent)
    }

    .dark .lg\:inkeep-btn--variant_outline, [data-theme="dark"] .lg\:inkeep-btn--variant_outline {
      color: var(--inkeep-colors-white-alpha-700);
            }

    .light .lg\:inkeep-btn--variant_outline, [data-theme="light"] .lg\:inkeep-btn--variant_outline {
      color: var(--inkeep-colors-gray-700);
            }

    .lg\:inkeep-btn--variant_outline:is(:hover, [data-hover]) {
      --bga: color-mix(in srgb, transparent 0%, var(--inkeep-colors-color-palette-50));
      background-color: var(--bga, var(--inkeep-colors-color-palette-50));
            }

    .dark .lg\:inkeep-btn--variant_outline:is(:hover, [data-hover]), [data-theme="dark"] .lg\:inkeep-btn--variant_outline:is(:hover, [data-hover]) {
      --bga: color-mix(in srgb, transparent 88%, var(--inkeep-colors-color-palette-200));
      background-color: var(--bga, var(--inkeep-colors-color-palette-200));
      color: var(--inkeep-colors-white-alpha-800);
      background: var(--inkeep-colors-white-alpha-300);
            }

    .light .lg\:inkeep-btn--variant_outline:is(:hover, [data-hover]), [data-theme="light"] .lg\:inkeep-btn--variant_outline:is(:hover, [data-hover]) {
      color: var(--inkeep-colors-gray-800);
            }

    .lg\:inkeep-btn--variant_outline:is(:active, [data-active]) {
      --bga: color-mix(in srgb, transparent 0%, var(--inkeep-colors-color-palette-100));
      background-color: var(--bga, var(--inkeep-colors-color-palette-100));
            }

    .dark .lg\:inkeep-btn--variant_outline:is(:active, [data-active]), [data-theme="dark"] .lg\:inkeep-btn--variant_outline:is(:active, [data-active]) {
      --bga: color-mix(in srgb, transparent 76%, var(--inkeep-colors-color-palette-200));
      background-color: var(--bga, var(--inkeep-colors-color-palette-200));
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-btn--variant_iconButton {
      background: var(--inkeep-colors-transparent);
      border-radius: 0;
      padding-inline: var(--inkeep-spacing-1);
      color: var(--inkeep-colors-gray-600)
    }

    .dark .lg\:inkeep-btn--variant_iconButton, [data-theme="dark"] .lg\:inkeep-btn--variant_iconButton {
      color: var(--inkeep-colors-white-alpha-600);
            }

    .lg\:inkeep-btn--variant_iconButton:is(:hover, [data-hover]) {
      color: var(--inkeep-colors-inkeep-primary-stronger);
      background: var(--inkeep-colors-transparent);
            }

    .dark .lg\:inkeep-btn--variant_iconButton:is(:hover, [data-hover]), [data-theme="dark"] .lg\:inkeep-btn--variant_iconButton:is(:hover, [data-hover]) {
      color: var(--inkeep-colors-inkeep-expanded-primary-300);
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-close-btn--size_lg {
      --btn-bg: var(--inkeep-sizes-10);
      font-size: var(--inkeep-font-sizes-md)
    }
    .lg\:inkeep-close-btn--size_md {
      --btn-bg: var(--inkeep-sizes-8);
      font-size: var(--inkeep-font-sizes-xs)
    }
    .lg\:inkeep-close-btn--size_sm {
      --btn-bg: var(--inkeep-sizes-6);
      font-size: var(--inkeep-font-sizes-2xs)
    }
    .lg\:inkeep-code--variant_solid {
      --badge-bg: var(--inkeep-colors-color-palette-500);
      --badge-color: var(--inkeep-colors-white)
    }

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

    .dark .lg\:inkeep-code--variant_subtle, [data-theme="dark"] .lg\: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)
    ;
            }
    .lg\:inkeep-code--variant_outline {
      --badge-color: var(--inkeep-colors-color-palette-500);
      --badge-shadow: inset 0 0 0px 1px var(--badge-color, inherit)
    }

    .dark .lg\:inkeep-code--variant_outline, [data-theme="dark"] .lg\:inkeep-code--variant_outline {
      --badge-bg-alpha: color-mix(in srgb, transparent 80%, var(--colors-color-palette-200))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-200))
    ;
            }
    .lg\:inkeep-badge--variant_solid {
      --badge-bg: var(--inkeep-colors-color-palette-500);
      --badge-color: var(--inkeep-colors-white)
    }

    .dark .lg\:inkeep-badge--variant_solid, [data-theme="dark"] .lg\:inkeep-badge--variant_solid {
      --badge-bg-alpha: color-mix(in srgb, transparent 60%, var(--colors-color-palette-500))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-500))
    ;
      --badge-color: var(--inkeep-colors-white-alpha-800)
    ;
            }
    .lg\:inkeep-badge--variant_subtle {
      --badge-bg: colorPalette.100;
      --badge-color: var(--inkeep-colors-color-palette-800)
    }

    .dark .lg\:inkeep-badge--variant_subtle, [data-theme="dark"] .lg\:inkeep-badge--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)
    ;
            }
    .lg\:inkeep-badge--variant_outline {
      --badge-color: var(--inkeep-colors-color-palette-500);
      --badge-shadow: inset 0 0 0px 1px var(--badge-color, inherit)
    }

    .dark .lg\:inkeep-badge--variant_outline, [data-theme="dark"] .lg\:inkeep-badge--variant_outline {
      --badge-bg-alpha: color-mix(in srgb, transparent 80%, var(--colors-color-palette-200))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-200))
    ;
            }
    .lg\:inkeep-heading--size_4xl {
      font-size: var(--inkeep-font-sizes-6xl);
      line-height: 1
    }
        }

  @media screen and (min-width: 64em) {

    @media screen and (min-width: 48em) {
      .lg\:inkeep-heading--size_4xl {
        font-size: var(--inkeep-font-sizes-7xl);
                }
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-heading--size_3xl {
      font-size: var(--inkeep-font-sizes-5xl);
      line-height: 1
    }

    @media screen and (min-width: 48em) {
      .lg\:inkeep-heading--size_3xl {
        font-size: var(--inkeep-font-sizes-6xl);
                }
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-heading--size_2xl {
      font-size: var(--inkeep-font-sizes-4xl);
      line-height: 1.2
    }

    @media screen and (min-width: 48em) {
      .lg\:inkeep-heading--size_2xl {
        font-size: var(--inkeep-font-sizes-5xl);
        line-height: 1;
                }
            }
        }

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

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

  @media screen and (min-width: 64em) {
    .lg\:inkeep-heading--size_lg {
      font-size: var(--inkeep-font-sizes-2xl);
      line-height: 1.33
    }

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

  @media screen and (min-width: 64em) {
    .lg\:inkeep-heading--size_md {
      font-size: var(--inkeep-font-sizes-xl);
      line-height: 1.2
    }
    .lg\:inkeep-heading--size_sm {
      font-size: var(--inkeep-font-sizes-md);
      line-height: 1.2
    }
    .lg\:inkeep-heading--size_xs {
      font-size: var(--inkeep-font-sizes-sm);
      line-height: 1.2
    }
    .lg\:inkeep-heading--uppercase_true {
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: 600;
      color: var(--inkeep-colors-gray-600)
    }
    .lg\:inkeep-icon--variant_dark {
      color: var(--inkeep-colors-white)
    }
    .lg\:inkeep-icon--variant_lightPrimary {
      color: var(--inkeep-colors-inkeep-primary-text-subtle)
    }
    .lg\:inkeep-icon--variant_light {
      color: var(--inkeep-colors-gray-600)
    }
    .lg\:inkeep-kbd--variant_dark {
      background: primaryDark.9;
      color: var(--inkeep-colors-white);
      border-color: primaryDark.6;
      border-radius: 3px;
      border-bottom: 2px solid
    }
    .lg\:inkeep-kbd--variant_darkOutline {
      color: var(--inkeep-colors-white)
    }
    .lg\:inkeep-kbd--variant_darkOutline,.lg\:inkeep-kbd--variant_light {
      background: primary.1;
      border-color: var(--inkeep-colors-inkeep-primary-medium);
      border-radius: 3px;
      border-bottom: 2px solid
    }
    .lg\:inkeep-kbd--variant_light {
      color: var(--inkeep-colors-inkeep-primary-medium)
    }
    .lg\:inkeep-kbd--variant_grayLight {
      background: var(--inkeep-colors-gray-400);
      height: 40px;
      padding: 2px 6px;
      color: var(--inkeep-colors-gray-600);
      border-color: var(--inkeep-colors-gray-600);
      border-radius: 3px;
      border-bottom: 2px solid gray.700
    }
    .lg\:inkeep-kbd--variant_outline {
      box-shadow: var(--inkeep-shadows-none)
    }
    .lg\:inkeep-tag--variant_solid {
      --badge-bg: var(--inkeep-colors-color-palette-500);
      --badge-color: var(--inkeep-colors-white)
    }

    .dark .lg\:inkeep-tag--variant_solid, [data-theme="dark"] .lg\:inkeep-tag--variant_solid {
      --badge-bg-alpha: color-mix(in srgb, transparent 60%, var(--colors-color-palette-500))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-500))
    ;
      --badge-color: var(--inkeep-colors-white-alpha-800)
    ;
            }
    .lg\:inkeep-tag--variant_subtle {
      --badge-bg: colorPalette.100;
      --badge-color: var(--inkeep-colors-color-palette-800)
    }

    .dark .lg\:inkeep-tag--variant_subtle, [data-theme="dark"] .lg\:inkeep-tag--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)
    ;
            }
    .lg\:inkeep-tag--variant_outline {
      --badge-color: var(--inkeep-colors-color-palette-500);
      --badge-shadow: inset 0 0 0px 1px var(--badge-color, inherit)
    }

    .dark .lg\:inkeep-tag--variant_outline, [data-theme="dark"] .lg\:inkeep-tag--variant_outline {
      --badge-bg-alpha: color-mix(in srgb, transparent 80%, var(--colors-color-palette-200))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-200))
    ;
            }
    .lg\:inkeep-tag--size_sm {
      --tag-min-height: var(--inkeep-sizes-5);
      --tag-min-width: var(--inkeep-sizes-5);
      --tag-font-size: var(--inkeep-font-sizes-xs);
      --tag-padding-inline: var(--inkeep-space-2)
    }
    .lg\:inkeep-tag--size_md {
      --tag-min-height: var(--inkeep-sizes-6);
      --tag-min-width: var(--inkeep-sizes-6);
      --tag-font-size: var(--inkeep-font-sizes-sm);
      --tag-padding-inline: var(--inkeep-space-2)
    }
    .lg\:inkeep-tag--size_lg {
      --tag-min-height: var(--inkeep-sizes-8);
      --tag-min-width: var(--inkeep-sizes-8);
      --tag-font-size: var(--inkeep-font-sizes-md);
      --tag-padding-inline: var(--inkeep-space-3)
    }
    .lg\:inkeep-textarea--variant_outline {
      border: 1px solid;
      border-color: inherit;
      background: inherit
    }
        }

  @media screen and (min-width: 64em) {

    .lg\:inkeep-textarea--variant_outline:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .lg\:inkeep-textarea--variant_outline:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
      box-shadow: 0 0 0 1px var(--input-error-border-color);
            }

    .lg\:inkeep-textarea--variant_outline:is(:focus-visible, [data-focus-visible]) {
      z-index: 1;
      border-color: var(--input-focus-border-color);
      box-shadow: 0 0 0 1px var(--input-focus-border-color);
            }

    .lg\:inkeep-textarea--variant_outline:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-gray-300);
            }

    .dark .lg\:inkeep-textarea--variant_outline:is(:hover, [data-hover]), [data-theme="dark"] .lg\:inkeep-textarea--variant_outline:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-white-alpha-400);
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-textarea--variant_flushed {
      border-bottom: 1px solid;
      border-color: inherit;
      border-radius: 0;
      padding-inline: var(--inkeep-spacing-0);
      background: var(--inkeep-colors-transparent)
    }

    .lg\:inkeep-textarea--variant_flushed:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .lg\:inkeep-textarea--variant_flushed:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
      box-shadow: 0px 1px 0px 0px var(--input-error-border-color);
            }

    .lg\:inkeep-textarea--variant_flushed:is(:focus-visible, [data-focus-visible]) {
      border-color: var(--input-focus-border-color);
      box-shadow: 0px 1px 0px 0px var(--input-focus-border-color);
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-textarea--variant_filled {
      border: 2px solid;
      border-color: var(--inkeep-colors-transparent);
      background: var(--inkeep-colors-gray-100)
    }

    .dark .lg\:inkeep-textarea--variant_filled, [data-theme="dark"] .lg\:inkeep-textarea--variant_filled {
      background: var(--inkeep-colors-white-alpha-50);
            }

    .lg\:inkeep-textarea--variant_filled:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .lg\:inkeep-textarea--variant_filled:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
            }

    .lg\:inkeep-textarea--variant_filled:is(:focus-visible, [data-focus-visible]) {
      background: var(--inkeep-colors-transparent);
      border-color: var(--input-focus-border-color);
            }

    .lg\:inkeep-textarea--variant_filled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-gray-200);
            }

    .dark .lg\:inkeep-textarea--variant_filled:is(:hover, [data-hover]), [data-theme="dark"] .lg\:inkeep-textarea--variant_filled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-white-alpha-100);
            }
        }

  @media screen and (min-width: 64em) {
    .lg\:inkeep-textarea--variant_unstyled {
      background: var(--inkeep-colors-transparent);
      padding-inline: var(--inkeep-spacing-0);
      height: var(--inkeep-sizes-auto)
    }
    .lg\:inkeep-textarea--size_xs {
      --input-font-size: var(--inkeep-font-sizes-xs);
      --input-padding: var(--inkeep-space-2);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-6)
    }
    .lg\:inkeep-textarea--size_sm {
      --input-font-size: var(--inkeep-font-sizes-sm);
      --input-padding: var(--inkeep-space-3);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-8)
    }
    .lg\:inkeep-textarea--size_md {
      --input-font-size: var(--inkeep-font-sizes-md);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-10)
    }
    .lg\:inkeep-textarea--size_lg {
      --input-font-size: var(--inkeep-font-sizes-lg);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-12)
    }
    .lg\:inkeep-ai-chat-page-wrapper--size_expand {
      width: 100%;
      height: 100%
    }
    .lg\: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: 64em) {

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

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

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

  @media screen and (min-width: 64em) {
    .lg\:inkeep-ai-chat-page-wrapper--size_shrink-vertically {
      width: 100%;
      height: var(--inkeep-sizes-auto);
      align-self: flex-start;
      max-height: 100%
    }

    @media screen and (min-width: 48em) {
      .lg\:inkeep-ai-chat-page-wrapper--size_shrink-vertically {
        width: 100%;
                }
            }
        }

  @media screen and (min-width: 64em) {
    .lg\: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
    }
    .lg\:inkeep-ai-chat-page-wrapper--variant_no-shadow {
      box-shadow: var(--inkeep-shadows-none)
    }
    .lg\:inkeep-ai-chat-page-wrapper--variant_container-with-shadow {
      box-shadow: var(--inkeep-shadows-2xl)
    }

    .dark .lg\:inkeep-ai-chat-page-wrapper--variant_container-with-shadow, [data-theme="dark"] .lg\:inkeep-ai-chat-page-wrapper--variant_container-with-shadow {
      box-shadow: var(--inkeep-shadows-none);
            }
    .light .lg\:inkeep-preview-content-header--variant_title, [data-theme="light"] .lg\:inkeep-preview-content-header--variant_title {
      color: var(--inkeep-colors-inkeep-primary-text-subtle);
            }

    .dark .lg\:inkeep-preview-content-header--variant_title, [data-theme="dark"] .lg\:inkeep-preview-content-header--variant_title {
      color: var(--inkeep-colors-inkeep-primary-lighter);
            }
        }

  @media screen and (min-width: 64em) {

    .light .lg\:inkeep-preview-content-header--variant_title:is(:hover, [data-hover]), [data-theme="light"] .lg\:inkeep-preview-content-header--variant_title:is(:hover, [data-hover]) {
      color: var(--inkeep-colors-inkeep-primary-stronger);
            }

    .dark .lg\:inkeep-preview-content-header--variant_title:is(:hover, [data-hover]), [data-theme="dark"] .lg\:inkeep-preview-content-header--variant_title:is(:hover, [data-hover]) {
      color: var(--inkeep-colors-inkeep-expanded-primary-100);
            }
        }

  @media screen and (min-width: 64em) {
    .light .lg\:inkeep-preview-content-header--variant_hitContentPreview, [data-theme="light"] .lg\:inkeep-preview-content-header--variant_hitContentPreview {
      color: var(--inkeep-colors-inkeep-primary-hit-content-preview);
            }

    .dark .lg\:inkeep-preview-content-header--variant_hitContentPreview, [data-theme="dark"] .lg\:inkeep-preview-content-header--variant_hitContentPreview {
      color: var(--inkeep-colors-inkeep-expanded-primary-300);
            }

    .lg\:inkeep-preview-content-header--variant_hitContentPreview .light a:hover, .lg\:inkeep-preview-content-header--variant_hitContentPreview [data-theme="light"] a:hover {
      color: var(--inkeep-colors-inkeep-primary-stronger);
            }

    .lg\:inkeep-preview-content-header--variant_hitContentPreview .dark a:hover, .lg\:inkeep-preview-content-header--variant_hitContentPreview [data-theme="dark"] a:hover {
      color: var(--inkeep-colors-inkeep-expanded-primary-100);
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-btn--colorPalette_gray {
      --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)
    }
    .xl\:inkeep-btn--colorPalette_blue {
      --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)
    }
    .xl\:inkeep-btn--colorPalette_teal {
      --inkeep-colors-color-palette-50: var(--inkeep-colors-teal-50);
      --inkeep-colors-color-palette-100: var(--inkeep-colors-teal-100);
      --inkeep-colors-color-palette-200: var(--inkeep-colors-teal-200);
      --inkeep-colors-color-palette-300: var(--inkeep-colors-teal-300);
      --inkeep-colors-color-palette-400: var(--inkeep-colors-teal-400);
      --inkeep-colors-color-palette-500: var(--inkeep-colors-teal-500);
      --inkeep-colors-color-palette-600: var(--inkeep-colors-teal-600);
      --inkeep-colors-color-palette-700: var(--inkeep-colors-teal-700);
      --inkeep-colors-color-palette-800: var(--inkeep-colors-teal-800);
      --inkeep-colors-color-palette-900: var(--inkeep-colors-teal-900);
      --inkeep-colors-color-palette-950: var(--inkeep-colors-teal-950)
    }
    .xl\:inkeep-btn--colorPalette_inkeepPrimary {
      --inkeep-colors-color-palette-hit-content-preview: var(--inkeep-colors-inkeep-primary-hit-content-preview);
      --inkeep-colors-color-palette-hit-content-preview-hover: var(--inkeep-colors-inkeep-primary-hit-content-preview-hover);
      --inkeep-colors-color-palette-text-bold: var(--inkeep-colors-inkeep-primary-text-bold);
      --inkeep-colors-color-palette-text-subtle: var(--inkeep-colors-inkeep-primary-text-subtle);
      --inkeep-colors-color-palette-lighter: var(--inkeep-colors-inkeep-primary-lighter);
      --inkeep-colors-color-palette-light: var(--inkeep-colors-inkeep-primary-light);
      --inkeep-colors-color-palette-light-subtle: var(--inkeep-colors-inkeep-primary-light-subtle);
      --inkeep-colors-color-palette-medium: var(--inkeep-colors-inkeep-primary-medium);
      --inkeep-colors-color-palette-strong: var(--inkeep-colors-inkeep-primary-strong);
      --inkeep-colors-color-palette-stronger: var(--inkeep-colors-inkeep-primary-stronger);
      --inkeep-colors-color-palette-text-color-on-primary: var(--inkeep-colors-inkeep-primary-text-color-on-primary)
    }
    .xl\:inkeep-btn--size_lg {
      height: var(--inkeep-sizes-12);
      min-width: var(--inkeep-sizes-12);
      font-size: var(--inkeep-font-sizes-lg);
      padding-inline: var(--inkeep-spacing-6)
    }
    .xl\:inkeep-btn--size_md {
      height: var(--inkeep-sizes-10);
      min-width: var(--inkeep-sizes-10);
      font-size: var(--inkeep-font-sizes-md);
      padding-inline: var(--inkeep-spacing-4)
    }
    .xl\:inkeep-btn--size_sm {
      height: var(--inkeep-sizes-8);
      min-width: var(--inkeep-sizes-8);
      font-size: var(--inkeep-font-sizes-sm);
      padding-inline: var(--inkeep-spacing-3)
    }
    .xl\:inkeep-btn--size_xs {
      height: var(--inkeep-sizes-6);
      min-width: var(--inkeep-sizes-6);
      font-size: var(--inkeep-font-sizes-xs);
      padding-inline: var(--inkeep-spacing-2)
    }
    .xl\:inkeep-btn--variant_ghost {
      color: var(--inkeep-colors-color-palette-600);
      background: var(--inkeep-colors-transparent)
    }

    .dark .xl\:inkeep-btn--variant_ghost, [data-theme="dark"] .xl\:inkeep-btn--variant_ghost {
      color: var(--inkeep-colors-color-palette-200);
            }
        }

  @media screen and (min-width: 80em) {

    .xl\:inkeep-btn--variant_ghost:is(:hover, [data-hover]) {
      --bga: color-mix(in srgb, transparent 0%, var(--inkeep-colors-color-palette-50));
      background-color: var(--bga, var(--inkeep-colors-color-palette-50));
            }

    .dark .xl\:inkeep-btn--variant_ghost:is(:hover, [data-hover]), [data-theme="dark"] .xl\:inkeep-btn--variant_ghost:is(:hover, [data-hover]) {
      --bga: color-mix(in srgb, transparent 88%, var(--inkeep-colors-color-palette-200));
      background-color: var(--bga, var(--inkeep-colors-color-palette-200));
            }

    .xl\:inkeep-btn--variant_ghost:is(:active, [data-active]) {
      --bga: color-mix(in srgb, transparent 0%, var(--inkeep-colors-color-palette-100));
      background-color: var(--bga, var(--inkeep-colors-color-palette-100));
            }

    .dark .xl\:inkeep-btn--variant_ghost:is(:active, [data-active]), [data-theme="dark"] .xl\:inkeep-btn--variant_ghost:is(:active, [data-active]) {
      --bga: color-mix(in srgb, transparent 76%, var(--inkeep-colors-color-palette-200));
      background-color: var(--bga, var(--inkeep-colors-color-palette-200));
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-btn--variant_solid {
      background: var(--inkeep-colors-color-palette-500);
      color: var(--inkeep-colors-white)
    }

    .dark .xl\:inkeep-btn--variant_solid, [data-theme="dark"] .xl\:inkeep-btn--variant_solid {
      background: var(--inkeep-colors-color-palette-200);
      color: var(--inkeep-colors-gray-800);
            }

    .xl\:inkeep-btn--variant_solid:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-color-palette-600);
            }

    .dark .xl\:inkeep-btn--variant_solid:is(:hover, [data-hover]), [data-theme="dark"] .xl\:inkeep-btn--variant_solid:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-color-palette-300);
            }

    .xl\:inkeep-btn--variant_solid:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
      background: var(--inkeep-colors-color-palette-500);
            }

    .dark .xl\:inkeep-btn--variant_solid:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]), [data-theme="dark"] .xl\:inkeep-btn--variant_solid:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
      background: var(--inkeep-colors-color-palette-200);
            }

    .xl\:inkeep-btn--variant_solid:is(:active, [data-active]) {
      background: var(--inkeep-colors-color-palette-700);
            }

    .dark .xl\:inkeep-btn--variant_solid:is(:active, [data-active]), [data-theme="dark"] .xl\:inkeep-btn--variant_solid:is(:active, [data-active]) {
      background: var(--inkeep-colors-color-palette-400);
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-btn--variant_link {
      padding: var(--inkeep-spacing-0);
      height: var(--inkeep-sizes-auto);
      line-height: var(--inkeep-line-heights-normal);
      vertical-align: baseline;
      color: var(--inkeep-colors-color-palette-500)
    }

    .dark .xl\:inkeep-btn--variant_link, [data-theme="dark"] .xl\:inkeep-btn--variant_link {
      color: var(--inkeep-colors-color-palette-200);
            }

    .xl\:inkeep-btn--variant_link:is(:hover, [data-hover]) {
      text-decoration: underline;
            }

    .xl\:inkeep-btn--variant_link:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
      text-decoration: none;
            }

    .xl\:inkeep-btn--variant_link:is(:active, [data-active]) {
      color: var(--inkeep-colors-color-palette-700);
            }

    .dark .xl\:inkeep-btn--variant_link:is(:active, [data-active]), [data-theme="dark"] .xl\:inkeep-btn--variant_link:is(:active, [data-active]) {
      color: var(--inkeep-colors-color-palette-500);
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-btn--variant_unstyled {
      background: none;
      color: inherit;
      display: inline;
      line-height: inherit;
      margin: var(--inkeep-spacing-0);
      padding: var(--inkeep-spacing-0)
    }
    .xl\:inkeep-btn--variant_outlinePrimary {
      border: 1px solid
    }

    .light .xl\:inkeep-btn--variant_outlinePrimary, [data-theme="light"] .xl\:inkeep-btn--variant_outlinePrimary {
      color: var(--inkeep-colors-inkeep-primary-strong);
      border-color: var(--inkeep-colors-inkeep-expanded-primary-200);
            }

    .dark .xl\:inkeep-btn--variant_outlinePrimary, [data-theme="dark"] .xl\:inkeep-btn--variant_outlinePrimary {
      color: var(--inkeep-colors-inkeep-expanded-primary-300);
            }
        }

  @media screen and (min-width: 80em) {

    .light .xl\:inkeep-btn--variant_outlinePrimary:is(:hover, [data-hover]), [data-theme="light"] .xl\:inkeep-btn--variant_outlinePrimary:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-inkeep-primary-lighter);
      color: var(--inkeep-colors-inkeep-primary-strong);
            }

    .dark .xl\:inkeep-btn--variant_outlinePrimary:is(:hover, [data-hover]), [data-theme="dark"] .xl\:inkeep-btn--variant_outlinePrimary:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-white-alpha-200);
      color: var(--inkeep-colors-inkeep-expanded-primary-100);
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-btn--variant_outlineFilled {
      background: var(--inkeep-colors-white);
      border: 1px solid;
      border-color: var(--inkeep-colors-inkeep-primary-strong);
      color: var(--inkeep-colors-inkeep-primary-strong)
    }

    .xl\:inkeep-btn--variant_outlineFilled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-inkeep-primary-strong);
      color: var(--inkeep-colors-white);
            }

    .xl\:inkeep-btn--variant_outlineFilled:is(:active, [data-active]) {
      background: var(--inkeep-colors-inkeep-primary-strong);
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-btn--variant_outlineFilledActive {
      background: var(--inkeep-colors-inkeep-primary-strong);
      color: var(--inkeep-colors-white)
    }
    .xl\:inkeep-btn--variant_filledCTA {
      background: var(--inkeep-colors-inkeep-primary-medium);
      color: var(--inkeep-colors-white);
      border: var(--inkeep-borders-none);
      border-radius: 80px
    }
        }

  @media screen and (min-width: 80em) {

    .xl\:inkeep-btn--variant_filledCTA:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-inkeep-primary-medium);
            }

    .xl\:inkeep-btn--variant_filledCTA:is(:active, [data-active]) {
      background: var(--inkeep-colors-inkeep-primary-medium);
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-btn--variant_primaryFilled {
      background: var(--inkeep-colors-inkeep-primary-medium);
      color: var(--inkeep-colors-inkeep-primary-text-color-on-primary)
    }

    .xl\:inkeep-btn--variant_primaryFilled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-inkeep-primary-strong);
            }

    .xl\:inkeep-btn--variant_primaryFilled:is(:active, [data-active]) {
      background: var(--inkeep-colors-inkeep-primary-strong);
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-btn--variant_outline {
      border: 1px solid;
      border-color: currentColor;
      color: var(--inkeep-colors-color-palette-600);
      background: var(--inkeep-colors-transparent)
    }

    .dark .xl\:inkeep-btn--variant_outline, [data-theme="dark"] .xl\:inkeep-btn--variant_outline {
      color: var(--inkeep-colors-white-alpha-700);
            }

    .light .xl\:inkeep-btn--variant_outline, [data-theme="light"] .xl\:inkeep-btn--variant_outline {
      color: var(--inkeep-colors-gray-700);
            }

    .xl\:inkeep-btn--variant_outline:is(:hover, [data-hover]) {
      --bga: color-mix(in srgb, transparent 0%, var(--inkeep-colors-color-palette-50));
      background-color: var(--bga, var(--inkeep-colors-color-palette-50));
            }

    .dark .xl\:inkeep-btn--variant_outline:is(:hover, [data-hover]), [data-theme="dark"] .xl\:inkeep-btn--variant_outline:is(:hover, [data-hover]) {
      --bga: color-mix(in srgb, transparent 88%, var(--inkeep-colors-color-palette-200));
      background-color: var(--bga, var(--inkeep-colors-color-palette-200));
      color: var(--inkeep-colors-white-alpha-800);
      background: var(--inkeep-colors-white-alpha-300);
            }

    .light .xl\:inkeep-btn--variant_outline:is(:hover, [data-hover]), [data-theme="light"] .xl\:inkeep-btn--variant_outline:is(:hover, [data-hover]) {
      color: var(--inkeep-colors-gray-800);
            }

    .xl\:inkeep-btn--variant_outline:is(:active, [data-active]) {
      --bga: color-mix(in srgb, transparent 0%, var(--inkeep-colors-color-palette-100));
      background-color: var(--bga, var(--inkeep-colors-color-palette-100));
            }

    .dark .xl\:inkeep-btn--variant_outline:is(:active, [data-active]), [data-theme="dark"] .xl\:inkeep-btn--variant_outline:is(:active, [data-active]) {
      --bga: color-mix(in srgb, transparent 76%, var(--inkeep-colors-color-palette-200));
      background-color: var(--bga, var(--inkeep-colors-color-palette-200));
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-btn--variant_iconButton {
      background: var(--inkeep-colors-transparent);
      border-radius: 0;
      padding-inline: var(--inkeep-spacing-1);
      color: var(--inkeep-colors-gray-600)
    }

    .dark .xl\:inkeep-btn--variant_iconButton, [data-theme="dark"] .xl\:inkeep-btn--variant_iconButton {
      color: var(--inkeep-colors-white-alpha-600);
            }

    .xl\:inkeep-btn--variant_iconButton:is(:hover, [data-hover]) {
      color: var(--inkeep-colors-inkeep-primary-stronger);
      background: var(--inkeep-colors-transparent);
            }

    .dark .xl\:inkeep-btn--variant_iconButton:is(:hover, [data-hover]), [data-theme="dark"] .xl\:inkeep-btn--variant_iconButton:is(:hover, [data-hover]) {
      color: var(--inkeep-colors-inkeep-expanded-primary-300);
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-close-btn--size_lg {
      --btn-bg: var(--inkeep-sizes-10);
      font-size: var(--inkeep-font-sizes-md)
    }
    .xl\:inkeep-close-btn--size_md {
      --btn-bg: var(--inkeep-sizes-8);
      font-size: var(--inkeep-font-sizes-xs)
    }
    .xl\:inkeep-close-btn--size_sm {
      --btn-bg: var(--inkeep-sizes-6);
      font-size: var(--inkeep-font-sizes-2xs)
    }
    .xl\:inkeep-code--variant_solid {
      --badge-bg: var(--inkeep-colors-color-palette-500);
      --badge-color: var(--inkeep-colors-white)
    }

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

    .dark .xl\:inkeep-code--variant_subtle, [data-theme="dark"] .xl\: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)
    ;
            }
    .xl\:inkeep-code--variant_outline {
      --badge-color: var(--inkeep-colors-color-palette-500);
      --badge-shadow: inset 0 0 0px 1px var(--badge-color, inherit)
    }

    .dark .xl\:inkeep-code--variant_outline, [data-theme="dark"] .xl\:inkeep-code--variant_outline {
      --badge-bg-alpha: color-mix(in srgb, transparent 80%, var(--colors-color-palette-200))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-200))
    ;
            }
    .xl\:inkeep-badge--variant_solid {
      --badge-bg: var(--inkeep-colors-color-palette-500);
      --badge-color: var(--inkeep-colors-white)
    }

    .dark .xl\:inkeep-badge--variant_solid, [data-theme="dark"] .xl\:inkeep-badge--variant_solid {
      --badge-bg-alpha: color-mix(in srgb, transparent 60%, var(--colors-color-palette-500))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-500))
    ;
      --badge-color: var(--inkeep-colors-white-alpha-800)
    ;
            }
    .xl\:inkeep-badge--variant_subtle {
      --badge-bg: colorPalette.100;
      --badge-color: var(--inkeep-colors-color-palette-800)
    }

    .dark .xl\:inkeep-badge--variant_subtle, [data-theme="dark"] .xl\:inkeep-badge--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)
    ;
            }
    .xl\:inkeep-badge--variant_outline {
      --badge-color: var(--inkeep-colors-color-palette-500);
      --badge-shadow: inset 0 0 0px 1px var(--badge-color, inherit)
    }

    .dark .xl\:inkeep-badge--variant_outline, [data-theme="dark"] .xl\:inkeep-badge--variant_outline {
      --badge-bg-alpha: color-mix(in srgb, transparent 80%, var(--colors-color-palette-200))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-200))
    ;
            }
    .xl\:inkeep-heading--size_4xl {
      font-size: var(--inkeep-font-sizes-6xl);
      line-height: 1
    }
        }

  @media screen and (min-width: 80em) {

    @media screen and (min-width: 48em) {
      .xl\:inkeep-heading--size_4xl {
        font-size: var(--inkeep-font-sizes-7xl);
                }
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-heading--size_3xl {
      font-size: var(--inkeep-font-sizes-5xl);
      line-height: 1
    }

    @media screen and (min-width: 48em) {
      .xl\:inkeep-heading--size_3xl {
        font-size: var(--inkeep-font-sizes-6xl);
                }
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-heading--size_2xl {
      font-size: var(--inkeep-font-sizes-4xl);
      line-height: 1.2
    }

    @media screen and (min-width: 48em) {
      .xl\:inkeep-heading--size_2xl {
        font-size: var(--inkeep-font-sizes-5xl);
        line-height: 1;
                }
            }
        }

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

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

  @media screen and (min-width: 80em) {
    .xl\:inkeep-heading--size_lg {
      font-size: var(--inkeep-font-sizes-2xl);
      line-height: 1.33
    }

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

  @media screen and (min-width: 80em) {
    .xl\:inkeep-heading--size_md {
      font-size: var(--inkeep-font-sizes-xl);
      line-height: 1.2
    }
    .xl\:inkeep-heading--size_sm {
      font-size: var(--inkeep-font-sizes-md);
      line-height: 1.2
    }
    .xl\:inkeep-heading--size_xs {
      font-size: var(--inkeep-font-sizes-sm);
      line-height: 1.2
    }
    .xl\:inkeep-heading--uppercase_true {
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: 600;
      color: var(--inkeep-colors-gray-600)
    }
    .xl\:inkeep-icon--variant_dark {
      color: var(--inkeep-colors-white)
    }
    .xl\:inkeep-icon--variant_lightPrimary {
      color: var(--inkeep-colors-inkeep-primary-text-subtle)
    }
    .xl\:inkeep-icon--variant_light {
      color: var(--inkeep-colors-gray-600)
    }
    .xl\:inkeep-kbd--variant_dark {
      background: primaryDark.9;
      color: var(--inkeep-colors-white);
      border-color: primaryDark.6;
      border-radius: 3px;
      border-bottom: 2px solid
    }
    .xl\:inkeep-kbd--variant_darkOutline {
      color: var(--inkeep-colors-white)
    }
    .xl\:inkeep-kbd--variant_darkOutline,.xl\:inkeep-kbd--variant_light {
      background: primary.1;
      border-color: var(--inkeep-colors-inkeep-primary-medium);
      border-radius: 3px;
      border-bottom: 2px solid
    }
    .xl\:inkeep-kbd--variant_light {
      color: var(--inkeep-colors-inkeep-primary-medium)
    }
    .xl\:inkeep-kbd--variant_grayLight {
      background: var(--inkeep-colors-gray-400);
      height: 40px;
      padding: 2px 6px;
      color: var(--inkeep-colors-gray-600);
      border-color: var(--inkeep-colors-gray-600);
      border-radius: 3px;
      border-bottom: 2px solid gray.700
    }
    .xl\:inkeep-kbd--variant_outline {
      box-shadow: var(--inkeep-shadows-none)
    }
    .xl\:inkeep-tag--variant_solid {
      --badge-bg: var(--inkeep-colors-color-palette-500);
      --badge-color: var(--inkeep-colors-white)
    }

    .dark .xl\:inkeep-tag--variant_solid, [data-theme="dark"] .xl\:inkeep-tag--variant_solid {
      --badge-bg-alpha: color-mix(in srgb, transparent 60%, var(--colors-color-palette-500))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-500))
    ;
      --badge-color: var(--inkeep-colors-white-alpha-800)
    ;
            }
    .xl\:inkeep-tag--variant_subtle {
      --badge-bg: colorPalette.100;
      --badge-color: var(--inkeep-colors-color-palette-800)
    }

    .dark .xl\:inkeep-tag--variant_subtle, [data-theme="dark"] .xl\:inkeep-tag--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)
    ;
            }
    .xl\:inkeep-tag--variant_outline {
      --badge-color: var(--inkeep-colors-color-palette-500);
      --badge-shadow: inset 0 0 0px 1px var(--badge-color, inherit)
    }

    .dark .xl\:inkeep-tag--variant_outline, [data-theme="dark"] .xl\:inkeep-tag--variant_outline {
      --badge-bg-alpha: color-mix(in srgb, transparent 80%, var(--colors-color-palette-200))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-200))
    ;
            }
    .xl\:inkeep-tag--size_sm {
      --tag-min-height: var(--inkeep-sizes-5);
      --tag-min-width: var(--inkeep-sizes-5);
      --tag-font-size: var(--inkeep-font-sizes-xs);
      --tag-padding-inline: var(--inkeep-space-2)
    }
    .xl\:inkeep-tag--size_md {
      --tag-min-height: var(--inkeep-sizes-6);
      --tag-min-width: var(--inkeep-sizes-6);
      --tag-font-size: var(--inkeep-font-sizes-sm);
      --tag-padding-inline: var(--inkeep-space-2)
    }
    .xl\:inkeep-tag--size_lg {
      --tag-min-height: var(--inkeep-sizes-8);
      --tag-min-width: var(--inkeep-sizes-8);
      --tag-font-size: var(--inkeep-font-sizes-md);
      --tag-padding-inline: var(--inkeep-space-3)
    }
    .xl\:inkeep-textarea--variant_outline {
      border: 1px solid;
      border-color: inherit;
      background: inherit
    }
        }

  @media screen and (min-width: 80em) {

    .xl\:inkeep-textarea--variant_outline:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .xl\:inkeep-textarea--variant_outline:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
      box-shadow: 0 0 0 1px var(--input-error-border-color);
            }

    .xl\:inkeep-textarea--variant_outline:is(:focus-visible, [data-focus-visible]) {
      z-index: 1;
      border-color: var(--input-focus-border-color);
      box-shadow: 0 0 0 1px var(--input-focus-border-color);
            }

    .xl\:inkeep-textarea--variant_outline:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-gray-300);
            }

    .dark .xl\:inkeep-textarea--variant_outline:is(:hover, [data-hover]), [data-theme="dark"] .xl\:inkeep-textarea--variant_outline:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-white-alpha-400);
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-textarea--variant_flushed {
      border-bottom: 1px solid;
      border-color: inherit;
      border-radius: 0;
      padding-inline: var(--inkeep-spacing-0);
      background: var(--inkeep-colors-transparent)
    }

    .xl\:inkeep-textarea--variant_flushed:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .xl\:inkeep-textarea--variant_flushed:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
      box-shadow: 0px 1px 0px 0px var(--input-error-border-color);
            }

    .xl\:inkeep-textarea--variant_flushed:is(:focus-visible, [data-focus-visible]) {
      border-color: var(--input-focus-border-color);
      box-shadow: 0px 1px 0px 0px var(--input-focus-border-color);
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-textarea--variant_filled {
      border: 2px solid;
      border-color: var(--inkeep-colors-transparent);
      background: var(--inkeep-colors-gray-100)
    }

    .dark .xl\:inkeep-textarea--variant_filled, [data-theme="dark"] .xl\:inkeep-textarea--variant_filled {
      background: var(--inkeep-colors-white-alpha-50);
            }

    .xl\:inkeep-textarea--variant_filled:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .xl\:inkeep-textarea--variant_filled:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
            }

    .xl\:inkeep-textarea--variant_filled:is(:focus-visible, [data-focus-visible]) {
      background: var(--inkeep-colors-transparent);
      border-color: var(--input-focus-border-color);
            }

    .xl\:inkeep-textarea--variant_filled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-gray-200);
            }

    .dark .xl\:inkeep-textarea--variant_filled:is(:hover, [data-hover]), [data-theme="dark"] .xl\:inkeep-textarea--variant_filled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-white-alpha-100);
            }
        }

  @media screen and (min-width: 80em) {
    .xl\:inkeep-textarea--variant_unstyled {
      background: var(--inkeep-colors-transparent);
      padding-inline: var(--inkeep-spacing-0);
      height: var(--inkeep-sizes-auto)
    }
    .xl\:inkeep-textarea--size_xs {
      --input-font-size: var(--inkeep-font-sizes-xs);
      --input-padding: var(--inkeep-space-2);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-6)
    }
    .xl\:inkeep-textarea--size_sm {
      --input-font-size: var(--inkeep-font-sizes-sm);
      --input-padding: var(--inkeep-space-3);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-8)
    }
    .xl\:inkeep-textarea--size_md {
      --input-font-size: var(--inkeep-font-sizes-md);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-10)
    }
    .xl\:inkeep-textarea--size_lg {
      --input-font-size: var(--inkeep-font-sizes-lg);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-12)
    }
    .xl\:inkeep-ai-chat-page-wrapper--size_expand {
      width: 100%;
      height: 100%
    }
    .xl\: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: 80em) {

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

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

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

  @media screen and (min-width: 80em) {
    .xl\:inkeep-ai-chat-page-wrapper--size_shrink-vertically {
      width: 100%;
      height: var(--inkeep-sizes-auto);
      align-self: flex-start;
      max-height: 100%
    }

    @media screen and (min-width: 48em) {
      .xl\:inkeep-ai-chat-page-wrapper--size_shrink-vertically {
        width: 100%;
                }
            }
        }

  @media screen and (min-width: 80em) {
    .xl\: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
    }
    .xl\:inkeep-ai-chat-page-wrapper--variant_no-shadow {
      box-shadow: var(--inkeep-shadows-none)
    }
    .xl\:inkeep-ai-chat-page-wrapper--variant_container-with-shadow {
      box-shadow: var(--inkeep-shadows-2xl)
    }

    .dark .xl\:inkeep-ai-chat-page-wrapper--variant_container-with-shadow, [data-theme="dark"] .xl\:inkeep-ai-chat-page-wrapper--variant_container-with-shadow {
      box-shadow: var(--inkeep-shadows-none);
            }
    .light .xl\:inkeep-preview-content-header--variant_title, [data-theme="light"] .xl\:inkeep-preview-content-header--variant_title {
      color: var(--inkeep-colors-inkeep-primary-text-subtle);
            }

    .dark .xl\:inkeep-preview-content-header--variant_title, [data-theme="dark"] .xl\:inkeep-preview-content-header--variant_title {
      color: var(--inkeep-colors-inkeep-primary-lighter);
            }
        }

  @media screen and (min-width: 80em) {

    .light .xl\:inkeep-preview-content-header--variant_title:is(:hover, [data-hover]), [data-theme="light"] .xl\:inkeep-preview-content-header--variant_title:is(:hover, [data-hover]) {
      color: var(--inkeep-colors-inkeep-primary-stronger);
            }

    .dark .xl\:inkeep-preview-content-header--variant_title:is(:hover, [data-hover]), [data-theme="dark"] .xl\:inkeep-preview-content-header--variant_title:is(:hover, [data-hover]) {
      color: var(--inkeep-colors-inkeep-expanded-primary-100);
            }
        }

  @media screen and (min-width: 80em) {
    .light .xl\:inkeep-preview-content-header--variant_hitContentPreview, [data-theme="light"] .xl\:inkeep-preview-content-header--variant_hitContentPreview {
      color: var(--inkeep-colors-inkeep-primary-hit-content-preview);
            }

    .dark .xl\:inkeep-preview-content-header--variant_hitContentPreview, [data-theme="dark"] .xl\:inkeep-preview-content-header--variant_hitContentPreview {
      color: var(--inkeep-colors-inkeep-expanded-primary-300);
            }

    .xl\:inkeep-preview-content-header--variant_hitContentPreview .light a:hover, .xl\:inkeep-preview-content-header--variant_hitContentPreview [data-theme="light"] a:hover {
      color: var(--inkeep-colors-inkeep-primary-stronger);
            }

    .xl\:inkeep-preview-content-header--variant_hitContentPreview .dark a:hover, .xl\:inkeep-preview-content-header--variant_hitContentPreview [data-theme="dark"] a:hover {
      color: var(--inkeep-colors-inkeep-expanded-primary-100);
            }
        }

  @media screen and (min-width: 96em) {
    .inkeep-ai-chat-page-wrapper--size_default {
      width: min( 760px , 100% );
      height: min( 900px , 100% );
            }
    .\32xl\:inkeep-btn--colorPalette_gray {
      --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)
    }
    .\32xl\:inkeep-btn--colorPalette_blue {
      --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)
    }
    .\32xl\:inkeep-btn--colorPalette_teal {
      --inkeep-colors-color-palette-50: var(--inkeep-colors-teal-50);
      --inkeep-colors-color-palette-100: var(--inkeep-colors-teal-100);
      --inkeep-colors-color-palette-200: var(--inkeep-colors-teal-200);
      --inkeep-colors-color-palette-300: var(--inkeep-colors-teal-300);
      --inkeep-colors-color-palette-400: var(--inkeep-colors-teal-400);
      --inkeep-colors-color-palette-500: var(--inkeep-colors-teal-500);
      --inkeep-colors-color-palette-600: var(--inkeep-colors-teal-600);
      --inkeep-colors-color-palette-700: var(--inkeep-colors-teal-700);
      --inkeep-colors-color-palette-800: var(--inkeep-colors-teal-800);
      --inkeep-colors-color-palette-900: var(--inkeep-colors-teal-900);
      --inkeep-colors-color-palette-950: var(--inkeep-colors-teal-950)
    }
    .\32xl\:inkeep-btn--colorPalette_inkeepPrimary {
      --inkeep-colors-color-palette-hit-content-preview: var(--inkeep-colors-inkeep-primary-hit-content-preview);
      --inkeep-colors-color-palette-hit-content-preview-hover: var(--inkeep-colors-inkeep-primary-hit-content-preview-hover);
      --inkeep-colors-color-palette-text-bold: var(--inkeep-colors-inkeep-primary-text-bold);
      --inkeep-colors-color-palette-text-subtle: var(--inkeep-colors-inkeep-primary-text-subtle);
      --inkeep-colors-color-palette-lighter: var(--inkeep-colors-inkeep-primary-lighter);
      --inkeep-colors-color-palette-light: var(--inkeep-colors-inkeep-primary-light);
      --inkeep-colors-color-palette-light-subtle: var(--inkeep-colors-inkeep-primary-light-subtle);
      --inkeep-colors-color-palette-medium: var(--inkeep-colors-inkeep-primary-medium);
      --inkeep-colors-color-palette-strong: var(--inkeep-colors-inkeep-primary-strong);
      --inkeep-colors-color-palette-stronger: var(--inkeep-colors-inkeep-primary-stronger);
      --inkeep-colors-color-palette-text-color-on-primary: var(--inkeep-colors-inkeep-primary-text-color-on-primary)
    }
    .\32xl\:inkeep-btn--size_lg {
      height: var(--inkeep-sizes-12);
      min-width: var(--inkeep-sizes-12);
      font-size: var(--inkeep-font-sizes-lg);
      padding-inline: var(--inkeep-spacing-6)
    }
    .\32xl\:inkeep-btn--size_md {
      height: var(--inkeep-sizes-10);
      min-width: var(--inkeep-sizes-10);
      font-size: var(--inkeep-font-sizes-md);
      padding-inline: var(--inkeep-spacing-4)
    }
    .\32xl\:inkeep-btn--size_sm {
      height: var(--inkeep-sizes-8);
      min-width: var(--inkeep-sizes-8);
      font-size: var(--inkeep-font-sizes-sm);
      padding-inline: var(--inkeep-spacing-3)
    }
    .\32xl\:inkeep-btn--size_xs {
      height: var(--inkeep-sizes-6);
      min-width: var(--inkeep-sizes-6);
      font-size: var(--inkeep-font-sizes-xs);
      padding-inline: var(--inkeep-spacing-2)
    }
    .\32xl\:inkeep-btn--variant_ghost {
      color: var(--inkeep-colors-color-palette-600);
      background: var(--inkeep-colors-transparent)
    }

    .dark .\32xl\:inkeep-btn--variant_ghost, [data-theme="dark"] .\32xl\:inkeep-btn--variant_ghost {
      color: var(--inkeep-colors-color-palette-200);
            }
        }

  @media screen and (min-width: 96em) {

    .\32xl\:inkeep-btn--variant_ghost:is(:hover, [data-hover]) {
      --bga: color-mix(in srgb, transparent 0%, var(--inkeep-colors-color-palette-50));
      background-color: var(--bga, var(--inkeep-colors-color-palette-50));
            }

    .dark .\32xl\:inkeep-btn--variant_ghost:is(:hover, [data-hover]), [data-theme="dark"] .\32xl\:inkeep-btn--variant_ghost:is(:hover, [data-hover]) {
      --bga: color-mix(in srgb, transparent 88%, var(--inkeep-colors-color-palette-200));
      background-color: var(--bga, var(--inkeep-colors-color-palette-200));
            }

    .\32xl\:inkeep-btn--variant_ghost:is(:active, [data-active]) {
      --bga: color-mix(in srgb, transparent 0%, var(--inkeep-colors-color-palette-100));
      background-color: var(--bga, var(--inkeep-colors-color-palette-100));
            }

    .dark .\32xl\:inkeep-btn--variant_ghost:is(:active, [data-active]), [data-theme="dark"] .\32xl\:inkeep-btn--variant_ghost:is(:active, [data-active]) {
      --bga: color-mix(in srgb, transparent 76%, var(--inkeep-colors-color-palette-200));
      background-color: var(--bga, var(--inkeep-colors-color-palette-200));
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-btn--variant_solid {
      background: var(--inkeep-colors-color-palette-500);
      color: var(--inkeep-colors-white)
    }

    .dark .\32xl\:inkeep-btn--variant_solid, [data-theme="dark"] .\32xl\:inkeep-btn--variant_solid {
      background: var(--inkeep-colors-color-palette-200);
      color: var(--inkeep-colors-gray-800);
            }

    .\32xl\:inkeep-btn--variant_solid:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-color-palette-600);
            }

    .dark .\32xl\:inkeep-btn--variant_solid:is(:hover, [data-hover]), [data-theme="dark"] .\32xl\:inkeep-btn--variant_solid:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-color-palette-300);
            }

    .\32xl\:inkeep-btn--variant_solid:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
      background: var(--inkeep-colors-color-palette-500);
            }

    .dark .\32xl\:inkeep-btn--variant_solid:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]), [data-theme="dark"] .\32xl\:inkeep-btn--variant_solid:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
      background: var(--inkeep-colors-color-palette-200);
            }

    .\32xl\:inkeep-btn--variant_solid:is(:active, [data-active]) {
      background: var(--inkeep-colors-color-palette-700);
            }

    .dark .\32xl\:inkeep-btn--variant_solid:is(:active, [data-active]), [data-theme="dark"] .\32xl\:inkeep-btn--variant_solid:is(:active, [data-active]) {
      background: var(--inkeep-colors-color-palette-400);
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-btn--variant_link {
      padding: var(--inkeep-spacing-0);
      height: var(--inkeep-sizes-auto);
      line-height: var(--inkeep-line-heights-normal);
      vertical-align: baseline;
      color: var(--inkeep-colors-color-palette-500)
    }

    .dark .\32xl\:inkeep-btn--variant_link, [data-theme="dark"] .\32xl\:inkeep-btn--variant_link {
      color: var(--inkeep-colors-color-palette-200);
            }

    .\32xl\:inkeep-btn--variant_link:is(:hover, [data-hover]) {
      text-decoration: underline;
            }

    .\32xl\:inkeep-btn--variant_link:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
      text-decoration: none;
            }

    .\32xl\:inkeep-btn--variant_link:is(:active, [data-active]) {
      color: var(--inkeep-colors-color-palette-700);
            }

    .dark .\32xl\:inkeep-btn--variant_link:is(:active, [data-active]), [data-theme="dark"] .\32xl\:inkeep-btn--variant_link:is(:active, [data-active]) {
      color: var(--inkeep-colors-color-palette-500);
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-btn--variant_unstyled {
      background: none;
      color: inherit;
      display: inline;
      line-height: inherit;
      margin: var(--inkeep-spacing-0);
      padding: var(--inkeep-spacing-0)
    }
    .\32xl\:inkeep-btn--variant_outlinePrimary {
      border: 1px solid
    }

    .light .\32xl\:inkeep-btn--variant_outlinePrimary, [data-theme="light"] .\32xl\:inkeep-btn--variant_outlinePrimary {
      color: var(--inkeep-colors-inkeep-primary-strong);
      border-color: var(--inkeep-colors-inkeep-expanded-primary-200);
            }

    .dark .\32xl\:inkeep-btn--variant_outlinePrimary, [data-theme="dark"] .\32xl\:inkeep-btn--variant_outlinePrimary {
      color: var(--inkeep-colors-inkeep-expanded-primary-300);
            }
        }

  @media screen and (min-width: 96em) {

    .light .\32xl\:inkeep-btn--variant_outlinePrimary:is(:hover, [data-hover]), [data-theme="light"] .\32xl\:inkeep-btn--variant_outlinePrimary:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-inkeep-primary-lighter);
      color: var(--inkeep-colors-inkeep-primary-strong);
            }

    .dark .\32xl\:inkeep-btn--variant_outlinePrimary:is(:hover, [data-hover]), [data-theme="dark"] .\32xl\:inkeep-btn--variant_outlinePrimary:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-white-alpha-200);
      color: var(--inkeep-colors-inkeep-expanded-primary-100);
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-btn--variant_outlineFilled {
      background: var(--inkeep-colors-white);
      border: 1px solid;
      border-color: var(--inkeep-colors-inkeep-primary-strong);
      color: var(--inkeep-colors-inkeep-primary-strong)
    }

    .\32xl\:inkeep-btn--variant_outlineFilled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-inkeep-primary-strong);
      color: var(--inkeep-colors-white);
            }

    .\32xl\:inkeep-btn--variant_outlineFilled:is(:active, [data-active]) {
      background: var(--inkeep-colors-inkeep-primary-strong);
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-btn--variant_outlineFilledActive {
      background: var(--inkeep-colors-inkeep-primary-strong);
      color: var(--inkeep-colors-white)
    }
    .\32xl\:inkeep-btn--variant_filledCTA {
      background: var(--inkeep-colors-inkeep-primary-medium);
      color: var(--inkeep-colors-white);
      border: var(--inkeep-borders-none);
      border-radius: 80px
    }
        }

  @media screen and (min-width: 96em) {

    .\32xl\:inkeep-btn--variant_filledCTA:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-inkeep-primary-medium);
            }

    .\32xl\:inkeep-btn--variant_filledCTA:is(:active, [data-active]) {
      background: var(--inkeep-colors-inkeep-primary-medium);
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-btn--variant_primaryFilled {
      background: var(--inkeep-colors-inkeep-primary-medium);
      color: var(--inkeep-colors-inkeep-primary-text-color-on-primary)
    }

    .\32xl\:inkeep-btn--variant_primaryFilled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-inkeep-primary-strong);
            }

    .\32xl\:inkeep-btn--variant_primaryFilled:is(:active, [data-active]) {
      background: var(--inkeep-colors-inkeep-primary-strong);
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-btn--variant_outline {
      border: 1px solid;
      border-color: currentColor;
      color: var(--inkeep-colors-color-palette-600);
      background: var(--inkeep-colors-transparent)
    }

    .dark .\32xl\:inkeep-btn--variant_outline, [data-theme="dark"] .\32xl\:inkeep-btn--variant_outline {
      color: var(--inkeep-colors-white-alpha-700);
            }

    .light .\32xl\:inkeep-btn--variant_outline, [data-theme="light"] .\32xl\:inkeep-btn--variant_outline {
      color: var(--inkeep-colors-gray-700);
            }

    .\32xl\:inkeep-btn--variant_outline:is(:hover, [data-hover]) {
      --bga: color-mix(in srgb, transparent 0%, var(--inkeep-colors-color-palette-50));
      background-color: var(--bga, var(--inkeep-colors-color-palette-50));
            }

    .dark .\32xl\:inkeep-btn--variant_outline:is(:hover, [data-hover]), [data-theme="dark"] .\32xl\:inkeep-btn--variant_outline:is(:hover, [data-hover]) {
      --bga: color-mix(in srgb, transparent 88%, var(--inkeep-colors-color-palette-200));
      background-color: var(--bga, var(--inkeep-colors-color-palette-200));
      color: var(--inkeep-colors-white-alpha-800);
      background: var(--inkeep-colors-white-alpha-300);
            }

    .light .\32xl\:inkeep-btn--variant_outline:is(:hover, [data-hover]), [data-theme="light"] .\32xl\:inkeep-btn--variant_outline:is(:hover, [data-hover]) {
      color: var(--inkeep-colors-gray-800);
            }

    .\32xl\:inkeep-btn--variant_outline:is(:active, [data-active]) {
      --bga: color-mix(in srgb, transparent 0%, var(--inkeep-colors-color-palette-100));
      background-color: var(--bga, var(--inkeep-colors-color-palette-100));
            }

    .dark .\32xl\:inkeep-btn--variant_outline:is(:active, [data-active]), [data-theme="dark"] .\32xl\:inkeep-btn--variant_outline:is(:active, [data-active]) {
      --bga: color-mix(in srgb, transparent 76%, var(--inkeep-colors-color-palette-200));
      background-color: var(--bga, var(--inkeep-colors-color-palette-200));
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-btn--variant_iconButton {
      background: var(--inkeep-colors-transparent);
      border-radius: 0;
      padding-inline: var(--inkeep-spacing-1);
      color: var(--inkeep-colors-gray-600)
    }

    .dark .\32xl\:inkeep-btn--variant_iconButton, [data-theme="dark"] .\32xl\:inkeep-btn--variant_iconButton {
      color: var(--inkeep-colors-white-alpha-600);
            }

    .\32xl\:inkeep-btn--variant_iconButton:is(:hover, [data-hover]) {
      color: var(--inkeep-colors-inkeep-primary-stronger);
      background: var(--inkeep-colors-transparent);
            }

    .dark .\32xl\:inkeep-btn--variant_iconButton:is(:hover, [data-hover]), [data-theme="dark"] .\32xl\:inkeep-btn--variant_iconButton:is(:hover, [data-hover]) {
      color: var(--inkeep-colors-inkeep-expanded-primary-300);
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-close-btn--size_lg {
      --btn-bg: var(--inkeep-sizes-10);
      font-size: var(--inkeep-font-sizes-md)
    }
    .\32xl\:inkeep-close-btn--size_md {
      --btn-bg: var(--inkeep-sizes-8);
      font-size: var(--inkeep-font-sizes-xs)
    }
    .\32xl\:inkeep-close-btn--size_sm {
      --btn-bg: var(--inkeep-sizes-6);
      font-size: var(--inkeep-font-sizes-2xs)
    }
    .\32xl\:inkeep-code--variant_solid {
      --badge-bg: var(--inkeep-colors-color-palette-500);
      --badge-color: var(--inkeep-colors-white)
    }

    .dark .\32xl\:inkeep-code--variant_solid, [data-theme="dark"] .\32xl\:inkeep-code--variant_solid {
      --badge-bg-alpha: color-mix(in srgb, transparent 60%, var(--colors-color-palette-500))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-500))
    ;
      --badge-color: var(--inkeep-colors-white-alpha-800)
    ;
            }
    .\32xl\:inkeep-code--variant_subtle {
      --badge-bg: colorPalette.100;
      --badge-color: var(--inkeep-colors-color-palette-800)
    }

    .dark .\32xl\:inkeep-code--variant_subtle, [data-theme="dark"] .\32xl\: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)
    ;
            }
    .\32xl\:inkeep-code--variant_outline {
      --badge-color: var(--inkeep-colors-color-palette-500);
      --badge-shadow: inset 0 0 0px 1px var(--badge-color, inherit)
    }

    .dark .\32xl\:inkeep-code--variant_outline, [data-theme="dark"] .\32xl\:inkeep-code--variant_outline {
      --badge-bg-alpha: color-mix(in srgb, transparent 80%, var(--colors-color-palette-200))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-200))
    ;
            }
    .\32xl\:inkeep-badge--variant_solid {
      --badge-bg: var(--inkeep-colors-color-palette-500);
      --badge-color: var(--inkeep-colors-white)
    }

    .dark .\32xl\:inkeep-badge--variant_solid, [data-theme="dark"] .\32xl\:inkeep-badge--variant_solid {
      --badge-bg-alpha: color-mix(in srgb, transparent 60%, var(--colors-color-palette-500))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-500))
    ;
      --badge-color: var(--inkeep-colors-white-alpha-800)
    ;
            }
    .\32xl\:inkeep-badge--variant_subtle {
      --badge-bg: colorPalette.100;
      --badge-color: var(--inkeep-colors-color-palette-800)
    }

    .dark .\32xl\:inkeep-badge--variant_subtle, [data-theme="dark"] .\32xl\:inkeep-badge--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)
    ;
            }
    .\32xl\:inkeep-badge--variant_outline {
      --badge-color: var(--inkeep-colors-color-palette-500);
      --badge-shadow: inset 0 0 0px 1px var(--badge-color, inherit)
    }

    .dark .\32xl\:inkeep-badge--variant_outline, [data-theme="dark"] .\32xl\:inkeep-badge--variant_outline {
      --badge-bg-alpha: color-mix(in srgb, transparent 80%, var(--colors-color-palette-200))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-200))
    ;
            }
    .\32xl\:inkeep-heading--size_4xl {
      font-size: var(--inkeep-font-sizes-6xl);
      line-height: 1
    }
        }

  @media screen and (min-width: 96em) {

    @media screen and (min-width: 48em) {
      .\32xl\:inkeep-heading--size_4xl {
        font-size: var(--inkeep-font-sizes-7xl);
                }
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-heading--size_3xl {
      font-size: var(--inkeep-font-sizes-5xl);
      line-height: 1
    }

    @media screen and (min-width: 48em) {
      .\32xl\:inkeep-heading--size_3xl {
        font-size: var(--inkeep-font-sizes-6xl);
                }
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-heading--size_2xl {
      font-size: var(--inkeep-font-sizes-4xl);
      line-height: 1.2
    }

    @media screen and (min-width: 48em) {
      .\32xl\:inkeep-heading--size_2xl {
        font-size: var(--inkeep-font-sizes-5xl);
        line-height: 1;
                }
            }
        }

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

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

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-heading--size_lg {
      font-size: var(--inkeep-font-sizes-2xl);
      line-height: 1.33
    }

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

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-heading--size_md {
      font-size: var(--inkeep-font-sizes-xl);
      line-height: 1.2
    }
    .\32xl\:inkeep-heading--size_sm {
      font-size: var(--inkeep-font-sizes-md);
      line-height: 1.2
    }
    .\32xl\:inkeep-heading--size_xs {
      font-size: var(--inkeep-font-sizes-sm);
      line-height: 1.2
    }
    .\32xl\:inkeep-heading--uppercase_true {
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: 600;
      color: var(--inkeep-colors-gray-600)
    }
    .\32xl\:inkeep-icon--variant_dark {
      color: var(--inkeep-colors-white)
    }
    .\32xl\:inkeep-icon--variant_lightPrimary {
      color: var(--inkeep-colors-inkeep-primary-text-subtle)
    }
    .\32xl\:inkeep-icon--variant_light {
      color: var(--inkeep-colors-gray-600)
    }
    .\32xl\:inkeep-kbd--variant_dark {
      background: primaryDark.9;
      color: var(--inkeep-colors-white);
      border-color: primaryDark.6;
      border-radius: 3px;
      border-bottom: 2px solid
    }
    .\32xl\:inkeep-kbd--variant_darkOutline {
      color: var(--inkeep-colors-white)
    }
    .\32xl\:inkeep-kbd--variant_darkOutline,.\32xl\:inkeep-kbd--variant_light {
      background: primary.1;
      border-color: var(--inkeep-colors-inkeep-primary-medium);
      border-radius: 3px;
      border-bottom: 2px solid
    }
    .\32xl\:inkeep-kbd--variant_light {
      color: var(--inkeep-colors-inkeep-primary-medium)
    }
    .\32xl\:inkeep-kbd--variant_grayLight {
      background: var(--inkeep-colors-gray-400);
      height: 40px;
      padding: 2px 6px;
      color: var(--inkeep-colors-gray-600);
      border-color: var(--inkeep-colors-gray-600);
      border-radius: 3px;
      border-bottom: 2px solid gray.700
    }
    .\32xl\:inkeep-kbd--variant_outline {
      box-shadow: var(--inkeep-shadows-none)
    }
    .\32xl\:inkeep-tag--variant_solid {
      --badge-bg: var(--inkeep-colors-color-palette-500);
      --badge-color: var(--inkeep-colors-white)
    }

    .dark .\32xl\:inkeep-tag--variant_solid, [data-theme="dark"] .\32xl\:inkeep-tag--variant_solid {
      --badge-bg-alpha: color-mix(in srgb, transparent 60%, var(--colors-color-palette-500))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-500))
    ;
      --badge-color: var(--inkeep-colors-white-alpha-800)
    ;
            }
    .\32xl\:inkeep-tag--variant_subtle {
      --badge-bg: colorPalette.100;
      --badge-color: var(--inkeep-colors-color-palette-800)
    }

    .dark .\32xl\:inkeep-tag--variant_subtle, [data-theme="dark"] .\32xl\:inkeep-tag--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)
    ;
            }
    .\32xl\:inkeep-tag--variant_outline {
      --badge-color: var(--inkeep-colors-color-palette-500);
      --badge-shadow: inset 0 0 0px 1px var(--badge-color, inherit)
    }

    .dark .\32xl\:inkeep-tag--variant_outline, [data-theme="dark"] .\32xl\:inkeep-tag--variant_outline {
      --badge-bg-alpha: color-mix(in srgb, transparent 80%, var(--colors-color-palette-200))
    ;
      --badge-bg: var(--badge-bg-alpha, var(--colors-color-palette-200))
    ;
            }
    .\32xl\:inkeep-tag--size_sm {
      --tag-min-height: var(--inkeep-sizes-5);
      --tag-min-width: var(--inkeep-sizes-5);
      --tag-font-size: var(--inkeep-font-sizes-xs);
      --tag-padding-inline: var(--inkeep-space-2)
    }
    .\32xl\:inkeep-tag--size_md {
      --tag-min-height: var(--inkeep-sizes-6);
      --tag-min-width: var(--inkeep-sizes-6);
      --tag-font-size: var(--inkeep-font-sizes-sm);
      --tag-padding-inline: var(--inkeep-space-2)
    }
    .\32xl\:inkeep-tag--size_lg {
      --tag-min-height: var(--inkeep-sizes-8);
      --tag-min-width: var(--inkeep-sizes-8);
      --tag-font-size: var(--inkeep-font-sizes-md);
      --tag-padding-inline: var(--inkeep-space-3)
    }
    .\32xl\:inkeep-textarea--variant_outline {
      border: 1px solid;
      border-color: inherit;
      background: inherit
    }
        }

  @media screen and (min-width: 96em) {

    .\32xl\:inkeep-textarea--variant_outline:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .\32xl\:inkeep-textarea--variant_outline:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
      box-shadow: 0 0 0 1px var(--input-error-border-color);
            }

    .\32xl\:inkeep-textarea--variant_outline:is(:focus-visible, [data-focus-visible]) {
      z-index: 1;
      border-color: var(--input-focus-border-color);
      box-shadow: 0 0 0 1px var(--input-focus-border-color);
            }

    .\32xl\:inkeep-textarea--variant_outline:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-gray-300);
            }

    .dark .\32xl\:inkeep-textarea--variant_outline:is(:hover, [data-hover]), [data-theme="dark"] .\32xl\:inkeep-textarea--variant_outline:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-white-alpha-400);
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-textarea--variant_flushed {
      border-bottom: 1px solid;
      border-color: inherit;
      border-radius: 0;
      padding-inline: var(--inkeep-spacing-0);
      background: var(--inkeep-colors-transparent)
    }

    .\32xl\:inkeep-textarea--variant_flushed:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .\32xl\:inkeep-textarea--variant_flushed:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
      box-shadow: 0px 1px 0px 0px var(--input-error-border-color);
            }

    .\32xl\:inkeep-textarea--variant_flushed:is(:focus-visible, [data-focus-visible]) {
      border-color: var(--input-focus-border-color);
      box-shadow: 0px 1px 0px 0px var(--input-focus-border-color);
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-textarea--variant_filled {
      border: 2px solid;
      border-color: var(--inkeep-colors-transparent);
      background: var(--inkeep-colors-gray-100)
    }

    .dark .\32xl\:inkeep-textarea--variant_filled, [data-theme="dark"] .\32xl\:inkeep-textarea--variant_filled {
      background: var(--inkeep-colors-white-alpha-50);
            }

    .\32xl\:inkeep-textarea--variant_filled:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
            }

    .\32xl\:inkeep-textarea--variant_filled:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
            }

    .\32xl\:inkeep-textarea--variant_filled:is(:focus-visible, [data-focus-visible]) {
      background: var(--inkeep-colors-transparent);
      border-color: var(--input-focus-border-color);
            }

    .\32xl\:inkeep-textarea--variant_filled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-gray-200);
            }

    .dark .\32xl\:inkeep-textarea--variant_filled:is(:hover, [data-hover]), [data-theme="dark"] .\32xl\:inkeep-textarea--variant_filled:is(:hover, [data-hover]) {
      background: var(--inkeep-colors-white-alpha-100);
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-textarea--variant_unstyled {
      background: var(--inkeep-colors-transparent);
      padding-inline: var(--inkeep-spacing-0);
      height: var(--inkeep-sizes-auto)
    }
    .\32xl\:inkeep-textarea--size_xs {
      --input-font-size: var(--inkeep-font-sizes-xs);
      --input-padding: var(--inkeep-space-2);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-6)
    }
    .\32xl\:inkeep-textarea--size_sm {
      --input-font-size: var(--inkeep-font-sizes-sm);
      --input-padding: var(--inkeep-space-3);
      --input-border-radius: var(--inkeep-radii-sm);
      --input-height: var(--inkeep-sizes-8)
    }
    .\32xl\:inkeep-textarea--size_md {
      --input-font-size: var(--inkeep-font-sizes-md);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-10)
    }
    .\32xl\:inkeep-textarea--size_lg {
      --input-font-size: var(--inkeep-font-sizes-lg);
      --input-padding: var(--inkeep-space-4);
      --input-border-radius: var(--inkeep-radii-md);
      --input-height: var(--inkeep-sizes-12)
    }
    .\32xl\:inkeep-ai-chat-page-wrapper--size_expand {
      width: 100%;
      height: 100%
    }
    .\32xl\: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: 96em) {

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

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

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

  @media screen and (min-width: 96em) {
    .\32xl\:inkeep-ai-chat-page-wrapper--size_shrink-vertically {
      width: 100%;
      height: var(--inkeep-sizes-auto);
      align-self: flex-start;
      max-height: 100%
    }

    @media screen and (min-width: 48em) {
      .\32xl\:inkeep-ai-chat-page-wrapper--size_shrink-vertically {
        width: 100%;
                }
            }
        }

  @media screen and (min-width: 96em) {
    .\32xl\: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
    }
    .\32xl\:inkeep-ai-chat-page-wrapper--variant_no-shadow {
      box-shadow: var(--inkeep-shadows-none)
    }
    .\32xl\:inkeep-ai-chat-page-wrapper--variant_container-with-shadow {
      box-shadow: var(--inkeep-shadows-2xl)
    }

    .dark .\32xl\:inkeep-ai-chat-page-wrapper--variant_container-with-shadow, [data-theme="dark"] .\32xl\:inkeep-ai-chat-page-wrapper--variant_container-with-shadow {
      box-shadow: var(--inkeep-shadows-none);
            }
    .light .\32xl\:inkeep-preview-content-header--variant_title, [data-theme="light"] .\32xl\:inkeep-preview-content-header--variant_title {
      color: var(--inkeep-colors-inkeep-primary-text-subtle);
            }

    .dark .\32xl\:inkeep-preview-content-header--variant_title, [data-theme="dark"] .\32xl\:inkeep-preview-content-header--variant_title {
      color: var(--inkeep-colors-inkeep-primary-lighter);
            }
        }

  @media screen and (min-width: 96em) {

    .light .\32xl\:inkeep-preview-content-header--variant_title:is(:hover, [data-hover]), [data-theme="light"] .\32xl\:inkeep-preview-content-header--variant_title:is(:hover, [data-hover]) {
      color: var(--inkeep-colors-inkeep-primary-stronger);
            }

    .dark .\32xl\:inkeep-preview-content-header--variant_title:is(:hover, [data-hover]), [data-theme="dark"] .\32xl\:inkeep-preview-content-header--variant_title:is(:hover, [data-hover]) {
      color: var(--inkeep-colors-inkeep-expanded-primary-100);
            }
        }

  @media screen and (min-width: 96em) {
    .light .\32xl\:inkeep-preview-content-header--variant_hitContentPreview, [data-theme="light"] .\32xl\:inkeep-preview-content-header--variant_hitContentPreview {
      color: var(--inkeep-colors-inkeep-primary-hit-content-preview);
            }

    .dark .\32xl\:inkeep-preview-content-header--variant_hitContentPreview, [data-theme="dark"] .\32xl\:inkeep-preview-content-header--variant_hitContentPreview {
      color: var(--inkeep-colors-inkeep-expanded-primary-300);
            }

    .\32xl\:inkeep-preview-content-header--variant_hitContentPreview .light a:hover, .\32xl\:inkeep-preview-content-header--variant_hitContentPreview [data-theme="light"] a:hover {
      color: var(--inkeep-colors-inkeep-primary-stronger);
            }

    .\32xl\:inkeep-preview-content-header--variant_hitContentPreview .dark a:hover, .\32xl\:inkeep-preview-content-header--variant_hitContentPreview [data-theme="dark"] a:hover {
      color: var(--inkeep-colors-inkeep-expanded-primary-100);
            }
        }
}

@layer utilities {
  .inkeep-border_gray\.200 {
    border-color: var(--inkeep-colors-gray-200);
    }

  .dark .dark\:inkeep-border_whiteAlpha\.300, [data-theme="dark"] .dark\:inkeep-border_whiteAlpha\.300 {
    border-color: var(--inkeep-colors-white-alpha-300);
        }

  .inkeep-bg_gray\.100 {
    background: var(--inkeep-colors-gray-100);
    }

  .dark .dark\:inkeep-bg_whiteAlpha\.200, [data-theme="dark"] .dark\:inkeep-bg_whiteAlpha\.200 {
    background: var(--inkeep-colors-white-alpha-200);
        }

  .inkeep-text_gray\.800 {
    color: var(--inkeep-colors-gray-800);
    }

  .dark .dark\:inkeep-text_whiteAlpha\.900, [data-theme="dark"] .dark\:inkeep-text_whiteAlpha\.900 {
    color: var(--inkeep-colors-white-alpha-900);
        }

  .hover\:inkeep-bg_gray\.100:is(:hover, [data-hover]) {
    background: var(--inkeep-colors-gray-100);
        }

  .dark .hover\:dark\:inkeep-bg_whiteAlpha\.200:is(:hover, [data-hover]), [data-theme="dark"] .hover\:dark\:inkeep-bg_whiteAlpha\.200:is(:hover, [data-hover]) {
    background: var(--inkeep-colors-white-alpha-200);
            }

  .hover\:inkeep-bg_gray\.200:is(:hover, [data-hover]) {
    background: var(--inkeep-colors-gray-200);
        }

  .dark .hover\:dark\:inkeep-bg_whiteAlpha\.300:is(:hover, [data-hover]), [data-theme="dark"] .hover\:dark\:inkeep-bg_whiteAlpha\.300:is(:hover, [data-hover]) {
    background: var(--inkeep-colors-white-alpha-300);
            }

  .hover\:disabled\:inkeep-bg_gray\.100:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
    background: var(--inkeep-colors-gray-100);
            }

  .dark .hover\:disabled\:dark\:inkeep-bg_whiteAlpha\.200:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]), [data-theme="dark"] .hover\:disabled\:dark\:inkeep-bg_whiteAlpha\.200:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]) {
    background: var(--inkeep-colors-white-alpha-200);
                }

  .active\:inkeep-bg_gray\.200:is(:active, [data-active]) {
    background: var(--inkeep-colors-gray-200);
        }

  .dark .active\:dark\:inkeep-bg_whiteAlpha\.300:is(:active, [data-active]), [data-theme="dark"] .active\:dark\:inkeep-bg_whiteAlpha\.300:is(:active, [data-active]) {
    background: var(--inkeep-colors-white-alpha-300);
            }

  .active\:inkeep-bg_gray\.300:is(:active, [data-active]) {
    background: var(--inkeep-colors-gray-300);
        }

  .dark .active\:dark\:inkeep-bg_whiteAlpha\.400:is(:active, [data-active]), [data-theme="dark"] .active\:dark\:inkeep-bg_whiteAlpha\.400:is(:active, [data-active]) {
    background: var(--inkeep-colors-white-alpha-400);
            }
}