/* 1024Token Welcome v1.3 · CSS-only · generated from Sub2API source
 * Utility color coverage: 1583 rules. Semantic red/amber/green and payment palettes remain original.
 * Build: node sub2api-theme/lab/scripts/build-theme.cjs
 */
:root {
  --t1024-p-gray-50: 244 246 243;
  --t1024-p-gray-100: 237 241 237;
  --t1024-p-gray-200: 214 221 215;
  --t1024-p-gray-300: 184 198 188;
  --t1024-p-gray-400: 140 150 154;
  --t1024-p-gray-500: 102 118 109;
  --t1024-p-gray-600: 75 93 82;
  --t1024-p-gray-700: 52 67 60;
  --t1024-p-gray-800: 36 51 44;
  --t1024-p-gray-900: 25 35 31;
  --t1024-p-gray-950: 13 21 17;
  --t1024-p-dark-50: 240 242 238;
  --t1024-p-dark-100: 240 242 238;
  --t1024-p-dark-200: 214 221 215;
  --t1024-p-dark-300: 194 201 201;
  --t1024-p-dark-400: 140 150 154;
  --t1024-p-dark-500: 116 130 127;
  --t1024-p-dark-600: 60 77 78;
  --t1024-p-dark-700: 40 51 54;
  --t1024-p-dark-800: 21 29 31;
  --t1024-p-dark-900: 16 22 24;
  --t1024-p-dark-950: 8 11 13;
  --t1024-p-primary-50: 237 246 240;
  --t1024-p-primary-100: 226 239 230;
  --t1024-p-primary-200: 197 232 214;
  --t1024-p-primary-300: 210 239 223;
  --t1024-p-primary-400: 183 226 206;
  --t1024-p-primary-500: 71 125 96;
  --t1024-p-primary-600: 55 107 83;
  --t1024-p-primary-700: 43 88 68;
  --t1024-p-primary-800: 36 68 56;
  --t1024-p-primary-900: 27 48 40;
  --t1024-p-primary-950: 16 35 27;
}

:root *, :root ::before, :root ::after { border-color: var(--t1024-line); }

