@layer utilities {
  .inkeep-w_32px {
    width: 32px
    }

  .inkeep-h_32px {
    height: 32px
    }

  .inkeep-bg_none {
    background: none
    }

  .inkeep-d_none\! {
    display: none !important
    }
    .dark .dark\:inkeep-bg_inkeepExpandedPrimary\.300, [data-theme="dark"] .dark\:inkeep-bg_inkeepExpandedPrimary\.300 {
      background: var(--inkeep-colors-inkeep-expanded-primary-300)
        }
    .dark .dark\:inkeep-bg_none, [data-theme="dark"] .dark\:inkeep-bg_none {
      background: none
        }

  .inkeep-font_semibold {
    font-weight: var(--inkeep-font-weights-semibold)
    }

  .inkeep-flex_column {
    flex-direction: column
    }

  .inkeep-flex_row {
    flex-direction: row
    }

  .inkeep-items_flex-end {
    align-items: flex-end
    }

  .inkeep-items_flex-start {
    align-items: flex-start
    }

  .inkeep-w_80px {
    width: 80px
    }

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

  .inkeep-pl_4 {
    padding-left: var(--inkeep-spacing-4)
    }

  .inkeep-pr_4 {
    padding-right: var(--inkeep-spacing-4)
    }

  .inkeep-mb_6 {
    margin-bottom: var(--inkeep-spacing-6)
    }

  .inkeep-justify_flex-start {
    justify-content: flex-start
    }

  .inkeep-shrink_0 {
    flex-shrink: 0
    }

  .inkeep-overflow_hidden {
    overflow: hidden
    }

  .inkeep-select_none {
    -webkit-user-select: none;
    user-select: none
    }

  .inkeep-w_48px {
    width: 48px
    }

  .inkeep-w_auto {
    width: var(--inkeep-sizes-auto)
    }

  .inkeep-h_48px {
    height: 48px
    }

  .inkeep-h_auto {
    height: var(--inkeep-sizes-auto)
    }

  .inkeep-d_flex {
    display: flex
    }

  .inkeep-items_center {
    align-items: center
    }

  .inkeep-justify_center {
    justify-content: center
    }

  .inkeep-sr_true {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
    }

  .inkeep-ml_4 {
    margin-left: var(--inkeep-spacing-4)
    }

  .inkeep-bg_gray\.50 {
    background: var(--inkeep-colors-gray-50)
    }

  .inkeep-bg_inkeepPrimary\.lighter {
    background: var(--inkeep-colors-inkeep-primary-lighter)
    }

  .inkeep-text_gray\.700 {
    color: var(--inkeep-colors-gray-700)
    }

  .inkeep-text_inkeepPrimary\.stronger {
    color: var(--inkeep-colors-inkeep-primary-stronger)
    }
    .dark .dark\:inkeep-text_whiteAlpha\.700, [data-theme="dark"] .dark\:inkeep-text_whiteAlpha\.700 {
      color: var(--inkeep-colors-white-alpha-700)
        }
    .dark .dark\:inkeep-text_inkeepExpandedPrimary\.300, [data-theme="dark"] .dark\:inkeep-text_inkeepExpandedPrimary\.300 {
      color: var(--inkeep-colors-inkeep-expanded-primary-300)
        }

  .inkeep-px_3 {
    padding-inline: var(--inkeep-spacing-3)
    }

  .inkeep-py_1 {
    padding-block: var(--inkeep-spacing-1)
    }

  .inkeep-fs_sm {
    font-size: var(--inkeep-font-sizes-sm)
    }

  .inkeep-rounded_full {
    border-radius: var(--inkeep-radii-full)
    }
    .dark .dark\:inkeep-bg_grayDark\.700, [data-theme="dark"] .dark\:inkeep-bg_grayDark\.700 {
      background: var(--inkeep-colors-gray-dark-700)
        }
}

@layer recipes.slots {

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

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

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