/* generated by _build/topup.py — utilities the template's pre-compiled
   Tailwind build does not contain. Do not edit by hand. */
.dark .dark\:bg-jacarta-900\/40{background-color:rgba(13,16,45,0.4)}
.first\:mt-0:first-child{margin-top:0px}
.first\:pt-0:first-child{padding-top:0px}
.group:hover .group-hover\:shadow-2xl{box-shadow:0px 25px 50px -12px rgba(13,16,45,0.12), 0px 12px 24px 0px rgba(13,16,45,0.1)}
.group:hover .group-hover\:text-accent-lighter{color:#b9a0ff}
.hover\:bg-red:hover{background-color:#ef4444}
.hover\:bg-white:hover{background-color:#ffffff}
.hover\:bg-white\/10:hover{background-color:rgba(255,255,255,0.1)}
.hover\:text-accent-dark:hover{color:#7444ff}
.hover\:text-red:hover{color:#ef4444}
.last\:border-0:last-child{border-width:0px}
@media (min-width:1025px){.lg\:col-span-2{grid-column:span 2/span 2}}
@media (min-width:1025px){.lg\:col-span-3{grid-column:span 3/span 3}}
@media (min-width:1025px){.lg\:gap-10{gap:2.5rem}}
@media (min-width:1025px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1025px){.lg\:min-w-\[46rem\]{min-width:46rem}}
@media (min-width:1025px){.lg\:px-3{padding-left:0.75rem;padding-right:0.75rem}}
@media (min-width:1025px){.lg\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}}
@media (min-width:1025px){.lg\:text-4xl{font-size:2.25rem;line-height:normal}}
@media (min-width:768px){.md\:col-span-3{grid-column:span 3/span 3}}
@media (min-width:768px){.md\:col-span-6{grid-column:span 6/span 6}}
@media (min-width:768px){.md\:grid{display:grid}}
@media (min-width:768px){.md\:h-full{height:100%}}
@media (min-width:768px){.md\:justify-start{justify-content:flex-start}}
@media (min-width:768px){.md\:p-12{padding:3rem}}
@media (min-width:768px){.md\:text-center{text-align:center}}
@media (min-width:575px){.sm\:col-span-2{grid-column:span 2/span 2}}