/* Exact utility classes and their state variants. */
html:root:root .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(var(--t1024-p-gray-100) / var(--tw-divide-opacity, 1))
}
html:root:root .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(var(--t1024-p-gray-200) / var(--tw-divide-opacity, 1))
}
html:root:root .border-\[\#00AEEF\] {
    --tw-border-opacity: 1;
    border-color: rgb(0 174 239 / var(--tw-border-opacity, 1))
}
html:root:root .border-\[\#02A9F1\] {
    --tw-border-opacity: 1;
    border-color: rgb(2 169 241 / var(--tw-border-opacity, 1))
}
html:root:root .border-\[\#09BB07\] {
    --tw-border-opacity: 1;
    border-color: rgb(9 187 7 / var(--tw-border-opacity, 1))
}
html:root:root .border-\[\#2BB741\] {
    --tw-border-opacity: 1;
    border-color: rgb(43 183 65 / var(--tw-border-opacity, 1))
}
html:root:root .border-\[\#676BE5\] {
    --tw-border-opacity: 1;
    border-color: rgb(103 107 229 / var(--tw-border-opacity, 1))
}
html:root:root .border-\[\#FF6B3D\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 107 61 / var(--tw-border-opacity, 1))
}
html:root:root .border-amber-100\/80 {
    border-color: rgb(254 243 199 / 0.8)
}
html:root:root .border-amber-200 {
    --tw-border-opacity: 1;
    border-color: rgb(253 230 138 / var(--tw-border-opacity, 1))
}
html:root:root .border-amber-300 {
    --tw-border-opacity: 1;
    border-color: rgb(252 211 77 / var(--tw-border-opacity, 1))
}
html:root:root .border-amber-400 {
    --tw-border-opacity: 1;
    border-color: rgb(251 191 36 / var(--tw-border-opacity, 1))
}
html:root:root .border-amber-500 {
    --tw-border-opacity: 1;
    border-color: rgb(245 158 11 / var(--tw-border-opacity, 1))
}
html:root:root .border-amber-500\/20 {
    border-color: rgb(245 158 11 / 0.2)
}
html:root:root .border-amber-500\/30 {
    border-color: rgb(245 158 11 / 0.3)
}
html:root:root .border-amber-500\/35 {
    border-color: rgb(245 158 11 / 0.35)
}
html:root:root .border-blue-100 {
    --tw-border-opacity: 1;
    border-color: rgb(219 234 254 / var(--tw-border-opacity, 1))
}
html:root:root .border-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgb(191 219 254 / var(--tw-border-opacity, 1))
}
html:root:root .border-blue-300 {
    --tw-border-opacity: 1;
    border-color: rgb(147 197 253 / var(--tw-border-opacity, 1))
}
html:root:root .border-blue-400\/30 {
    border-color: rgb(96 165 250 / 0.3)
}
html:root:root .border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1))
}
html:root:root .border-blue-500\/20 {
    border-color: rgb(59 130 246 / 0.2)
}
html:root:root .border-blue-500\/30 {
    border-color: rgb(59 130 246 / 0.3)
}
html:root:root .border-blue-500\/35 {
    border-color: rgb(59 130 246 / 0.35)
}
html:root:root .border-current {
    border-color: currentColor
}
html:root:root .border-cyan-500\/20 {
    border-color: rgb(6 182 212 / 0.2)
}
html:root:root .border-cyan-500\/30 {
    border-color: rgb(6 182 212 / 0.3)
}
html:root:root .border-cyan-500\/35 {
    border-color: rgb(6 182 212 / 0.35)
}
html:root:root .border-dark-600 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-dark-600) / var(--tw-border-opacity, 1))
}
html:root:root .border-dark-700\/50 {
    border-color: rgb(var(--t1024-p-dark-700) / 0.5)
}
html:root:root .border-emerald-200 {
    --tw-border-opacity: 1;
    border-color: rgb(167 243 208 / var(--tw-border-opacity, 1))
}
html:root:root .border-emerald-300 {
    --tw-border-opacity: 1;
    border-color: rgb(110 231 183 / var(--tw-border-opacity, 1))
}
html:root:root .border-emerald-500 {
    --tw-border-opacity: 1;
    border-color: rgb(16 185 129 / var(--tw-border-opacity, 1))
}
html:root:root .border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-gray-100) / var(--tw-border-opacity, 1))
}
html:root:root .border-gray-100\/50 {
    border-color: rgb(var(--t1024-p-gray-100) / 0.5)
}
html:root:root .border-gray-100\/70 {
    border-color: rgb(var(--t1024-p-gray-100) / 0.7)
}
html:root:root .border-gray-100\/80 {
    border-color: rgb(var(--t1024-p-gray-100) / 0.8)
}
html:root:root .border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-gray-200) / var(--tw-border-opacity, 1))
}
html:root:root .border-gray-200\/50 {
    border-color: rgb(var(--t1024-p-gray-200) / 0.5)
}
html:root:root .border-gray-200\/60 {
    border-color: rgb(var(--t1024-p-gray-200) / 0.6)
}
html:root:root .border-gray-200\/80 {
    border-color: rgb(var(--t1024-p-gray-200) / 0.8)
}
html:root:root .border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-gray-300) / var(--tw-border-opacity, 1))
}
html:root:root .border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-gray-400) / var(--tw-border-opacity, 1))
}
html:root:root .border-gray-400\/70 {
    border-color: rgb(var(--t1024-p-gray-400) / 0.7)
}
html:root:root .border-gray-50 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-gray-50) / var(--tw-border-opacity, 1))
}
html:root:root .border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-gray-700) / var(--tw-border-opacity, 1))
}
html:root:root .border-green-200 {
    --tw-border-opacity: 1;
    border-color: rgb(187 247 208 / var(--tw-border-opacity, 1))
}
html:root:root .border-green-300 {
    --tw-border-opacity: 1;
    border-color: rgb(134 239 172 / var(--tw-border-opacity, 1))
}
html:root:root .border-green-400 {
    --tw-border-opacity: 1;
    border-color: rgb(74 222 128 / var(--tw-border-opacity, 1))
}
html:root:root .border-green-500 {
    --tw-border-opacity: 1;
    border-color: rgb(34 197 94 / var(--tw-border-opacity, 1))
}
html:root:root .border-green-500\/20 {
    border-color: rgb(34 197 94 / 0.2)
}
html:root:root .border-green-500\/30 {
    border-color: rgb(34 197 94 / 0.3)
}
html:root:root .border-green-500\/35 {
    border-color: rgb(34 197 94 / 0.35)
}
html:root:root .border-indigo-500 {
    --tw-border-opacity: 1;
    border-color: rgb(99 102 241 / var(--tw-border-opacity, 1))
}
html:root:root .border-indigo-500\/20 {
    border-color: rgb(99 102 241 / 0.2)
}
html:root:root .border-indigo-500\/30 {
    border-color: rgb(99 102 241 / 0.3)
}
html:root:root .border-indigo-500\/35 {
    border-color: rgb(99 102 241 / 0.35)
}
html:root:root .border-neutral-500\/20 {
    border-color: rgb(115 115 115 / 0.2)
}
html:root:root .border-neutral-500\/30 {
    border-color: rgb(115 115 115 / 0.3)
}
html:root:root .border-neutral-500\/35 {
    border-color: rgb(115 115 115 / 0.35)
}
html:root:root .border-orange-500 {
    --tw-border-opacity: 1;
    border-color: rgb(249 115 22 / var(--tw-border-opacity, 1))
}
html:root:root .border-orange-500\/20 {
    border-color: rgb(249 115 22 / 0.2)
}
html:root:root .border-orange-500\/30 {
    border-color: rgb(249 115 22 / 0.3)
}
html:root:root .border-orange-500\/35 {
    border-color: rgb(249 115 22 / 0.35)
}
html:root:root .border-pink-500 {
    --tw-border-opacity: 1;
    border-color: rgb(236 72 153 / var(--tw-border-opacity, 1))
}
html:root:root .border-pink-500\/20 {
    border-color: rgb(236 72 153 / 0.2)
}
html:root:root .border-pink-500\/30 {
    border-color: rgb(236 72 153 / 0.3)
}
html:root:root .border-pink-500\/35 {
    border-color: rgb(236 72 153 / 0.35)
}
html:root:root .border-primary-100 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-100) / var(--tw-border-opacity, 1))
}
html:root:root .border-primary-100\/80 {
    border-color: rgb(var(--t1024-p-primary-100) / 0.8)
}
html:root:root .border-primary-200 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-200) / var(--tw-border-opacity, 1))
}
html:root:root .border-primary-200\/80 {
    border-color: rgb(var(--t1024-p-primary-200) / 0.8)
}
html:root:root .border-primary-300 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-300) / var(--tw-border-opacity, 1))
}
html:root:root .border-primary-400 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-400) / var(--tw-border-opacity, 1))
}
html:root:root .border-primary-500 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-500) / var(--tw-border-opacity, 1))
}
html:root:root .border-primary-600 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-600) / var(--tw-border-opacity, 1))
}
html:root:root .border-primary-600\/25 {
    border-color: rgb(var(--t1024-p-primary-600) / 0.25)
}
html:root:root .border-purple-200 {
    --tw-border-opacity: 1;
    border-color: rgb(233 213 255 / var(--tw-border-opacity, 1))
}
html:root:root .border-purple-500 {
    --tw-border-opacity: 1;
    border-color: rgb(168 85 247 / var(--tw-border-opacity, 1))
}
html:root:root .border-purple-500\/20 {
    border-color: rgb(168 85 247 / 0.2)
}
html:root:root .border-purple-500\/30 {
    border-color: rgb(168 85 247 / 0.3)
}
html:root:root .border-purple-500\/35 {
    border-color: rgb(168 85 247 / 0.35)
}
html:root:root .border-red-100 {
    --tw-border-opacity: 1;
    border-color: rgb(254 226 226 / var(--tw-border-opacity, 1))
}
html:root:root .border-red-200 {
    --tw-border-opacity: 1;
    border-color: rgb(254 202 202 / var(--tw-border-opacity, 1))
}
html:root:root .border-red-400 {
    --tw-border-opacity: 1;
    border-color: rgb(248 113 113 / var(--tw-border-opacity, 1))
}
html:root:root .border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68 / var(--tw-border-opacity, 1))
}
html:root:root .border-rose-300 {
    --tw-border-opacity: 1;
    border-color: rgb(253 164 175 / var(--tw-border-opacity, 1))
}
html:root:root .border-rose-500 {
    --tw-border-opacity: 1;
    border-color: rgb(244 63 94 / var(--tw-border-opacity, 1))
}
html:root:root .border-rose-500\/20 {
    border-color: rgb(244 63 94 / 0.2)
}
html:root:root .border-rose-500\/30 {
    border-color: rgb(244 63 94 / 0.3)
}
html:root:root .border-rose-500\/35 {
    border-color: rgb(244 63 94 / 0.35)
}
html:root:root .border-sky-100 {
    --tw-border-opacity: 1;
    border-color: rgb(224 242 254 / var(--tw-border-opacity, 1))
}
html:root:root .border-sky-200 {
    --tw-border-opacity: 1;
    border-color: rgb(186 230 253 / var(--tw-border-opacity, 1))
}
html:root:root .border-sky-300 {
    --tw-border-opacity: 1;
    border-color: rgb(125 211 252 / var(--tw-border-opacity, 1))
}
html:root:root .border-sky-500 {
    --tw-border-opacity: 1;
    border-color: rgb(14 165 233 / var(--tw-border-opacity, 1))
}
html:root:root .border-sky-500\/20 {
    border-color: rgb(14 165 233 / 0.2)
}
html:root:root .border-sky-500\/30 {
    border-color: rgb(14 165 233 / 0.3)
}
html:root:root .border-sky-500\/35 {
    border-color: rgb(14 165 233 / 0.35)
}
html:root:root .border-slate-200 {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity, 1))
}
html:root:root .border-slate-500\/30 {
    border-color: rgb(100 116 139 / 0.3)
}
html:root:root .border-teal-500 {
    --tw-border-opacity: 1;
    border-color: rgb(20 184 166 / var(--tw-border-opacity, 1))
}
html:root:root .border-teal-500\/20 {
    border-color: rgb(20 184 166 / 0.2)
}
html:root:root .border-teal-500\/30 {
    border-color: rgb(20 184 166 / 0.3)
}
html:root:root .border-teal-500\/35 {
    border-color: rgb(20 184 166 / 0.35)
}
html:root:root .border-transparent {
    border-color: transparent
}
html:root:root .border-violet-200 {
    --tw-border-opacity: 1;
    border-color: rgb(221 214 254 / var(--tw-border-opacity, 1))
}
html:root:root .border-violet-500\/20 {
    border-color: rgb(139 92 246 / 0.2)
}
html:root:root .border-violet-500\/30 {
    border-color: rgb(139 92 246 / 0.3)
}
html:root:root .border-violet-500\/35 {
    border-color: rgb(139 92 246 / 0.35)
}
html:root:root .border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1))
}
html:root:root .border-white\/10 {
    border-color: rgb(255 255 255 / 0.1)
}
html:root:root .border-white\/15 {
    border-color: rgb(255 255 255 / 0.15)
}
html:root:root .border-white\/80 {
    border-color: rgb(255 255 255 / 0.8)
}
html:root:root .border-yellow-200 {
    --tw-border-opacity: 1;
    border-color: rgb(254 240 138 / var(--tw-border-opacity, 1))
}
html:root:root .border-yellow-300 {
    --tw-border-opacity: 1;
    border-color: rgb(253 224 71 / var(--tw-border-opacity, 1))
}
html:root:root .border-yellow-500 {
    --tw-border-opacity: 1;
    border-color: rgb(234 179 8 / var(--tw-border-opacity, 1))
}
html:root:root .border-zinc-500 {
    --tw-border-opacity: 1;
    border-color: rgb(113 113 122 / var(--tw-border-opacity, 1))
}
html:root:root .border-zinc-800 {
    --tw-border-opacity: 1;
    border-color: rgb(39 39 42 / var(--tw-border-opacity, 1))
}
html:root:root .border-zinc-800\/20 {
    border-color: rgb(39 39 42 / 0.2)
}
html:root:root .border-zinc-800\/30 {
    border-color: rgb(39 39 42 / 0.3)
}
html:root:root .border-zinc-800\/35 {
    border-color: rgb(39 39 42 / 0.35)
}
html:root:root .border-b-gray-200 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(var(--t1024-p-gray-200) / var(--tw-border-opacity, 1))
}
html:root:root .border-b-gray-800 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(var(--t1024-p-gray-800) / var(--tw-border-opacity, 1))
}
html:root:root .border-b-gray-900 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(var(--t1024-p-gray-900) / var(--tw-border-opacity, 1))
}
html:root:root .border-b-transparent {
    border-bottom-color: transparent
}
html:root:root .border-l-transparent {
    border-left-color: transparent
}
html:root:root .border-r-gray-900 {
    --tw-border-opacity: 1;
    border-right-color: rgb(var(--t1024-p-gray-900) / var(--tw-border-opacity, 1))
}
html:root:root .border-t-blue-600 {
    --tw-border-opacity: 1;
    border-top-color: rgb(37 99 235 / var(--tw-border-opacity, 1))
}
html:root:root .border-t-gray-900 {
    --tw-border-opacity: 1;
    border-top-color: rgb(var(--t1024-p-gray-900) / var(--tw-border-opacity, 1))
}
html:root:root .border-t-primary-600 {
    --tw-border-opacity: 1;
    border-top-color: rgb(var(--t1024-p-primary-600) / var(--tw-border-opacity, 1))
}
html:root:root .border-t-transparent {
    border-top-color: transparent
}
html:root:root .bg-\[\#00AEEF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 174 239 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-\[\#2BB741\] {
    --tw-bg-opacity: 1;
    background-color: rgb(43 183 65 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-amber-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-amber-200\/80 {
    background-color: rgb(253 230 138 / 0.8)
}
html:root:root .bg-amber-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-amber-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-amber-50\/90 {
    background-color: rgb(255 251 235 / 0.9)
}
html:root:root .bg-amber-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-amber-500\/10 {
    background-color: rgb(245 158 11 / 0.1)
}
html:root:root .bg-amber-500\/20 {
    background-color: rgb(245 158 11 / 0.2)
}
html:root:root .bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-black\/0 {
    background-color: rgb(0 0 0 / 0)
}
html:root:root .bg-black\/10 {
    background-color: rgb(0 0 0 / 0.1)
}
html:root:root .bg-black\/20 {
    background-color: rgb(0 0 0 / 0.2)
}
html:root:root .bg-black\/50 {
    background-color: rgb(0 0 0 / 0.5)
}
html:root:root .bg-black\/60 {
    background-color: rgb(0 0 0 / 0.6)
}
html:root:root .bg-black\/70 {
    background-color: rgb(0 0 0 / 0.7)
}
html:root:root .bg-black\/80 {
    background-color: rgb(0 0 0 / 0.8)
}
html:root:root .bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-blue-200\/60 {
    background-color: rgb(191 219 254 / 0.6)
}
html:root:root .bg-blue-200\/80 {
    background-color: rgb(191 219 254 / 0.8)
}
html:root:root .bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-blue-50\/30 {
    background-color: rgb(239 246 255 / 0.3)
}
html:root:root .bg-blue-50\/50 {
    background-color: rgb(239 246 255 / 0.5)
}
html:root:root .bg-blue-50\/90 {
    background-color: rgb(239 246 255 / 0.9)
}
html:root:root .bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-blue-500\/10 {
    background-color: rgb(59 130 246 / 0.1)
}
html:root:root .bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-blue-900\/5 {
    background-color: rgb(30 58 138 / 0.05)
}
html:root:root .bg-cyan-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-cyan-200\/70 {
    background-color: rgb(165 243 252 / 0.7)
}
html:root:root .bg-cyan-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-cyan-500\/10 {
    background-color: rgb(6 182 212 / 0.1)
}
html:root:root .bg-cyan-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(14 116 144 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-dark-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-dark-700) / var(--tw-bg-opacity, 1))
}
html:root:root .bg-emerald-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-emerald-200\/60 {
    background-color: rgb(167 243 208 / 0.6)
}
html:root:root .bg-emerald-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-emerald-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-emerald-500\/10 {
    background-color: rgb(16 185 129 / 0.1)
}
html:root:root .bg-emerald-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-fuchsia-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 232 255 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-fuchsia-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 244 255 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-gray-100) / var(--tw-bg-opacity, 1))
}
html:root:root .bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-gray-200) / var(--tw-bg-opacity, 1))
}
html:root:root .bg-gray-200\/60 {
    background-color: rgb(var(--t1024-p-gray-200) / 0.6)
}
html:root:root .bg-gray-200\/70 {
    background-color: rgb(var(--t1024-p-gray-200) / 0.7)
}
html:root:root .bg-gray-200\/80 {
    background-color: rgb(var(--t1024-p-gray-200) / 0.8)
}
html:root:root .bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-gray-300) / var(--tw-bg-opacity, 1))
}
html:root:root .bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-gray-400) / var(--tw-bg-opacity, 1))
}
html:root:root .bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-gray-50) / var(--tw-bg-opacity, 1))
}
html:root:root .bg-gray-50\/30 {
    background-color: rgb(var(--t1024-p-gray-50) / 0.3)
}
html:root:root .bg-gray-50\/40 {
    background-color: rgb(var(--t1024-p-gray-50) / 0.4)
}
html:root:root .bg-gray-50\/50 {
    background-color: rgb(var(--t1024-p-gray-50) / 0.5)
}
html:root:root .bg-gray-50\/60 {
    background-color: rgb(var(--t1024-p-gray-50) / 0.6)
}
html:root:root .bg-gray-50\/70 {
    background-color: rgb(var(--t1024-p-gray-50) / 0.7)
}
html:root:root .bg-gray-50\/80 {
    background-color: rgb(var(--t1024-p-gray-50) / 0.8)
}
html:root:root .bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-gray-700) / var(--tw-bg-opacity, 1))
}
html:root:root .bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-gray-800) / var(--tw-bg-opacity, 1))
}
html:root:root .bg-gray-800\/80 {
    background-color: rgb(var(--t1024-p-gray-800) / 0.8)
}
html:root:root .bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-gray-900) / var(--tw-bg-opacity, 1))
}
html:root:root .bg-gray-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-gray-950) / var(--tw-bg-opacity, 1))
}
html:root:root .bg-gray-950\/60 {
    background-color: rgb(var(--t1024-p-gray-950) / 0.6)
}
html:root:root .bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-green-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-green-50\/50 {
    background-color: rgb(240 253 244 / 0.5)
}
html:root:root .bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-green-500\/10 {
    background-color: rgb(34 197 94 / 0.1)
}
html:root:root .bg-green-500\/20 {
    background-color: rgb(34 197 94 / 0.2)
}
html:root:root .bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-indigo-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-indigo-200\/60 {
    background-color: rgb(199 210 254 / 0.6)
}
html:root:root .bg-indigo-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-indigo-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-indigo-500\/10 {
    background-color: rgb(99 102 241 / 0.1)
}
html:root:root .bg-lime-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 252 203 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-neutral-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-neutral-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(115 115 115 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-neutral-500\/10 {
    background-color: rgb(115 115 115 / 0.1)
}
html:root:root .bg-orange-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-orange-200\/60 {
    background-color: rgb(254 215 170 / 0.6)
}
html:root:root .bg-orange-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-orange-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-orange-500\/10 {
    background-color: rgb(249 115 22 / 0.1)
}
html:root:root .bg-orange-500\/20 {
    background-color: rgb(249 115 22 / 0.2)
}
html:root:root .bg-pink-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 231 243 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-pink-200\/60 {
    background-color: rgb(251 207 232 / 0.6)
}
html:root:root .bg-pink-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 242 248 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-pink-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-pink-500\/10 {
    background-color: rgb(236 72 153 / 0.1)
}
html:root:root .bg-primary-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-primary-100) / var(--tw-bg-opacity, 1))
}
html:root:root .bg-primary-200\/50 {
    background-color: rgb(var(--t1024-p-primary-200) / 0.5)
}
html:root:root .bg-primary-300\/10 {
    background-color: rgb(var(--t1024-p-primary-300) / 0.1)
}
html:root:root .bg-primary-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-primary-400) / var(--tw-bg-opacity, 1))
}
html:root:root .bg-primary-400\/10 {
    background-color: rgb(var(--t1024-p-primary-400) / 0.1)
}
html:root:root .bg-primary-400\/20 {
    background-color: rgb(var(--t1024-p-primary-400) / 0.2)
}
html:root:root .bg-primary-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-primary-50) / var(--tw-bg-opacity, 1))
}
html:root:root .bg-primary-50\/40 {
    background-color: rgb(var(--t1024-p-primary-50) / 0.4)
}
html:root:root .bg-primary-50\/50 {
    background-color: rgb(var(--t1024-p-primary-50) / 0.5)
}
html:root:root .bg-primary-50\/60 {
    background-color: rgb(var(--t1024-p-primary-50) / 0.6)
}
html:root:root .bg-primary-50\/70 {
    background-color: rgb(var(--t1024-p-primary-50) / 0.7)
}
html:root:root .bg-primary-50\/80 {
    background-color: rgb(var(--t1024-p-primary-50) / 0.8)
}
html:root:root .bg-primary-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-primary-500) / var(--tw-bg-opacity, 1))
}
html:root:root .bg-primary-500\/10 {
    background-color: rgb(var(--t1024-p-primary-500) / 0.1)
}
html:root:root .bg-primary-500\/15 {
    background-color: rgb(var(--t1024-p-primary-500) / 0.15)
}
html:root:root .bg-primary-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-primary-600) / var(--tw-bg-opacity, 1))
}
html:root:root .bg-primary-900\/10 {
    background-color: rgb(var(--t1024-p-primary-900) / 0.1)
}
html:root:root .bg-purple-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-purple-200\/60 {
    background-color: rgb(233 213 255 / 0.6)
}
html:root:root .bg-purple-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-purple-500\/10 {
    background-color: rgb(168 85 247 / 0.1)
}
html:root:root .bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-red-200\/80 {
    background-color: rgb(254 202 202 / 0.8)
}
html:root:root .bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-red-50\/60 {
    background-color: rgb(254 242 242 / 0.6)
}
html:root:root .bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-rose-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-rose-200\/60 {
    background-color: rgb(254 205 211 / 0.6)
}
html:root:root .bg-rose-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-rose-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-rose-500\/10 {
    background-color: rgb(244 63 94 / 0.1)
}
html:root:root .bg-rose-500\/20 {
    background-color: rgb(244 63 94 / 0.2)
}
html:root:root .bg-sky-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-sky-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-sky-50\/60 {
    background-color: rgb(240 249 255 / 0.6)
}
html:root:root .bg-sky-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-sky-500\/10 {
    background-color: rgb(14 165 233 / 0.1)
}
html:root:root .bg-sky-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-slate-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-slate-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-slate-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-slate-500\/10 {
    background-color: rgb(100 116 139 / 0.1)
}
html:root:root .bg-teal-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-teal-200\/60 {
    background-color: rgb(153 246 228 / 0.6)
}
html:root:root .bg-teal-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(240 253 250 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-teal-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-teal-500\/10 {
    background-color: rgb(20 184 166 / 0.1)
}
html:root:root .bg-transparent {
    background-color: transparent
}
html:root:root .bg-violet-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-violet-200\/60 {
    background-color: rgb(221 214 254 / 0.6)
}
html:root:root .bg-violet-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-violet-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-violet-500\/10 {
    background-color: rgb(139 92 246 / 0.1)
}
html:root:root .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-white\/10 {
    background-color: rgb(255 255 255 / 0.1)
}
html:root:root .bg-white\/20 {
    background-color: rgb(255 255 255 / 0.2)
}
html:root:root .bg-white\/40 {
    background-color: rgb(255 255 255 / 0.4)
}
html:root:root .bg-white\/50 {
    background-color: rgb(255 255 255 / 0.5)
}
html:root:root .bg-white\/60 {
    background-color: rgb(255 255 255 / 0.6)
}
html:root:root .bg-white\/70 {
    background-color: rgb(255 255 255 / 0.7)
}
html:root:root .bg-white\/80 {
    background-color: rgb(255 255 255 / 0.8)
}
html:root:root .bg-white\/85 {
    background-color: rgb(255 255 255 / 0.85)
}
html:root:root .bg-white\/90 {
    background-color: rgb(255 255 255 / 0.9)
}
html:root:root .bg-white\/95 {
    background-color: rgb(255 255 255 / 0.95)
}
html:root:root .bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-zinc-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-zinc-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-zinc-300\/70 {
    background-color: rgb(212 212 216 / 0.7)
}
html:root:root .bg-zinc-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-zinc-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-zinc-800\/10 {
    background-color: rgb(39 39 42 / 0.1)
}
html:root:root .bg-zinc-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1))
}
html:root:root .bg-\[linear-gradient\(rgba\(20\2c 184\2c 166\2c 0\.03\)_1px\2c transparent_1px\)\2c linear-gradient\(90deg\2c rgba\(20\2c 184\2c 166\2c 0\.03\)_1px\2c transparent_1px\)\] {
    background-image: linear-gradient(rgba(20,184,166,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(20,184,166,0.03) 1px,transparent 1px)
}
html:root:root .bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}
html:root:root .bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}
html:root:root .bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--tw-gradient-stops))
}
html:root:root .bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}
html:root:root .bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--tw-gradient-stops))
}
html:root:root .bg-mesh-gradient {
    background-image: radial-gradient(at 40% 20%, rgba(20, 184, 166, 0.12) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(6, 182, 212, 0.08) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(20, 184, 166, 0.08) 0px, transparent 50%)
}
html:root:root .from-\[\#635bff\] {
    --tw-gradient-from: #635bff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(99 91 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-amber-400 {
    --tw-gradient-from: #fbbf24 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-amber-400\/20 {
    --tw-gradient-from: rgb(251 191 36 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-amber-50 {
    --tw-gradient-from: #fffbeb var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 251 235 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-amber-50\/80 {
    --tw-gradient-from: rgb(255 251 235 / 0.8) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 251 235 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-amber-500 {
    --tw-gradient-from: #f59e0b var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-black\/70 {
    --tw-gradient-from: rgb(0 0 0 / 0.7) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-blue-400 {
    --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-blue-400\/20 {
    --tw-gradient-from: rgb(96 165 250 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-blue-50 {
    --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-blue-50\/50 {
    --tw-gradient-from: rgb(239 246 255 / 0.5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-blue-50\/80 {
    --tw-gradient-from: rgb(239 246 255 / 0.8) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-blue-500 {
    --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-blue-600 {
    --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-emerald-400 {
    --tw-gradient-from: #34d399 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-emerald-50 {
    --tw-gradient-from: #ecfdf5 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .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)
}
html:root:root .from-gray-100 {
    --tw-gradient-from: rgb(var(--t1024-p-gray-100) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--t1024-p-gray-100) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-gray-50 {
    --tw-gradient-from: rgb(var(--t1024-p-gray-50) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--t1024-p-gray-50) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-gray-500 {
    --tw-gradient-from: rgb(var(--t1024-p-gray-500) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--t1024-p-gray-500) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-green-500 {
    --tw-gradient-from: #22c55e var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-indigo-100\/20 {
    --tw-gradient-from: rgb(224 231 255 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(224 231 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-indigo-100\/30 {
    --tw-gradient-from: rgb(224 231 255 / 0.3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(224 231 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-indigo-400 {
    --tw-gradient-from: #818cf8 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-indigo-50 {
    --tw-gradient-from: #eef2ff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(238 242 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-indigo-500 {
    --tw-gradient-from: #6366f1 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-neutral-400 {
    --tw-gradient-from: #a3a3a3 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(163 163 163 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-neutral-500 {
    --tw-gradient-from: #737373 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(115 115 115 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-orange-100\/30 {
    --tw-gradient-from: rgb(255 237 213 / 0.3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 237 213 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-orange-400 {
    --tw-gradient-from: #fb923c var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-orange-50 {
    --tw-gradient-from: #fff7ed var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-orange-500 {
    --tw-gradient-from: #f97316 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-pink-400 {
    --tw-gradient-from: #f472b6 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-pink-50 {
    --tw-gradient-from: #fdf2f8 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(253 242 248 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-pink-500 {
    --tw-gradient-from: #ec4899 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-primary-400 {
    --tw-gradient-from: rgb(var(--t1024-p-primary-400) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--t1024-p-primary-400) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-primary-50 {
    --tw-gradient-from: rgb(var(--t1024-p-primary-50) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--t1024-p-primary-50) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-primary-500 {
    --tw-gradient-from: rgb(var(--t1024-p-primary-500) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--t1024-p-primary-500) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-primary-600 {
    --tw-gradient-from: rgb(var(--t1024-p-primary-600) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--t1024-p-primary-600) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-purple-400 {
    --tw-gradient-from: #c084fc var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-purple-400\/20 {
    --tw-gradient-from: rgb(192 132 252 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-purple-50 {
    --tw-gradient-from: #faf5ff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-purple-500 {
    --tw-gradient-from: #a855f7 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-red-400 {
    --tw-gradient-from: #f87171 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-red-500 {
    --tw-gradient-from: #ef4444 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-rose-400 {
    --tw-gradient-from: #fb7185 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(251 113 133 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-rose-50 {
    --tw-gradient-from: #fff1f2 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 241 242 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-rose-500 {
    --tw-gradient-from: #f43f5e var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-sky-400 {
    --tw-gradient-from: #38bdf8 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-sky-50 {
    --tw-gradient-from: #f0f9ff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(240 249 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-sky-500 {
    --tw-gradient-from: #0ea5e9 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-slate-500 {
    --tw-gradient-from: #64748b var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(100 116 139 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-slate-600 {
    --tw-gradient-from: #475569 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(71 85 105 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-teal-400 {
    --tw-gradient-from: #2dd4bf var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(45 212 191 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-teal-50 {
    --tw-gradient-from: #f0fdfa var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(240 253 250 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-teal-500 {
    --tw-gradient-from: #14b8a6 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-violet-400 {
    --tw-gradient-from: #a78bfa var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(167 139 250 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-violet-500 {
    --tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-yellow-400\/20 {
    --tw-gradient-from: rgb(250 204 21 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-zinc-50 {
    --tw-gradient-from: #fafafa var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(250 250 250 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-zinc-700 {
    --tw-gradient-from: #3f3f46 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(63 63 70 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .from-40\% {
    --tw-gradient-from-position: 40%
}
html:root:root .via-black\/60 {
    --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to)
}
html:root:root .via-indigo-50\/50 {
    --tw-gradient-to: rgb(238 242 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(238 242 255 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to)
}
html:root:root .via-indigo-500 {
    --tw-gradient-to: rgb(99 102 241 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #6366f1 var(--tw-gradient-via-position), var(--tw-gradient-to)
}
html:root:root .via-orange-50\/50 {
    --tw-gradient-to: rgb(255 247 237 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 247 237 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to)
}
html:root:root .via-orange-500 {
    --tw-gradient-to: rgb(249 115 22 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #f97316 var(--tw-gradient-via-position), var(--tw-gradient-to)
}
html:root:root .via-primary-50\/30 {
    --tw-gradient-to: rgb(var(--t1024-p-primary-50) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--t1024-p-primary-50) / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to)
}
html:root:root .via-white {
    --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)
}
html:root:root .to-\[\#4f46e5\] {
    --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position)
}
html:root:root .to-amber-100 {
    --tw-gradient-to: #fef3c7 var(--tw-gradient-to-position)
}
html:root:root .to-amber-400 {
    --tw-gradient-to: #fbbf24 var(--tw-gradient-to-position)
}
html:root:root .to-amber-50\/70 {
    --tw-gradient-to: rgb(255 251 235 / 0.7) var(--tw-gradient-to-position)
}
html:root:root .to-amber-500 {
    --tw-gradient-to: #f59e0b var(--tw-gradient-to-position)
}
html:root:root .to-amber-500\/20 {
    --tw-gradient-to: rgb(245 158 11 / 0.2) var(--tw-gradient-to-position)
}
html:root:root .to-amber-600 {
    --tw-gradient-to: #d97706 var(--tw-gradient-to-position)
}
html:root:root .to-black\/70 {
    --tw-gradient-to: rgb(0 0 0 / 0.7) var(--tw-gradient-to-position)
}
html:root:root .to-blue-500 {
    --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)
}
html:root:root .to-blue-600 {
    --tw-gradient-to: #2563eb var(--tw-gradient-to-position)
}
html:root:root .to-cyan-500 {
    --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position)
}
html:root:root .to-cyan-600 {
    --tw-gradient-to: #0891b2 var(--tw-gradient-to-position)
}
html:root:root .to-emerald-100 {
    --tw-gradient-to: #d1fae5 var(--tw-gradient-to-position)
}
html:root:root .to-emerald-500 {
    --tw-gradient-to: #10b981 var(--tw-gradient-to-position)
}
html:root:root .to-emerald-600 {
    --tw-gradient-to: #059669 var(--tw-gradient-to-position)
}
html:root:root .to-gray-100 {
    --tw-gradient-to: rgb(var(--t1024-p-gray-100) / 1) var(--tw-gradient-to-position)
}
html:root:root .to-gray-200 {
    --tw-gradient-to: rgb(var(--t1024-p-gray-200) / 1) var(--tw-gradient-to-position)
}
html:root:root .to-gray-600 {
    --tw-gradient-to: rgb(var(--t1024-p-gray-600) / 1) var(--tw-gradient-to-position)
}
html:root:root .to-green-600 {
    --tw-gradient-to: #16a34a var(--tw-gradient-to-position)
}
html:root:root .to-indigo-100 {
    --tw-gradient-to: #e0e7ff var(--tw-gradient-to-position)
}
html:root:root .to-indigo-50\/30 {
    --tw-gradient-to: rgb(238 242 255 / 0.3) var(--tw-gradient-to-position)
}
html:root:root .to-indigo-500 {
    --tw-gradient-to: #6366f1 var(--tw-gradient-to-position)
}
html:root:root .to-indigo-500\/20 {
    --tw-gradient-to: rgb(99 102 241 / 0.2) var(--tw-gradient-to-position)
}
html:root:root .to-indigo-600 {
    --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position)
}
html:root:root .to-neutral-200 {
    --tw-gradient-to: #e5e5e5 var(--tw-gradient-to-position)
}
html:root:root .to-neutral-500 {
    --tw-gradient-to: #737373 var(--tw-gradient-to-position)
}
html:root:root .to-neutral-600 {
    --tw-gradient-to: #525252 var(--tw-gradient-to-position)
}
html:root:root .to-orange-500 {
    --tw-gradient-to: #f97316 var(--tw-gradient-to-position)
}
html:root:root .to-orange-500\/20 {
    --tw-gradient-to: rgb(249 115 22 / 0.2) var(--tw-gradient-to-position)
}
html:root:root .to-orange-600 {
    --tw-gradient-to: #ea580c var(--tw-gradient-to-position)
}
html:root:root .to-pink-100 {
    --tw-gradient-to: #fce7f3 var(--tw-gradient-to-position)
}
html:root:root .to-pink-500 {
    --tw-gradient-to: #ec4899 var(--tw-gradient-to-position)
}
html:root:root .to-pink-500\/20 {
    --tw-gradient-to: rgb(236 72 153 / 0.2) var(--tw-gradient-to-position)
}
html:root:root .to-pink-600 {
    --tw-gradient-to: #db2777 var(--tw-gradient-to-position)
}
html:root:root .to-primary-100 {
    --tw-gradient-to: rgb(var(--t1024-p-primary-100) / 1) var(--tw-gradient-to-position)
}
html:root:root .to-primary-500 {
    --tw-gradient-to: rgb(var(--t1024-p-primary-500) / 1) var(--tw-gradient-to-position)
}
html:root:root .to-primary-600 {
    --tw-gradient-to: rgb(var(--t1024-p-primary-600) / 1) var(--tw-gradient-to-position)
}
html:root:root .to-purple-100 {
    --tw-gradient-to: #f3e8ff var(--tw-gradient-to-position)
}
html:root:root .to-purple-50\/30 {
    --tw-gradient-to: rgb(250 245 255 / 0.3) var(--tw-gradient-to-position)
}
html:root:root .to-purple-500 {
    --tw-gradient-to: #a855f7 var(--tw-gradient-to-position)
}
html:root:root .to-purple-600 {
    --tw-gradient-to: #9333ea var(--tw-gradient-to-position)
}
html:root:root .to-red-500 {
    --tw-gradient-to: #ef4444 var(--tw-gradient-to-position)
}
html:root:root .to-rose-100 {
    --tw-gradient-to: #ffe4e6 var(--tw-gradient-to-position)
}
html:root:root .to-rose-500 {
    --tw-gradient-to: #f43f5e var(--tw-gradient-to-position)
}
html:root:root .to-rose-600 {
    --tw-gradient-to: #e11d48 var(--tw-gradient-to-position)
}
html:root:root .to-sky-500 {
    --tw-gradient-to: #0ea5e9 var(--tw-gradient-to-position)
}
html:root:root .to-sky-600 {
    --tw-gradient-to: #0284c7 var(--tw-gradient-to-position)
}
html:root:root .to-teal-100 {
    --tw-gradient-to: #ccfbf1 var(--tw-gradient-to-position)
}
html:root:root .to-teal-50 {
    --tw-gradient-to: #f0fdfa var(--tw-gradient-to-position)
}
html:root:root .to-teal-500 {
    --tw-gradient-to: #14b8a6 var(--tw-gradient-to-position)
}
html:root:root .to-teal-600 {
    --tw-gradient-to: #0d9488 var(--tw-gradient-to-position)
}
html:root:root .to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}
html:root:root .to-violet-500 {
    --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position)
}
html:root:root .to-violet-600 {
    --tw-gradient-to: #7c3aed var(--tw-gradient-to-position)
}
html:root:root .to-white {
    --tw-gradient-to: #fff var(--tw-gradient-to-position)
}
html:root:root .to-yellow-50\/30 {
    --tw-gradient-to: rgb(254 252 232 / 0.3) var(--tw-gradient-to-position)
}
html:root:root .to-yellow-500 {
    --tw-gradient-to: #eab308 var(--tw-gradient-to-position)
}
html:root:root .to-zinc-900 {
    --tw-gradient-to: #18181b var(--tw-gradient-to-position)
}
html:root:root .to-60\% {
    --tw-gradient-to-position: 60%
}
html:root:root .text-\[\#00AEEF\] {
    --tw-text-opacity: 1;
    color: rgb(0 174 239 / var(--tw-text-opacity, 1))
}
html:root:root .text-amber-100 {
    --tw-text-opacity: 1;
    color: rgb(254 243 199 / var(--tw-text-opacity, 1))
}
html:root:root .text-amber-200 {
    --tw-text-opacity: 1;
    color: rgb(253 230 138 / var(--tw-text-opacity, 1))
}
html:root:root .text-amber-400 {
    --tw-text-opacity: 1;
    color: rgb(251 191 36 / var(--tw-text-opacity, 1))
}
html:root:root .text-amber-500 {
    --tw-text-opacity: 1;
    color: rgb(245 158 11 / var(--tw-text-opacity, 1))
}
html:root:root .text-amber-600 {
    --tw-text-opacity: 1;
    color: rgb(217 119 6 / var(--tw-text-opacity, 1))
}
html:root:root .text-amber-600\/70 {
    color: rgb(217 119 6 / 0.7)
}
html:root:root .text-amber-700 {
    --tw-text-opacity: 1;
    color: rgb(180 83 9 / var(--tw-text-opacity, 1))
}
html:root:root .text-amber-800 {
    --tw-text-opacity: 1;
    color: rgb(146 64 14 / var(--tw-text-opacity, 1))
}
html:root:root .text-amber-900 {
    --tw-text-opacity: 1;
    color: rgb(120 53 15 / var(--tw-text-opacity, 1))
}
html:root:root .text-blue-100 {
    --tw-text-opacity: 1;
    color: rgb(219 234 254 / var(--tw-text-opacity, 1))
}
html:root:root .text-blue-200 {
    --tw-text-opacity: 1;
    color: rgb(191 219 254 / var(--tw-text-opacity, 1))
}
html:root:root .text-blue-400 {
    --tw-text-opacity: 1;
    color: rgb(96 165 250 / var(--tw-text-opacity, 1))
}
html:root:root .text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity, 1))
}
html:root:root .text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity, 1))
}
html:root:root .text-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity, 1))
}
html:root:root .text-blue-700\/80 {
    color: rgb(29 78 216 / 0.8)
}
html:root:root .text-blue-800 {
    --tw-text-opacity: 1;
    color: rgb(30 64 175 / var(--tw-text-opacity, 1))
}
html:root:root .text-blue-800\/80 {
    color: rgb(30 64 175 / 0.8)
}
html:root:root .text-blue-900 {
    --tw-text-opacity: 1;
    color: rgb(30 58 138 / var(--tw-text-opacity, 1))
}
html:root:root .text-current {
    color: currentColor
}
html:root:root .text-cyan-100 {
    --tw-text-opacity: 1;
    color: rgb(207 250 254 / var(--tw-text-opacity, 1))
}
html:root:root .text-cyan-200 {
    --tw-text-opacity: 1;
    color: rgb(165 243 252 / var(--tw-text-opacity, 1))
}
html:root:root .text-cyan-300 {
    --tw-text-opacity: 1;
    color: rgb(103 232 249 / var(--tw-text-opacity, 1))
}
html:root:root .text-cyan-400 {
    --tw-text-opacity: 1;
    color: rgb(34 211 238 / var(--tw-text-opacity, 1))
}
html:root:root .text-cyan-600 {
    --tw-text-opacity: 1;
    color: rgb(8 145 178 / var(--tw-text-opacity, 1))
}
html:root:root .text-cyan-700 {
    --tw-text-opacity: 1;
    color: rgb(14 116 144 / var(--tw-text-opacity, 1))
}
html:root:root .text-cyan-800 {
    --tw-text-opacity: 1;
    color: rgb(21 94 117 / var(--tw-text-opacity, 1))
}
html:root:root .text-cyan-900 {
    --tw-text-opacity: 1;
    color: rgb(22 78 99 / var(--tw-text-opacity, 1))
}
html:root:root .text-emerald-100 {
    --tw-text-opacity: 1;
    color: rgb(209 250 229 / var(--tw-text-opacity, 1))
}
html:root:root .text-emerald-200 {
    --tw-text-opacity: 1;
    color: rgb(167 243 208 / var(--tw-text-opacity, 1))
}
html:root:root .text-emerald-300 {
    --tw-text-opacity: 1;
    color: rgb(110 231 183 / var(--tw-text-opacity, 1))
}
html:root:root .text-emerald-400 {
    --tw-text-opacity: 1;
    color: rgb(52 211 153 / var(--tw-text-opacity, 1))
}
html:root:root .text-emerald-500 {
    --tw-text-opacity: 1;
    color: rgb(16 185 129 / var(--tw-text-opacity, 1))
}
html:root:root .text-emerald-600 {
    --tw-text-opacity: 1;
    color: rgb(5 150 105 / var(--tw-text-opacity, 1))
}
html:root:root .text-emerald-600\/70 {
    color: rgb(5 150 105 / 0.7)
}
html:root:root .text-emerald-700 {
    --tw-text-opacity: 1;
    color: rgb(4 120 87 / var(--tw-text-opacity, 1))
}
html:root:root .text-emerald-800 {
    --tw-text-opacity: 1;
    color: rgb(6 95 70 / var(--tw-text-opacity, 1))
}
html:root:root .text-emerald-900 {
    --tw-text-opacity: 1;
    color: rgb(6 78 59 / var(--tw-text-opacity, 1))
}
html:root:root .text-fuchsia-300 {
    --tw-text-opacity: 1;
    color: rgb(240 171 252 / var(--tw-text-opacity, 1))
}
html:root:root .text-fuchsia-500 {
    --tw-text-opacity: 1;
    color: rgb(217 70 239 / var(--tw-text-opacity, 1))
}
html:root:root .text-fuchsia-600 {
    --tw-text-opacity: 1;
    color: rgb(192 38 211 / var(--tw-text-opacity, 1))
}
html:root:root .text-fuchsia-700 {
    --tw-text-opacity: 1;
    color: rgb(162 28 175 / var(--tw-text-opacity, 1))
}
html:root:root .text-gray-100 {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-100) / var(--tw-text-opacity, 1))
}
html:root:root .text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-200) / var(--tw-text-opacity, 1))
}
html:root:root .text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-300) / var(--tw-text-opacity, 1))
}
html:root:root .text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-400) / var(--tw-text-opacity, 1))
}
html:root:root .text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-500) / var(--tw-text-opacity, 1))
}
html:root:root .text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-600) / var(--tw-text-opacity, 1))
}
html:root:root .text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-700) / var(--tw-text-opacity, 1))
}
html:root:root .text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-800) / var(--tw-text-opacity, 1))
}
html:root:root .text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-900) / var(--tw-text-opacity, 1))
}
html:root:root .text-gray-950 {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-950) / var(--tw-text-opacity, 1))
}
html:root:root .text-green-300 {
    --tw-text-opacity: 1;
    color: rgb(134 239 172 / var(--tw-text-opacity, 1))
}
html:root:root .text-green-400 {
    --tw-text-opacity: 1;
    color: rgb(74 222 128 / var(--tw-text-opacity, 1))
}
html:root:root .text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity, 1))
}
html:root:root .text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(22 163 74 / var(--tw-text-opacity, 1))
}
html:root:root .text-green-600\/70 {
    color: rgb(22 163 74 / 0.7)
}
html:root:root .text-green-700 {
    --tw-text-opacity: 1;
    color: rgb(21 128 61 / var(--tw-text-opacity, 1))
}
html:root:root .text-green-800 {
    --tw-text-opacity: 1;
    color: rgb(22 101 52 / var(--tw-text-opacity, 1))
}
html:root:root .text-indigo-100 {
    --tw-text-opacity: 1;
    color: rgb(224 231 255 / var(--tw-text-opacity, 1))
}
html:root:root .text-indigo-200 {
    --tw-text-opacity: 1;
    color: rgb(199 210 254 / var(--tw-text-opacity, 1))
}
html:root:root .text-indigo-500 {
    --tw-text-opacity: 1;
    color: rgb(99 102 241 / var(--tw-text-opacity, 1))
}
html:root:root .text-indigo-600 {
    --tw-text-opacity: 1;
    color: rgb(79 70 229 / var(--tw-text-opacity, 1))
}
html:root:root .text-indigo-700 {
    --tw-text-opacity: 1;
    color: rgb(67 56 202 / var(--tw-text-opacity, 1))
}
html:root:root .text-indigo-800 {
    --tw-text-opacity: 1;
    color: rgb(55 48 163 / var(--tw-text-opacity, 1))
}
html:root:root .text-lime-600 {
    --tw-text-opacity: 1;
    color: rgb(101 163 13 / var(--tw-text-opacity, 1))
}
html:root:root .text-lime-700 {
    --tw-text-opacity: 1;
    color: rgb(77 124 15 / var(--tw-text-opacity, 1))
}
html:root:root .text-neutral-100 {
    --tw-text-opacity: 1;
    color: rgb(245 245 245 / var(--tw-text-opacity, 1))
}
html:root:root .text-neutral-200 {
    --tw-text-opacity: 1;
    color: rgb(229 229 229 / var(--tw-text-opacity, 1))
}
html:root:root .text-neutral-500 {
    --tw-text-opacity: 1;
    color: rgb(115 115 115 / var(--tw-text-opacity, 1))
}
html:root:root .text-neutral-700 {
    --tw-text-opacity: 1;
    color: rgb(64 64 64 / var(--tw-text-opacity, 1))
}
html:root:root .text-neutral-800 {
    --tw-text-opacity: 1;
    color: rgb(38 38 38 / var(--tw-text-opacity, 1))
}
html:root:root .text-orange-100 {
    --tw-text-opacity: 1;
    color: rgb(255 237 213 / var(--tw-text-opacity, 1))
}
html:root:root .text-orange-200 {
    --tw-text-opacity: 1;
    color: rgb(254 215 170 / var(--tw-text-opacity, 1))
}
html:root:root .text-orange-400 {
    --tw-text-opacity: 1;
    color: rgb(251 146 60 / var(--tw-text-opacity, 1))
}
html:root:root .text-orange-500 {
    --tw-text-opacity: 1;
    color: rgb(249 115 22 / var(--tw-text-opacity, 1))
}
html:root:root .text-orange-600 {
    --tw-text-opacity: 1;
    color: rgb(234 88 12 / var(--tw-text-opacity, 1))
}
html:root:root .text-orange-700 {
    --tw-text-opacity: 1;
    color: rgb(194 65 12 / var(--tw-text-opacity, 1))
}
html:root:root .text-orange-800 {
    --tw-text-opacity: 1;
    color: rgb(154 52 18 / var(--tw-text-opacity, 1))
}
html:root:root .text-pink-100 {
    --tw-text-opacity: 1;
    color: rgb(252 231 243 / var(--tw-text-opacity, 1))
}
html:root:root .text-pink-200 {
    --tw-text-opacity: 1;
    color: rgb(251 207 232 / var(--tw-text-opacity, 1))
}
html:root:root .text-pink-300 {
    --tw-text-opacity: 1;
    color: rgb(249 168 212 / var(--tw-text-opacity, 1))
}
html:root:root .text-pink-500 {
    --tw-text-opacity: 1;
    color: rgb(236 72 153 / var(--tw-text-opacity, 1))
}
html:root:root .text-pink-600 {
    --tw-text-opacity: 1;
    color: rgb(219 39 119 / var(--tw-text-opacity, 1))
}
html:root:root .text-pink-700 {
    --tw-text-opacity: 1;
    color: rgb(190 24 93 / var(--tw-text-opacity, 1))
}
html:root:root .text-pink-800 {
    --tw-text-opacity: 1;
    color: rgb(157 23 77 / var(--tw-text-opacity, 1))
}
html:root:root .text-primary-100 {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-100) / var(--tw-text-opacity, 1))
}
html:root:root .text-primary-200 {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-200) / var(--tw-text-opacity, 1))
}
html:root:root .text-primary-300 {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-300) / var(--tw-text-opacity, 1))
}
html:root:root .text-primary-400 {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-400) / var(--tw-text-opacity, 1))
}
html:root:root .text-primary-500 {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-500) / var(--tw-text-opacity, 1))
}
html:root:root .text-primary-600 {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-600) / var(--tw-text-opacity, 1))
}
html:root:root .text-primary-600\/90 {
    color: rgb(var(--t1024-p-primary-600) / 0.9)
}
html:root:root .text-primary-700 {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-700) / var(--tw-text-opacity, 1))
}
html:root:root .text-primary-800 {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-800) / var(--tw-text-opacity, 1))
}
html:root:root .text-primary-900 {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-900) / var(--tw-text-opacity, 1))
}
html:root:root .text-purple-100 {
    --tw-text-opacity: 1;
    color: rgb(243 232 255 / var(--tw-text-opacity, 1))
}
html:root:root .text-purple-200 {
    --tw-text-opacity: 1;
    color: rgb(233 213 255 / var(--tw-text-opacity, 1))
}
html:root:root .text-purple-300 {
    --tw-text-opacity: 1;
    color: rgb(216 180 254 / var(--tw-text-opacity, 1))
}
html:root:root .text-purple-500 {
    --tw-text-opacity: 1;
    color: rgb(168 85 247 / var(--tw-text-opacity, 1))
}
html:root:root .text-purple-600 {
    --tw-text-opacity: 1;
    color: rgb(147 51 234 / var(--tw-text-opacity, 1))
}
html:root:root .text-purple-700 {
    --tw-text-opacity: 1;
    color: rgb(126 34 206 / var(--tw-text-opacity, 1))
}
html:root:root .text-purple-800 {
    --tw-text-opacity: 1;
    color: rgb(107 33 168 / var(--tw-text-opacity, 1))
}
html:root:root .text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(248 113 113 / var(--tw-text-opacity, 1))
}
html:root:root .text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1))
}
html:root:root .text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity, 1))
}
html:root:root .text-red-600\/70 {
    color: rgb(220 38 38 / 0.7)
}
html:root:root .text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(185 28 28 / var(--tw-text-opacity, 1))
}
html:root:root .text-red-800 {
    --tw-text-opacity: 1;
    color: rgb(153 27 27 / var(--tw-text-opacity, 1))
}
html:root:root .text-rose-100 {
    --tw-text-opacity: 1;
    color: rgb(255 228 230 / var(--tw-text-opacity, 1))
}
html:root:root .text-rose-200 {
    --tw-text-opacity: 1;
    color: rgb(254 205 211 / var(--tw-text-opacity, 1))
}
html:root:root .text-rose-400 {
    --tw-text-opacity: 1;
    color: rgb(251 113 133 / var(--tw-text-opacity, 1))
}
html:root:root .text-rose-500 {
    --tw-text-opacity: 1;
    color: rgb(244 63 94 / var(--tw-text-opacity, 1))
}
html:root:root .text-rose-600 {
    --tw-text-opacity: 1;
    color: rgb(225 29 72 / var(--tw-text-opacity, 1))
}
html:root:root .text-rose-700 {
    --tw-text-opacity: 1;
    color: rgb(190 18 60 / var(--tw-text-opacity, 1))
}
html:root:root .text-rose-800 {
    --tw-text-opacity: 1;
    color: rgb(159 18 57 / var(--tw-text-opacity, 1))
}
html:root:root .text-rose-900 {
    --tw-text-opacity: 1;
    color: rgb(136 19 55 / var(--tw-text-opacity, 1))
}
html:root:root .text-sky-100 {
    --tw-text-opacity: 1;
    color: rgb(224 242 254 / var(--tw-text-opacity, 1))
}
html:root:root .text-sky-200 {
    --tw-text-opacity: 1;
    color: rgb(186 230 253 / var(--tw-text-opacity, 1))
}
html:root:root .text-sky-300 {
    --tw-text-opacity: 1;
    color: rgb(125 211 252 / var(--tw-text-opacity, 1))
}
html:root:root .text-sky-500 {
    --tw-text-opacity: 1;
    color: rgb(14 165 233 / var(--tw-text-opacity, 1))
}
html:root:root .text-sky-600 {
    --tw-text-opacity: 1;
    color: rgb(2 132 199 / var(--tw-text-opacity, 1))
}
html:root:root .text-sky-700 {
    --tw-text-opacity: 1;
    color: rgb(3 105 161 / var(--tw-text-opacity, 1))
}
html:root:root .text-sky-800 {
    --tw-text-opacity: 1;
    color: rgb(7 89 133 / var(--tw-text-opacity, 1))
}
html:root:root .text-sky-900 {
    --tw-text-opacity: 1;
    color: rgb(12 74 110 / var(--tw-text-opacity, 1))
}
html:root:root .text-slate-400 {
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity, 1))
}
html:root:root .text-slate-500 {
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity, 1))
}
html:root:root .text-slate-600 {
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity, 1))
}
html:root:root .text-slate-700 {
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity, 1))
}
html:root:root .text-teal-100 {
    --tw-text-opacity: 1;
    color: rgb(204 251 241 / var(--tw-text-opacity, 1))
}
html:root:root .text-teal-200 {
    --tw-text-opacity: 1;
    color: rgb(153 246 228 / var(--tw-text-opacity, 1))
}
html:root:root .text-teal-500 {
    --tw-text-opacity: 1;
    color: rgb(20 184 166 / var(--tw-text-opacity, 1))
}
html:root:root .text-teal-600 {
    --tw-text-opacity: 1;
    color: rgb(13 148 136 / var(--tw-text-opacity, 1))
}
html:root:root .text-teal-700 {
    --tw-text-opacity: 1;
    color: rgb(15 118 110 / var(--tw-text-opacity, 1))
}
html:root:root .text-teal-800 {
    --tw-text-opacity: 1;
    color: rgb(17 94 89 / var(--tw-text-opacity, 1))
}
html:root:root .text-transparent {
    color: transparent
}
html:root:root .text-violet-100 {
    --tw-text-opacity: 1;
    color: rgb(237 233 254 / var(--tw-text-opacity, 1))
}
html:root:root .text-violet-200 {
    --tw-text-opacity: 1;
    color: rgb(221 214 254 / var(--tw-text-opacity, 1))
}
html:root:root .text-violet-300 {
    --tw-text-opacity: 1;
    color: rgb(196 181 253 / var(--tw-text-opacity, 1))
}
html:root:root .text-violet-500 {
    --tw-text-opacity: 1;
    color: rgb(139 92 246 / var(--tw-text-opacity, 1))
}
html:root:root .text-violet-600 {
    --tw-text-opacity: 1;
    color: rgb(124 58 237 / var(--tw-text-opacity, 1))
}
html:root:root .text-violet-700 {
    --tw-text-opacity: 1;
    color: rgb(109 40 217 / var(--tw-text-opacity, 1))
}
html:root:root .text-violet-800 {
    --tw-text-opacity: 1;
    color: rgb(91 33 182 / var(--tw-text-opacity, 1))
}
html:root:root .text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
html:root:root .text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgb(250 204 21 / var(--tw-text-opacity, 1))
}
html:root:root .text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(234 179 8 / var(--tw-text-opacity, 1))
}
html:root:root .text-yellow-600 {
    --tw-text-opacity: 1;
    color: rgb(202 138 4 / var(--tw-text-opacity, 1))
}
html:root:root .text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgb(161 98 7 / var(--tw-text-opacity, 1))
}
html:root:root .text-yellow-800 {
    --tw-text-opacity: 1;
    color: rgb(133 77 14 / var(--tw-text-opacity, 1))
}
html:root:root .text-zinc-100 {
    --tw-text-opacity: 1;
    color: rgb(244 244 245 / var(--tw-text-opacity, 1))
}
html:root:root .text-zinc-300 {
    --tw-text-opacity: 1;
    color: rgb(212 212 216 / var(--tw-text-opacity, 1))
}
html:root:root .text-zinc-600 {
    --tw-text-opacity: 1;
    color: rgb(82 82 91 / var(--tw-text-opacity, 1))
}
html:root:root .text-zinc-700 {
    --tw-text-opacity: 1;
    color: rgb(63 63 70 / var(--tw-text-opacity, 1))
}
html:root:root .text-zinc-800 {
    --tw-text-opacity: 1;
    color: rgb(39 39 42 / var(--tw-text-opacity, 1))
}
html:root:root .text-zinc-900 {
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity, 1))
}
html:root:root .decoration-gray-300 {
    text-decoration-color: rgb(var(--t1024-p-gray-300) / 1)
}
html:root:root .decoration-gray-400 {
    text-decoration-color: rgb(var(--t1024-p-gray-400) / 1)
}
html:root:root .placeholder-gray-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(var(--t1024-p-gray-400) / var(--tw-placeholder-opacity, 1))
}
html:root:root .accent-primary-600 {
    accent-color: rgb(var(--t1024-p-primary-600) / 1)
}
html:root:root .shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
html:root:root .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
html:root:root .shadow-\[0_-12px_35px_rgba\(15\2c 23\2c 42\2c 0\.08\)\] {
    --tw-shadow: 0 -12px 35px rgba(15,23,42,0.08);
    --tw-shadow-colored: 0 -12px 35px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
html:root:root .shadow-\[0_0_0_2px_rgba\(16\2c 185\2c 129\2c 0\.14\)\] {
    --tw-shadow: 0 0 0 2px rgba(16,185,129,0.14);
    --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
html:root:root .shadow-\[0_0_0_2px_rgba\(244\2c 63\2c 94\2c 0\.14\)\] {
    --tw-shadow: 0 0 0 2px rgba(244,63,94,0.14);
    --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
html:root:root .shadow-\[0_14px_36px_-20px_rgba\(15\2c 23\2c 42\2c 0\.35\)\] {
    --tw-shadow: 0 14px 36px -20px rgba(15,23,42,0.35);
    --tw-shadow-colored: 0 14px 36px -20px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
html:root:root .shadow-card {
    --tw-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.06);
    --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
html:root:root .shadow-glass {
    --tw-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
html:root:root .shadow-glow {
    --tw-shadow: 0 0 20px rgba(20, 184, 166, 0.25);
    --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
html:root:root .shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
html:root:root .shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
html:root:root .shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
html:root:root .shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
html:root:root .shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
html:root:root .shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
html:root:root .shadow-amber-500\/30 {
    --tw-shadow-color: rgb(245 158 11 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
html:root:root .shadow-black\/10 {
    --tw-shadow-color: rgb(0 0 0 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
html:root:root .shadow-blue-500\/30 {
    --tw-shadow-color: rgb(59 130 246 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
html:root:root .shadow-primary-500\/20 {
    --tw-shadow-color: rgb(var(--t1024-p-primary-500) / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
html:root:root .shadow-primary-500\/25 {
    --tw-shadow-color: rgb(var(--t1024-p-primary-500) / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
html:root:root .shadow-primary-500\/30 {
    --tw-shadow-color: rgb(var(--t1024-p-primary-500) / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
html:root:root .shadow-primary-600\/20 {
    --tw-shadow-color: rgb(var(--t1024-p-primary-600) / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
html:root:root .shadow-purple-500\/30 {
    --tw-shadow-color: rgb(168 85 247 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
html:root:root .ring {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
html:root:root .ring-0 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
html:root:root .ring-1 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
html:root:root .ring-2 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
html:root:root .ring-4 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
html:root:root .ring-amber-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(253 230 138 / var(--tw-ring-opacity, 1))
}
html:root:root .ring-amber-500\/30 {
    --tw-ring-color: rgb(245 158 11 / 0.3)
}
html:root:root .ring-amber-600\/20 {
    --tw-ring-color: rgb(217 119 6 / 0.2)
}
html:root:root .ring-black\/10 {
    --tw-ring-color: rgb(0 0 0 / 0.1)
}
html:root:root .ring-black\/5 {
    --tw-ring-color: rgb(0 0 0 / 0.05)
}
html:root:root .ring-emerald-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(209 250 229 / var(--tw-ring-opacity, 1))
}
html:root:root .ring-emerald-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(167 243 208 / var(--tw-ring-opacity, 1))
}
html:root:root .ring-gray-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--t1024-p-gray-200) / var(--tw-ring-opacity, 1))
}
html:root:root .ring-gray-600\/20 {
    --tw-ring-color: rgb(var(--t1024-p-gray-600) / 0.2)
}
html:root:root .ring-gray-900\/5 {
    --tw-ring-color: rgb(var(--t1024-p-gray-900) / 0.05)
}
html:root:root .ring-green-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1))
}
html:root:root .ring-green-600\/20 {
    --tw-ring-color: rgb(22 163 74 / 0.2)
}
html:root:root .ring-orange-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(254 215 170 / var(--tw-ring-opacity, 1))
}
html:root:root .ring-orange-500\/30 {
    --tw-ring-color: rgb(249 115 22 / 0.3)
}
html:root:root .ring-primary-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--t1024-p-primary-100) / var(--tw-ring-opacity, 1))
}
html:root:root .ring-primary-200\/80 {
    --tw-ring-color: rgb(var(--t1024-p-primary-200) / 0.8)
}
html:root:root .ring-primary-500\/20 {
    --tw-ring-color: rgb(var(--t1024-p-primary-500) / 0.2)
}
html:root:root .ring-primary-500\/40 {
    --tw-ring-color: rgb(var(--t1024-p-primary-500) / 0.4)
}
html:root:root .ring-purple-600\/20 {
    --tw-ring-color: rgb(147 51 234 / 0.2)
}
html:root:root .ring-red-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(254 226 226 / var(--tw-ring-opacity, 1))
}
html:root:root .ring-red-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))
}
html:root:root .ring-red-500\/20 {
    --tw-ring-color: rgb(239 68 68 / 0.2)
}
html:root:root .ring-red-600\/20 {
    --tw-ring-color: rgb(220 38 38 / 0.2)
}
html:root:root .ring-rose-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(254 205 211 / var(--tw-ring-opacity, 1))
}
html:root:root .ring-rose-500\/30 {
    --tw-ring-color: rgb(244 63 94 / 0.3)
}
html:root:root .ring-sky-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(224 242 254 / var(--tw-ring-opacity, 1))
}
html:root:root .ring-sky-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(186 230 253 / var(--tw-ring-opacity, 1))
}
html:root:root .ring-slate-200\/80 {
    --tw-ring-color: rgb(226 232 240 / 0.8)
}
html:root:root .ring-slate-600\/20 {
    --tw-ring-color: rgb(71 85 105 / 0.2)
}
html:root:root .ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))
}
html:root:root .ring-white\/10 {
    --tw-ring-color: rgb(255 255 255 / 0.1)
}
html:root:root .ring-white\/70 {
    --tw-ring-color: rgb(255 255 255 / 0.7)
}
html:root:root .ring-offset-white {
    --tw-ring-offset-color: #fff
}
html:root:root .selection\:bg-primary-100 *::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-primary-100) / var(--tw-bg-opacity, 1))
}
html:root:root .selection\:bg-primary-200 *::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-primary-200) / var(--tw-bg-opacity, 1))
}
html:root:root .selection\:text-gray-900 *::selection {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-900) / var(--tw-text-opacity, 1))
}
html:root:root .selection\:text-primary-900 *::selection {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-900) / var(--tw-text-opacity, 1))
}
html:root:root .selection\:bg-primary-100::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-primary-100) / var(--tw-bg-opacity, 1))
}
html:root:root .selection\:bg-primary-200::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-primary-200) / var(--tw-bg-opacity, 1))
}
html:root:root .selection\:text-gray-900::selection {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-900) / var(--tw-text-opacity, 1))
}
html:root:root .selection\:text-primary-900::selection {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-900) / var(--tw-text-opacity, 1))
}
html:root:root .placeholder\:text-gray-400::placeholder {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-400) / var(--tw-text-opacity, 1))
}
html:root:root .before\:border-white\/70::before {
    border-color: rgb(255 255 255 / 0.7)
}
html:root:root .after\:border-gray-300::after {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-gray-300) / var(--tw-border-opacity, 1))
}
html:root:root .after\:bg-white::after {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
html:root:root .focus-within\:border-primary-300:focus-within {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-300) / var(--tw-border-opacity, 1))
}
html:root:root .focus-within\:border-primary-500:focus-within {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-500) / var(--tw-border-opacity, 1))
}
html:root:root .focus-within\:ring-1:focus-within {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
html:root:root .focus-within\:ring-primary-500:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--t1024-p-primary-500) / var(--tw-ring-opacity, 1))
}
html:root:root .hover\:border-amber-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(252 211 77 / var(--tw-border-opacity, 1))
}
html:root:root .hover\:border-blue-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(147 197 253 / var(--tw-border-opacity, 1))
}
html:root:root .hover\:border-emerald-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(110 231 183 / var(--tw-border-opacity, 1))
}
html:root:root .hover\:border-gray-200:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-gray-200) / var(--tw-border-opacity, 1))
}
html:root:root .hover\:border-gray-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-gray-300) / var(--tw-border-opacity, 1))
}
html:root:root .hover\:border-gray-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-gray-400) / var(--tw-border-opacity, 1))
}
html:root:root .hover\:border-green-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(134 239 172 / var(--tw-border-opacity, 1))
}
html:root:root .hover\:border-indigo-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(165 180 252 / var(--tw-border-opacity, 1))
}
html:root:root .hover\:border-orange-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(253 186 116 / var(--tw-border-opacity, 1))
}
html:root:root .hover\:border-pink-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(249 168 212 / var(--tw-border-opacity, 1))
}
html:root:root .hover\:border-primary-200:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-200) / var(--tw-border-opacity, 1))
}
html:root:root .hover\:border-primary-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-300) / var(--tw-border-opacity, 1))
}
html:root:root .hover\:border-primary-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-400) / var(--tw-border-opacity, 1))
}
html:root:root .hover\:border-primary-500:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-500) / var(--tw-border-opacity, 1))
}
html:root:root .hover\:border-purple-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(216 180 254 / var(--tw-border-opacity, 1))
}
html:root:root .hover\:border-red-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(252 165 165 / var(--tw-border-opacity, 1))
}
html:root:root .hover\:border-rose-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(253 164 175 / var(--tw-border-opacity, 1))
}
html:root:root .hover\:border-sky-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(125 211 252 / var(--tw-border-opacity, 1))
}
html:root:root .hover\:border-sky-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(56 189 248 / var(--tw-border-opacity, 1))
}
html:root:root .hover\:border-teal-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(94 234 212 / var(--tw-border-opacity, 1))
}
html:root:root .hover\:border-zinc-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(161 161 170 / var(--tw-border-opacity, 1))
}
html:root:root .hover\:border-l-primary-500:hover {
    --tw-border-opacity: 1;
    border-left-color: rgb(var(--t1024-p-primary-500) / var(--tw-border-opacity, 1))
}
html:root:root .hover\:bg-amber-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-amber-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-amber-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-amber-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-black\/70:hover {
    background-color: rgb(0 0 0 / 0.7)
}
html:root:root .hover\:bg-blue-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-blue-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-blue-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-blue-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-cyan-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(165 243 252 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-cyan-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-cyan-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(21 94 117 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-emerald-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-emerald-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(167 243 208 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-emerald-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-fuchsia-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(245 208 254 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-gray-100) / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-gray-100\/80:hover {
    background-color: rgb(var(--t1024-p-gray-100) / 0.8)
}
html:root:root .hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-gray-200) / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-gray-200\/70:hover {
    background-color: rgb(var(--t1024-p-gray-200) / 0.7)
}
html:root:root .hover\:bg-gray-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-gray-300) / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-gray-50) / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-gray-50\/40:hover {
    background-color: rgb(var(--t1024-p-gray-50) / 0.4)
}
html:root:root .hover\:bg-gray-50\/70:hover {
    background-color: rgb(var(--t1024-p-gray-50) / 0.7)
}
html:root:root .hover\:bg-gray-50\/80:hover {
    background-color: rgb(var(--t1024-p-gray-50) / 0.8)
}
html:root:root .hover\:bg-gray-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-gray-600) / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-gray-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-gray-700) / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-gray-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-gray-800) / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-green-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-green-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-green-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-green-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-indigo-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(199 210 254 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-indigo-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-lime-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(217 249 157 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-neutral-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(82 82 82 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-orange-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-orange-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-orange-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-pink-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(251 207 232 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-pink-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(219 39 119 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-primary-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-primary-100) / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-primary-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-primary-200) / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-primary-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-primary-50) / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-primary-50\/50:hover {
    background-color: rgb(var(--t1024-p-primary-50) / 0.5)
}
html:root:root .hover\:bg-primary-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-primary-600) / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-primary-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-primary-700) / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-purple-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-purple-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(233 213 255 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-purple-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-purple-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-red-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-red-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-red-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-red-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-red-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-rose-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 205 211 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-rose-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-sky-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(186 230 253 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-sky-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-sky-50\/60:hover {
    background-color: rgb(240 249 255 / 0.6)
}
html:root:root .hover\:bg-sky-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(3 105 161 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-slate-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-teal-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(153 246 228 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-teal-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(13 148 136 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-violet-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(221 214 254 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-violet-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-violet-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-white\/10:hover {
    background-color: rgb(255 255 255 / 0.1)
}
html:root:root .hover\:bg-white\/60:hover {
    background-color: rgb(255 255 255 / 0.6)
}
html:root:root .hover\:bg-yellow-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-yellow-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-yellow-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:bg-zinc-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1))
}
html:root:root .hover\:from-primary-600:hover {
    --tw-gradient-from: rgb(var(--t1024-p-primary-600) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--t1024-p-primary-600) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .hover\:to-primary-700:hover {
    --tw-gradient-to: rgb(var(--t1024-p-primary-700) / 1) var(--tw-gradient-to-position)
}
html:root:root .hover\:text-amber-500:hover {
    --tw-text-opacity: 1;
    color: rgb(245 158 11 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-amber-700:hover {
    --tw-text-opacity: 1;
    color: rgb(180 83 9 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-blue-300:hover {
    --tw-text-opacity: 1;
    color: rgb(147 197 253 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-blue-500:hover {
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-blue-600:hover {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-blue-700:hover {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-blue-800:hover {
    --tw-text-opacity: 1;
    color: rgb(30 64 175 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-blue-900:hover {
    --tw-text-opacity: 1;
    color: rgb(30 58 138 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-cyan-600:hover {
    --tw-text-opacity: 1;
    color: rgb(8 145 178 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-emerald-600:hover {
    --tw-text-opacity: 1;
    color: rgb(5 150 105 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-emerald-700:hover {
    --tw-text-opacity: 1;
    color: rgb(4 120 87 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-gray-500:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-500) / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-gray-600:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-600) / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-gray-700:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-700) / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-900) / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-green-500:hover {
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-green-600:hover {
    --tw-text-opacity: 1;
    color: rgb(22 163 74 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-indigo-700:hover {
    --tw-text-opacity: 1;
    color: rgb(67 56 202 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-orange-600:hover {
    --tw-text-opacity: 1;
    color: rgb(234 88 12 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-orange-700:hover {
    --tw-text-opacity: 1;
    color: rgb(194 65 12 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-pink-700:hover {
    --tw-text-opacity: 1;
    color: rgb(190 24 93 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-primary-500:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-500) / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-primary-600:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-600) / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-primary-700:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-700) / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-primary-800:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-800) / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-purple-600:hover {
    --tw-text-opacity: 1;
    color: rgb(147 51 234 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-purple-700:hover {
    --tw-text-opacity: 1;
    color: rgb(126 34 206 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-red-500:hover {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-red-600:hover {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-red-700:hover {
    --tw-text-opacity: 1;
    color: rgb(185 28 28 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-red-900:hover {
    --tw-text-opacity: 1;
    color: rgb(127 29 29 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-rose-700:hover {
    --tw-text-opacity: 1;
    color: rgb(190 18 60 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-sky-700:hover {
    --tw-text-opacity: 1;
    color: rgb(3 105 161 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-teal-700:hover {
    --tw-text-opacity: 1;
    color: rgb(15 118 110 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-yellow-600:hover {
    --tw-text-opacity: 1;
    color: rgb(202 138 4 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:text-zinc-800:hover {
    --tw-text-opacity: 1;
    color: rgb(39 39 42 / var(--tw-text-opacity, 1))
}
html:root:root .hover\:decoration-primary-400:hover {
    text-decoration-color: rgb(var(--t1024-p-primary-400) / 1)
}
html:root:root .hover\:shadow:hover {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
html:root:root .hover\:shadow-card-hover:hover {
    --tw-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    --tw-shadow-colored: 0 10px 40px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
html:root:root .hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
html:root:root .hover\:shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
html:root:root .hover\:shadow-sm:hover {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
html:root:root .hover\:shadow-xl:hover {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
html:root:root .hover\:shadow-primary-500\/10:hover {
    --tw-shadow-color: rgb(var(--t1024-p-primary-500) / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
html:root:root .hover\:shadow-primary-500\/30:hover {
    --tw-shadow-color: rgb(var(--t1024-p-primary-500) / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
html:root:root .focus\:border-blue-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1))
}
html:root:root .focus\:border-green-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(34 197 94 / var(--tw-border-opacity, 1))
}
html:root:root .focus\:border-primary-300:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-300) / var(--tw-border-opacity, 1))
}
html:root:root .focus\:border-primary-400:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-400) / var(--tw-border-opacity, 1))
}
html:root:root .focus\:border-primary-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-500) / var(--tw-border-opacity, 1))
}
html:root:root .focus\:border-red-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68 / var(--tw-border-opacity, 1))
}
html:root:root .focus\:bg-white:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
html:root:root .focus\:text-primary-600:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-600) / var(--tw-text-opacity, 1))
}
html:root:root .focus\:ring-0:focus {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
html:root:root .focus\:ring-1:focus {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
html:root:root .focus\:ring-2:focus {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
html:root:root .focus\:ring-blue-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))
}
html:root:root .focus\:ring-blue-500\/10:focus {
    --tw-ring-color: rgb(59 130 246 / 0.1)
}
html:root:root .focus\:ring-green-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1))
}
html:root:root .focus\:ring-primary-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--t1024-p-primary-100) / var(--tw-ring-opacity, 1))
}
html:root:root .focus\:ring-primary-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--t1024-p-primary-300) / var(--tw-ring-opacity, 1))
}
html:root:root .focus\:ring-primary-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--t1024-p-primary-400) / var(--tw-ring-opacity, 1))
}
html:root:root .focus\:ring-primary-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--t1024-p-primary-500) / var(--tw-ring-opacity, 1))
}
html:root:root .focus\:ring-primary-500\/20:focus {
    --tw-ring-color: rgb(var(--t1024-p-primary-500) / 0.2)
}
html:root:root .focus\:ring-primary-500\/30:focus {
    --tw-ring-color: rgb(var(--t1024-p-primary-500) / 0.3)
}
html:root:root .focus\:ring-primary-500\/40:focus {
    --tw-ring-color: rgb(var(--t1024-p-primary-500) / 0.4)
}
html:root:root .focus\:ring-red-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))
}
html:root:root .focus\:ring-red-500\/30:focus {
    --tw-ring-color: rgb(239 68 68 / 0.3)
}
html:root:root .focus\:ring-yellow-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity, 1))
}
html:root:root .focus-visible\:ring-2:focus-visible {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
html:root:root .focus-visible\:ring-primary-500:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--t1024-p-primary-500) / var(--tw-ring-opacity, 1))
}
html:root:root .focus-visible\:ring-primary-500\/30:focus-visible {
    --tw-ring-color: rgb(var(--t1024-p-primary-500) / 0.3)
}
html:root:root .active\:bg-amber-700:active {
    --tw-bg-opacity: 1;
    background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1))
}
html:root:root .active\:bg-black:active {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1))
}
html:root:root .active\:bg-blue-700:active {
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1))
}
html:root:root .active\:bg-cyan-900:active {
    --tw-bg-opacity: 1;
    background-color: rgb(22 78 99 / var(--tw-bg-opacity, 1))
}
html:root:root .active\:bg-green-800:active {
    --tw-bg-opacity: 1;
    background-color: rgb(22 101 52 / var(--tw-bg-opacity, 1))
}
html:root:root .active\:bg-indigo-700:active {
    --tw-bg-opacity: 1;
    background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1))
}
html:root:root .active\:bg-neutral-700:active {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1))
}
html:root:root .active\:bg-orange-700:active {
    --tw-bg-opacity: 1;
    background-color: rgb(194 65 12 / var(--tw-bg-opacity, 1))
}
html:root:root .active\:bg-pink-700:active {
    --tw-bg-opacity: 1;
    background-color: rgb(190 24 93 / var(--tw-bg-opacity, 1))
}
html:root:root .active\:bg-purple-700:active {
    --tw-bg-opacity: 1;
    background-color: rgb(126 34 206 / var(--tw-bg-opacity, 1))
}
html:root:root .active\:bg-rose-700:active {
    --tw-bg-opacity: 1;
    background-color: rgb(190 18 60 / var(--tw-bg-opacity, 1))
}
html:root:root .active\:bg-sky-800:active {
    --tw-bg-opacity: 1;
    background-color: rgb(7 89 133 / var(--tw-bg-opacity, 1))
}
html:root:root .active\:bg-teal-700:active {
    --tw-bg-opacity: 1;
    background-color: rgb(15 118 110 / var(--tw-bg-opacity, 1))
}
html:root:root .active\:bg-violet-700:active {
    --tw-bg-opacity: 1;
    background-color: rgb(109 40 217 / var(--tw-bg-opacity, 1))
}
html:root:root .enabled\:hover\:bg-gray-50:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-gray-50) / var(--tw-bg-opacity, 1))
}
html:root:root .enabled\:hover\:text-gray-900:hover:enabled {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-900) / var(--tw-text-opacity, 1))
}
html:root:root .enabled\:hover\:ring-gray-300:hover:enabled {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--t1024-p-gray-300) / var(--tw-ring-opacity, 1))
}
html:root:root .disabled\:text-gray-300:disabled {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-300) / var(--tw-text-opacity, 1))
}
html:root:root .disabled\:text-gray-400:disabled {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-400) / var(--tw-text-opacity, 1))
}
html:root:root .disabled\:hover\:bg-transparent:hover:disabled {
    background-color: transparent
}
html:root:root .disabled\:hover\:text-gray-300:hover:disabled {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-300) / var(--tw-text-opacity, 1))
}
html:root:root .group:focus-within .group-focus-within\:text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity, 1))
}
html:root:root .group:hover .group-hover\:border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-gray-400) / var(--tw-border-opacity, 1))
}
html:root:root .group\/img:hover .group-hover\/img\:bg-black\/20 {
    background-color: rgb(0 0 0 / 0.2)
}
html:root:root .group:hover .group-hover\:bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1))
}
html:root:root .group:hover .group-hover\:bg-primary-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-primary-50) / var(--tw-bg-opacity, 1))
}
html:root:root .group:hover .group-hover\:text-amber-500 {
    --tw-text-opacity: 1;
    color: rgb(245 158 11 / var(--tw-text-opacity, 1))
}
html:root:root .group:hover .group-hover\:text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity, 1))
}
html:root:root .group:hover .group-hover\:text-emerald-500 {
    --tw-text-opacity: 1;
    color: rgb(16 185 129 / var(--tw-text-opacity, 1))
}
html:root:root .group:hover .group-hover\:text-primary-500 {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-500) / var(--tw-text-opacity, 1))
}
html:root:root .group:hover .group-hover\:text-primary-600 {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-600) / var(--tw-text-opacity, 1))
}
html:root:root .group:hover .group-hover\:text-primary-700 {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-700) / var(--tw-text-opacity, 1))
}
html:root:root .group:hover .group-hover\:text-sky-500 {
    --tw-text-opacity: 1;
    color: rgb(14 165 233 / var(--tw-text-opacity, 1))
}
html:root:root .group:hover .group-hover\:ring-primary-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--t1024-p-primary-100) / var(--tw-ring-opacity, 1))
}
html:root:root .peer:checked ~ .peer-checked\:border-primary-500 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-500) / var(--tw-border-opacity, 1))
}
html:root:root .peer:checked ~ .peer-checked\:border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68 / var(--tw-border-opacity, 1))
}
html:root:root .peer:checked ~ .peer-checked\:bg-primary-50\/60 {
    background-color: rgb(var(--t1024-p-primary-50) / 0.6)
}
html:root:root .peer:checked ~ .peer-checked\:bg-primary-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-primary-500) / var(--tw-bg-opacity, 1))
}
html:root:root .peer:checked ~ .peer-checked\:bg-primary-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-primary-600) / var(--tw-bg-opacity, 1))
}
html:root:root .peer:checked ~ .peer-checked\:bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1))
}
html:root:root .peer:checked ~ .peer-checked\:text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(185 28 28 / var(--tw-text-opacity, 1))
}
html:root:root .peer:checked ~ .peer-checked\:ring-1 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
html:root:root .peer:checked ~ .peer-checked\:ring-primary-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--t1024-p-primary-500) / var(--tw-ring-opacity, 1))
}
html:root:root .peer:checked ~ .peer-checked\:after\:border-white::after {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1))
}
html:root:root .peer:focus ~ .peer-focus\:ring-4 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
html:root:root .peer:focus ~ .peer-focus\:ring-primary-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--t1024-p-primary-300) / var(--tw-ring-opacity, 1))
}
html:root:root .peer:focus-visible ~ .peer-focus-visible\:outline-primary-500 {
    outline-color: rgb(var(--t1024-p-primary-500) / 1)
}
html:root:root .peer:focus-visible ~ .peer-focus-visible\:ring-2 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
html:root:root .peer:focus-visible ~ .peer-focus-visible\:ring-red-500\/30 {
    --tw-ring-color: rgb(239 68 68 / 0.3)
}
@supports (backdrop-filter: var(--tw)) {
    html:root:root .supports-\[backdrop-filter\]\:bg-white\/80 {
        background-color: rgb(255 255 255 / 0.8)
    }
    html:root:root .supports-\[backdrop-filter\]\:bg-white\/95 {
        background-color: rgb(255 255 255 / 0.95)
    }
}
html:root:root .dark\:divide-dark-600:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(var(--t1024-p-dark-600) / var(--tw-divide-opacity, 1))
}
html:root:root .dark\:divide-dark-700:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(var(--t1024-p-dark-700) / var(--tw-divide-opacity, 1))
}
html:root:root .dark\:divide-dark-700\/60:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--t1024-p-dark-700) / 0.6)
}
html:root:root .dark\:divide-dark-800:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(var(--t1024-p-dark-800) / var(--tw-divide-opacity, 1))
}
html:root:root .dark\:border-\[\#00AEEF\]\/70:is(.dark *) {
    border-color: rgb(0 174 239 / 0.7)
}
html:root:root .dark\:border-\[\#2BB741\]\/70:is(.dark *) {
    border-color: rgb(43 183 65 / 0.7)
}
html:root:root .dark\:border-\[\#FF8E3C\]:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(255 142 60 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-amber-400:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(251 191 36 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-amber-500:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(245 158 11 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-amber-500\/20:is(.dark *) {
    border-color: rgb(245 158 11 / 0.2)
}
html:root:root .dark\:border-amber-500\/30:is(.dark *) {
    border-color: rgb(245 158 11 / 0.3)
}
html:root:root .dark\:border-amber-600:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(217 119 6 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-amber-700:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(180 83 9 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-amber-700\/40:is(.dark *) {
    border-color: rgb(180 83 9 / 0.4)
}
html:root:root .dark\:border-amber-700\/50:is(.dark *) {
    border-color: rgb(180 83 9 / 0.5)
}
html:root:root .dark\:border-amber-800:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(146 64 14 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-amber-800\/30:is(.dark *) {
    border-color: rgb(146 64 14 / 0.3)
}
html:root:root .dark\:border-amber-800\/50:is(.dark *) {
    border-color: rgb(146 64 14 / 0.5)
}
html:root:root .dark\:border-amber-800\/60:is(.dark *) {
    border-color: rgb(146 64 14 / 0.6)
}
html:root:root .dark\:border-amber-900:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(120 53 15 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-amber-900\/40:is(.dark *) {
    border-color: rgb(120 53 15 / 0.4)
}
html:root:root .dark\:border-amber-900\/50:is(.dark *) {
    border-color: rgb(120 53 15 / 0.5)
}
html:root:root .dark\:border-amber-900\/70:is(.dark *) {
    border-color: rgb(120 53 15 / 0.7)
}
html:root:root .dark\:border-blue-500\/20:is(.dark *) {
    border-color: rgb(59 130 246 / 0.2)
}
html:root:root .dark\:border-blue-500\/30:is(.dark *) {
    border-color: rgb(59 130 246 / 0.3)
}
html:root:root .dark\:border-blue-600:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(37 99 235 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-blue-700:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(29 78 216 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-blue-700\/50:is(.dark *) {
    border-color: rgb(29 78 216 / 0.5)
}
html:root:root .dark\:border-blue-800:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(30 64 175 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-blue-800\/30:is(.dark *) {
    border-color: rgb(30 64 175 / 0.3)
}
html:root:root .dark\:border-blue-800\/50:is(.dark *) {
    border-color: rgb(30 64 175 / 0.5)
}
html:root:root .dark\:border-blue-900:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(30 58 138 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-blue-900\/40:is(.dark *) {
    border-color: rgb(30 58 138 / 0.4)
}
html:root:root .dark\:border-blue-900\/60:is(.dark *) {
    border-color: rgb(30 58 138 / 0.6)
}
html:root:root .dark\:border-cyan-500\/20:is(.dark *) {
    border-color: rgb(6 182 212 / 0.2)
}
html:root:root .dark\:border-cyan-500\/30:is(.dark *) {
    border-color: rgb(6 182 212 / 0.3)
}
html:root:root .dark\:border-dark-400:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-dark-400) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-dark-500:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-dark-500) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-dark-600:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-dark-600) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-dark-600\/60:is(.dark *) {
    border-color: rgb(var(--t1024-p-dark-600) / 0.6)
}
html:root:root .dark\:border-dark-700:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-dark-700) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-dark-700\/50:is(.dark *) {
    border-color: rgb(var(--t1024-p-dark-700) / 0.5)
}
html:root:root .dark\:border-dark-700\/60:is(.dark *) {
    border-color: rgb(var(--t1024-p-dark-700) / 0.6)
}
html:root:root .dark\:border-dark-700\/70:is(.dark *) {
    border-color: rgb(var(--t1024-p-dark-700) / 0.7)
}
html:root:root .dark\:border-dark-700\/80:is(.dark *) {
    border-color: rgb(var(--t1024-p-dark-700) / 0.8)
}
html:root:root .dark\:border-dark-800:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-dark-800) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-dark-800\/50:is(.dark *) {
    border-color: rgb(var(--t1024-p-dark-800) / 0.5)
}
html:root:root .dark\:border-emerald-400:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(52 211 153 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-emerald-500\/30:is(.dark *) {
    border-color: rgb(16 185 129 / 0.3)
}
html:root:root .dark\:border-emerald-700:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(4 120 87 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-emerald-800:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(6 95 70 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-emerald-800\/30:is(.dark *) {
    border-color: rgb(6 95 70 / 0.3)
}
html:root:root .dark\:border-emerald-800\/50:is(.dark *) {
    border-color: rgb(6 95 70 / 0.5)
}
html:root:root .dark\:border-emerald-900\/60:is(.dark *) {
    border-color: rgb(6 78 59 / 0.6)
}
html:root:root .dark\:border-gray-500:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-gray-500) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-gray-600:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-gray-600) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-gray-800:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-gray-800) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-green-500\/20:is(.dark *) {
    border-color: rgb(34 197 94 / 0.2)
}
html:root:root .dark\:border-green-500\/30:is(.dark *) {
    border-color: rgb(34 197 94 / 0.3)
}
html:root:root .dark\:border-green-600:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(22 163 74 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-green-700:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(21 128 61 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-green-800:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(22 101 52 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-green-800\/50:is(.dark *) {
    border-color: rgb(22 101 52 / 0.5)
}
html:root:root .dark\:border-green-900:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(20 83 45 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-indigo-400:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(129 140 248 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-indigo-500\/20:is(.dark *) {
    border-color: rgb(99 102 241 / 0.2)
}
html:root:root .dark\:border-indigo-500\/30:is(.dark *) {
    border-color: rgb(99 102 241 / 0.3)
}
html:root:root .dark\:border-neutral-500\/20:is(.dark *) {
    border-color: rgb(115 115 115 / 0.2)
}
html:root:root .dark\:border-neutral-500\/30:is(.dark *) {
    border-color: rgb(115 115 115 / 0.3)
}
html:root:root .dark\:border-orange-400:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(251 146 60 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-orange-500\/20:is(.dark *) {
    border-color: rgb(249 115 22 / 0.2)
}
html:root:root .dark\:border-orange-500\/30:is(.dark *) {
    border-color: rgb(249 115 22 / 0.3)
}
html:root:root .dark\:border-pink-400:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(244 114 182 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-pink-500\/20:is(.dark *) {
    border-color: rgb(236 72 153 / 0.2)
}
html:root:root .dark\:border-pink-500\/30:is(.dark *) {
    border-color: rgb(236 72 153 / 0.3)
}
html:root:root .dark\:border-primary-400:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-400) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-primary-400\/25:is(.dark *) {
    border-color: rgb(var(--t1024-p-primary-400) / 0.25)
}
html:root:root .dark\:border-primary-400\/30:is(.dark *) {
    border-color: rgb(var(--t1024-p-primary-400) / 0.3)
}
html:root:root .dark\:border-primary-500:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-500) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-primary-500\/20:is(.dark *) {
    border-color: rgb(var(--t1024-p-primary-500) / 0.2)
}
html:root:root .dark\:border-primary-600:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-600) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-primary-700:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-700) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-primary-700\/50:is(.dark *) {
    border-color: rgb(var(--t1024-p-primary-700) / 0.5)
}
html:root:root .dark\:border-primary-800:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-800) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-primary-800\/50:is(.dark *) {
    border-color: rgb(var(--t1024-p-primary-800) / 0.5)
}
html:root:root .dark\:border-primary-900\/40:is(.dark *) {
    border-color: rgb(var(--t1024-p-primary-900) / 0.4)
}
html:root:root .dark\:border-primary-900\/50:is(.dark *) {
    border-color: rgb(var(--t1024-p-primary-900) / 0.5)
}
html:root:root .dark\:border-purple-400:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(192 132 252 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-purple-500\/20:is(.dark *) {
    border-color: rgb(168 85 247 / 0.2)
}
html:root:root .dark\:border-purple-500\/30:is(.dark *) {
    border-color: rgb(168 85 247 / 0.3)
}
html:root:root .dark\:border-purple-800\/30:is(.dark *) {
    border-color: rgb(107 33 168 / 0.3)
}
html:root:root .dark\:border-purple-800\/40:is(.dark *) {
    border-color: rgb(107 33 168 / 0.4)
}
html:root:root .dark\:border-red-500:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-red-500\/30:is(.dark *) {
    border-color: rgb(239 68 68 / 0.3)
}
html:root:root .dark\:border-red-500\/40:is(.dark *) {
    border-color: rgb(239 68 68 / 0.4)
}
html:root:root .dark\:border-red-700:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(185 28 28 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-red-800:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(153 27 27 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-red-800\/50:is(.dark *) {
    border-color: rgb(153 27 27 / 0.5)
}
html:root:root .dark\:border-red-800\/60:is(.dark *) {
    border-color: rgb(153 27 27 / 0.6)
}
html:root:root .dark\:border-red-900:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(127 29 29 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-red-900\/30:is(.dark *) {
    border-color: rgb(127 29 29 / 0.3)
}
html:root:root .dark\:border-red-900\/60:is(.dark *) {
    border-color: rgb(127 29 29 / 0.6)
}
html:root:root .dark\:border-rose-400:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(251 113 133 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-rose-500\/20:is(.dark *) {
    border-color: rgb(244 63 94 / 0.2)
}
html:root:root .dark\:border-rose-500\/30:is(.dark *) {
    border-color: rgb(244 63 94 / 0.3)
}
html:root:root .dark\:border-rose-700:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(190 18 60 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-sky-400:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(56 189 248 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-sky-500:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(14 165 233 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-sky-500\/20:is(.dark *) {
    border-color: rgb(14 165 233 / 0.2)
}
html:root:root .dark\:border-sky-500\/30:is(.dark *) {
    border-color: rgb(14 165 233 / 0.3)
}
html:root:root .dark\:border-sky-700:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(3 105 161 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-sky-800:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(7 89 133 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-sky-800\/40:is(.dark *) {
    border-color: rgb(7 89 133 / 0.4)
}
html:root:root .dark\:border-sky-800\/50:is(.dark *) {
    border-color: rgb(7 89 133 / 0.5)
}
html:root:root .dark\:border-sky-900\/50:is(.dark *) {
    border-color: rgb(12 74 110 / 0.5)
}
html:root:root .dark\:border-sky-900\/60:is(.dark *) {
    border-color: rgb(12 74 110 / 0.6)
}
html:root:root .dark\:border-slate-700:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(51 65 85 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-teal-400:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(45 212 191 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-teal-500\/20:is(.dark *) {
    border-color: rgb(20 184 166 / 0.2)
}
html:root:root .dark\:border-teal-500\/30:is(.dark *) {
    border-color: rgb(20 184 166 / 0.3)
}
html:root:root .dark\:border-violet-500\/20:is(.dark *) {
    border-color: rgb(139 92 246 / 0.2)
}
html:root:root .dark\:border-violet-500\/30:is(.dark *) {
    border-color: rgb(139 92 246 / 0.3)
}
html:root:root .dark\:border-violet-800:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(91 33 182 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-yellow-700:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(161 98 7 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-yellow-800:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(133 77 14 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-zinc-400:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(161 161 170 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-zinc-500\/20:is(.dark *) {
    border-color: rgb(113 113 122 / 0.2)
}
html:root:root .dark\:border-zinc-500\/30:is(.dark *) {
    border-color: rgb(113 113 122 / 0.3)
}
html:root:root .dark\:border-zinc-500\/35:is(.dark *) {
    border-color: rgb(113 113 122 / 0.35)
}
html:root:root .dark\:border-b-dark-600:is(.dark *) {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(var(--t1024-p-dark-600) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-b-dark-700\/60:is(.dark *) {
    border-bottom-color: rgb(var(--t1024-p-dark-700) / 0.6)
}
html:root:root .dark\:border-b-gray-700:is(.dark *) {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(var(--t1024-p-gray-700) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-b-gray-900:is(.dark *) {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(var(--t1024-p-gray-900) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-r-gray-800:is(.dark *) {
    --tw-border-opacity: 1;
    border-right-color: rgb(var(--t1024-p-gray-800) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-t-blue-400:is(.dark *) {
    --tw-border-opacity: 1;
    border-top-color: rgb(96 165 250 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-t-dark-600:is(.dark *) {
    --tw-border-opacity: 1;
    border-top-color: rgb(var(--t1024-p-dark-600) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-t-gray-700:is(.dark *) {
    --tw-border-opacity: 1;
    border-top-color: rgb(var(--t1024-p-gray-700) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:border-t-primary-400:is(.dark *) {
    --tw-border-opacity: 1;
    border-top-color: rgb(var(--t1024-p-primary-400) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:\!bg-dark-800:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--t1024-p-dark-800) / var(--tw-bg-opacity, 1)) !important
}
html:root:root .dark\:bg-amber-500\/10:is(.dark *) {
    background-color: rgb(245 158 11 / 0.1)
}
html:root:root .dark\:bg-amber-500\/15:is(.dark *) {
    background-color: rgb(245 158 11 / 0.15)
}
html:root:root .dark\:bg-amber-500\/20:is(.dark *) {
    background-color: rgb(245 158 11 / 0.2)
}
html:root:root .dark\:bg-amber-500\/80:is(.dark *) {
    background-color: rgb(245 158 11 / 0.8)
}
html:root:root .dark\:bg-amber-800\/50:is(.dark *) {
    background-color: rgb(146 64 14 / 0.5)
}
html:root:root .dark\:bg-amber-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(120 53 15 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-amber-900\/10:is(.dark *) {
    background-color: rgb(120 53 15 / 0.1)
}
html:root:root .dark\:bg-amber-900\/20:is(.dark *) {
    background-color: rgb(120 53 15 / 0.2)
}
html:root:root .dark\:bg-amber-900\/25:is(.dark *) {
    background-color: rgb(120 53 15 / 0.25)
}
html:root:root .dark\:bg-amber-900\/30:is(.dark *) {
    background-color: rgb(120 53 15 / 0.3)
}
html:root:root .dark\:bg-amber-900\/40:is(.dark *) {
    background-color: rgb(120 53 15 / 0.4)
}
html:root:root .dark\:bg-amber-900\/50:is(.dark *) {
    background-color: rgb(120 53 15 / 0.5)
}
html:root:root .dark\:bg-amber-950\/30:is(.dark *) {
    background-color: rgb(69 26 3 / 0.3)
}
html:root:root .dark\:bg-amber-950\/40:is(.dark *) {
    background-color: rgb(69 26 3 / 0.4)
}
html:root:root .dark\:bg-amber-950\/50:is(.dark *) {
    background-color: rgb(69 26 3 / 0.5)
}
html:root:root .dark\:bg-black:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-black\/50:is(.dark *) {
    background-color: rgb(0 0 0 / 0.5)
}
html:root:root .dark\:bg-blue-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-blue-500:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-blue-500\/10:is(.dark *) {
    background-color: rgb(59 130 246 / 0.1)
}
html:root:root .dark\:bg-blue-500\/15:is(.dark *) {
    background-color: rgb(59 130 246 / 0.15)
}
html:root:root .dark\:bg-blue-500\/20:is(.dark *) {
    background-color: rgb(59 130 246 / 0.2)
}
html:root:root .dark\:bg-blue-500\/80:is(.dark *) {
    background-color: rgb(59 130 246 / 0.8)
}
html:root:root .dark\:bg-blue-800\/40:is(.dark *) {
    background-color: rgb(30 64 175 / 0.4)
}
html:root:root .dark\:bg-blue-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-blue-900\/10:is(.dark *) {
    background-color: rgb(30 58 138 / 0.1)
}
html:root:root .dark\:bg-blue-900\/20:is(.dark *) {
    background-color: rgb(30 58 138 / 0.2)
}
html:root:root .dark\:bg-blue-900\/30:is(.dark *) {
    background-color: rgb(30 58 138 / 0.3)
}
html:root:root .dark\:bg-blue-900\/40:is(.dark *) {
    background-color: rgb(30 58 138 / 0.4)
}
html:root:root .dark\:bg-blue-900\/5:is(.dark *) {
    background-color: rgb(30 58 138 / 0.05)
}
html:root:root .dark\:bg-blue-900\/60:is(.dark *) {
    background-color: rgb(30 58 138 / 0.6)
}
html:root:root .dark\:bg-blue-950:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(23 37 84 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-blue-950\/20:is(.dark *) {
    background-color: rgb(23 37 84 / 0.2)
}
html:root:root .dark\:bg-blue-950\/30:is(.dark *) {
    background-color: rgb(23 37 84 / 0.3)
}
html:root:root .dark\:bg-blue-950\/40:is(.dark *) {
    background-color: rgb(23 37 84 / 0.4)
}
html:root:root .dark\:bg-cyan-500\/10:is(.dark *) {
    background-color: rgb(6 182 212 / 0.1)
}
html:root:root .dark\:bg-cyan-600:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(8 145 178 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-cyan-900\/20:is(.dark *) {
    background-color: rgb(22 78 99 / 0.2)
}
html:root:root .dark\:bg-cyan-900\/30:is(.dark *) {
    background-color: rgb(22 78 99 / 0.3)
}
html:root:root .dark\:bg-cyan-900\/40:is(.dark *) {
    background-color: rgb(22 78 99 / 0.4)
}
html:root:root .dark\:bg-cyan-900\/50:is(.dark *) {
    background-color: rgb(22 78 99 / 0.5)
}
html:root:root .dark\:bg-dark-500:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-dark-500) / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-dark-600:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-dark-600) / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-dark-600\/70:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-600) / 0.7)
}
html:root:root .dark\:bg-dark-700:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-dark-700) / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-dark-700\/20:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-700) / 0.2)
}
html:root:root .dark\:bg-dark-700\/30:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-700) / 0.3)
}
html:root:root .dark\:bg-dark-700\/40:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-700) / 0.4)
}
html:root:root .dark\:bg-dark-700\/50:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-700) / 0.5)
}
html:root:root .dark\:bg-dark-700\/60:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-700) / 0.6)
}
html:root:root .dark\:bg-dark-700\/70:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-700) / 0.7)
}
html:root:root .dark\:bg-dark-700\/95:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-700) / 0.95)
}
html:root:root .dark\:bg-dark-800:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-dark-800) / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-dark-800\/30:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-800) / 0.3)
}
html:root:root .dark\:bg-dark-800\/40:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-800) / 0.4)
}
html:root:root .dark\:bg-dark-800\/50:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-800) / 0.5)
}
html:root:root .dark\:bg-dark-800\/60:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-800) / 0.6)
}
html:root:root .dark\:bg-dark-800\/70:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-800) / 0.7)
}
html:root:root .dark\:bg-dark-800\/80:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-800) / 0.8)
}
html:root:root .dark\:bg-dark-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-dark-900) / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-dark-900\/20:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-900) / 0.2)
}
html:root:root .dark\:bg-dark-900\/30:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-900) / 0.3)
}
html:root:root .dark\:bg-dark-900\/40:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-900) / 0.4)
}
html:root:root .dark\:bg-dark-900\/50:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-900) / 0.5)
}
html:root:root .dark\:bg-dark-900\/60:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-900) / 0.6)
}
html:root:root .dark\:bg-dark-900\/70:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-900) / 0.7)
}
html:root:root .dark\:bg-dark-900\/90:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-900) / 0.9)
}
html:root:root .dark\:bg-dark-900\/95:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-900) / 0.95)
}
html:root:root .dark\:bg-dark-950:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-dark-950) / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-dark-950\/60:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-950) / 0.6)
}
html:root:root .dark\:bg-emerald-500\/10:is(.dark *) {
    background-color: rgb(16 185 129 / 0.1)
}
html:root:root .dark\:bg-emerald-500\/15:is(.dark *) {
    background-color: rgb(16 185 129 / 0.15)
}
html:root:root .dark\:bg-emerald-500\/20:is(.dark *) {
    background-color: rgb(16 185 129 / 0.2)
}
html:root:root .dark\:bg-emerald-800\/40:is(.dark *) {
    background-color: rgb(6 95 70 / 0.4)
}
html:root:root .dark\:bg-emerald-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(6 78 59 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-emerald-900\/10:is(.dark *) {
    background-color: rgb(6 78 59 / 0.1)
}
html:root:root .dark\:bg-emerald-900\/20:is(.dark *) {
    background-color: rgb(6 78 59 / 0.2)
}
html:root:root .dark\:bg-emerald-900\/25:is(.dark *) {
    background-color: rgb(6 78 59 / 0.25)
}
html:root:root .dark\:bg-emerald-900\/30:is(.dark *) {
    background-color: rgb(6 78 59 / 0.3)
}
html:root:root .dark\:bg-emerald-900\/40:is(.dark *) {
    background-color: rgb(6 78 59 / 0.4)
}
html:root:root .dark\:bg-emerald-950\/30:is(.dark *) {
    background-color: rgb(2 44 34 / 0.3)
}
html:root:root .dark\:bg-emerald-950\/40:is(.dark *) {
    background-color: rgb(2 44 34 / 0.4)
}
html:root:root .dark\:bg-emerald-950\/50:is(.dark *) {
    background-color: rgb(2 44 34 / 0.5)
}
html:root:root .dark\:bg-fuchsia-900\/20:is(.dark *) {
    background-color: rgb(112 26 117 / 0.2)
}
html:root:root .dark\:bg-fuchsia-900\/30:is(.dark *) {
    background-color: rgb(112 26 117 / 0.3)
}
html:root:root .dark\:bg-gray-500:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-gray-500) / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-gray-500\/20:is(.dark *) {
    background-color: rgb(var(--t1024-p-gray-500) / 0.2)
}
html:root:root .dark\:bg-gray-600:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-gray-600) / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-gray-700:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-gray-700) / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-gray-800:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-gray-800) / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-gray-800\/80:is(.dark *) {
    background-color: rgb(var(--t1024-p-gray-800) / 0.8)
}
html:root:root .dark\:bg-gray-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-gray-900) / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-gray-900\/30:is(.dark *) {
    background-color: rgb(var(--t1024-p-gray-900) / 0.3)
}
html:root:root .dark\:bg-green-500\/10:is(.dark *) {
    background-color: rgb(34 197 94 / 0.1)
}
html:root:root .dark\:bg-green-500\/20:is(.dark *) {
    background-color: rgb(34 197 94 / 0.2)
}
html:root:root .dark\:bg-green-600:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-green-600\/80:is(.dark *) {
    background-color: rgb(22 163 74 / 0.8)
}
html:root:root .dark\:bg-green-800\/50:is(.dark *) {
    background-color: rgb(22 101 52 / 0.5)
}
html:root:root .dark\:bg-green-900\/10:is(.dark *) {
    background-color: rgb(20 83 45 / 0.1)
}
html:root:root .dark\:bg-green-900\/20:is(.dark *) {
    background-color: rgb(20 83 45 / 0.2)
}
html:root:root .dark\:bg-green-900\/30:is(.dark *) {
    background-color: rgb(20 83 45 / 0.3)
}
html:root:root .dark\:bg-green-900\/50:is(.dark *) {
    background-color: rgb(20 83 45 / 0.5)
}
html:root:root .dark\:bg-green-950:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(5 46 22 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-green-950\/20:is(.dark *) {
    background-color: rgb(5 46 22 / 0.2)
}
html:root:root .dark\:bg-green-950\/40:is(.dark *) {
    background-color: rgb(5 46 22 / 0.4)
}
html:root:root .dark\:bg-indigo-500\/10:is(.dark *) {
    background-color: rgb(99 102 241 / 0.1)
}
html:root:root .dark\:bg-indigo-500\/15:is(.dark *) {
    background-color: rgb(99 102 241 / 0.15)
}
html:root:root .dark\:bg-indigo-500\/80:is(.dark *) {
    background-color: rgb(99 102 241 / 0.8)
}
html:root:root .dark\:bg-indigo-800\/40:is(.dark *) {
    background-color: rgb(55 48 163 / 0.4)
}
html:root:root .dark\:bg-indigo-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(49 46 129 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-indigo-900\/20:is(.dark *) {
    background-color: rgb(49 46 129 / 0.2)
}
html:root:root .dark\:bg-indigo-900\/30:is(.dark *) {
    background-color: rgb(49 46 129 / 0.3)
}
html:root:root .dark\:bg-indigo-900\/40:is(.dark *) {
    background-color: rgb(49 46 129 / 0.4)
}
html:root:root .dark\:bg-indigo-950:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(30 27 75 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-lime-900\/30:is(.dark *) {
    background-color: rgb(54 83 20 / 0.3)
}
html:root:root .dark\:bg-neutral-500\/10:is(.dark *) {
    background-color: rgb(115 115 115 / 0.1)
}
html:root:root .dark\:bg-neutral-500\/80:is(.dark *) {
    background-color: rgb(115 115 115 / 0.8)
}
html:root:root .dark\:bg-neutral-900\/40:is(.dark *) {
    background-color: rgb(23 23 23 / 0.4)
}
html:root:root .dark\:bg-orange-500\/10:is(.dark *) {
    background-color: rgb(249 115 22 / 0.1)
}
html:root:root .dark\:bg-orange-500\/15:is(.dark *) {
    background-color: rgb(249 115 22 / 0.15)
}
html:root:root .dark\:bg-orange-500\/20:is(.dark *) {
    background-color: rgb(249 115 22 / 0.2)
}
html:root:root .dark\:bg-orange-500\/80:is(.dark *) {
    background-color: rgb(249 115 22 / 0.8)
}
html:root:root .dark\:bg-orange-600:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-orange-800\/40:is(.dark *) {
    background-color: rgb(154 52 18 / 0.4)
}
html:root:root .dark\:bg-orange-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(124 45 18 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-orange-900\/20:is(.dark *) {
    background-color: rgb(124 45 18 / 0.2)
}
html:root:root .dark\:bg-orange-900\/30:is(.dark *) {
    background-color: rgb(124 45 18 / 0.3)
}
html:root:root .dark\:bg-orange-900\/40:is(.dark *) {
    background-color: rgb(124 45 18 / 0.4)
}
html:root:root .dark\:bg-orange-950:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(67 20 7 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-pink-500\/10:is(.dark *) {
    background-color: rgb(236 72 153 / 0.1)
}
html:root:root .dark\:bg-pink-500\/15:is(.dark *) {
    background-color: rgb(236 72 153 / 0.15)
}
html:root:root .dark\:bg-pink-500\/80:is(.dark *) {
    background-color: rgb(236 72 153 / 0.8)
}
html:root:root .dark\:bg-pink-800\/40:is(.dark *) {
    background-color: rgb(157 23 77 / 0.4)
}
html:root:root .dark\:bg-pink-900\/20:is(.dark *) {
    background-color: rgb(131 24 67 / 0.2)
}
html:root:root .dark\:bg-pink-900\/30:is(.dark *) {
    background-color: rgb(131 24 67 / 0.3)
}
html:root:root .dark\:bg-pink-900\/40:is(.dark *) {
    background-color: rgb(131 24 67 / 0.4)
}
html:root:root .dark\:bg-primary-300:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-primary-300) / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-primary-400\/10:is(.dark *) {
    background-color: rgb(var(--t1024-p-primary-400) / 0.1)
}
html:root:root .dark\:bg-primary-500\/10:is(.dark *) {
    background-color: rgb(var(--t1024-p-primary-500) / 0.1)
}
html:root:root .dark\:bg-primary-500\/15:is(.dark *) {
    background-color: rgb(var(--t1024-p-primary-500) / 0.15)
}
html:root:root .dark\:bg-primary-600:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-primary-600) / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-primary-800\/40:is(.dark *) {
    background-color: rgb(var(--t1024-p-primary-800) / 0.4)
}
html:root:root .dark\:bg-primary-900\/10:is(.dark *) {
    background-color: rgb(var(--t1024-p-primary-900) / 0.1)
}
html:root:root .dark\:bg-primary-900\/20:is(.dark *) {
    background-color: rgb(var(--t1024-p-primary-900) / 0.2)
}
html:root:root .dark\:bg-primary-900\/25:is(.dark *) {
    background-color: rgb(var(--t1024-p-primary-900) / 0.25)
}
html:root:root .dark\:bg-primary-900\/30:is(.dark *) {
    background-color: rgb(var(--t1024-p-primary-900) / 0.3)
}
html:root:root .dark\:bg-primary-900\/40:is(.dark *) {
    background-color: rgb(var(--t1024-p-primary-900) / 0.4)
}
html:root:root .dark\:bg-primary-950:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-primary-950) / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-primary-950\/20:is(.dark *) {
    background-color: rgb(var(--t1024-p-primary-950) / 0.2)
}
html:root:root .dark\:bg-primary-950\/40:is(.dark *) {
    background-color: rgb(var(--t1024-p-primary-950) / 0.4)
}
html:root:root .dark\:bg-purple-500\/10:is(.dark *) {
    background-color: rgb(168 85 247 / 0.1)
}
html:root:root .dark\:bg-purple-500\/15:is(.dark *) {
    background-color: rgb(168 85 247 / 0.15)
}
html:root:root .dark\:bg-purple-500\/80:is(.dark *) {
    background-color: rgb(168 85 247 / 0.8)
}
html:root:root .dark\:bg-purple-800\/40:is(.dark *) {
    background-color: rgb(107 33 168 / 0.4)
}
html:root:root .dark\:bg-purple-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(88 28 135 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-purple-900\/20:is(.dark *) {
    background-color: rgb(88 28 135 / 0.2)
}
html:root:root .dark\:bg-purple-900\/30:is(.dark *) {
    background-color: rgb(88 28 135 / 0.3)
}
html:root:root .dark\:bg-purple-900\/40:is(.dark *) {
    background-color: rgb(88 28 135 / 0.4)
}
html:root:root .dark\:bg-red-500:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-red-500\/10:is(.dark *) {
    background-color: rgb(239 68 68 / 0.1)
}
html:root:root .dark\:bg-red-500\/15:is(.dark *) {
    background-color: rgb(239 68 68 / 0.15)
}
html:root:root .dark\:bg-red-500\/20:is(.dark *) {
    background-color: rgb(239 68 68 / 0.2)
}
html:root:root .dark\:bg-red-600:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-red-800\/50:is(.dark *) {
    background-color: rgb(153 27 27 / 0.5)
}
html:root:root .dark\:bg-red-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-red-900\/10:is(.dark *) {
    background-color: rgb(127 29 29 / 0.1)
}
html:root:root .dark\:bg-red-900\/20:is(.dark *) {
    background-color: rgb(127 29 29 / 0.2)
}
html:root:root .dark\:bg-red-900\/30:is(.dark *) {
    background-color: rgb(127 29 29 / 0.3)
}
html:root:root .dark\:bg-red-900\/40:is(.dark *) {
    background-color: rgb(127 29 29 / 0.4)
}
html:root:root .dark\:bg-red-900\/50:is(.dark *) {
    background-color: rgb(127 29 29 / 0.5)
}
html:root:root .dark\:bg-red-950\/20:is(.dark *) {
    background-color: rgb(69 10 10 / 0.2)
}
html:root:root .dark\:bg-red-950\/30:is(.dark *) {
    background-color: rgb(69 10 10 / 0.3)
}
html:root:root .dark\:bg-red-950\/40:is(.dark *) {
    background-color: rgb(69 10 10 / 0.4)
}
html:root:root .dark\:bg-red-950\/50:is(.dark *) {
    background-color: rgb(69 10 10 / 0.5)
}
html:root:root .dark\:bg-rose-500\/10:is(.dark *) {
    background-color: rgb(244 63 94 / 0.1)
}
html:root:root .dark\:bg-rose-500\/15:is(.dark *) {
    background-color: rgb(244 63 94 / 0.15)
}
html:root:root .dark\:bg-rose-500\/20:is(.dark *) {
    background-color: rgb(244 63 94 / 0.2)
}
html:root:root .dark\:bg-rose-500\/80:is(.dark *) {
    background-color: rgb(244 63 94 / 0.8)
}
html:root:root .dark\:bg-rose-800\/40:is(.dark *) {
    background-color: rgb(159 18 57 / 0.4)
}
html:root:root .dark\:bg-rose-900\/10:is(.dark *) {
    background-color: rgb(136 19 55 / 0.1)
}
html:root:root .dark\:bg-rose-900\/20:is(.dark *) {
    background-color: rgb(136 19 55 / 0.2)
}
html:root:root .dark\:bg-rose-900\/25:is(.dark *) {
    background-color: rgb(136 19 55 / 0.25)
}
html:root:root .dark\:bg-rose-900\/30:is(.dark *) {
    background-color: rgb(136 19 55 / 0.3)
}
html:root:root .dark\:bg-rose-900\/40:is(.dark *) {
    background-color: rgb(136 19 55 / 0.4)
}
html:root:root .dark\:bg-sky-500\/10:is(.dark *) {
    background-color: rgb(14 165 233 / 0.1)
}
html:root:root .dark\:bg-sky-500\/15:is(.dark *) {
    background-color: rgb(14 165 233 / 0.15)
}
html:root:root .dark\:bg-sky-600\/80:is(.dark *) {
    background-color: rgb(2 132 199 / 0.8)
}
html:root:root .dark\:bg-sky-900\/10:is(.dark *) {
    background-color: rgb(12 74 110 / 0.1)
}
html:root:root .dark\:bg-sky-900\/20:is(.dark *) {
    background-color: rgb(12 74 110 / 0.2)
}
html:root:root .dark\:bg-sky-900\/25:is(.dark *) {
    background-color: rgb(12 74 110 / 0.25)
}
html:root:root .dark\:bg-sky-900\/30:is(.dark *) {
    background-color: rgb(12 74 110 / 0.3)
}
html:root:root .dark\:bg-sky-900\/40:is(.dark *) {
    background-color: rgb(12 74 110 / 0.4)
}
html:root:root .dark\:bg-sky-950\/20:is(.dark *) {
    background-color: rgb(8 47 73 / 0.2)
}
html:root:root .dark\:bg-sky-950\/30:is(.dark *) {
    background-color: rgb(8 47 73 / 0.3)
}
html:root:root .dark\:bg-slate-500:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-slate-700:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-slate-800:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-slate-800\/50:is(.dark *) {
    background-color: rgb(30 41 59 / 0.5)
}
html:root:root .dark\:bg-slate-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-slate-900\/30:is(.dark *) {
    background-color: rgb(15 23 42 / 0.3)
}
html:root:root .dark\:bg-slate-950:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-teal-500\/10:is(.dark *) {
    background-color: rgb(20 184 166 / 0.1)
}
html:root:root .dark\:bg-teal-500\/15:is(.dark *) {
    background-color: rgb(20 184 166 / 0.15)
}
html:root:root .dark\:bg-teal-500\/80:is(.dark *) {
    background-color: rgb(20 184 166 / 0.8)
}
html:root:root .dark\:bg-teal-800\/40:is(.dark *) {
    background-color: rgb(17 94 89 / 0.4)
}
html:root:root .dark\:bg-teal-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(19 78 74 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-teal-900\/20:is(.dark *) {
    background-color: rgb(19 78 74 / 0.2)
}
html:root:root .dark\:bg-teal-900\/30:is(.dark *) {
    background-color: rgb(19 78 74 / 0.3)
}
html:root:root .dark\:bg-teal-900\/40:is(.dark *) {
    background-color: rgb(19 78 74 / 0.4)
}
html:root:root .dark\:bg-transparent:is(.dark *) {
    background-color: transparent
}
html:root:root .dark\:bg-violet-500\/10:is(.dark *) {
    background-color: rgb(139 92 246 / 0.1)
}
html:root:root .dark\:bg-violet-500\/80:is(.dark *) {
    background-color: rgb(139 92 246 / 0.8)
}
html:root:root .dark\:bg-violet-800\/40:is(.dark *) {
    background-color: rgb(91 33 182 / 0.4)
}
html:root:root .dark\:bg-violet-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(76 29 149 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-violet-900\/10:is(.dark *) {
    background-color: rgb(76 29 149 / 0.1)
}
html:root:root .dark\:bg-violet-900\/20:is(.dark *) {
    background-color: rgb(76 29 149 / 0.2)
}
html:root:root .dark\:bg-violet-900\/30:is(.dark *) {
    background-color: rgb(76 29 149 / 0.3)
}
html:root:root .dark\:bg-violet-900\/40:is(.dark *) {
    background-color: rgb(76 29 149 / 0.4)
}
html:root:root .dark\:bg-white:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-white\/10:is(.dark *) {
    background-color: rgb(255 255 255 / 0.1)
}
html:root:root .dark\:bg-yellow-600:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-yellow-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(113 63 18 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-yellow-900\/10:is(.dark *) {
    background-color: rgb(113 63 18 / 0.1)
}
html:root:root .dark\:bg-yellow-900\/20:is(.dark *) {
    background-color: rgb(113 63 18 / 0.2)
}
html:root:root .dark\:bg-yellow-900\/30:is(.dark *) {
    background-color: rgb(113 63 18 / 0.3)
}
html:root:root .dark\:bg-yellow-900\/40:is(.dark *) {
    background-color: rgb(113 63 18 / 0.4)
}
html:root:root .dark\:bg-zinc-500\/10:is(.dark *) {
    background-color: rgb(113 113 122 / 0.1)
}
html:root:root .dark\:bg-zinc-500\/15:is(.dark *) {
    background-color: rgb(113 113 122 / 0.15)
}
html:root:root .dark\:bg-zinc-700:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-zinc-700\/60:is(.dark *) {
    background-color: rgb(63 63 70 / 0.6)
}
html:root:root .dark\:bg-zinc-800:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:bg-zinc-900\/30:is(.dark *) {
    background-color: rgb(24 24 27 / 0.3)
}
html:root:root .dark\:from-amber-500\/10:is(.dark *) {
    --tw-gradient-from: rgb(245 158 11 / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .dark\:from-amber-900\/10:is(.dark *) {
    --tw-gradient-from: rgb(120 53 15 / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(120 53 15 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .dark\:from-amber-900\/20:is(.dark *) {
    --tw-gradient-from: rgb(120 53 15 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(120 53 15 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .dark\:from-blue-900\/10:is(.dark *) {
    --tw-gradient-from: rgb(30 58 138 / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .dark\:from-blue-900\/20:is(.dark *) {
    --tw-gradient-from: rgb(30 58 138 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .dark\:from-dark-700:is(.dark *) {
    --tw-gradient-from: rgb(var(--t1024-p-dark-700) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--t1024-p-dark-700) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .dark\:from-dark-900:is(.dark *) {
    --tw-gradient-from: rgb(var(--t1024-p-dark-900) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--t1024-p-dark-900) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .dark\:from-dark-950:is(.dark *) {
    --tw-gradient-from: rgb(var(--t1024-p-dark-950) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--t1024-p-dark-950) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .dark\:from-emerald-500\/10:is(.dark *) {
    --tw-gradient-from: rgb(16 185 129 / 0.1) 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)
}
html:root:root .dark\:from-emerald-900\/10:is(.dark *) {
    --tw-gradient-from: rgb(6 78 59 / 0.1) 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)
}
html:root:root .dark\:from-emerald-900\/20:is(.dark *) {
    --tw-gradient-from: rgb(6 78 59 / 0.2) 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)
}
html:root:root .dark\:from-indigo-500\/10:is(.dark *) {
    --tw-gradient-from: rgb(99 102 241 / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .dark\:from-indigo-900\/10:is(.dark *) {
    --tw-gradient-from: rgb(49 46 129 / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(49 46 129 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .dark\:from-indigo-900\/20:is(.dark *) {
    --tw-gradient-from: rgb(49 46 129 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(49 46 129 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .dark\:from-orange-500\/10:is(.dark *) {
    --tw-gradient-from: rgb(249 115 22 / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .dark\:from-orange-900\/20:is(.dark *) {
    --tw-gradient-from: rgb(124 45 18 / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(124 45 18 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .dark\:from-pink-500\/10:is(.dark *) {
    --tw-gradient-from: rgb(236 72 153 / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .dark\:from-primary-900\/20:is(.dark *) {
    --tw-gradient-from: rgb(var(--t1024-p-primary-900) / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--t1024-p-primary-900) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .dark\:from-primary-900\/30:is(.dark *) {
    --tw-gradient-from: rgb(var(--t1024-p-primary-900) / 0.3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--t1024-p-primary-900) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .dark\:from-primary-950\/40:is(.dark *) {
    --tw-gradient-from: rgb(var(--t1024-p-primary-950) / 0.4) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--t1024-p-primary-950) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .dark\:from-purple-500\/10:is(.dark *) {
    --tw-gradient-from: rgb(168 85 247 / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .dark\:from-purple-900\/10:is(.dark *) {
    --tw-gradient-from: rgb(88 28 135 / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .dark\:from-rose-500\/10:is(.dark *) {
    --tw-gradient-from: rgb(244 63 94 / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .dark\:from-sky-500\/10:is(.dark *) {
    --tw-gradient-from: rgb(14 165 233 / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .dark\:from-teal-500\/10:is(.dark *) {
    --tw-gradient-from: rgb(20 184 166 / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .dark\:from-zinc-500\/10:is(.dark *) {
    --tw-gradient-from: rgb(113 113 122 / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(113 113 122 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
html:root:root .dark\:via-dark-900:is(.dark *) {
    --tw-gradient-to: rgb(var(--t1024-p-dark-900) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--t1024-p-dark-900) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to)
}
html:root:root .dark\:via-indigo-900\/10:is(.dark *) {
    --tw-gradient-to: rgb(49 46 129 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(49 46 129 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to)
}
html:root:root .dark\:via-orange-900\/10:is(.dark *) {
    --tw-gradient-to: rgb(124 45 18 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(124 45 18 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to)
}
html:root:root .dark\:to-amber-500\/20:is(.dark *) {
    --tw-gradient-to: rgb(245 158 11 / 0.2) var(--tw-gradient-to-position)
}
html:root:root .dark\:to-dark-600:is(.dark *) {
    --tw-gradient-to: rgb(var(--t1024-p-dark-600) / 1) var(--tw-gradient-to-position)
}
html:root:root .dark\:to-dark-700:is(.dark *) {
    --tw-gradient-to: rgb(var(--t1024-p-dark-700) / 1) var(--tw-gradient-to-position)
}
html:root:root .dark\:to-dark-800:is(.dark *) {
    --tw-gradient-to: rgb(var(--t1024-p-dark-800) / 1) var(--tw-gradient-to-position)
}
html:root:root .dark\:to-dark-950:is(.dark *) {
    --tw-gradient-to: rgb(var(--t1024-p-dark-950) / 1) var(--tw-gradient-to-position)
}
html:root:root .dark\:to-emerald-500\/20:is(.dark *) {
    --tw-gradient-to: rgb(16 185 129 / 0.2) var(--tw-gradient-to-position)
}
html:root:root .dark\:to-indigo-500\/20:is(.dark *) {
    --tw-gradient-to: rgb(99 102 241 / 0.2) var(--tw-gradient-to-position)
}
html:root:root .dark\:to-indigo-900\/5:is(.dark *) {
    --tw-gradient-to: rgb(49 46 129 / 0.05) var(--tw-gradient-to-position)
}
html:root:root .dark\:to-neutral-500\/20:is(.dark *) {
    --tw-gradient-to: rgb(115 115 115 / 0.2) var(--tw-gradient-to-position)
}
html:root:root .dark\:to-pink-500\/20:is(.dark *) {
    --tw-gradient-to: rgb(236 72 153 / 0.2) var(--tw-gradient-to-position)
}
html:root:root .dark\:to-primary-800\/20:is(.dark *) {
    --tw-gradient-to: rgb(var(--t1024-p-primary-800) / 0.2) var(--tw-gradient-to-position)
}
html:root:root .dark\:to-purple-500\/20:is(.dark *) {
    --tw-gradient-to: rgb(168 85 247 / 0.2) var(--tw-gradient-to-position)
}
html:root:root .dark\:to-purple-900\/5:is(.dark *) {
    --tw-gradient-to: rgb(88 28 135 / 0.05) var(--tw-gradient-to-position)
}
html:root:root .dark\:to-rose-500\/20:is(.dark *) {
    --tw-gradient-to: rgb(244 63 94 / 0.2) var(--tw-gradient-to-position)
}
html:root:root .dark\:to-teal-500\/20:is(.dark *) {
    --tw-gradient-to: rgb(20 184 166 / 0.2) var(--tw-gradient-to-position)
}
html:root:root .dark\:to-teal-900\/20:is(.dark *) {
    --tw-gradient-to: rgb(19 78 74 / 0.2) var(--tw-gradient-to-position)
}
html:root:root .dark\:to-yellow-900\/5:is(.dark *) {
    --tw-gradient-to: rgb(113 63 18 / 0.05) var(--tw-gradient-to-position)
}
html:root:root .dark\:text-amber-100:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(254 243 199 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-amber-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(253 230 138 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-amber-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(252 211 77 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-amber-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(251 191 36 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-amber-400\/70:is(.dark *) {
    color: rgb(251 191 36 / 0.7)
}
html:root:root .dark\:text-amber-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(245 158 11 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-amber-600:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(217 119 6 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-blue-100:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(219 234 254 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-blue-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(191 219 254 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-blue-200\/80:is(.dark *) {
    color: rgb(191 219 254 / 0.8)
}
html:root:root .dark\:text-blue-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(147 197 253 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-blue-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(96 165 250 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-cyan-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(103 232 249 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-cyan-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(34 211 238 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-dark-100:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-dark-100) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-dark-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-dark-200) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-dark-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-dark-300) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-dark-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-dark-400) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-dark-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-dark-500) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-dark-600:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-dark-600) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-dark-700:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-dark-700) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-dark-800:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-dark-800) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-emerald-100:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(209 250 229 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-emerald-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(167 243 208 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-emerald-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(110 231 183 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-emerald-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(52 211 153 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-emerald-400\/70:is(.dark *) {
    color: rgb(52 211 153 / 0.7)
}
html:root:root .dark\:text-fuchsia-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(232 121 249 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-gray-100:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-100) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-gray-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-200) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-gray-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-300) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-gray-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-400) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-gray-50:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-50) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-gray-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-500) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-gray-600:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-600) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-gray-900:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-900) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-green-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(187 247 208 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-green-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(134 239 172 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-green-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(74 222 128 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-green-400\/70:is(.dark *) {
    color: rgb(74 222 128 / 0.7)
}
html:root:root .dark\:text-green-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-indigo-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(199 210 254 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-indigo-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(165 180 252 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-indigo-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(129 140 248 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-lime-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(163 230 53 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-neutral-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(212 212 212 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-orange-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(254 215 170 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-orange-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(253 186 116 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-orange-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(251 146 60 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-pink-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(249 168 212 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-pink-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(244 114 182 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-primary-100:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-100) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-primary-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-200) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-primary-200\/80:is(.dark *) {
    color: rgb(var(--t1024-p-primary-200) / 0.8)
}
html:root:root .dark\:text-primary-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-300) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-primary-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-400) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-primary-400\/90:is(.dark *) {
    color: rgb(var(--t1024-p-primary-400) / 0.9)
}
html:root:root .dark\:text-primary-700:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-700) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-primary-800:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-800) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-purple-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(233 213 255 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-purple-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(216 180 254 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-purple-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(192 132 252 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-red-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(254 202 202 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-red-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(252 165 165 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-red-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(248 113 113 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-red-400\/70:is(.dark *) {
    color: rgb(248 113 113 / 0.7)
}
html:root:root .dark\:text-rose-100:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 228 230 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-rose-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(254 205 211 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-rose-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(253 164 175 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-rose-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(251 113 133 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-sky-100:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(224 242 254 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-sky-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(186 230 253 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-sky-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(125 211 252 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-sky-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(56 189 248 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-slate-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(226 232 240 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-slate-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-slate-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-teal-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(153 246 228 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-teal-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(94 234 212 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-teal-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(45 212 191 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-violet-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(221 214 254 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-violet-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(196 181 253 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-violet-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(167 139 250 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-white:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-yellow-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(254 240 138 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-yellow-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(253 224 71 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-yellow-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(250 204 21 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-zinc-100:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(244 244 245 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-zinc-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(228 228 231 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:text-zinc-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(212 212 216 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:decoration-dark-500:is(.dark *) {
    text-decoration-color: rgb(var(--t1024-p-dark-500) / 1)
}
html:root:root .dark\:decoration-gray-500:is(.dark *) {
    text-decoration-color: rgb(var(--t1024-p-gray-500) / 1)
}
html:root:root .dark\:placeholder-gray-500:is(.dark *)::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(var(--t1024-p-gray-500) / var(--tw-placeholder-opacity, 1))
}
html:root:root .dark\:shadow-\[0_-12px_35px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]:is(.dark *) {
    --tw-shadow: 0 -12px 35px rgba(0,0,0,0.35);
    --tw-shadow-colored: 0 -12px 35px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
html:root:root .dark\:shadow-primary-500\/20:is(.dark *) {
    --tw-shadow-color: rgb(var(--t1024-p-primary-500) / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
html:root:root .dark\:ring-amber-500\/30:is(.dark *) {
    --tw-ring-color: rgb(245 158 11 / 0.3)
}
html:root:root .dark\:ring-amber-800:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(146 64 14 / var(--tw-ring-opacity, 1))
}
html:root:root .dark\:ring-dark-600:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--t1024-p-dark-600) / var(--tw-ring-opacity, 1))
}
html:root:root .dark\:ring-dark-700:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--t1024-p-dark-700) / var(--tw-ring-opacity, 1))
}
html:root:root .dark\:ring-dark-800:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--t1024-p-dark-800) / var(--tw-ring-opacity, 1))
}
html:root:root .dark\:ring-emerald-800:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(6 95 70 / var(--tw-ring-opacity, 1))
}
html:root:root .dark\:ring-emerald-900\/50:is(.dark *) {
    --tw-ring-color: rgb(6 78 59 / 0.5)
}
html:root:root .dark\:ring-gray-500\/30:is(.dark *) {
    --tw-ring-color: rgb(var(--t1024-p-gray-500) / 0.3)
}
html:root:root .dark\:ring-green-500\/30:is(.dark *) {
    --tw-ring-color: rgb(34 197 94 / 0.3)
}
html:root:root .dark\:ring-orange-500\/30:is(.dark *) {
    --tw-ring-color: rgb(249 115 22 / 0.3)
}
html:root:root .dark\:ring-primary-500\/20:is(.dark *) {
    --tw-ring-color: rgb(var(--t1024-p-primary-500) / 0.2)
}
html:root:root .dark\:ring-primary-700\/50:is(.dark *) {
    --tw-ring-color: rgb(var(--t1024-p-primary-700) / 0.5)
}
html:root:root .dark\:ring-primary-900:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--t1024-p-primary-900) / var(--tw-ring-opacity, 1))
}
html:root:root .dark\:ring-primary-900\/40:is(.dark *) {
    --tw-ring-color: rgb(var(--t1024-p-primary-900) / 0.4)
}
html:root:root .dark\:ring-purple-500\/30:is(.dark *) {
    --tw-ring-color: rgb(168 85 247 / 0.3)
}
html:root:root .dark\:ring-red-500\/30:is(.dark *) {
    --tw-ring-color: rgb(239 68 68 / 0.3)
}
html:root:root .dark\:ring-red-900\/50:is(.dark *) {
    --tw-ring-color: rgb(127 29 29 / 0.5)
}
html:root:root .dark\:ring-rose-500\/30:is(.dark *) {
    --tw-ring-color: rgb(244 63 94 / 0.3)
}
html:root:root .dark\:ring-rose-800:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(159 18 57 / var(--tw-ring-opacity, 1))
}
html:root:root .dark\:ring-sky-800:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(7 89 133 / var(--tw-ring-opacity, 1))
}
html:root:root .dark\:ring-sky-900\/60:is(.dark *) {
    --tw-ring-color: rgb(12 74 110 / 0.6)
}
html:root:root .dark\:ring-slate-500\/30:is(.dark *) {
    --tw-ring-color: rgb(100 116 139 / 0.3)
}
html:root:root .dark\:ring-slate-700\/70:is(.dark *) {
    --tw-ring-color: rgb(51 65 85 / 0.7)
}
html:root:root .dark\:ring-white\/10:is(.dark *) {
    --tw-ring-color: rgb(255 255 255 / 0.1)
}
html:root:root .dark\:selection\:bg-primary-200 *:is(.dark *)::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-primary-200) / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:selection\:bg-primary-900\/60 *:is(.dark *)::selection {
    background-color: rgb(var(--t1024-p-primary-900) / 0.6)
}
html:root:root .dark\:selection\:text-gray-900 *:is(.dark *)::selection {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-900) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:selection\:text-primary-100 *:is(.dark *)::selection {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-100) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:selection\:bg-primary-200:is(.dark *)::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-primary-200) / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:selection\:bg-primary-900\/60:is(.dark *)::selection {
    background-color: rgb(var(--t1024-p-primary-900) / 0.6)
}
html:root:root .dark\:selection\:text-gray-900:is(.dark *)::selection {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-900) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:selection\:text-primary-100:is(.dark *)::selection {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-100) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:placeholder\:text-dark-400:is(.dark *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-dark-400) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:placeholder\:text-dark-500:is(.dark *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-dark-500) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:placeholder\:text-gray-500:is(.dark *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-500) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:after\:border-gray-500:is(.dark *)::after {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-gray-500) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:after\:border-gray-600:is(.dark *)::after {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-gray-600) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:focus-within\:border-primary-700:focus-within:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-700) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:hover\:border-amber-500\/50:hover:is(.dark *) {
    border-color: rgb(245 158 11 / 0.5)
}
html:root:root .dark\:hover\:border-amber-700:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(180 83 9 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:hover\:border-blue-700:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(29 78 216 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:hover\:border-dark-400:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-dark-400) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:hover\:border-dark-500:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-dark-500) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:hover\:border-dark-600:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-dark-600) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:hover\:border-emerald-500\/50:hover:is(.dark *) {
    border-color: rgb(16 185 129 / 0.5)
}
html:root:root .dark\:hover\:border-gray-600:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-gray-600) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:hover\:border-green-700:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(21 128 61 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:hover\:border-indigo-500\/50:hover:is(.dark *) {
    border-color: rgb(99 102 241 / 0.5)
}
html:root:root .dark\:hover\:border-orange-500\/50:hover:is(.dark *) {
    border-color: rgb(249 115 22 / 0.5)
}
html:root:root .dark\:hover\:border-orange-700:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(194 65 12 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:hover\:border-pink-500\/50:hover:is(.dark *) {
    border-color: rgb(236 72 153 / 0.5)
}
html:root:root .dark\:hover\:border-primary-400:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-400) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:hover\:border-primary-500:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-500) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:hover\:border-primary-500\/30:hover:is(.dark *) {
    border-color: rgb(var(--t1024-p-primary-500) / 0.3)
}
html:root:root .dark\:hover\:border-primary-700:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-700) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:hover\:border-primary-800:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-800) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:hover\:border-purple-500\/50:hover:is(.dark *) {
    border-color: rgb(168 85 247 / 0.5)
}
html:root:root .dark\:hover\:border-purple-700:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(126 34 206 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:hover\:border-red-400\/60:hover:is(.dark *) {
    border-color: rgb(248 113 113 / 0.6)
}
html:root:root .dark\:hover\:border-rose-500\/50:hover:is(.dark *) {
    border-color: rgb(244 63 94 / 0.5)
}
html:root:root .dark\:hover\:border-sky-500\/50:hover:is(.dark *) {
    border-color: rgb(14 165 233 / 0.5)
}
html:root:root .dark\:hover\:border-sky-600:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(2 132 199 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:hover\:border-sky-700:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(3 105 161 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:hover\:border-teal-500\/50:hover:is(.dark *) {
    border-color: rgb(20 184 166 / 0.5)
}
html:root:root .dark\:hover\:border-zinc-500\/50:hover:is(.dark *) {
    border-color: rgb(113 113 122 / 0.5)
}
html:root:root .dark\:hover\:border-zinc-600:hover:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(82 82 91 / var(--tw-border-opacity, 1))
}
html:root:root .dark\:hover\:bg-amber-500:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:hover\:bg-amber-900\/20:hover:is(.dark *) {
    background-color: rgb(120 53 15 / 0.2)
}
html:root:root .dark\:hover\:bg-amber-900\/30:hover:is(.dark *) {
    background-color: rgb(120 53 15 / 0.3)
}
html:root:root .dark\:hover\:bg-amber-900\/50:hover:is(.dark *) {
    background-color: rgb(120 53 15 / 0.5)
}
html:root:root .dark\:hover\:bg-blue-500:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:hover\:bg-blue-600:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:hover\:bg-blue-900\/20:hover:is(.dark *) {
    background-color: rgb(30 58 138 / 0.2)
}
html:root:root .dark\:hover\:bg-blue-900\/30:hover:is(.dark *) {
    background-color: rgb(30 58 138 / 0.3)
}
html:root:root .dark\:hover\:bg-blue-900\/50:hover:is(.dark *) {
    background-color: rgb(30 58 138 / 0.5)
}
html:root:root .dark\:hover\:bg-cyan-500:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:hover\:bg-cyan-900\/30:hover:is(.dark *) {
    background-color: rgb(22 78 99 / 0.3)
}
html:root:root .dark\:hover\:bg-dark-500:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-dark-500) / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:hover\:bg-dark-600:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-dark-600) / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:hover\:bg-dark-700:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-dark-700) / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:hover\:bg-dark-700\/30:hover:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-700) / 0.3)
}
html:root:root .dark\:hover\:bg-dark-700\/40:hover:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-700) / 0.4)
}
html:root:root .dark\:hover\:bg-dark-700\/50:hover:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-700) / 0.5)
}
html:root:root .dark\:hover\:bg-dark-700\/60:hover:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-700) / 0.6)
}
html:root:root .dark\:hover\:bg-dark-800:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-dark-800) / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:hover\:bg-dark-800\/40:hover:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-800) / 0.4)
}
html:root:root .dark\:hover\:bg-dark-800\/50:hover:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-800) / 0.5)
}
html:root:root .dark\:hover\:bg-dark-800\/55:hover:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-800) / 0.55)
}
html:root:root .dark\:hover\:bg-dark-800\/60:hover:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-800) / 0.6)
}
html:root:root .dark\:hover\:bg-dark-800\/70:hover:is(.dark *) {
    background-color: rgb(var(--t1024-p-dark-800) / 0.7)
}
html:root:root .dark\:hover\:bg-emerald-900\/20:hover:is(.dark *) {
    background-color: rgb(6 78 59 / 0.2)
}
html:root:root .dark\:hover\:bg-emerald-900\/30:hover:is(.dark *) {
    background-color: rgb(6 78 59 / 0.3)
}
html:root:root .dark\:hover\:bg-gray-200:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-gray-200) / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:hover\:bg-gray-700:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-gray-700) / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:hover\:bg-gray-800\/50:hover:is(.dark *) {
    background-color: rgb(var(--t1024-p-gray-800) / 0.5)
}
html:root:root .dark\:hover\:bg-green-600:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:hover\:bg-green-900\/20:hover:is(.dark *) {
    background-color: rgb(20 83 45 / 0.2)
}
html:root:root .dark\:hover\:bg-indigo-500:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:hover\:bg-neutral-500:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(115 115 115 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:hover\:bg-orange-500:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:hover\:bg-orange-900\/20:hover:is(.dark *) {
    background-color: rgb(124 45 18 / 0.2)
}
html:root:root .dark\:hover\:bg-orange-900\/30:hover:is(.dark *) {
    background-color: rgb(124 45 18 / 0.3)
}
html:root:root .dark\:hover\:bg-pink-500:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:hover\:bg-primary-500:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-primary-500) / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:hover\:bg-primary-800:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-primary-800) / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:hover\:bg-primary-900\/20:hover:is(.dark *) {
    background-color: rgb(var(--t1024-p-primary-900) / 0.2)
}
html:root:root .dark\:hover\:bg-primary-900\/30:hover:is(.dark *) {
    background-color: rgb(var(--t1024-p-primary-900) / 0.3)
}
html:root:root .dark\:hover\:bg-primary-900\/50:hover:is(.dark *) {
    background-color: rgb(var(--t1024-p-primary-900) / 0.5)
}
html:root:root .dark\:hover\:bg-purple-500:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:hover\:bg-purple-900\/20:hover:is(.dark *) {
    background-color: rgb(88 28 135 / 0.2)
}
html:root:root .dark\:hover\:bg-purple-900\/30:hover:is(.dark *) {
    background-color: rgb(88 28 135 / 0.3)
}
html:root:root .dark\:hover\:bg-red-500\/10:hover:is(.dark *) {
    background-color: rgb(239 68 68 / 0.1)
}
html:root:root .dark\:hover\:bg-red-900\/20:hover:is(.dark *) {
    background-color: rgb(127 29 29 / 0.2)
}
html:root:root .dark\:hover\:bg-red-900\/30:hover:is(.dark *) {
    background-color: rgb(127 29 29 / 0.3)
}
html:root:root .dark\:hover\:bg-red-900\/40:hover:is(.dark *) {
    background-color: rgb(127 29 29 / 0.4)
}
html:root:root .dark\:hover\:bg-red-950\/30:hover:is(.dark *) {
    background-color: rgb(69 10 10 / 0.3)
}
html:root:root .dark\:hover\:bg-rose-500:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:hover\:bg-sky-600:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:hover\:bg-sky-900\/10:hover:is(.dark *) {
    background-color: rgb(12 74 110 / 0.1)
}
html:root:root .dark\:hover\:bg-sky-900\/20:hover:is(.dark *) {
    background-color: rgb(12 74 110 / 0.2)
}
html:root:root .dark\:hover\:bg-teal-500:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:hover\:bg-violet-500:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:hover\:bg-violet-900\/30:hover:is(.dark *) {
    background-color: rgb(76 29 149 / 0.3)
}
html:root:root .dark\:hover\:bg-yellow-900\/20:hover:is(.dark *) {
    background-color: rgb(113 63 18 / 0.2)
}
html:root:root .dark\:hover\:bg-yellow-900\/30:hover:is(.dark *) {
    background-color: rgb(113 63 18 / 0.3)
}
html:root:root .dark\:hover\:bg-zinc-600:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(82 82 91 / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:hover\:text-amber-300:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(252 211 77 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:hover\:text-amber-400:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(251 191 36 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:hover\:text-blue-300:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(147 197 253 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:hover\:text-blue-400:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(96 165 250 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:hover\:text-cyan-400:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(34 211 238 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:hover\:text-dark-200:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-dark-200) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:hover\:text-dark-300:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-dark-300) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:hover\:text-dark-400:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-dark-400) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:hover\:text-emerald-400:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(52 211 153 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:hover\:text-gray-200:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-200) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:hover\:text-gray-300:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-gray-300) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:hover\:text-green-400:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(74 222 128 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:hover\:text-orange-400:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(251 146 60 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:hover\:text-primary-200:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-200) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:hover\:text-primary-300:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-300) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:hover\:text-primary-400:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-400) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:hover\:text-purple-400:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(192 132 252 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:hover\:text-red-300:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(252 165 165 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:hover\:text-red-400:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(248 113 113 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:hover\:text-white:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:hover\:text-yellow-400:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(250 204 21 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:focus\:border-primary-500:focus:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-500) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:focus\:border-primary-600:focus:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-600) / var(--tw-border-opacity, 1))
}
html:root:root .dark\:focus\:bg-dark-800:focus:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-dark-800) / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:focus\:bg-dark-900:focus:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-dark-900) / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:focus\:text-primary-400:focus:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-400) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:focus\:ring-primary-600:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--t1024-p-primary-600) / var(--tw-ring-opacity, 1))
}
html:root:root .dark\:focus\:ring-primary-900\/40:focus:is(.dark *) {
    --tw-ring-color: rgb(var(--t1024-p-primary-900) / 0.4)
}
html:root:root .dark\:focus\:ring-offset-dark-800:focus:is(.dark *) {
    --tw-ring-offset-color: rgb(var(--t1024-p-dark-800) / 1)
}
html:root:root .dark\:focus-visible\:ring-offset-dark-800:focus-visible:is(.dark *) {
    --tw-ring-offset-color: rgb(var(--t1024-p-dark-800) / 1)
}
html:root:root .dark\:focus-visible\:ring-offset-dark-900:focus-visible:is(.dark *) {
    --tw-ring-offset-color: rgb(var(--t1024-p-dark-900) / 1)
}
html:root:root .dark\:enabled\:hover\:bg-dark-800:hover:enabled:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--t1024-p-dark-800) / var(--tw-bg-opacity, 1))
}
html:root:root .dark\:enabled\:hover\:text-white:hover:enabled:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
html:root:root .dark\:disabled\:text-dark-600:disabled:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-dark-600) / var(--tw-text-opacity, 1))
}
html:root:root .dark\:disabled\:hover\:text-dark-600:hover:disabled:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-dark-600) / var(--tw-text-opacity, 1))
}
html:root:root .group:hover .dark\:group-hover\:bg-blue-900\/50:is(.dark *) {
    background-color: rgb(30 58 138 / 0.5)
}
html:root:root .group:hover .dark\:group-hover\:bg-primary-500\/10:is(.dark *) {
    background-color: rgb(var(--t1024-p-primary-500) / 0.1)
}
html:root:root .group:hover .dark\:group-hover\:text-blue-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(96 165 250 / var(--tw-text-opacity, 1))
}
html:root:root .group:hover .dark\:group-hover\:text-primary-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-200) / var(--tw-text-opacity, 1))
}
html:root:root .group:hover .dark\:group-hover\:text-primary-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--t1024-p-primary-300) / var(--tw-text-opacity, 1))
}
html:root:root .group:hover .dark\:group-hover\:ring-primary-500\/20:is(.dark *) {
    --tw-ring-color: rgb(var(--t1024-p-primary-500) / 0.2)
}
html:root:root .peer:checked ~ .dark\:peer-checked\:border-primary-500:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-500) / var(--tw-border-opacity, 1))
}
html:root:root .peer:checked ~ .dark\:peer-checked\:border-red-500:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68 / var(--tw-border-opacity, 1))
}
html:root:root .peer:checked ~ .peer-checked\:dark\:border-primary-500:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--t1024-p-primary-500) / var(--tw-border-opacity, 1))
}
html:root:root .peer:checked ~ .dark\:peer-checked\:bg-primary-500\/10:is(.dark *) {
    background-color: rgb(var(--t1024-p-primary-500) / 0.1)
}
html:root:root .peer:checked ~ .dark\:peer-checked\:bg-red-950\/40:is(.dark *) {
    background-color: rgb(69 10 10 / 0.4)
}
html:root:root .peer:checked ~ .dark\:peer-checked\:text-red-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(252 165 165 / var(--tw-text-opacity, 1))
}
html:root:root .peer:focus ~ .dark\:peer-focus\:ring-primary-800:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--t1024-p-primary-800) / var(--tw-ring-opacity, 1))
}
@supports (backdrop-filter: var(--tw)) {
    html:root:root .dark\:supports-\[backdrop-filter\]\:bg-dark-800\/95:is(.dark *) {
        background-color: rgb(var(--t1024-p-dark-800) / 0.95)
    }
}
@media (min-width: 768px) {
    html:root:root .md\:border-gray-200 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--t1024-p-gray-200) / var(--tw-border-opacity, 1))
    }
    html:root:root .dark\:md\:border-dark-700:is(.dark *) {
        --tw-border-opacity: 1;
        border-color: rgb(var(--t1024-p-dark-700) / var(--tw-border-opacity, 1))
    }
}

