/* src/css/generated/utilities.css */
@layer utilities {
  :root {
    --space-0: 0rem;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-12: 3rem;
    --space-16: 4rem;
  }

  :where(:scope) {
    --space-0: 0rem;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-12: 3rem;
    --space-16: 4rem;
  }

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

  .block {
    display: block;
  }

  .inline-block {
    display: inline-block;
  }

  .inline {
    display: inline;
  }

  .flex {
    display: flex;
  }

  .inline-flex {
    display: inline-flex;
  }

  .grid {
    display: grid;
  }

  .inline-grid {
    display: inline-grid;
  }

  .hidden {
    display: none;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .flex-nowrap {
    flex-wrap: nowrap;
  }

  .grow {
    flex-grow: 1;
  }

  .grow-0 {
    flex-grow: 0;
  }

  .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-stretch {
    align-items: stretch;
  }

  .items-baseline {
    align-items: baseline;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-around {
    justify-content: space-around;
  }

  .justify-evenly {
    justify-content: space-evenly;
  }

  .self-auto {
    align-self: auto;
  }

  .self-start {
    align-self: flex-start;
  }

  .self-center {
    align-self: center;
  }

  .self-end {
    align-self: flex-end;
  }

  .self-stretch {
    align-self: stretch;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .col-span-full {
    grid-column: 1 / -1;
  }

  .w-auto {
    width: auto;
  }

  .w-full {
    width: 100%;
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .min-w-0 {
    min-width: 0;
  }

  .min-w-full {
    min-width: 100%;
  }

  .max-w-xs {
    max-width: 20rem;
  }

  .max-w-sm {
    max-width: 24rem;
  }

  .max-w-md {
    max-width: 28rem;
  }

  .max-w-lg {
    max-width: 32rem;
  }

  .max-w-xl {
    max-width: 36rem;
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-none {
    max-width: none;
  }

  .min-h-0 {
    min-height: 0;
  }

  .min-h-full {
    min-height: 100%;
  }

  .min-h-screen {
    min-height: 100dvh;
  }

  .max-h-none {
    max-height: none;
  }

  .max-h-full {
    max-height: 100%;
  }

  .max-h-screen {
    max-height: 100dvh;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-clip {
    overflow: clip;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-scroll {
    overflow: scroll;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overflow-y-hidden {
    overflow-y: hidden;
  }

  .text-start {
    text-align: start;
  }

  .text-center {
    text-align: center;
  }

  .text-end {
    text-align: end;
  }

  .text-justify {
    text-align: justify;
  }

  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .text-ellipsis {
    text-overflow: ellipsis;
  }

  .text-clip {
    text-overflow: clip;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .aspect-auto {
    aspect-ratio: auto;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .aspect-video {
    aspect-ratio: 16 / 9;
  }

  .static {
    position: static;
  }

  .fixed {
    position: fixed;
  }

  .absolute {
    position: absolute;
  }

  .relative {
    position: relative;
  }

  .sticky {
    position: sticky;
  }

  .z-auto {
    z-index: auto;
  }

  .z-0 {
    z-index: 0;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-30 {
    z-index: 30;
  }

  .z-40 {
    z-index: 40;
  }

  .z-50 {
    z-index: 50;
  }

  .m-0 {
    margin: var(--space-0);
  }

  .m-1 {
    margin: var(--space-1);
  }

  .m-2 {
    margin: var(--space-2);
  }

  .m-3 {
    margin: var(--space-3);
  }

  .m-4 {
    margin: var(--space-4);
  }

  .m-6 {
    margin: var(--space-6);
  }

  .m-8 {
    margin: var(--space-8);
  }

  .m-12 {
    margin: var(--space-12);
  }

  .m-16 {
    margin: var(--space-16);
  }

  .mt-0 {
    margin-top: var(--space-0);
  }

  .mt-1 {
    margin-top: var(--space-1);
  }

  .mt-2 {
    margin-top: var(--space-2);
  }

  .mt-3 {
    margin-top: var(--space-3);
  }

  .mt-4 {
    margin-top: var(--space-4);
  }

  .mt-6 {
    margin-top: var(--space-6);
  }

  .mt-8 {
    margin-top: var(--space-8);
  }

  .mt-12 {
    margin-top: var(--space-12);
  }

  .mt-16 {
    margin-top: var(--space-16);
  }

  .mr-0 {
    margin-right: var(--space-0);
  }

  .mr-1 {
    margin-right: var(--space-1);
  }

  .mr-2 {
    margin-right: var(--space-2);
  }

  .mr-3 {
    margin-right: var(--space-3);
  }

  .mr-4 {
    margin-right: var(--space-4);
  }

  .mr-6 {
    margin-right: var(--space-6);
  }

  .mr-8 {
    margin-right: var(--space-8);
  }

  .mr-12 {
    margin-right: var(--space-12);
  }

  .mr-16 {
    margin-right: var(--space-16);
  }

  .mb-0 {
    margin-bottom: var(--space-0);
  }

  .mb-1 {
    margin-bottom: var(--space-1);
  }

  .mb-2 {
    margin-bottom: var(--space-2);
  }

  .mb-3 {
    margin-bottom: var(--space-3);
  }

  .mb-4 {
    margin-bottom: var(--space-4);
  }

  .mb-6 {
    margin-bottom: var(--space-6);
  }

  .mb-8 {
    margin-bottom: var(--space-8);
  }

  .mb-12 {
    margin-bottom: var(--space-12);
  }

  .mb-16 {
    margin-bottom: var(--space-16);
  }

  .ml-0 {
    margin-left: var(--space-0);
  }

  .ml-1 {
    margin-left: var(--space-1);
  }

  .ml-2 {
    margin-left: var(--space-2);
  }

  .ml-3 {
    margin-left: var(--space-3);
  }

  .ml-4 {
    margin-left: var(--space-4);
  }

  .ml-6 {
    margin-left: var(--space-6);
  }

  .ml-8 {
    margin-left: var(--space-8);
  }

  .ml-12 {
    margin-left: var(--space-12);
  }

  .ml-16 {
    margin-left: var(--space-16);
  }

  .mx-0 {
    margin-left: var(--space-0);
    margin-right: var(--space-0);
  }

  .mx-1 {
    margin-left: var(--space-1);
    margin-right: var(--space-1);
  }

  .mx-2 {
    margin-left: var(--space-2);
    margin-right: var(--space-2);
  }

  .mx-3 {
    margin-left: var(--space-3);
    margin-right: var(--space-3);
  }

  .mx-4 {
    margin-left: var(--space-4);
    margin-right: var(--space-4);
  }

  .mx-6 {
    margin-left: var(--space-6);
    margin-right: var(--space-6);
  }

  .mx-8 {
    margin-left: var(--space-8);
    margin-right: var(--space-8);
  }

  .mx-12 {
    margin-left: var(--space-12);
    margin-right: var(--space-12);
  }

  .mx-16 {
    margin-left: var(--space-16);
    margin-right: var(--space-16);
  }

  .my-0 {
    margin-top: var(--space-0);
    margin-bottom: var(--space-0);
  }

  .my-1 {
    margin-top: var(--space-1);
    margin-bottom: var(--space-1);
  }

  .my-2 {
    margin-top: var(--space-2);
    margin-bottom: var(--space-2);
  }

  .my-3 {
    margin-top: var(--space-3);
    margin-bottom: var(--space-3);
  }

  .my-4 {
    margin-top: var(--space-4);
    margin-bottom: var(--space-4);
  }

  .my-6 {
    margin-top: var(--space-6);
    margin-bottom: var(--space-6);
  }

  .my-8 {
    margin-top: var(--space-8);
    margin-bottom: var(--space-8);
  }

  .my-12 {
    margin-top: var(--space-12);
    margin-bottom: var(--space-12);
  }

  .my-16 {
    margin-top: var(--space-16);
    margin-bottom: var(--space-16);
  }

  .p-0 {
    padding: var(--space-0);
  }

  .p-1 {
    padding: var(--space-1);
  }

  .p-2 {
    padding: var(--space-2);
  }

  .p-3 {
    padding: var(--space-3);
  }

  .p-4 {
    padding: var(--space-4);
  }

  .p-6 {
    padding: var(--space-6);
  }

  .p-8 {
    padding: var(--space-8);
  }

  .p-12 {
    padding: var(--space-12);
  }

  .p-16 {
    padding: var(--space-16);
  }

  .pt-0 {
    padding-top: var(--space-0);
  }

  .pt-1 {
    padding-top: var(--space-1);
  }

  .pt-2 {
    padding-top: var(--space-2);
  }

  .pt-3 {
    padding-top: var(--space-3);
  }

  .pt-4 {
    padding-top: var(--space-4);
  }

  .pt-6 {
    padding-top: var(--space-6);
  }

  .pt-8 {
    padding-top: var(--space-8);
  }

  .pt-12 {
    padding-top: var(--space-12);
  }

  .pt-16 {
    padding-top: var(--space-16);
  }

  .pr-0 {
    padding-right: var(--space-0);
  }

  .pr-1 {
    padding-right: var(--space-1);
  }

  .pr-2 {
    padding-right: var(--space-2);
  }

  .pr-3 {
    padding-right: var(--space-3);
  }

  .pr-4 {
    padding-right: var(--space-4);
  }

  .pr-6 {
    padding-right: var(--space-6);
  }

  .pr-8 {
    padding-right: var(--space-8);
  }

  .pr-12 {
    padding-right: var(--space-12);
  }

  .pr-16 {
    padding-right: var(--space-16);
  }

  .pb-0 {
    padding-bottom: var(--space-0);
  }

  .pb-1 {
    padding-bottom: var(--space-1);
  }

  .pb-2 {
    padding-bottom: var(--space-2);
  }

  .pb-3 {
    padding-bottom: var(--space-3);
  }

  .pb-4 {
    padding-bottom: var(--space-4);
  }

  .pb-6 {
    padding-bottom: var(--space-6);
  }

  .pb-8 {
    padding-bottom: var(--space-8);
  }

  .pb-12 {
    padding-bottom: var(--space-12);
  }

  .pb-16 {
    padding-bottom: var(--space-16);
  }

  .pl-0 {
    padding-left: var(--space-0);
  }

  .pl-1 {
    padding-left: var(--space-1);
  }

  .pl-2 {
    padding-left: var(--space-2);
  }

  .pl-3 {
    padding-left: var(--space-3);
  }

  .pl-4 {
    padding-left: var(--space-4);
  }

  .pl-6 {
    padding-left: var(--space-6);
  }

  .pl-8 {
    padding-left: var(--space-8);
  }

  .pl-12 {
    padding-left: var(--space-12);
  }

  .pl-16 {
    padding-left: var(--space-16);
  }

  .px-0 {
    padding-left: var(--space-0);
    padding-right: var(--space-0);
  }

  .px-1 {
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }

  .px-2 {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }

  .px-3 {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }

  .px-4 {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }

  .px-6 {
    padding-left: var(--space-6);
    padding-right: var(--space-6);
  }

  .px-8 {
    padding-left: var(--space-8);
    padding-right: var(--space-8);
  }

  .px-12 {
    padding-left: var(--space-12);
    padding-right: var(--space-12);
  }

  .px-16 {
    padding-left: var(--space-16);
    padding-right: var(--space-16);
  }

  .py-0 {
    padding-top: var(--space-0);
    padding-bottom: var(--space-0);
  }

  .py-1 {
    padding-top: var(--space-1);
    padding-bottom: var(--space-1);
  }

  .py-2 {
    padding-top: var(--space-2);
    padding-bottom: var(--space-2);
  }

  .py-3 {
    padding-top: var(--space-3);
    padding-bottom: var(--space-3);
  }

  .py-4 {
    padding-top: var(--space-4);
    padding-bottom: var(--space-4);
  }

  .py-6 {
    padding-top: var(--space-6);
    padding-bottom: var(--space-6);
  }

  .py-8 {
    padding-top: var(--space-8);
    padding-bottom: var(--space-8);
  }

  .py-12 {
    padding-top: var(--space-12);
    padding-bottom: var(--space-12);
  }

  .py-16 {
    padding-top: var(--space-16);
    padding-bottom: var(--space-16);
  }

  .gap-0 {
    gap: var(--space-0);
  }

  .gap-1 {
    gap: var(--space-1);
  }

  .gap-2 {
    gap: var(--space-2);
  }

  .gap-3 {
    gap: var(--space-3);
  }

  .gap-4 {
    gap: var(--space-4);
  }

  .gap-6 {
    gap: var(--space-6);
  }

  .gap-8 {
    gap: var(--space-8);
  }

  .gap-12 {
    gap: var(--space-12);
  }

  .gap-16 {
    gap: var(--space-16);
  }

  .gap-x-0 {
    column-gap: var(--space-0);
  }

  .gap-x-1 {
    column-gap: var(--space-1);
  }

  .gap-x-2 {
    column-gap: var(--space-2);
  }

  .gap-x-3 {
    column-gap: var(--space-3);
  }

  .gap-x-4 {
    column-gap: var(--space-4);
  }

  .gap-x-6 {
    column-gap: var(--space-6);
  }

  .gap-x-8 {
    column-gap: var(--space-8);
  }

  .gap-x-12 {
    column-gap: var(--space-12);
  }

  .gap-x-16 {
    column-gap: var(--space-16);
  }

  .gap-y-0 {
    row-gap: var(--space-0);
  }

  .gap-y-1 {
    row-gap: var(--space-1);
  }

  .gap-y-2 {
    row-gap: var(--space-2);
  }

  .gap-y-3 {
    row-gap: var(--space-3);
  }

  .gap-y-4 {
    row-gap: var(--space-4);
  }

  .gap-y-6 {
    row-gap: var(--space-6);
  }

  .gap-y-8 {
    row-gap: var(--space-8);
  }

  .gap-y-12 {
    row-gap: var(--space-12);
  }

  .gap-y-16 {
    row-gap: var(--space-16);
  }

  .inset-0 {
    inset: var(--space-0);
  }

  .inset-1 {
    inset: var(--space-1);
  }

  .inset-2 {
    inset: var(--space-2);
  }

  .inset-3 {
    inset: var(--space-3);
  }

  .inset-4 {
    inset: var(--space-4);
  }

  .inset-6 {
    inset: var(--space-6);
  }

  .inset-8 {
    inset: var(--space-8);
  }

  .inset-12 {
    inset: var(--space-12);
  }

  .inset-16 {
    inset: var(--space-16);
  }

  .inset-x-0 {
    left: var(--space-0);
    right: var(--space-0);
  }

  .inset-x-1 {
    left: var(--space-1);
    right: var(--space-1);
  }

  .inset-x-2 {
    left: var(--space-2);
    right: var(--space-2);
  }

  .inset-x-3 {
    left: var(--space-3);
    right: var(--space-3);
  }

  .inset-x-4 {
    left: var(--space-4);
    right: var(--space-4);
  }

  .inset-x-6 {
    left: var(--space-6);
    right: var(--space-6);
  }

  .inset-x-8 {
    left: var(--space-8);
    right: var(--space-8);
  }

  .inset-x-12 {
    left: var(--space-12);
    right: var(--space-12);
  }

  .inset-x-16 {
    left: var(--space-16);
    right: var(--space-16);
  }

  .inset-y-0 {
    top: var(--space-0);
    bottom: var(--space-0);
  }

  .inset-y-1 {
    top: var(--space-1);
    bottom: var(--space-1);
  }

  .inset-y-2 {
    top: var(--space-2);
    bottom: var(--space-2);
  }

  .inset-y-3 {
    top: var(--space-3);
    bottom: var(--space-3);
  }

  .inset-y-4 {
    top: var(--space-4);
    bottom: var(--space-4);
  }

  .inset-y-6 {
    top: var(--space-6);
    bottom: var(--space-6);
  }

  .inset-y-8 {
    top: var(--space-8);
    bottom: var(--space-8);
  }

  .inset-y-12 {
    top: var(--space-12);
    bottom: var(--space-12);
  }

  .inset-y-16 {
    top: var(--space-16);
    bottom: var(--space-16);
  }

  .top-0 {
    top: var(--space-0);
  }

  .top-1 {
    top: var(--space-1);
  }

  .top-2 {
    top: var(--space-2);
  }

  .top-3 {
    top: var(--space-3);
  }

  .top-4 {
    top: var(--space-4);
  }

  .top-6 {
    top: var(--space-6);
  }

  .top-8 {
    top: var(--space-8);
  }

  .top-12 {
    top: var(--space-12);
  }

  .top-16 {
    top: var(--space-16);
  }

  .right-0 {
    right: var(--space-0);
  }

  .right-1 {
    right: var(--space-1);
  }

  .right-2 {
    right: var(--space-2);
  }

  .right-3 {
    right: var(--space-3);
  }

  .right-4 {
    right: var(--space-4);
  }

  .right-6 {
    right: var(--space-6);
  }

  .right-8 {
    right: var(--space-8);
  }

  .right-12 {
    right: var(--space-12);
  }

  .right-16 {
    right: var(--space-16);
  }

  .bottom-0 {
    bottom: var(--space-0);
  }

  .bottom-1 {
    bottom: var(--space-1);
  }

  .bottom-2 {
    bottom: var(--space-2);
  }

  .bottom-3 {
    bottom: var(--space-3);
  }

  .bottom-4 {
    bottom: var(--space-4);
  }

  .bottom-6 {
    bottom: var(--space-6);
  }

  .bottom-8 {
    bottom: var(--space-8);
  }

  .bottom-12 {
    bottom: var(--space-12);
  }

  .bottom-16 {
    bottom: var(--space-16);
  }

  .left-0 {
    left: var(--space-0);
  }

  .left-1 {
    left: var(--space-1);
  }

  .left-2 {
    left: var(--space-2);
  }

  .left-3 {
    left: var(--space-3);
  }

  .left-4 {
    left: var(--space-4);
  }

  .left-6 {
    left: var(--space-6);
  }

  .left-8 {
    left: var(--space-8);
  }

  .left-12 {
    left: var(--space-12);
  }

  .left-16 {
    left: var(--space-16);
  }

  .size-0 {
    width: var(--space-0);
    height: var(--space-0);
  }

  .w-0 {
    width: var(--space-0);
  }

  .h-0 {
    height: var(--space-0);
  }

  .size-1 {
    width: var(--space-1);
    height: var(--space-1);
  }

  .w-1 {
    width: var(--space-1);
  }

  .h-1 {
    height: var(--space-1);
  }

  .size-2 {
    width: var(--space-2);
    height: var(--space-2);
  }

  .w-2 {
    width: var(--space-2);
  }

  .h-2 {
    height: var(--space-2);
  }

  .size-3 {
    width: var(--space-3);
    height: var(--space-3);
  }

  .w-3 {
    width: var(--space-3);
  }

  .h-3 {
    height: var(--space-3);
  }

  .size-4 {
    width: var(--space-4);
    height: var(--space-4);
  }

  .w-4 {
    width: var(--space-4);
  }

  .h-4 {
    height: var(--space-4);
  }

  .size-6 {
    width: var(--space-6);
    height: var(--space-6);
  }

  .w-6 {
    width: var(--space-6);
  }

  .h-6 {
    height: var(--space-6);
  }

  .size-8 {
    width: var(--space-8);
    height: var(--space-8);
  }

  .w-8 {
    width: var(--space-8);
  }

  .h-8 {
    height: var(--space-8);
  }

  .size-12 {
    width: var(--space-12);
    height: var(--space-12);
  }

  .w-12 {
    width: var(--space-12);
  }

  .h-12 {
    height: var(--space-12);
  }

  .size-16 {
    width: var(--space-16);
    height: var(--space-16);
  }

  .w-16 {
    width: var(--space-16);
  }

  .h-16 {
    height: var(--space-16);
  }
}

/* src/css/entries/utilities.css */