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

  .inkeep-border_none\! {
    border: var(--inkeep-borders-none) !important
    }

  .inkeep-shadow_none\! {
    box-shadow: var(--inkeep-shadows-none) !important
    }

  .inkeep-ml_2 {
    margin-left: var(--inkeep-spacing-2)
    }

  .inkeep-max-h_10vh {
    max-height: 10vh
    }

  .inkeep-min-h_38px {
    min-height: 38px
    }

  .inkeep-ring_none\! {
    outline: var(--inkeep-borders-none) !important
    }

  .inkeep-mr_2 {
    margin-right: var(--inkeep-spacing-2)
    }

  .inkeep-rounded_md {
    border-radius: var(--inkeep-radii-md)
    }

  .inkeep-rounded_2xl {
    border-radius: var(--inkeep-radii-2xl)
    }

  .inkeep-px_2 {
    padding-inline: var(--inkeep-spacing-2)
    }

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

  .inkeep-flex_row {
    flex-direction: row
    }

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

  .inkeep-overflow_hidden {
    overflow: hidden
    }

  .inkeep-top_0\! {
    top: var(--inkeep-spacing-0) !important
    }

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

  .inkeep-py_4 {
    padding-block: var(--inkeep-spacing-4)
    }

  .inkeep-flex_column {
    flex-direction: column
    }

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

  .inkeep-justify_space-between {
    justify-content: space-between
    }

  .inkeep-pl_2 {
    padding-left: var(--inkeep-spacing-2)
    }

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

  .inkeep-d_flex {
    display: flex
    }

  .inkeep-items_center {
    align-items: center
    }

  .inkeep-shrink_0 {
    flex-shrink: 0
    }

  .inkeep-pos_relative {
    position: relative
    }

  .inkeep-min-w_20px {
    min-width: 20px
    }

  .inkeep-w_20px {
    width: 20px
    }
    @media screen and (min-width: 33em) {

  .sm\:inkeep-w_24px {
      width: 24px
    }
        }
}