/*
 * 1024Token Welcome · Sub2API 外观覆盖 v1.3 · 2026-10-22
 * 参考：sub2api-extra-node/apps/web/src/landing/styles.module.css。
 * 将本文件作为独立 CSS，在官方页面原有样式之后加载；无需修改镜像。
 * 只调整颜色、字体、边框颜色和阴影，保留原布局、交互及明暗切换。
 * 改色集中在下方两组 --t1024-* 变量；html.dark:root:root 由原站控制。
 * 不覆盖红/橙/黄/成功状态、支付品牌色；不加载外部字体或脚本。
 */

:root {
  --t1024-font: 'Avenir Next', Avenir, 'Century Gothic', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --t1024-bg: #f4f6f3;
  --t1024-surface: #ffffff;
  --t1024-raised: #f9fbf8;
  --t1024-subtle: #edf1ed;
  --t1024-hover: #e6ede7;
  --t1024-glass: rgba(255, 255, 255, 0.93);
  --t1024-line: #d6ddd7;
  --t1024-line-strong: #b8c6bc;
  --t1024-ink: #19231f;
  --t1024-text: #34433c;
  --t1024-muted: #5c6b63;
  --t1024-faint: #76837b;
  --t1024-accent: #b7e2ce;
  --t1024-link: #315f4a;
  --t1024-link-hover: #214c38;
  --t1024-accent-soft: #e2efe6;
  --t1024-accent-line: #adcdb9;
  --t1024-solid: #376b53;
  --t1024-solid-hover: #2b5844;
  --t1024-cta: #dce9df;
  --t1024-cta-hover: #c5e8d6;
  --t1024-cta-ink: #19231f;
  --t1024-cta-line: #a8beb0;
  --t1024-focus: #477d60;
  --t1024-ring: rgba(71, 125, 96, 0.28);
  --t1024-shadow: 0 1px 3px rgba(25, 35, 31, 0.04);
  --t1024-float-shadow: 0 12px 36px rgba(25, 35, 31, 0.12);
}

