@layer utilities {
  .inkeep-rounded_full {
    border-radius: var(--inkeep-radii-full)
    }

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

  .inkeep-mx_6 {
    margin-inline: var(--inkeep-spacing-6)
    }

  .inkeep-mr_12 {
    margin-right: var(--inkeep-spacing-12)
    }

  .inkeep-grow_1 {
    flex-grow: 1
    }

  .inkeep-h_8 {
    height: var(--inkeep-sizes-8)
    }

  .inkeep-max-w_300px {
    max-width: 300px
    }

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

  .inkeep-py_2 {
    padding-block: var(--inkeep-spacing-2)
    }

  .inkeep-d_block {
    display: block
    }

  .inkeep-flex_column {
    flex-direction: column
    }

  .inkeep-gap_10px {
    gap: 10px
    }

  .inkeep-mt_2 {
    margin-top: var(--inkeep-spacing-2)
    }

  .inkeep-pos_relative {
    position: relative
    }

  .inkeep-d_flex {
    display: flex
    }

  .inkeep-items_center {
    align-items: center
    }

  .inkeep-pb_1 {
    padding-bottom: var(--inkeep-spacing-1)
    }

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

@layer recipes {

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