@layer utilities {

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

  .pixel-pos_relative {
    position: relative
    }

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

  .pixel-align_top {
    vertical-align: top
    }

  .pixel-shrink_0 {
    flex-shrink: 0
    }

  .pixel-text_uppercase {
    text-transform: uppercase
    }

  .pixel-cursor_pointer {
    cursor: pointer
    }

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

  .pixel-bg_sky\.400 {
    background-color: var(--pixel-colors-sky-400)
    }

  .pixel-bg_teal\.400 {
    background-color: var(--pixel-colors-teal-400)
    }

  .pixel-bg_violet\.400 {
    background-color: var(--pixel-colors-violet-400)
    }

  .pixel-bg_amber\.400 {
    background-color: var(--pixel-colors-amber-400)
    }

  .pixel-bg_rose\.400 {
    background-color: var(--pixel-colors-rose-400)
    }

  .pixel-bg_stone\.400 {
    background-color: var(--pixel-colors-stone-400)
    }

  .pixel-bg_lime\.400 {
    background-color: var(--pixel-colors-lime-400)
    }

  .pixel-bg_pink\.400 {
    background-color: var(--pixel-colors-pink-400)
    }

  .pixel-border-width_0\.125rem {
    border-width: 0.125rem
    }

  .pixel-text_gray\.600 {
    color: var(--pixel-colors-gray-600)
    }

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

  .pixel-h_100\% {
    height: 100%
    }

  .pixel-object_cover {
    object-fit: cover
    }

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

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

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

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

  .pixel-z_0 {
    z-index: 0
    }

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

  .pixel-text_blue\.400 {
    color: var(--pixel-colors-blue-400)
    }

  .pixel-bg_blue\.50 {
    background-color: var(--pixel-colors-blue-50)
    }

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

  .pixel-d_flex {
    display: flex
    }

  .pixel-items_center {
    align-items: center
    }

  .pixel-justify_center {
    justify-content: center
    }

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

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

  .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)
    }
}