html.dark:root:root {
  --t1024-bg: #080b0d;
  --t1024-surface: #101618;
  --t1024-raised: #151d1f;
  --t1024-subtle: #192225;
  --t1024-hover: #1e2a2b;
  --t1024-glass: rgba(16, 22, 24, 0.94);
  --t1024-line: #283336;
  --t1024-line-strong: #3c4d4e;
  --t1024-ink: #f0f2ee;
  --t1024-text: #c2c9c9;
  --t1024-muted: #8c969a;
  --t1024-faint: #74827f;
  --t1024-link: #b7e2ce;
  --t1024-link-hover: #d2efdf;
  --t1024-accent-soft: #1b3028;
  --t1024-accent-line: #39584a;
  --t1024-solid: #35694f;
  --t1024-solid-hover: #427b5e;
  --t1024-cta: #e0ebe2;
  --t1024-cta-hover: #c5e8d6;
  --t1024-cta-line: #e0ebe2;
  --t1024-focus: #b7e2ce;
  --t1024-ring: rgba(183, 226, 206, 0.28);
  --t1024-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
  --t1024-float-shadow: 0 14px 40px rgba(0, 0, 0, 0.35);
}

html:root:root:root body {
  color: var(--t1024-ink);
  background-color: var(--t1024-bg);
  font-family: var(--t1024-font);
}

