@layer modules {
  .absolute {
      position: absolute
  }
  .relative {
      position: relative
  }
  .inset-0 {
      inset: 0px
  }
  .mx-auto {
      margin-left: auto;
      margin-right: auto
  }
  .mb-1 {
      margin-bottom: 0.25rem
  }
  .mb-2 {
      margin-bottom: 0.5rem
  }
  .mb-4 {
      margin-bottom: 1rem
  }
  .mb-6 {
      margin-bottom: 1.5rem
  }
  .ml-2 {
      margin-left: 0.5rem
  }
  .mt-0\.5 {
      margin-top: 0.125rem
  }
  .mt-4 {
      margin-top: 1rem
  }
  .flex {
      display: flex
  }
  .grid {
      display: grid
  }
  .h-12 {
      height: 3rem
  }
  .h-4 {
      height: 1rem
  }
  .h-5 {
      height: 1.25rem
  }
  .h-6 {
      height: 1.5rem
  }
  .h-8 {
      height: 2rem
  }
  .h-full {
      height: 100%
  }
  .min-h-screen {
      min-height: 100vh
  }
  .w-12 {
      width: 3rem
  }
  .w-4 {
      width: 1rem
  }
  .w-5 {
      width: 1.25rem
  }
  .w-6 {
      width: 1.5rem
  }
  .w-8 {
      width: 2rem
  }
  .w-full {
      width: 100%
  }
  .max-w-2xl {
      max-width: 42rem
  }
  .max-w-6xl {
      max-width: 72rem
  }
  .flex-1 {
      flex: 1 1 0%
  }
  .flex-shrink-0 {
      flex-shrink: 0
  }
  @keyframes pulse {
      50% {
          opacity: .5
      }
  }
  .animate-pulse {
      animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
  }
  @keyframes spin {
      to {
          transform: rotate(360deg)
      }
  }
  .animate-spin {
      animation: spin 1s linear infinite
  }
  .cursor-pointer {
      cursor: pointer
  }
  .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))
  }
  .items-start {
      align-items: flex-start
  }
  .items-center {
      align-items: center
  }
  .justify-center {
      justify-content: center
  }
  .justify-between {
      justify-content: space-between
  }
  .gap-2 {
      gap: 0.5rem
  }
  .gap-3 {
      gap: 0.75rem
  }
  .gap-4 {
      gap: 1rem
  }
  .gap-8 {
      gap: 2rem
  }
  .space-y-3 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(0.75rem * var(--tw-space-y-reverse))
  }
  .space-y-6 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
  }
  .truncate {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
  }
  .rounded-full {
      border-radius: 9999px
  }
  .rounded-lg {
      border-radius: 0.5rem
  }
  .rounded-xl {
      border-radius: 0.75rem
  }
  .border {
      border-width: 1px
  }
  .border-2 {
      border-width: 2px
  }
  .border-b {
      border-bottom-width: 1px
  }
  .border-dashed {
      border-style: dashed
  }
  .border-amber-500\/20 {
      border-color: rgb(245 158 11 / 0.2)
  }
  .border-emerald-500\/20 {
      border-color: rgb(16 185 129 / 0.2)
  }
  .border-emerald-700\/30 {
      border-color: rgb(4 120 87 / 0.3)
  }
  .border-purple-500\/20 {
      border-color: rgb(168 85 247 / 0.2)
  }
  .border-red-700\/50 {
      border-color: rgb(185 28 28 / 0.5)
  }
  .border-sky-500 {
      --tw-border-opacity: 1;
      border-color: rgb(14 165 233 / var(--tw-border-opacity, 1))
  }
  .border-sky-500\/20 {
      border-color: rgb(14 165 233 / 0.2)
  }
  .border-zinc-700 {
      --tw-border-opacity: 1;
      border-color: rgb(63 63 70 / var(--tw-border-opacity, 1))
  }
  .border-zinc-800\/50 {
      border-color: rgb(39 39 42 / 0.5)
  }
  .bg-amber-500\/10 {
      background-color: rgb(245 158 11 / 0.1)
  }
  .bg-amber-900\/40 {
      background-color: rgb(120 53 15 / 0.4)
  }
  .bg-blue-900\/40 {
      background-color: rgb(30 58 138 / 0.4)
  }
  .bg-emerald-500\/10 {
      background-color: rgb(16 185 129 / 0.1)
  }
  .bg-emerald-500\/20 {
      background-color: rgb(16 185 129 / 0.2)
  }
  .bg-emerald-600 {
      --tw-bg-opacity: 1;
      background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1))
  }
  .bg-emerald-900\/20 {
      background-color: rgb(6 78 59 / 0.2)
  }
  .bg-emerald-900\/40 {
      background-color: rgb(6 78 59 / 0.4)
  }
  .bg-green-900\/40 {
      background-color: rgb(20 83 45 / 0.4)
  }
  .bg-purple-500\/10 {
      background-color: rgb(168 85 247 / 0.1)
  }
  .bg-purple-900\/40 {
      background-color: rgb(88 28 135 / 0.4)
  }
  .bg-red-900\/30 {
      background-color: rgb(127 29 29 / 0.3)
  }
  .bg-red-900\/40 {
      background-color: rgb(127 29 29 / 0.4)
  }
  .bg-sky-500\/10 {
      background-color: rgb(14 165 233 / 0.1)
  }
  .bg-sky-600 {
      --tw-bg-opacity: 1;
      background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1))
  }
  .bg-zinc-700 {
      --tw-bg-opacity: 1;
      background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1))
  }
  .bg-zinc-700\/60 {
      background-color: rgb(63 63 70 / 0.6)
  }
  .bg-zinc-800 {
      --tw-bg-opacity: 1;
      background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1))
  }
  .bg-zinc-800\/60 {
      background-color: rgb(39 39 42 / 0.6)
  }
  .bg-zinc-900\/60 {
      background-color: rgb(24 24 27 / 0.6)
  }
  .bg-gradient-to-br {
      background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
  }
  .from-emerald-500 {
      --tw-gradient-from: #10b981 var(--tw-gradient-from-position);
      --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
  }
  .from-emerald-500\/15 {
      --tw-gradient-from: rgb(16 185 129 / 0.15) var(--tw-gradient-from-position);
      --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
  }
  .from-emerald-900\/60 {
      --tw-gradient-from: rgb(6 78 59 / 0.6) var(--tw-gradient-from-position);
      --tw-gradient-to: rgb(6 78 59 / 0) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
  }
  .from-emerald-950\/50 {
      --tw-gradient-from: rgb(2 44 34 / 0.5) var(--tw-gradient-from-position);
      --tw-gradient-to: rgb(2 44 34 / 0) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
  }
  .from-zinc-950 {
      --tw-gradient-from: #09090b var(--tw-gradient-from-position);
      --tw-gradient-to: rgb(9 9 11 / 0) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
  }
  .via-emerald-950\/60 {
      --tw-gradient-to: rgb(2 44 34 / 0)  var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from), rgb(2 44 34 / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to)
  }
  .via-teal-500 {
      --tw-gradient-to: rgb(20 184 166 / 0)  var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from), #14b8a6 var(--tw-gradient-via-position), var(--tw-gradient-to)
  }
  .via-zinc-900 {
      --tw-gradient-to: rgb(24 24 27 / 0)  var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-from), #18181b var(--tw-gradient-via-position), var(--tw-gradient-to)
  }
  .to-emerald-500 {
      --tw-gradient-to: #10b981 var(--tw-gradient-to-position)
  }
  .to-zinc-950 {
      --tw-gradient-to: #09090b var(--tw-gradient-to-position)
  }
  .to-zinc-950\/50 {
      --tw-gradient-to: rgb(9 9 11 / 0.5) var(--tw-gradient-to-position)
  }
  .p-2 {
      padding: 0.5rem
  }
  .p-3 {
      padding: 0.75rem
  }
  .p-4 {
      padding: 1rem
  }
  .p-6 {
      padding: 1.5rem
  }
  .p-8 {
      padding: 2rem
  }
  .px-2\.5 {
      padding-left: 0.625rem;
      padding-right: 0.625rem
  }
  .px-4 {
      padding-left: 1rem;
      padding-right: 1rem
  }
  .px-6 {
      padding-left: 1.5rem;
      padding-right: 1.5rem
  }
  .py-1 {
      padding-top: 0.25rem;
      padding-bottom: 0.25rem
  }
  .py-2 {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem
  }
  .py-3 {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem
  }
  .py-8 {
      padding-top: 2rem;
      padding-bottom: 2rem
  }
  .text-center {
      text-align: center
  }
  .text-2xl {
      font-size: 1.5rem;
      line-height: 2rem
  }
  .text-lg {
      font-size: 1.125rem;
      line-height: 1.75rem
  }
  .text-sm {
      font-size: 0.875rem;
      line-height: 1.25rem
  }
  .text-xs {
      font-size: 0.75rem;
      line-height: 1rem
  }
  .font-bold {
      font-weight: 700
  }
  .font-medium {
      font-weight: 500
  }
  .font-semibold {
      font-weight: 600
  }
  .text-amber-300 {
      --tw-text-opacity: 1;
      color: rgb(252 211 77 / var(--tw-text-opacity, 1))
  }
  .text-amber-400 {
      --tw-text-opacity: 1;
      color: rgb(251 191 36 / var(--tw-text-opacity, 1))
  }
  .text-blue-300 {
      --tw-text-opacity: 1;
      color: rgb(147 197 253 / var(--tw-text-opacity, 1))
  }
  .text-emerald-300 {
      --tw-text-opacity: 1;
      color: rgb(110 231 183 / var(--tw-text-opacity, 1))
  }
  .text-emerald-400 {
      --tw-text-opacity: 1;
      color: rgb(52 211 153 / var(--tw-text-opacity, 1))
  }
  .text-green-300 {
      --tw-text-opacity: 1;
      color: rgb(134 239 172 / var(--tw-text-opacity, 1))
  }
  .text-purple-300 {
      --tw-text-opacity: 1;
      color: rgb(216 180 254 / var(--tw-text-opacity, 1))
  }
  .text-purple-400 {
      --tw-text-opacity: 1;
      color: rgb(192 132 252 / var(--tw-text-opacity, 1))
  }
  .text-red-300 {
      --tw-text-opacity: 1;
      color: rgb(252 165 165 / var(--tw-text-opacity, 1))
  }
  .text-red-400 {
      --tw-text-opacity: 1;
      color: rgb(248 113 113 / var(--tw-text-opacity, 1))
  }
  .text-sky-400 {
      --tw-text-opacity: 1;
      color: rgb(56 189 248 / var(--tw-text-opacity, 1))
  }
  .text-white {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1))
  }
  .text-zinc-300 {
      --tw-text-opacity: 1;
      color: rgb(212 212 216 / var(--tw-text-opacity, 1))
  }
  .text-zinc-400 {
      --tw-text-opacity: 1;
      color: rgb(161 161 170 / var(--tw-text-opacity, 1))
  }
  .text-zinc-500 {
      --tw-text-opacity: 1;
      color: rgb(113 113 122 / var(--tw-text-opacity, 1))
  }
  .text-zinc-600 {
      --tw-text-opacity: 1;
      color: rgb(82 82 91 / var(--tw-text-opacity, 1))
  }
  .opacity-0 {
      opacity: 0
  }
  .transition-all {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms
  }
  .transition-colors {
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms
  }
  .hover\:scale-\[1\.02\]:hover {
      --tw-scale-x: 1.02;
      --tw-scale-y: 1.02;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  .hover\:border-zinc-600:hover {
      --tw-border-opacity: 1;
      border-color: rgb(82 82 91 / var(--tw-border-opacity, 1))
  }
  .hover\:bg-emerald-500:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1))
  }
  .hover\:bg-sky-500:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1))
  }
  .hover\:bg-zinc-600:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(82 82 91 / var(--tw-bg-opacity, 1))
  }
  .hover\:bg-zinc-700\/60:hover {
      background-color: rgb(63 63 70 / 0.6)
  }
  .disabled\:cursor-not-allowed:disabled {
      cursor: not-allowed
  }
  .disabled\:opacity-50:disabled {
      opacity: 0.5
  }
  @media (min-width: 768px) {
      .md\:grid-cols-4 {
          grid-template-columns: repeat(4, minmax(0, 1fr))
      }
  }
  @media (min-width: 1024px) {
      .lg\:col-span-2 {
          grid-column: span 2 / span 2
      }
      .lg\:grid-cols-3 {
          grid-template-columns: repeat(3, minmax(0, 1fr))
      }
  }
}