@layer utilities {

  .inkeep-py_0 {
    padding-block: var(--inkeep-spacing-0);
    }

  .inkeep-overflow_hidden {
    overflow: hidden;
    }

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

  .inkeep-grow_1 {
    flex-grow: 1;
    }

  .inkeep-d_initial {
    display: initial;
    }

  .inkeep-pt_0 {
    padding-top: var(--inkeep-spacing-0);
    }

  .inkeep-pt_3 {
    padding-top: var(--inkeep-spacing-3);
    }

  .inkeep-max-h_calc\(100\%_-_31px\) {
    max-height: calc(100% - 31px);
    }

  .inkeep-px_0 {
    padding-inline: var(--inkeep-spacing-0);
    }

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

  .inkeep-pb_0 {
    padding-bottom: var(--inkeep-spacing-0);
    }

  .inkeep-pb_4 {
    padding-bottom: var(--inkeep-spacing-4);
    }

  .inkeep-d_none {
    display: none;
    }

  .inkeep-d_flex {
    display: flex;
    }

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

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

  .inkeep-h_100\% {
    height: 100%;
    }

  .inkeep-bg_transparent {
    background: var(--inkeep-colors-transparent);
    }

  .inkeep-flex_column {
    flex-direction: column;
    }
    .dark .dark\:inkeep-border_grayDark\.700, [data-theme="dark"] .dark\:inkeep-border_grayDark\.700 {
      border-color: var(--inkeep-colors-gray-dark-700);
        }

  .inkeep-overflow-x_auto {
    overflow-x: auto;
    }

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

  .inkeep-shrink_0 {
    flex-shrink: 0;
    }
}

@layer recipes.slots {

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

  .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--size_sm {
    padding-block: var(--inkeep-spacing-1);
    padding-inline: var(--inkeep-spacing-4);
    font-size: var(--inkeep-font-sizes-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);
    }
    .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--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-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;
        }
    }

  @layer _base {
      .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);
        }
    }

  @layer _base {
      .inkeep-tabs__trigger:is(:disabled, [disabled], [data-disabled]) {
        cursor: not-allowed;
        opacity: 0.4;
            }
      .inkeep-tabs__trigger:is(:focus-visible, [data-focus-visible]) {
        z-index: 1;
        box-shadow: var(--inkeep-shadows-outline);
            }
    }

  @layer _base {
    .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%;
        }
    }
}