html:root:root:root ::selection { color: #19231f; background: #b7e2ce; }

/* 中性工具类：精确匹配，浅色与 dark: 变体各自生效。 */
html:not(.dark):root:root :is(.bg-gray-50, .bg-gray-50\/80, .bg-gray-50\/60) {
  background-color: var(--t1024-bg);
}
html:not(.dark):root:root :is(.bg-gray-100, .bg-gray-100\/50) {
  background-color: var(--t1024-subtle);
}
html:not(.dark):root:root :is(.bg-gray-200, .bg-gray-300) {
  background-color: var(--t1024-line);
}
html:not(.dark):root:root :is(.bg-white\/70, .bg-white\/80, .bg-white\/90) {
  background-color: var(--t1024-glass);
}
html.dark:root:root :is(.dark\:bg-dark-950, .dark\:bg-gray-950) {
  background-color: var(--t1024-bg);
}
html.dark:root:root :is(.dark\:bg-dark-900, .dark\:bg-gray-900) {
  background-color: var(--t1024-surface);
}
html.dark:root:root :is(.dark\:bg-dark-800, .dark\:bg-gray-800) {
  background-color: var(--t1024-raised);
}
html.dark:root:root :is(.dark\:bg-dark-700, .dark\:bg-gray-700) {
  background-color: var(--t1024-subtle);
}
html.dark:root:root :is(.dark\:bg-dark-600, .dark\:bg-dark-500, .dark\:bg-gray-600) {
  background-color: var(--t1024-line-strong);
}
html.dark:root:root :is(.dark\:bg-dark-800\/50, .dark\:bg-dark-800\/60, .dark\:bg-dark-800\/70) {
  background-color: rgba(21, 29, 31, 0.75);
}
html.dark:root:root :is(.dark\:bg-dark-900\/30, .dark\:bg-dark-900\/40, .dark\:bg-dark-900\/50) {
  background-color: rgba(16, 22, 24, 0.65);
}
html.dark:root:root :is(.dark\:bg-dark-700\/50, .dark\:bg-dark-800\/30) {
  background-color: rgba(25, 34, 37, 0.55);
}
html:not(.dark):root:root :is(.text-gray-950, .text-gray-900, .text-gray-800) { color: var(--t1024-ink); }
html:not(.dark):root:root :is(.text-gray-700, .text-gray-600) { color: var(--t1024-text); }
html:not(.dark):root:root .text-gray-500 { color: var(--t1024-muted); }
html:not(.dark):root:root .text-gray-400 { color: var(--t1024-faint); }
html.dark:root:root :is(.dark\:text-gray-100, .dark\:text-gray-200, .dark\:text-dark-100, .dark\:text-dark-200) {
  color: var(--t1024-ink);
}
html.dark:root:root :is(.dark\:text-gray-300, .dark\:text-dark-300) { color: var(--t1024-text); }
html.dark:root:root :is(.dark\:text-gray-400, .dark\:text-dark-400) { color: var(--t1024-muted); }
html.dark:root:root :is(.dark\:text-gray-500, .dark\:text-dark-500) { color: var(--t1024-faint); }

/* 边框只匹配中性色；错误输入交给原站的红色状态规则。 */
html:not(.dark):root:root :is(.border-gray-100, .border-gray-200, .border-gray-200\/50):where(:not(.input-error, .select-trigger-error, [aria-invalid='true'], .border-red-300, .border-red-400, .border-red-500, .border-red-600, .border-rose-500, .border-green-500, .border-emerald-500)) {
  border-color: var(--t1024-line);
}
html:not(.dark):root:root .border-gray-300:where(:not(.input-error, .select-trigger-error, [aria-invalid='true'], .border-red-300, .border-red-400, .border-red-500, .border-red-600, .border-rose-500, .border-green-500, .border-emerald-500)) {
  border-color: var(--t1024-line-strong);
}
html.dark:root:root :is(.dark\:border-dark-800, .dark\:border-dark-700, .dark\:border-gray-700, .dark\:border-dark-700\/50, .dark\:border-dark-700\/60):where(:not(.input-error, .select-trigger-error, [aria-invalid='true'], .border-red-300, .border-red-400, .border-red-500, .border-red-600, .border-rose-500, .border-green-500, .border-emerald-500)) {
  border-color: var(--t1024-line);
}
html.dark:root:root :is(.dark\:border-dark-600, .dark\:border-dark-500, .dark\:border-dark-400):where(:not(.input-error, .select-trigger-error, [aria-invalid='true'], .border-red-300, .border-red-400, .border-red-500, .border-red-600, .border-rose-500, .border-green-500, .border-emerald-500)) {
  border-color: var(--t1024-line-strong);
}
html:not(.dark):root:root :is(.divide-gray-100, .divide-gray-200) > :not([hidden]) ~ :not([hidden]),
html.dark:root:root .dark\:divide-dark-700 > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--t1024-line);
}

