/* Gerado por tools/build_css.py; não editar. */
@layer utilities {
.bg-surface { background-color: var(--surface); }
.bg-surface-2 { background-color: var(--surface-2); }
.block { display: block; }
.border { border-width: var(--border-w); border-style: solid; }
.border-color-border { border-color: var(--border); }
.border-radius-md { border-radius: var(--radius-md); }
.border-radius-sm { border-radius: var(--radius-sm); }
.break-words { overflow-wrap: anywhere; }
.card-w-3xl { max-width: 48rem; }
.card-w-7xl { max-width: 80rem; }
.card-w-md { max-width: 28rem; }
.card-w-xl { max-width: 36rem; }
.flex { display: flex; }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.font-semibold { font-weight: 600; }
.gap-0 { gap: 0; }
.gap-12 { gap: 0.75rem; }
.gap-16 { gap: 1rem; }
.gap-20 { gap: 1.25rem; }
.gap-24 { gap: 1.5rem; }
.gap-4 { gap: 0.25rem; }
.gap-6 { gap: 0.375rem; }
.gap-8 { gap: 0.5rem; }
.gap-x-12 { column-gap: 0.75rem; }
.gap-y-16 { row-gap: 1rem; }
.grid { display: grid; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.h-\[60dvh\] { height: 60dvh; }
.hidden { display: none; }
.inline-flex { display: inline-flex; }
.items-center { align-items: center; }
.items-end { align-items: flex-end; }
.items-start { align-items: flex-start; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.justify-end { justify-content: flex-end; }
.leading-normal { line-height: 1.5; }
.leading-tight { line-height: 1.25; }
.m-0 { margin: 0; }
.max-h-\[90dvh\] { max-height: 90dvh; }
.max-w-full { max-width: 100%; }
.mb-0 { margin-bottom: 0; }
.min-h-\[240px\] { min-height: 240px; }
.min-h-\[44px\] { min-height: 44px; }
.min-h-\[48px\] { min-height: 48px; }
.min-w-0 { min-width: 0; }
.mx-auto { margin-inline: auto; }
.overflow-x-auto { overflow-x: auto; }
.overflow-y-auto { overflow-y: auto; }
.p-0 { padding: 0; }
.p-12 { padding: 0.75rem; }
.p-16 { padding: 1rem; }
.p-20 { padding: 1.25rem; }
.p-24 { padding: 1.5rem; }
.p-8 { padding: 0.5rem; }
.pb-12 { padding-bottom: 0.75rem; }
.pb-20 { padding-bottom: 1.25rem; }
.pl-20 { padding-left: 1.25rem; }
.px-12 { padding-inline: 0.75rem; }
.px-16 { padding-inline: 1rem; }
.py-16 { padding-block: 1rem; }
.py-8 { padding-block: 0.5rem; }
.self-start { align-self: flex-start; }
.shrink-0 { flex-shrink: 0; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-lg { font-size: var(--text-lg); }
.text-main { color: var(--text); }
.text-muted { color: var(--muted); }
.text-sm { font-size: var(--text-sm); }
.top-\[5dvh\] { top: 5dvh; }
.w-\[90\%\] { width: 90%; }
.w-full { width: 100%; }
.focus-visible\:bg-surface-2:focus-visible { background-color: var(--surface-2); }
.focus-visible\:border-color-success:focus-visible { border-color: var(--success); }
@media (hover: hover) { .hover\:bg-surface-2:hover { background-color: var(--surface-2); } }
@media (hover: hover) { .hover\:border-color-success:hover { border-color: var(--success); } }
@media (min-width: 640px) { .sm\:flex-row { flex-direction: row; } }
@media (min-width: 640px) { .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 640px) { .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 640px) { .sm\:items-center { align-items: center; } }
@media (min-width: 640px) { .sm\:p-24 { padding: 1.5rem; } }
@media (min-width: 960px) { .md\:flex-row { flex-direction: row; } }
@media (min-width: 960px) { .md\:gap-24 { gap: 1.5rem; } }
@media (min-width: 960px) { .md\:gap-48 { gap: 3rem; } }
@media (min-width: 960px) { .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 960px) { .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 960px) { .md\:items-end { align-items: flex-end; } }
@media (min-width: 960px) { .md\:justify-between { justify-content: space-between; } }
@media (min-width: 960px) { .md\:p-20 { padding: 1.25rem; } }
@media (min-width: 960px) { .md\:p-32 { padding: 2rem; } }
@media (min-width: 960px) { .md\:text-right { text-align: right; } }
@media (min-width: 1280px) { .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
}