/* AUTOMATICALLY GENERATED IN MAIN.LUA -- hai :3 */.flex { display: flex }
.flex-row { flex-direction: row }
.flex-column { flex-direction: column }
.flex-wrap { flex-wrap: wrap }
.gap-1 { gap: var(--pad-1) }
.gap-3 { gap: var(--pad-3) }
.gap-2 { gap: var(--pad-2) }
.gap-4 { gap: var(--pad-4) }
.justify-center { justify-content: center }
.justify-space-between { justify-content: space-between }
.justify-right { justify-content: right }
.align-center { align-items: center }
.align-space-between { align-items: space-between }
.align-end { align-items: end }
.bg-1 { background: var(--color-1) }
.bg-3 { background: var(--color-3) }
.bg-2 { background: var(--color-2) }
.bg-blue-2 { background: var(--blue-2) }
.bg-blue-1 { background: var(--blue-1) }
.bg-purple-2 { background: var(--purple-2) }
.bg-purple-1 { background: var(--purple-1) }
.bg-orange-2 { background: var(--orange-2) }
.bg-orange-1 { background: var(--orange-1) }
.text-1 { color: var(--color-1) }
.text-3 { color: var(--color-3) }
.text-2 { color: var(--color-2) }
.text-blue-2 { color: var(--blue-2) }
.text-blue-1 { color: var(--blue-1) }
.text-purple-2 { color: var(--purple-2) }
.text-purple-1 { color: var(--purple-1) }
.text-orange-2 { color: var(--orange-2) }
.text-orange-1 { color: var(--orange-1) }
.text-center { text-align: center }
.text-left { text-align: left }
.text-right { text-align: right }
.w-50 { width: 50% }
.w-content { width: max-content }
.w-75 { width: 75% }
.w-100 { width: 100% }
.h-50 { height: 50% }
.h-content { height: max-content }
.h-75 { height: 75% }
.h-100 { height: 100% }
.mw-50 { max-width: 50% }
.mw-content { max-width: max-content }
.mw-75 { max-width: 75% }
.mw-100 { max-width: 100% }
.mh-50 { max-height: 50% }
.mh-content { max-height: max-content }
.mh-75 { max-height: 75% }
.mh-100 { max-height: 100% }
.m-1 { margin: var(--pad-1) }
.m-3 { margin: var(--pad-3) }
.m-4 { margin: var(--pad-4) }
.m-auto { margin: auto }
.m-2 { margin: var(--pad-2) }
.mt-1 { margin-top: var(--pad-1) }
.mt-3 { margin-top: var(--pad-3) }
.mt-4 { margin-top: var(--pad-4) }
.mt-auto { margin-top: auto }
.mt-2 { margin-top: var(--pad-2) }
.ms-1 { margin-left: var(--pad-1) }
.ms-3 { margin-left: var(--pad-3) }
.ms-4 { margin-left: var(--pad-4) }
.ms-auto { margin-left: auto }
.ms-2 { margin-left: var(--pad-2) }
.mb-1 { margin-bottom: var(--pad-1) }
.mb-3 { margin-bottom: var(--pad-3) }
.mb-4 { margin-bottom: var(--pad-4) }
.mb-auto { margin-bottom: auto }
.mb-2 { margin-bottom: var(--pad-2) }
.me-1 { margin-right: var(--pad-1) }
.me-3 { margin-right: var(--pad-3) }
.me-4 { margin-right: var(--pad-4) }
.me-auto { margin-right: auto }
.me-2 { margin-right: var(--pad-2) }
.p-1 { padding: var(--pad-1) }
.p-3 { padding: var(--pad-3) }
.p-4 { padding: var(--pad-4) }
.p-auto { padding: auto }
.p-2 { padding: var(--pad-2) }
.pt-1 { padding-top: var(--pad-1) }
.pt-3 { padding-top: var(--pad-3) }
.pt-4 { padding-top: var(--pad-4) }
.pt-auto { padding-top: auto }
.pt-2 { padding-top: var(--pad-2) }
.ps-1 { padding-left: var(--pad-1) }
.ps-3 { padding-left: var(--pad-3) }
.ps-4 { padding-left: var(--pad-4) }
.ps-auto { padding-left: auto }
.ps-2 { padding-left: var(--pad-2) }
.pb-1 { padding-bottom: var(--pad-1) }
.pb-3 { padding-bottom: var(--pad-3) }
.pb-4 { padding-bottom: var(--pad-4) }
.pb-auto { padding-bottom: auto }
.pb-2 { padding-bottom: var(--pad-2) }
.pe-1 { padding-right: var(--pad-1) }
.pe-3 { padding-right: var(--pad-3) }
.pe-4 { padding-right: var(--pad-4) }
.pe-auto { padding-right: auto }
.pe-2 { padding-right: var(--pad-2) }