/* 公共容器：保留官方尺寸、圆角、定位和响应式规则。 */
html:root:root:root :is(.card, .stat-card, .modal-content, .dialog-container, .dropdown, .select-dropdown-portal):not(:is(
  .bg-red-50, .bg-red-100, .bg-rose-50, .bg-rose-100,
  .bg-emerald-50, .bg-emerald-100, .bg-green-50, .bg-green-100,
  .bg-amber-50, .bg-amber-100, .bg-yellow-50, .bg-yellow-100, .bg-orange-50,
  .border-red-200, .border-emerald-200, .border-amber-200
)) {
  background-color: var(--t1024-surface);
  border-color: var(--t1024-line);
  box-shadow: var(--t1024-shadow);
}
html:root:root:root :is(.glass-card, .card-glass, .glass) {
  background-color: var(--t1024-glass);
  border-color: var(--t1024-line);
}
html:root:root:root :is(.glass-card, .card-glass) { box-shadow: var(--t1024-shadow); }
html:root:root:root :is(.modal-content, .dialog-container, .dropdown, .select-dropdown-portal) {
  box-shadow: var(--t1024-float-shadow);
}
html:root:root:root :is(.card-header, .card-footer, .modal-header, .modal-footer, .dialog-header, .dialog-footer, .table-container) {
  border-color: var(--t1024-line);
}
html:root:root:root .dialog-footer { background-color: var(--t1024-raised); }
html:root:root:root .card-hover:hover { border-color: var(--t1024-line-strong); box-shadow: var(--t1024-shadow); }
html:root:root:root .toast { background-color: var(--t1024-surface); box-shadow: var(--t1024-float-shadow); }
html:root:root:root .toast-info { border-left-color: var(--t1024-accent); }
html:root:root:root :is(.page-title, .modal-title, .empty-state-title) { color: var(--t1024-ink); }
html:root:root:root :is(.page-description, .stat-label, .input-hint, .empty-state-description) { color: var(--t1024-muted); }

