@layer utilities {

  .pixel-bg_gray\.400 {
    background-color: var(--pixel-colors-gray-400)
    }

  .pixel-d_inline-flex {
    display: inline-flex
    }

  .pixel-items_center {
    align-items: center
    }

  .pixel-shrink_0 {
    flex-shrink: 0
    }

  .pixel-justify_center {
    justify-content: center
    }

  .pixel-pos_relative {
    position: relative
    }

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

  .pixel-align_top {
    vertical-align: top
    }

  .pixel-bg_red\.200 {
    background: var(--pixel-colors-red-200)
    }

  .pixel-text_white {
    color: var(--pixel-colors-white)
    }

  .pixel-border-width_1px {
    border-width: 1px
    }

  .pixel-border_red\.200 {
    border-color: var(--pixel-colors-red-200)
    }

  .pixel-p_4 {
    padding: var(--pixel-spacing-4)
    }

  .pixel-fs_12px {
    font-size: 12px
    }

  .pixel-p_8 {
    padding: var(--pixel-spacing-8)
    }

  .pixel-fs_24px {
    font-size: 24px
    }

  .pixel-leading_xs {
    line-height: xs
    }

  .pixel-leading_sm {
    line-height: sm
    }

  .pixel-leading_lg {
    line-height: lg
    }

  .pixel-leading_xl {
    line-height: xl
    }

  .pixel-rounded_full {
    border-radius: var(--pixel-radii-full)
    }

  .pixel-w_6 {
    width: var(--pixel-sizes-6)
    }

  .pixel-h_6 {
    height: var(--pixel-sizes-6)
    }

  .pixel-fs_xs {
    font-size: var(--pixel-font-sizes-xs)
    }

  .pixel-w_8 {
    width: var(--pixel-sizes-8)
    }

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

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

  .pixel-w_12 {
    width: var(--pixel-sizes-12)
    }

  .pixel-h_12 {
    height: var(--pixel-sizes-12)
    }

  .pixel-fs_lg {
    font-size: var(--pixel-font-sizes-lg)
    }

  .pixel-w_20 {
    width: var(--pixel-sizes-20)
    }

  .pixel-h_20 {
    height: var(--pixel-sizes-20)
    }

  .pixel-fs_2xl {
    font-size: var(--pixel-font-sizes-2xl)
    }

  .pixel-rounded_sm {
    border-radius: var(--pixel-radii-sm)
    }

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

  .pixel-rounded_lg {
    border-radius: var(--pixel-radii-lg)
    }

  .pixel-rounded_xl {
    border-radius: var(--pixel-radii-xl)
    }
}