/* 去除旧主题青蓝色网格光晕，使用欢迎页的克制背景。 */
html:root:root:root .bg-mesh-gradient { background-image: none; }
html:root:root:root :is(.shadow-glow, .shadow-glow-lg) { box-shadow: var(--t1024-shadow); }
html:root:root:root .sidebar { background-color: var(--t1024-surface); border-color: var(--t1024-line); }
html:root:root:root .sidebar-header { border-color: var(--t1024-line); }
html:root:root:root header.glass { background-color: var(--t1024-glass); border-color: var(--t1024-line); }
html:root:root:root .sidebar-link { color: var(--t1024-text); }
html:root:root:root .sidebar-link:not(.sidebar-link-active):hover { color: var(--t1024-ink); background-color: var(--t1024-hover); }
html:root:root:root .sidebar-link-active { color: var(--t1024-link); background-color: var(--t1024-accent-soft); }
html:root:root:root .sidebar-link-active:hover { color: var(--t1024-link-hover); background-color: var(--t1024-accent-soft); }
html:root:root:root .sidebar-section-title { color: var(--t1024-muted); }
html:root:root:root .sidebar-brand-title { color: var(--t1024-ink); }
html:root:root:root .sidebar-brand-title:hover { color: var(--t1024-link); }

/* 按钮：主按钮取欢迎页暖白薄荷色；危险/成功/支付按钮不纳入。 */
html:root:root:root .btn-primary {
  color: var(--t1024-cta-ink);
  background-color: var(--t1024-cta);
  background-image: none;
  border-color: var(--t1024-cta-line);
  --tw-shadow: 0 1px 2px rgba(25, 35, 31, 0.08);
  --tw-shadow-colored: 0 1px 2px rgba(25, 35, 31, 0.08);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
html:root:root:root .btn-primary:not(:disabled):not([aria-disabled='true']):hover {
  background-color: var(--t1024-cta-hover);
  background-image: none;
  border-color: var(--t1024-cta-hover);
  --tw-shadow: 0 1px 2px rgba(25, 35, 31, 0.08);
  --tw-shadow-colored: 0 1px 2px rgba(25, 35, 31, 0.08);
}
html:root:root:root .btn-secondary {
  background-color: var(--t1024-surface);
  border-color: var(--t1024-line-strong);
}
html:root:root:root .btn-secondary:where(:not(.text-red-300, .text-red-400, .text-red-500, .text-red-600, .text-red-700, .text-rose-500, .text-rose-600, .text-green-500, .text-green-600, .text-emerald-500, .text-emerald-600, .text-amber-500, .text-amber-600, .text-amber-700, .text-orange-500, .text-orange-600, .text-yellow-600, .text-yellow-700)) { color: var(--t1024-text); }
html:root:root:root .btn-secondary:not(:disabled):not([aria-disabled='true']):hover {
  background-color: var(--t1024-hover);
  border-color: var(--t1024-line-strong);
}
html:root:root:root .btn-secondary:where(:not(.text-red-300, .text-red-400, .text-red-500, .text-red-600, .text-red-700, .text-rose-500, .text-rose-600, .text-green-500, .text-green-600, .text-emerald-500, .text-emerald-600, .text-amber-500, .text-amber-600, .text-amber-700, .text-orange-500, .text-orange-600, .text-yellow-600, .text-yellow-700)):not(:disabled):not([aria-disabled='true']):hover { color: var(--t1024-ink); }
html:root:root:root .btn-ghost:where(:not(.text-red-300, .text-red-400, .text-red-500, .text-red-600, .text-red-700, .text-rose-500, .text-rose-600, .text-green-500, .text-green-600, .text-emerald-500, .text-emerald-600, .text-amber-500, .text-amber-600, .text-amber-700, .text-orange-500, .text-orange-600, .text-yellow-600, .text-yellow-700)) { color: var(--t1024-muted); }
html:root:root:root .btn-ghost:where(:not(.text-red-300, .text-red-400, .text-red-500, .text-red-600, .text-red-700, .text-rose-500, .text-rose-600, .text-green-500, .text-green-600, .text-emerald-500, .text-emerald-600, .text-amber-500, .text-amber-600, .text-amber-700, .text-orange-500, .text-orange-600, .text-yellow-600, .text-yellow-700)):not(:disabled):not([aria-disabled='true']):hover {
  color: var(--t1024-ink);
  background-color: var(--t1024-hover);
}
html:root:root:root :is(.btn-primary, .btn-secondary, .btn-ghost):disabled {
  /* 不修改原有 opacity / cursor / disabled 行为。 */
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
}

/* 输入与 Select：错误边框/错误焦点不被中性样式覆盖。 */
html:root:root:root :is(.input, .select-trigger) { color: var(--t1024-ink); background-color: var(--t1024-surface); }
html:root:root:root .input:where(:not(.input-error, [aria-invalid='true'], .border-red-300, .border-red-400, .border-red-500, .border-red-600, .border-rose-500, .border-green-500, .border-emerald-500)),
html:root:root:root .select-trigger:not(.select-trigger-error):not([aria-invalid='true']) {
  border-color: var(--t1024-line-strong);
}
html:root:root:root .input:where(:not(.input-error, [aria-invalid='true'], .border-red-300, .border-red-400, .border-red-500, .border-red-600, .border-rose-500, .border-green-500, .border-emerald-500)):focus,
html:root:root:root .select-trigger:not(.select-trigger-error):not([aria-invalid='true']):focus,
html:root:root:root .select-trigger-open:not(.select-trigger-error):not([aria-invalid='true']) {
  border-color: var(--t1024-focus);
  --tw-ring-color: var(--t1024-ring);
}
html:root:root:root .input::placeholder,
html:root:root:root .select-search-input::placeholder { color: var(--t1024-faint); }
html:root:root:root .input:disabled,
html:root:root:root .select-trigger-disabled { background-color: var(--t1024-subtle); }
html:root:root:root .input-label { color: var(--t1024-text); }
html:root:root:root input:is([type='checkbox'], [type='radio']) {
  accent-color: var(--t1024-solid);
}
html:root:root:root :is(.select-icon, .select-clear, .select-empty) { color: var(--t1024-muted); }
html:root:root:root .select-clear:hover { color: var(--t1024-ink); }
html:root:root:root .select-search { border-color: var(--t1024-line); }
html:root:root:root .select-search-input { color: var(--t1024-ink); }
/* Select option states are maintained together in src/components.css. */
html:root:root:root .dropdown-item:not(:is(
  .text-red-500, .text-red-600, .text-red-700, .text-rose-600,
  .text-emerald-600, .text-green-600, .text-amber-600, .text-amber-700,
  .text-orange-600, .text-yellow-700
)) { color: var(--t1024-text); }
html:root:root:root .dropdown-item:not(:disabled):not([aria-disabled='true']):not(:is(
  .text-red-500, .text-red-600, .text-red-700, .text-rose-600,
  .text-emerald-600, .text-green-600, .text-amber-600, .text-amber-700,
  .text-orange-600, .text-yellow-700
)):hover { color: var(--t1024-ink); background-color: var(--t1024-hover); }

/* 表格、分页和数据区域：保留行状态、选择与排序行为。 */
html:root:root:root .table th { color: var(--t1024-muted); background-color: var(--t1024-raised); border-color: var(--t1024-line); }
html:root:root:root .table td { border-color: var(--t1024-line); }
html:root:root:root .table tbody tr:hover { background-color: var(--t1024-hover); }
html:root:root:root .table-wrapper thead.sticky { background-color: var(--t1024-raised); }
html:root:root:root :is(.badge-primary, .stat-icon-primary) { color: var(--t1024-link); background-color: var(--t1024-accent-soft); }
html:root:root:root .badge-gray { color: var(--t1024-text); background-color: var(--t1024-subtle); }
html:root:root:root .tabs { background-color: var(--t1024-subtle); }
html:root:root:root .tab { color: var(--t1024-muted); }
html:root:root:root .tab:hover { color: var(--t1024-ink); }
html:root:root:root .tab-active { color: var(--t1024-ink); background-color: var(--t1024-surface); }
html:root:root:root :is(.divider, .skeleton, .progress) { background-color: var(--t1024-line); }
html:root:root:root .progress-bar { background-color: var(--t1024-solid); background-image: none; }
html:root:root:root .switch { background-color: var(--t1024-line-strong); }
html:root:root:root .switch-active { background-color: var(--t1024-solid); }
html:root:root:root .code { color: var(--t1024-link); background-color: var(--t1024-subtle); }

/* 品牌文字与小面积提示；不改 text-white，避免影响语义按钮。 */
html:not(.dark):root:root :is(.text-primary-500, .text-primary-600, .text-primary-700, .text-primary-800, .text-primary-900) {
  color: var(--t1024-link);
}
html.dark:root:root :is(.dark\:text-primary-100, .dark\:text-primary-200, .dark\:text-primary-300, .dark\:text-primary-400, .dark\:text-primary-500) {
  color: var(--t1024-link);
}
/* 设置页验证码服务链接没有 dark: 文本变体；避免实心按钮用深绿落在暗背景。 */
html.dark:root:root a.text-primary-600.hover\:text-primary-500 { color: var(--t1024-link); }
html.dark:root:root a.text-primary-600.hover\:text-primary-500:hover { color: var(--t1024-link-hover); }
html:not(.dark):root:root :is(.bg-primary-50, .bg-primary-100, .bg-primary-50\/70, .bg-primary-100\/50) {
  background-color: var(--t1024-accent-soft);
}
html.dark:root:root :is(.dark\:bg-primary-900\/20, .dark\:bg-primary-900\/30, .dark\:bg-primary-900\/40, .dark\:bg-primary-500\/10, .dark\:bg-primary-500\/20) {
  background-color: var(--t1024-accent-soft);
}
html:root:root:root :is(.bg-primary-500, .bg-primary-600, .bg-primary-700) {
  /* 深青色兼容原有白色文字和 Toggle 的白色滑块。 */
  background-color: var(--t1024-solid);
}
html:not(.dark):root:root :is(.border-primary-100, .border-primary-200, .border-primary-300),
html.dark:root:root :is(.dark\:border-primary-500\/20, .dark\:border-primary-500\/30, .dark\:border-primary-700) {
  border-color: var(--t1024-accent-line);
}
html:root:root:root :is(.border-primary-500, .border-primary-600):not(.input-error):not(.select-trigger-error):not([aria-invalid='true']) {
  border-color: var(--t1024-focus);
}
html:root:root:root :is(.ring-primary-500, .ring-primary-500\/20, .ring-primary-500\/30) {
  --tw-ring-color: var(--t1024-ring);
}
html:root:root:root .text-gradient {
  color: var(--t1024-link);
  background-image: none;
  -webkit-text-fill-color: currentColor;
}
html:root:root:root .bg-gradient-primary { background-image: none; background-color: var(--t1024-solid); }
html:root:root:root .from-primary-500 { --tw-gradient-from: var(--t1024-solid) var(--tw-gradient-from-position); --tw-gradient-to: rgba(55, 107, 83, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html:root:root:root .to-primary-600 { --tw-gradient-to: var(--t1024-solid) var(--tw-gradient-to-position); }
html:root:root:root .to-primary-400 { --tw-gradient-to: var(--t1024-solid) var(--tw-gradient-to-position); }

/* 登录页现有背景仅改色，不调整光斑的位置、大小或可见性。 */
html:root:root:root .bg-gradient-to-br.from-gray-50.via-primary-50\/30 {
  background-image: linear-gradient(135deg, var(--t1024-bg), var(--t1024-raised), var(--t1024-bg));
}
html:root:root:root .bg-primary-400\/20 { background-color: rgba(183, 226, 206, 0.12); }
html:root:root:root .bg-primary-500\/15 { background-color: rgba(183, 226, 206, 0.08); }
html:root:root:root .bg-primary-300\/10 { background-color: rgba(183, 226, 206, 0.06); }
html:root:root:root .from-primary-600 {
  --tw-gradient-from: var(--t1024-solid) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(55, 107, 83, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
html:root:root:root .to-primary-500 { --tw-gradient-to: var(--t1024-solid) var(--tw-gradient-to-position); }

/* 精确补齐 hover 工具类，禁用控件保留原状态。 */
html:not(.dark):root:root :is(.hover\:bg-gray-50, .hover\:bg-gray-100, .hover\:bg-gray-200):not(:disabled):not([aria-disabled='true']):hover {
  background-color: var(--t1024-hover);
}
html.dark:root:root :is(.dark\:hover\:bg-dark-800, .dark\:hover\:bg-dark-700, .dark\:hover\:bg-dark-600, .dark\:hover\:bg-dark-500):not(:disabled):not([aria-disabled='true']):hover {
  background-color: var(--t1024-hover);
}
html:not(.dark):root:root :is(.hover\:text-gray-600, .hover\:text-gray-700, .hover\:text-gray-900):hover,
html.dark:root:root :is(.dark\:hover\:text-gray-200, .dark\:hover\:text-gray-300):hover {
  color: var(--t1024-ink);
}
html:not(.dark):root:root :is(.hover\:text-primary-500, .hover\:text-primary-600, .hover\:text-primary-700):hover,
html.dark:root:root :is(.dark\:hover\:text-primary-300, .dark\:hover\:text-primary-400):hover {
  color: var(--t1024-link-hover);
}
html:root:root:root :is(.hover\:bg-primary-600, .hover\:bg-primary-700):not(:disabled):not([aria-disabled='true']):hover {
  background-color: var(--t1024-solid-hover);
}
html:not(.dark):root:root :is(.hover\:bg-primary-50, .hover\:bg-primary-100):not(:disabled):not([aria-disabled='true']):hover,
html.dark:root:root :is(.dark\:hover\:bg-primary-900\/20, .dark\:hover\:bg-primary-900\/30):not(:disabled):not([aria-disabled='true']):hover {
  background-color: var(--t1024-accent-soft);
}
html:not(.dark):root:root :is(.hover\:border-gray-300, .hover\:border-gray-400):not(.input-error):not(.select-trigger-error):not([aria-invalid='true']):hover,
html.dark:root:root :is(.dark\:hover\:border-dark-500, .dark\:hover\:border-dark-400):not(.input-error):not(.select-trigger-error):not([aria-invalid='true']):hover {
  border-color: var(--t1024-line-strong);
}

/* 焦点只调整品牌色；错误输入与原生禁用属性保持优先。 */
html:root:root:root :is(.focus\:ring-primary-500, .focus\:ring-primary-500\/20, .focus\:ring-primary-500\/30, .focus\:ring-primary-500\/50):not(.input-error):not(.select-trigger-error):not([aria-invalid='true']):focus {
  --tw-ring-color: var(--t1024-ring);
}
html:root:root:root .focus\:border-primary-500:not(.input-error):not(.select-trigger-error):not([aria-invalid='true']):focus {
  border-color: var(--t1024-focus);
}
html:root:root:root :is(.btn-primary, .btn-secondary, .btn-ghost, .sidebar-link, .dropdown-item, .tab):not(:disabled):not([aria-disabled='true']):focus-visible {
  --tw-ring-color: var(--t1024-ring);
  --tw-ring-offset-color: var(--t1024-surface);
  outline: 2px solid var(--t1024-focus);
  outline-offset: 3px;
}

/* 错误状态最后定义，避免官方深色 .input 规则遮住红色边框。 */
html:root:root:root :is(.input.input-error, .input[aria-invalid='true'], .select-trigger.select-trigger-error, .select-trigger[aria-invalid='true']) {
  border-color: #dc2626;
}
html:root:root:root :is(.input.input-error, .input[aria-invalid='true'], .select-trigger.select-trigger-error, .select-trigger[aria-invalid='true']):focus {
  border-color: #dc2626;
  --tw-ring-color: rgba(220, 38, 38, 0.28);
}
html.dark:root:root :is(.input.input-error, .input[aria-invalid='true'], .select-trigger.select-trigger-error, .select-trigger[aria-invalid='true']) {
  border-color: #f87171;
}
html.dark:root:root :is(.input.input-error, .input[aria-invalid='true'], .select-trigger.select-trigger-error, .select-trigger[aria-invalid='true']):focus {
  border-color: #f87171;
  --tw-ring-color: rgba(248, 113, 113, 0.28);
}
html.dark:root:root .dark\:focus\:ring-offset-dark-800:focus {
  --tw-ring-offset-color: var(--t1024-surface);
}

/* 限制：iframe 内容、canvas 图表、图片与第三方支付界面由各自页面控制。
 * 官方升级后，核对登录、侧栏、表格、弹窗和两种明暗模式即可；
 * 新增组件若未使用上述公共类，可针对其明确类名补充规则。
 */

/*
 * 1024Token Welcome — shared component supplement, 2026-10-22.
 * Load after 1024token-welcome.css and the generated utility supplement.
 * Source audit: Sub2API 1b2243a4f, frontend/src/components/common + style.css.
 * Extra :root specificity beats Vue scoped / dark rules loaded on later routes.
 * Paint changes, plus a narrow-screen date panel overflow fix below.
 */

/* DateRangePicker.vue: these colors are compiled @apply on semantic classes. */
html:root:root:root .date-picker-trigger {
  color: var(--t1024-text);
  background-color: var(--t1024-surface);
  border-color: var(--t1024-line-strong);
}
html:root:root:root .date-picker-trigger:not(:disabled):hover {
  border-color: var(--t1024-focus);
}
html:root:root:root .date-picker-trigger:focus,
html:root:root:root .date-picker-trigger-open {
  border-color: var(--t1024-focus);
  --tw-ring-color: var(--t1024-ring);
}
html:root:root:root :is(.date-picker-icon, .date-picker-chevron, .date-picker-label) {
  color: var(--t1024-muted);
}
html:root:root:root .date-picker-dropdown {
  color: var(--t1024-text);
  background-color: var(--t1024-surface);
  border-color: var(--t1024-line);
  box-shadow: var(--t1024-float-shadow);
}
html:root:root:root .date-picker-preset { color: var(--t1024-muted); }
html:root:root:root .date-picker-preset:not(:disabled):hover {
  color: var(--t1024-ink);
  background-color: var(--t1024-hover);
}
html:root:root:root .date-picker-preset-active,
html:root:root:root .date-picker-preset-active:not(:disabled):hover {
  color: var(--t1024-link);
  background-color: var(--t1024-accent-soft);
}
html:root:root:root .date-picker-divider { border-color: var(--t1024-line); }
html:root:root:root .date-picker-input {
  color: var(--t1024-ink);
  background-color: var(--t1024-raised);
  border-color: var(--t1024-line-strong);
}
html:root:root:root .date-picker-input:focus {
  border-color: var(--t1024-focus);
  --tw-ring-color: var(--t1024-ring);
}
html:root:root:root .date-picker-apply {
  color: var(--t1024-cta-ink);
  background-color: var(--t1024-cta);
}
html:root:root:root .date-picker-apply:not(:disabled):hover {
  background-color: var(--t1024-cta-hover);
}

/* On phones the original 320px panel is anchored after the field label and
 * extends off-screen. A viewport-bound sheet keeps both dates and Apply usable.
 * This is the only layout adjustment; desktop anchoring and behavior stay intact.
 */
@media (max-width: 639px) {
  html:root:root:root .date-picker-dropdown {
    position: fixed;
    top: auto;
    right: 16px;
    bottom: 16px;
    left: 16px;
    width: auto;
    min-width: 0;
    max-height: calc(100vh - 32px);
    max-height: calc(100dvh - 32px);
    margin-top: 0;
    overflow: auto;
  }
  html:root:root:root :is(.date-picker-field, .date-picker-input) {
    min-width: 0;
  }
}

/* Select.vue portal AND ProxySelector.vue local dropdown; both share classes. */
html:root:root:root .select-trigger {
  color: var(--t1024-ink);
  background-color: var(--t1024-surface);
}
html:root:root:root .select-trigger:not(.select-trigger-error):not([aria-invalid='true']) {
  border-color: var(--t1024-line-strong);
}
html:root:root:root .select-trigger:not(.select-trigger-error):not([aria-invalid='true']):not(:disabled):hover {
  border-color: var(--t1024-focus);
}
html:root:root:root .select-trigger:not(.select-trigger-error):not([aria-invalid='true']):focus,
html:root:root:root .select-trigger-open:not(.select-trigger-error):not([aria-invalid='true']) {
  border-color: var(--t1024-focus);
  --tw-ring-color: var(--t1024-ring);
}
html:root:root:root :is(.select-trigger:disabled, .select-trigger-disabled) {
  background-color: var(--t1024-subtle);
}
html:root:root:root :is(.select-icon, .select-clear, .select-empty) { color: var(--t1024-muted); }
html:root:root:root .select-clear:hover { color: var(--t1024-ink); }
html:root:root:root :is(.select-dropdown, .select-dropdown-portal) {
  color: var(--t1024-text);
  background-color: var(--t1024-surface);
  border-color: var(--t1024-line);
  box-shadow: var(--t1024-float-shadow);
}
html:root:root:root :is(.select-dropdown, .select-dropdown-portal) :is(.select-header, .select-search) {
  border-color: var(--t1024-line);
}
html:root:root:root :is(.select-dropdown, .select-dropdown-portal) .select-search-input {
  color: var(--t1024-ink);
}
html:root:root:root .select-search-input::placeholder { color: var(--t1024-faint); }
html:root:root:root :is(.select-dropdown, .select-dropdown-portal) .select-option {
  color: var(--t1024-text);
}
html:root:root:root :is(.select-dropdown, .select-dropdown-portal) .select-option:not(.select-option-selected):not(.select-option-disabled):not(.select-option-group):not([aria-disabled='true']):hover,
html:root:root:root :is(.select-dropdown, .select-dropdown-portal) .select-option-focused:not(.select-option-selected):not(.select-option-disabled):not(.select-option-group):not([aria-disabled='true']) {
  color: var(--t1024-ink);
  background-color: var(--t1024-hover);
}
html:root:root:root :is(.select-dropdown, .select-dropdown-portal) .select-option-selected,
html:root:root:root :is(.select-dropdown, .select-dropdown-portal) .select-option-selected:not(.select-option-disabled):not([aria-disabled='true']):hover {
  color: var(--t1024-link);
  background-color: var(--t1024-accent-soft);
}
/* Upstream .select-option:hover also matches disabled rows; suppress that paint. */
html:root:root:root :is(.select-dropdown, .select-dropdown-portal) .select-option-disabled:not(.select-option-selected):hover {
  color: var(--t1024-text);
  background-color: transparent;
}
html:root:root:root :is(.select-dropdown, .select-dropdown-portal) .select-option-selected.select-option-disabled:hover {
  color: var(--t1024-link);
  background-color: var(--t1024-accent-soft);
}
html:root:root:root :is(.select-dropdown, .select-dropdown-portal) .select-option-group,
html:root:root:root :is(.select-dropdown, .select-dropdown-portal) .select-option-group:hover {
  color: var(--t1024-muted);
  background-color: var(--t1024-raised);
}
/* Preserve semantic red even when Select's scoped dark rule loads later. */
html:root:root:root :is(.select-trigger-error, .select-trigger[aria-invalid='true']) {
  border-color: #dc2626;
  --tw-ring-color: rgba(220, 38, 38, 0.28);
}
html.dark:root:root:root :is(.select-trigger-error, .select-trigger[aria-invalid='true']) {
  border-color: #f87171;
  --tw-ring-color: rgba(248, 113, 113, 0.28);
}

/* DataTable.vue is not .table: cover scoped header and opaque sticky cells. */
/* TablePageLayout also wraps plain tables (e.g. AvailableChannelsTable). */
html:root:root:root .table-scroll-container thead,
html:root:root:root .table-scroll-container thead th {
  color: var(--t1024-muted);
  background-color: var(--t1024-raised);
  border-color: var(--t1024-line);
}
html:root:root:root .table-wrapper :is(.table-header, .sticky-header-cell) {
  color: var(--t1024-muted);
  background-color: var(--t1024-raised);
  border-color: var(--t1024-line);
}
html:root:root:root .table-wrapper .sticky-header-cell[aria-sort]:hover {
  color: var(--t1024-ink);
  background-color: var(--t1024-hover);
}
html:root:root:root .table-wrapper .table-body,
html:root:root:root .table-wrapper tbody .sticky-col {
  background-color: var(--t1024-surface);
}
html:root:root:root .table-wrapper .table-body > tr,
html:root:root:root .table-wrapper .table-body > tr > td {
  border-color: var(--t1024-line);
}
html:root:root:root .table-wrapper tbody tr[data-row-id]:hover,
html:root:root:root .table-wrapper tbody tr:hover .sticky-col {
  background-color: var(--t1024-hover);
}
/* Keep selected rows and their sticky cells aligned, including while hovered. */
html:root:root:root .table-wrapper tbody tr.bg-primary-50\/40,
html:root:root:root .table-wrapper tbody tr.bg-primary-50\/40:hover,
html:root:root:root .table-wrapper tbody tr.bg-primary-50\/40 .sticky-col,
html:root:root:root .table-wrapper tbody tr.bg-primary-50\/40:hover .sticky-col {
  background-color: var(--t1024-accent-soft);
}
/* Upstream uses !important here; restrict it to scrollbar paint only. */
html:root:root:root .table-wrapper::-webkit-scrollbar-track {
  background-color: var(--t1024-subtle) !important;
}
html:root:root:root .table-wrapper::-webkit-scrollbar-thumb {
  background-color: var(--t1024-muted) !important;
}
html:root:root:root .table-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: var(--t1024-text) !important;
}
@supports (-moz-appearance: none) {
  html:root:root:root .table-wrapper {
    scrollbar-color: var(--t1024-muted) var(--t1024-subtle) !important;
  }
}

/* Pagination.vue exposes an explicit nav label; mobile buttons use utilities. */
html:root:root:root nav[aria-label='Pagination'] > button {
  color: var(--t1024-text);
  background-color: var(--t1024-surface);
  border-color: var(--t1024-line-strong);
}
html:root:root:root nav[aria-label='Pagination'] > button:not(:disabled):hover {
  color: var(--t1024-ink);
  background-color: var(--t1024-hover);
}
html:root:root:root nav[aria-label='Pagination'] > button[aria-current='page'],
html:root:root:root nav[aria-label='Pagination'] > button[aria-current='page']:hover {
  color: var(--t1024-link);
  background-color: var(--t1024-accent-soft);
  border-color: var(--t1024-focus);
}

/* Toggle.vue and payment/ToggleSwitch.vue: preserve white thumb and disabled state. */
html:root:root:root button[role='switch'][aria-checked='false'] {
  background-color: var(--t1024-line-strong);
}
html:root:root:root button[role='switch'][aria-checked='true'] {
  background-color: var(--t1024-solid);
}
html:root:root:root button[role='switch'][aria-checked='true']:not(:disabled):not([aria-disabled='true']):hover {
  background-color: var(--t1024-solid-hover);
}
html:root:root:root button[role='switch']:focus {
  --tw-ring-color: var(--t1024-ring);
  --tw-ring-offset-color: var(--t1024-surface);
}

/* HelpTooltip.vue teleports directly to body; keep arrow and panel coherent. */
html:root:root:root [role='tooltip'].bg-gray-900 {
  color: var(--t1024-ink);
  background-color: var(--t1024-raised);
  --tw-ring-color: var(--t1024-line-strong);
  --tw-shadow: var(--t1024-float-shadow);
  --tw-shadow-colored: var(--t1024-float-shadow);
}
html:root:root:root [role='tooltip'].bg-gray-900 > .rotate-45.bg-gray-900 {
  background-color: var(--t1024-raised);
}
html:root:root:root [role='tooltip'].bg-gray-900 > button {
  color: var(--t1024-muted);
}
html:root:root:root [role='tooltip'].bg-gray-900 > button:hover {
  color: var(--t1024-ink);
  background-color: var(--t1024-hover);
}

/* Remaining public component classes whose colors are hidden inside @apply. */
html:root:root:root .stat-value { color: var(--t1024-ink); }
html:root:root:root .empty-state-icon { color: var(--t1024-faint); }
html:root:root:root .skeleton { background-color: var(--t1024-line); }
html:root:root:root .code-block {
  color: var(--t1024-ink);
  background-color: var(--t1024-subtle);
}
html:root:root:root .navigation-progress-bar {
  background-image: linear-gradient(90deg, transparent 0%, var(--t1024-focus) 20%, var(--t1024-focus) 50%, var(--t1024-focus) 80%, transparent 100%);
}

/* Error/success/warning badges, quota thresholds, provider logos, QR canvases,
 * payment button branding, and colored code tokens deliberately keep semantics. */

/* 页面级语义类补丁。只调整颜色/阴影，不改布局或业务状态。
 * 重复 :root 用于超过异步 Vue scoped 样式优先级，不依赖 data-v-* hash。
 */

/* 个人资料：原 hero 有独立渐变，单改 .card 背景色不会移除它。 */
html:root:root:root [data-testid='profile-overview-hero'] {
  color: var(--t1024-ink);
  background-image: none;
  background-color: var(--t1024-surface);
  border-color: var(--t1024-line);
  box-shadow: var(--t1024-shadow);
}
html:root:root:root :is(
  [data-testid='profile-overview-metric-balance'],
  [data-testid='profile-overview-metric-concurrency'],
  [data-testid='profile-overview-metric-member-since']
) {
  background-color: var(--t1024-raised);
  --tw-ring-color: var(--t1024-line);
  --tw-shadow: var(--t1024-shadow);
  --tw-shadow-colored: var(--t1024-shadow);
}
html:root:root:root :is([data-testid='profile-basics-panel'], [data-testid='profile-auth-bindings-panel']) {
  background-color: var(--t1024-surface);
  border-color: var(--t1024-line);
}
html:root:root:root [data-testid='profile-shell'] :is(.bg-gray-50\/80, .bg-gray-50\/70) {
  background-color: var(--t1024-subtle);
  border-color: var(--t1024-line);
}
html:root:root:root [data-testid='profile-overview-hero'] .bg-white\/80 {
  background-color: var(--t1024-subtle);
  --tw-ring-color: var(--t1024-line);
}

/* 系统设置：标签栏和伪元素经 @apply 编译，须直接覆盖语义类。 */
html:root:root:root .settings-tabs-shell {
  color: var(--t1024-text);
  background-color: var(--t1024-glass);
  border-color: var(--t1024-line);
  box-shadow: var(--t1024-shadow);
}
html:root:root:root .settings-tab { color: var(--t1024-muted); }
html:root:root:root .settings-tab::before {
  background-image: none;
  background-color: var(--t1024-hover);
}
html:root:root:root .settings-tab:focus-visible {
  --tw-ring-color: var(--t1024-ring);
  --tw-ring-offset-color: var(--t1024-surface);
}
html:root:root:root .settings-tab-active {
  color: var(--t1024-link);
  background-color: var(--t1024-surface);
  border-color: var(--t1024-accent-line);
  box-shadow: var(--t1024-shadow);
}
html:root:root:root .settings-tab-active::after {
  background-image: none;
  background-color: var(--t1024-accent);
}
html:root:root:root .settings-tab-icon { color: var(--t1024-muted); }
html:root:root:root .settings-tab:is(:hover, :focus-visible) .settings-tab-icon {
  color: var(--t1024-ink);
}
html:root:root:root .settings-tab.settings-tab-active .settings-tab-icon {
  color: var(--t1024-link);
  background-color: var(--t1024-accent-soft);
}

/* 渠道配置页弹窗标签、订阅用量、账号工具菜单（含 Teleport）。 */
html:root:root:root .channel-tab-active {
  color: var(--t1024-link);
  border-color: var(--t1024-focus);
}
html:root:root:root .channel-tab-inactive { color: var(--t1024-muted); }
html:root:root:root .channel-tab-inactive:hover {
  color: var(--t1024-ink);
  border-color: var(--t1024-line-strong);
}
html:root:root:root .usage-label { color: var(--t1024-muted); }
html:root:root:root .usage-amount { color: var(--t1024-text); }
html:root:root:root .reset-info { color: var(--t1024-link); }
html:root:root:root .account-tools-menu-item { color: var(--t1024-text); }
html:root:root:root .account-tools-menu-item:not(:disabled):not([aria-disabled='true']):hover {
  color: var(--t1024-ink);
  background-color: var(--t1024-hover);
}
html:root:root:root .account-tools-menu-icon:is(.bg-blue-50, .bg-violet-50) {
  color: var(--t1024-link);
  background-color: var(--t1024-accent-soft);
}

/* Key Usage 独立输入焦点与骨架屏；保留原动画。 */
html:root:root:root .input-ring:not([aria-invalid='true']):focus {
  border-color: var(--t1024-focus);
  box-shadow: 0 0 0 3px var(--t1024-ring);
}
html:root:root:root .skeleton {
  background-image: linear-gradient(90deg, var(--t1024-line) 25%, var(--t1024-raised) 50%, var(--t1024-line) 75%);
}

/* 自定义页面内置目录/外壳；不穿透 iframe。 */
html:root:root:root .toc-sidebar {
  background-color: var(--t1024-raised);
  border-color: var(--t1024-line);
}
html:root:root:root .toc-header { border-color: var(--t1024-line); }
html:root:root:root .toc-title { color: var(--t1024-ink); }
html:root:root:root .toc-close-btn { color: var(--t1024-muted); }
html:root:root:root .toc-item { color: var(--t1024-text); }
html:root:root:root :is(.toc-close-btn, .toc-item):hover {
  color: var(--t1024-ink);
  background-color: var(--t1024-hover);
}
html:root:root:root .toc-item.toc-active,
html:root:root:root .toc-item.toc-active:hover {
  color: var(--t1024-link);
  background-color: var(--t1024-accent-soft);
}
html:root:root:root .toc-toggle-btn,
html:root:root:root .custom-open-fab {
  color: var(--t1024-text);
  background-color: var(--t1024-glass);
  border-color: var(--t1024-line);
  box-shadow: var(--t1024-shadow);
}
html:root:root:root :is(.toc-toggle-btn, .custom-open-fab):hover {
  color: var(--t1024-ink);
  background-color: var(--t1024-hover);
}
html:root:root:root .custom-embed-shell {
  background-image: linear-gradient(180deg, var(--t1024-raised), var(--t1024-bg));
}

/* Markdown：公告、帮助、法律文件、自定义页面，保留代码 token 颜色。 */
html:root:root:root :is(.markdown-page-content, .legal-document-content, .markdown-body) {
  color: var(--t1024-text);
}
html:root:root:root :is(.markdown-page-content, .legal-document-content, .markdown-body) :is(h1, h2, h3, h4, h5, h6, strong) {
  color: var(--t1024-ink);
  border-color: var(--t1024-line);
}
html:root:root:root :is(.markdown-page-content, .legal-document-content, .markdown-body) :is(p, li) {
  color: var(--t1024-text);
}
html:root:root:root :is(.markdown-page-content, .legal-document-content, .markdown-body) a {
  color: var(--t1024-link);
  text-decoration-color: var(--t1024-accent-line);
}
html:root:root:root :is(.markdown-page-content, .legal-document-content, .markdown-body) a:hover {
  color: var(--t1024-link-hover);
  text-decoration-color: var(--t1024-link-hover);
}
html:root:root:root .markdown-body li::marker { color: var(--t1024-link); }
html:root:root:root :is(.markdown-page-content, .legal-document-content, .markdown-body) blockquote {
  color: var(--t1024-text);
  border-color: var(--t1024-accent-line);
  background-color: var(--t1024-accent-soft);
}
html:root:root:root .markdown-body blockquote::before { color: var(--t1024-accent-line); }
html:root:root:root :is(.markdown-page-content, .legal-document-content, .markdown-body) :not(pre) > code {
  background-color: var(--t1024-subtle);
}
html:root:root:root :is(.markdown-page-content, .legal-document-content, .markdown-body) pre {
  color: var(--t1024-ink);
  background-color: var(--t1024-bg);
  border-color: var(--t1024-line);
}
html:root:root:root :is(.markdown-page-content, .legal-document-content, .markdown-body) pre code {
  color: inherit;
  background-color: transparent;
}
html:root:root:root :is(.markdown-page-content, .legal-document-content, .markdown-body) :is(table, th, td, hr, img) {
  border-color: var(--t1024-line);
}
html:root:root:root :is(.markdown-page-content, .legal-document-content, .markdown-body) th {
  color: var(--t1024-ink);
  background-image: none;
  background-color: var(--t1024-raised);
}
html:root:root:root .markdown-body tbody tr:hover { background-color: var(--t1024-hover); }
html:root:root:root .markdown-body em { color: var(--t1024-muted); }
html:root:root:root .markdown-page-content .copy-btn {
  color: var(--t1024-text);
  background-color: var(--t1024-subtle);
  border-color: var(--t1024-line-strong);
}
html:root:root:root .markdown-page-content .copy-btn:hover { background-color: var(--t1024-hover); }

/* 新手引导原样式大量 !important；仅对其配色属性做同等级覆盖。 */
html:root:root:root .driver-active-element { outline-color: var(--t1024-ring) !important; }
html:root:root:root .driver-popover.theme-tour-popover {
  color: var(--t1024-text) !important;
  background-color: var(--t1024-surface) !important;
  border-color: var(--t1024-line) !important;
  box-shadow: var(--t1024-float-shadow) !important;
  font-family: var(--t1024-font) !important;
}
html:root:root:root .theme-tour-popover .driver-popover-title-text { color: var(--t1024-ink) !important; }
html:root:root:root .theme-tour-popover .driver-popover-description { color: var(--t1024-text) !important; }
html:root:root:root .theme-tour-popover :is(.driver-popover-progress-text, .driver-popover-description-hint, .shortcut-item, .driver-popover-close-btn) {
  color: var(--t1024-muted) !important;
}
html:root:root:root .theme-tour-popover .driver-popover-close-btn:hover {
  color: var(--t1024-ink) !important;
  background-color: var(--t1024-hover) !important;
}
html:root:root:root .theme-tour-popover .driver-popover-footer {
  background-color: var(--t1024-raised) !important;
  border-top-color: var(--t1024-line) !important;
}
html:root:root:root .theme-tour-popover .footer-shortcuts { border-left-color: var(--t1024-line) !important; }
html:root:root:root .theme-tour-popover .shortcut-item kbd {
  color: var(--t1024-text) !important;
  background-color: var(--t1024-surface) !important;
  border-color: var(--t1024-line-strong) !important;
  box-shadow: var(--t1024-shadow) !important;
}
html:root:root:root .theme-tour-popover :is(.driver-popover-next-btn, .driver-popover-done-btn) {
  color: var(--t1024-cta-ink) !important;
  background-color: var(--t1024-cta) !important;
  box-shadow: var(--t1024-shadow) !important;
}
html:root:root:root .theme-tour-popover :is(.driver-popover-next-btn, .driver-popover-done-btn):not(:disabled):not([aria-disabled='true']):hover {
  background-color: var(--t1024-cta-hover) !important;
}
html:root:root:root .theme-tour-popover .driver-popover-prev-btn {
  color: var(--t1024-text) !important;
  background-color: var(--t1024-surface) !important;
  border-color: var(--t1024-line-strong) !important;
  box-shadow: var(--t1024-shadow) !important;
}
html:root:root:root .theme-tour-popover .driver-popover-prev-btn:not(:disabled):not([aria-disabled='true']):hover {
  color: var(--t1024-ink) !important;
  background-color: var(--t1024-hover) !important;
}
html:root:root:root .theme-tour-popover .driver-popover-arrow.driver-popover-arrow-side-left { border-left-color: var(--t1024-surface) !important; }
html:root:root:root .theme-tour-popover .driver-popover-arrow.driver-popover-arrow-side-right { border-right-color: var(--t1024-surface) !important; }
html:root:root:root .theme-tour-popover .driver-popover-arrow.driver-popover-arrow-side-top { border-top-color: var(--t1024-surface) !important; }
html:root:root:root .theme-tour-popover .driver-popover-arrow.driver-popover-arrow-side-bottom { border-bottom-color: var(--t1024-surface) !important; }

/* Welcome v1.2.1 — mint control-room finish.
 * Edit this file, save, then refresh http://127.0.0.1:43281.
 * scripts/watch-theme.cjs rebuilds the single deployment CSS automatically.
 * Paint only: no extra elements, layout changes, stacking contexts or animations.
 */

html:root {
  --t1024-fx-mint: rgba(71, 125, 96, 0.035);
  --t1024-fx-cyan: rgba(73, 145, 143, 0.025);
  --t1024-fx-grid: rgba(71, 125, 96, 0.018);
  --t1024-fx-edge: rgba(255, 255, 255, 0.95);
  --t1024-fx-tint: rgba(71, 125, 96, 0.015);
  --t1024-fx-glow: rgba(71, 125, 96, 0.09);
  --t1024-fx-rail: #477d60;
  --t1024-fx-hero: rgba(71, 125, 96, 0.06);
  --t1024-shadow: inset 0 1px 0 var(--t1024-fx-edge), 0 3px 12px rgba(25, 35, 31, 0.035), 0 16px 40px rgba(25, 35, 31, 0.025);
  --t1024-float-shadow: inset 0 1px 0 var(--t1024-fx-edge), 0 12px 32px rgba(25, 35, 31, 0.12), 0 2px 6px rgba(25, 35, 31, 0.05);
}

html.dark:root:root {
  --t1024-fx-mint: rgba(125, 219, 173, 0.085);
  --t1024-fx-cyan: rgba(70, 177, 186, 0.055);
  --t1024-fx-grid: rgba(183, 226, 206, 0.024);
  --t1024-fx-edge: rgba(217, 248, 232, 0.065);
  --t1024-fx-tint: rgba(183, 226, 206, 0.035);
  --t1024-fx-glow: rgba(125, 219, 173, 0.07);
  --t1024-fx-rail: #b7e2ce;
  --t1024-fx-hero: rgba(125, 219, 173, 0.16);
  --t1024-shadow: inset 0 1px 0 var(--t1024-fx-edge), 0 4px 16px rgba(0, 0, 0, 0.14), 0 20px 48px rgba(0, 0, 0, 0.10);
  --t1024-float-shadow: inset 0 1px 0 var(--t1024-fx-edge), 0 16px 44px rgba(0, 0, 0, 0.42), 0 2px 8px rgba(0, 0, 0, 0.24);
}

/* AppLayout already supplies a fixed, pointer-events:none background layer.
 * Static light fields avoid continuous full-screen repaints and respect motion preferences.
 */
html:root:root:root .bg-mesh-gradient {
  background-image:
    radial-gradient(ellipse at 18% 0%, var(--t1024-fx-mint), transparent 55%),
    radial-gradient(ellipse at 100% 75%, var(--t1024-fx-cyan), transparent 55%),
    linear-gradient(var(--t1024-fx-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--t1024-fx-grid) 1px, transparent 1px);
  background-size: 100% 100%, 100% 100%, 48px 48px, 48px 48px;
}

/* Navigation: the selected item uses a flat fill, without a rounded light rail. */
html:root:root:root .sidebar {
  background-image: radial-gradient(ellipse at 0% 0%, var(--t1024-fx-mint), transparent 65%);
  box-shadow: inset -1px 0 0 var(--t1024-fx-edge);
}
html:root:root:root header.glass {
  background-image: linear-gradient(110deg, var(--t1024-fx-tint), transparent 65%);
  box-shadow: inset 0 -1px 0 var(--t1024-fx-edge), 0 4px 20px rgba(0, 0, 0, 0.025);
}
html:root:root:root .sidebar-link-active,
html:root:root:root .sidebar-link-active:hover {
  background-image: none;
  box-shadow: none;
}

/* Neutral cards only. Do not tint danger/success/warning panels or payment UI.
 * No overflow, position, isolation or transforms: popovers keep their original geometry.
 */
html:root:root:root :is(.card, .stat-card, .glass-card, .card-glass):not(:is(
  .bg-red-50, .bg-red-100, .bg-rose-50, .bg-rose-100,
  .bg-emerald-50, .bg-emerald-100, .bg-green-50, .bg-green-100,
  .bg-amber-50, .bg-amber-100, .bg-yellow-50, .bg-yellow-100, .bg-orange-50,
  .border-red-200, .border-emerald-200, .border-amber-200
)) {
  background-image: linear-gradient(125deg, var(--t1024-fx-tint), transparent 55%);
}
html:root:root:root .card-hover:hover {
  box-shadow: inset 0 1px 0 var(--t1024-fx-edge), 0 8px 28px var(--t1024-fx-glow), var(--t1024-shadow);
}

/* Profile's large hero gets the strongest treatment; metric tiles stay opaque. */
html:root:root:root .card[data-testid='profile-overview-hero'] {
  background-image:
    radial-gradient(ellipse at 100% 0%, var(--t1024-fx-hero), transparent 65%),
    linear-gradient(120deg, var(--t1024-fx-tint), transparent 60%);
}
html:root:root:root :is([data-testid='profile-basics-panel'], [data-testid='profile-auth-bindings-panel']) {
  background-image: linear-gradient(125deg, var(--t1024-fx-tint), transparent 50%);
  box-shadow: var(--t1024-shadow);
}

/* Preserve Tailwind's ring composition so keyboard focus remains visible. */
html:root:root:root .btn-primary:not(:disabled):not([aria-disabled='true']) {
  background-image: linear-gradient(115deg, rgba(255, 255, 255, 0.28), transparent 65%);
  --tw-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.38), 0 3px 12px var(--t1024-fx-glow);
  --tw-shadow-colored: var(--tw-shadow);
}
html:root:root:root .btn-primary:not(:disabled):not([aria-disabled='true']):hover {
  background-image: linear-gradient(115deg, rgba(255, 255, 255, 0.4), transparent 80%);
  --tw-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 4px 20px var(--t1024-fx-glow);
  --tw-shadow-colored: var(--tw-shadow);
}

/* Accent light on the existing active-tab strip; retain its focus-ring shadows. */
html:root:root:root .settings-tab-active::after {
  background-image: linear-gradient(90deg, var(--t1024-fx-rail), var(--t1024-accent));
  box-shadow: 0 0 10px var(--t1024-fx-glow);
}

/* Decorative color is optional in Windows high-contrast mode. */
@media (forced-colors: active) {
  html:root:root:root :is(.bg-mesh-gradient, .sidebar, header.glass, .sidebar-link-active,
    .card, .stat-card, .glass-card, .card-glass, .btn-primary,
    [data-testid='profile-overview-hero'], [data-testid='profile-basics-panel'], [data-testid='profile-auth-bindings-panel']) {
    background-image: none;
  }
}

/* Welcome v1.3 — neutral daylight palette.
 * Every override is light-only. Keep the accepted dark palette and effects intact.
 * Paint changes only; no layout, content, interaction or semantic status changes.
 */
html:not(.dark):root:root:root {
  --t1024-bg: #f6f7f9;
  --t1024-surface: #ffffff;
  --t1024-raised: #f8f9fb;
  --t1024-subtle: #f1f3f5;
  --t1024-hover: #eef1f4;
  --t1024-glass: #ffffff;
  --t1024-line: #e4e7ec;
  --t1024-line-strong: #cbd2da;
  --t1024-ink: #17212b;
  --t1024-text: #344054;
  --t1024-muted: #667085;
  --t1024-faint: #7b8493;
  --t1024-link: #246a59;
  --t1024-link-hover: #195243;
  --t1024-accent-soft: #eaf5ef;
  --t1024-accent-line: #c9dfd2;
  --t1024-solid: #28715f;
  --t1024-solid-hover: #1f5b4d;
  --t1024-cta: #28715f;
  --t1024-cta-hover: #1f5b4d;
  --t1024-cta-ink: #ffffff;
  --t1024-cta-line: #28715f;
  --t1024-focus: #28715f;
  --t1024-ring: rgba(40, 113, 95, 0.22);
  --t1024-shadow: 0 1px 2px rgba(16, 24, 40, 0.035);
  --t1024-float-shadow: 0 12px 32px rgba(16, 24, 40, 0.10), 0 2px 6px rgba(16, 24, 40, 0.04);

  /* Generated utility variants use these same RGB tokens, including opacity,
   * hover/focus and asynchronously loaded Vue components. Dark values are untouched.
   */
  --t1024-p-gray-50: 248 249 251;
  --t1024-p-gray-100: 241 243 245;
  --t1024-p-gray-200: 228 231 236;
  --t1024-p-gray-300: 203 210 218;
  --t1024-p-gray-400: 152 162 179;
  --t1024-p-gray-500: 102 112 133;
  --t1024-p-gray-600: 71 84 103;
  --t1024-p-gray-700: 52 64 84;
  --t1024-p-gray-800: 39 52 68;
  --t1024-p-gray-900: 23 33 43;
  --t1024-p-gray-950: 16 24 40;
  --t1024-p-primary-50: 241 248 244;
  --t1024-p-primary-100: 234 245 239;
  --t1024-p-primary-200: 211 234 222;
  --t1024-p-primary-300: 183 226 206;
  --t1024-p-primary-400: 131 191 165;
  --t1024-p-primary-500: 57 130 108;
  --t1024-p-primary-600: 40 113 95;
  --t1024-p-primary-700: 31 91 77;
  --t1024-p-primary-800: 25 74 62;
  --t1024-p-primary-900: 20 60 51;
  --t1024-p-primary-950: 13 43 37;
}

/* Neutral surfaces: remove only our decorative paint, retaining all dimensions
 * and overflow rules so Teleport menus and positioned panels behave as before.
 */
html:not(.dark):root:root:root :is(.bg-mesh-gradient, .sidebar, header.glass) {
  background-image: none;
  box-shadow: none;
}
html:not(.dark):root:root:root :is(.card, .stat-card, .glass-card, .card-glass):not(:is(
  .bg-red-50, .bg-red-100, .bg-rose-50, .bg-rose-100,
  .bg-emerald-50, .bg-emerald-100, .bg-green-50, .bg-green-100,
  .bg-amber-50, .bg-amber-100, .bg-yellow-50, .bg-yellow-100, .bg-orange-50,
  .border-red-200, .border-emerald-200, .border-amber-200
)) {
  background-image: none;
}
html:not(.dark):root:root:root .card[data-testid='profile-overview-hero'],
html:not(.dark):root:root:root :is([data-testid='profile-basics-panel'], [data-testid='profile-auth-bindings-panel']) {
  background-image: none;
}
html:not(.dark):root:root:root .card-hover:hover {
  box-shadow: 0 3px 10px rgba(16, 24, 40, 0.055);
}

/* AuthLayout has a separate background and sibling decoration layer, rather
 * than AppLayout's mesh class. Clear its three orbs and exact grid container.
 */
html:not(.dark):root:root:root .bg-gradient-to-br.from-gray-50.via-primary-50\/30 {
  background-image: none;
  background-color: var(--t1024-bg);
}
html:not(.dark):root:root:root .bg-gradient-to-br.from-gray-50.via-primary-50\/30 + .pointer-events-none > div,
html:not(.dark):root:root:root .bg-gradient-to-br.from-gray-50.via-primary-50\/30 > .pointer-events-none > div {
  background-image: none;
  background-color: transparent;
}

/* Solid, readable actions. Change only the shadow token, preserving focus-ring
 * composition and the upstream disabled state. No white gloss over the green.
 */
html:not(.dark):root:root:root .btn-primary:not(:disabled):not([aria-disabled='true']),
html:not(.dark):root:root:root .btn-primary:not(:disabled):not([aria-disabled='true']):hover {
  background-image: none;
  --tw-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
  --tw-shadow-colored: var(--tw-shadow);
}
html:not(.dark):root:root:root .settings-tab-active::after {
  background-image: none;
  background-color: var(--t1024-solid);
  box-shadow: none;
}