/* This file is generated by the scripts/tmpc.css.js file. Do not edit this file directly. */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Define css variables for the color palette */
@layer base {
  :root { 
    /* Default typography */
    --system-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; 
    font-family: var(--mpc-font-family, var(--system-font)); 
    color: hsl(var(--tmpc-core-12)); 
    /* Radix Light CSS Vars */
    --gray0: 0 0% 100%; --gray1: 0 0% 99.0%; --gray2: 0 0% 97.3%; --gray3: 0 0% 95.1%; --gray4: 0 0% 93.0%; --gray5: 0 0% 90.9%; --gray6: 0 0% 88.7%; --gray7: 0 0% 85.8%; --gray8: 0 0% 78.0%; --gray9: 0 0% 56.1%; --gray10: 0 0% 52.3%; --gray11: 0 0% 43.5%; --gray12: 0 0% 9.0%; --mauve0: 0 0% 100%; --mauve1: 300 20.0% 99.0%; --mauve2: 300 7.7% 97.5%; --mauve3: 294 5.5% 95.3%; --mauve4: 289 4.7% 93.3%; --mauve5: 283 4.4% 91.3%; --mauve6: 278 4.1% 89.1%; --mauve7: 271 3.9% 86.3%; --mauve8: 255 3.7% 78.8%; --mauve9: 252 4.0% 57.3%; --mauve10: 253 3.5% 53.5%; --mauve11: 252 4.0% 44.8%; --mauve12: 260 25.0% 11.0%; --slate0: 0 0% 100%; --slate1: 206 30.0% 98.8%; --slate2: 210 16.7% 97.6%; --slate3: 209 13.3% 95.3%; --slate4: 209 12.2% 93.2%; --slate5: 208 11.7% 91.1%; --slate6: 208 11.3% 88.9%; --slate7: 207 11.1% 85.9%; --slate8: 205 10.7% 78.0%; --slate9: 206 6.0% 56.1%; --slate10: 206 5.8% 52.3%; --slate11: 206 6.0% 43.5%; --slate12: 206 24.0% 9.0%; --sage0: 0 0% 100%; --sage1: 155 30.0% 98.8%; --sage2: 150 16.7% 97.6%; --sage3: 151 10.6% 95.2%; --sage4: 151 8.8% 93.0%; --sage5: 151 7.8% 90.8%; --sage6: 152 7.2% 88.4%; --sage7: 153 6.7% 85.3%; --sage8: 154 6.1% 77.5%; --sage9: 155 3.5% 55.5%; --sage10: 154 2.8% 51.7%; --sage11: 155 3.0% 43.0%; --sage12: 155 24.0% 9.0%; --olive0: 0 0% 100%; --olive1: 110 20.0% 99.0%; --olive2: 120 16.7% 97.6%; --olive3: 119 10.1% 95.2%; --olive4: 118 8.1% 93.0%; --olive5: 117 7.1% 90.8%; --olive6: 115 6.4% 88.5%; --olive7: 114 5.9% 85.4%; --olive8: 110 5.2% 77.3%; --olive9: 110 3.5% 55.5%; --olive10: 111 2.8% 51.7%; --olive11: 110 3.0% 43.0%; --olive12: 110 25.0% 9.5%; --sand0: 0 0% 100%; --sand1: 50 20.0% 99.0%; --sand2: 60 7.7% 97.5%; --sand3: 59 6.5% 95.1%; --sand4: 58 6.1% 92.9%; --sand5: 57 6.0% 90.7%; --sand6: 56 5.9% 88.4%; --sand7: 55 5.9% 85.2%; --sand8: 51 6.0% 77.1%; --sand9: 50 2.0% 55.7%; --sand10: 55 1.7% 51.9%; --sand11: 50 2.0% 43.1%; --sand12: 50 6.0% 10.0%; 
    /* Radix Color Light CSS Vars (White Text) */
    --tomato0: 0 0% 100%; --tomato1: 10 100% 99.4%; --tomato2: 8 100% 98.4%; --tomato3: 8 100% 96.6%; --tomato4: 8 100% 94.3%; --tomato5: 8 92.8% 91.0%; --tomato6: 9 84.7% 86.3%; --tomato7: 10 77.3% 79.5%; --tomato8: 10 71.6% 71.0%; --tomato9: 10 78.0% 54.0%; --tomato10: 10 71.5% 50.0%; --tomato11: 10 82.0% 43.5%; --tomato12: 10 50.0% 13.5%; --red0: 0 0% 100%; --red1: 359 100% 99.4%; --red2: 359 100% 98.6%; --red3: 360 100% 96.8%; --red4: 360 97.9% 94.8%; --red5: 360 90.2% 91.9%; --red6: 360 81.7% 87.8%; --red7: 359 74.2% 81.7%; --red8: 359 69.5% 74.3%; --red9: 358 75.0% 59.0%; --red10: 358 69.4% 55.2%; --red11: 358 65.0% 48.7%; --red12: 354 50.0% 14.6%; --crimson0: 0 0% 100%; --crimson1: 332 100% 99.4%; --crimson2: 330 100% 98.4%; --crimson3: 331 85.6% 96.6%; --crimson4: 331 78.1% 94.2%; --crimson5: 332 72.1% 91.1%; --crimson6: 333 67.0% 86.7%; --crimson7: 335 63.5% 80.4%; --crimson8: 336 62.3% 72.9%; --crimson9: 336 80.0% 57.8%; --crimson10: 336 73.7% 53.5%; --crimson11: 336 75.0% 47.2%; --crimson12: 340 65.0% 14.5%; --pink0: 0 0% 100%; --pink1: 322 100% 99.4%; --pink2: 323 100% 98.4%; --pink3: 323 86.3% 96.5%; --pink4: 323 78.7% 94.2%; --pink5: 323 72.2% 91.1%; --pink6: 323 66.3% 86.6%; --pink7: 323 62.0% 80.1%; --pink8: 323 60.3% 72.4%; --pink9: 322 65.0% 54.5%; --pink10: 322 63.9% 50.7%; --pink11: 322 75.0% 46.0%; --pink12: 320 70.0% 13.5%; --plum0: 0 0% 100%; --plum1: 292 90.0% 99.4%; --plum2: 300 100% 98.6%; --plum3: 299 71.2% 96.4%; --plum4: 299 62.0% 93.8%; --plum5: 298 56.1% 90.5%; --plum6: 296 51.3% 85.8%; --plum7: 295 48.2% 78.9%; --plum8: 292 47.7% 70.8%; --plum9: 292 45.0% 51.0%; --plum10: 292 50.2% 46.9%; --plum11: 292 60.0% 42.5%; --plum12: 291 66.0% 14.0%; --purple0: 0 0% 100%; --purple1: 280 65.0% 99.4%; --purple2: 276 100% 99.0%; --purple3: 276 83.1% 97.0%; --purple4: 275 76.4% 94.7%; --purple5: 275 70.8% 91.8%; --purple6: 274 65.4% 87.8%; --purple7: 273 61.0% 81.7%; --purple8: 272 60.0% 73.5%; --purple9: 272 51.0% 54.0%; --purple10: 272 46.8% 50.3%; --purple11: 272 50.0% 45.8%; --purple12: 272 66.0% 16.0%; --violet0: 0 0% 100%; --violet1: 255 65.0% 99.4%; --violet2: 252 100% 99.0%; --violet3: 252 96.9% 97.4%; --violet4: 252 91.5% 95.5%; --violet5: 252 85.1% 93.0%; --violet6: 252 77.8% 89.4%; --violet7: 252 71.0% 83.7%; --violet8: 252 68.6% 76.3%; --violet9: 252 56.0% 57.5%; --violet10: 251 48.1% 53.5%; --violet11: 250 43.0% 48.0%; --violet12: 254 60.0% 18.5%; --indigo0: 0 0% 100%; --indigo1: 225 60.0% 99.4%; --indigo2: 223 100% 98.6%; --indigo3: 223 98.4% 97.1%; --indigo4: 223 92.9% 95.0%; --indigo5: 224 87.1% 92.0%; --indigo6: 224 81.9% 87.8%; --indigo7: 225 77.4% 82.1%; --indigo8: 226 75.4% 74.5%; --indigo9: 226 70.0% 55.5%; --indigo10: 226 58.6% 51.3%; --indigo11: 226 55.0% 45.0%; --indigo12: 226 62.0% 17.0%; --blue0: 0 0% 100%; --blue1: 206 100% 99.2%; --blue2: 210 100% 98.0%; --blue3: 209 100% 96.5%; --blue4: 210 98.8% 94.0%; --blue5: 209 95.0% 90.1%; --blue6: 209 81.2% 84.5%; --blue7: 208 77.5% 76.9%; --blue8: 206 81.9% 65.3%; --blue9: 206 100% 50.0%; --blue10: 208 100% 47.3%; --blue11: 211 100% 43.2%; --blue12: 211 100% 15.0%; --cyan0: 0 0% 100%; --cyan1: 185 60.0% 98.7%; --cyan2: 185 73.3% 97.1%; --cyan3: 186 70.2% 94.4%; --cyan4: 186 63.8% 90.6%; --cyan5: 187 58.3% 85.4%; --cyan6: 188 54.6% 78.4%; --cyan7: 189 53.7% 68.7%; --cyan8: 189 60.3% 52.5%; --cyan9: 190 95.0% 39.0%; --cyan10: 191 91.2% 36.8%; --cyan11: 192 85.0% 31.0%; --cyan12: 192 88.0% 12.5%; --teal0: 0 0% 100%; --teal1: 165 60.0% 98.8%; --teal2: 169 64.7% 96.7%; --teal3: 169 59.8% 94.0%; --teal4: 169 53.1% 90.2%; --teal5: 170 47.1% 85.0%; --teal6: 170 42.6% 77.9%; --teal7: 170 39.9% 68.1%; --teal8: 172 42.1% 52.5%; --teal9: 173 80.0% 36.0%; --teal10: 173 83.4% 32.5%; --teal11: 174 90.0% 25.2%; --teal12: 170 50.0% 12.5%; --green0: 0 0% 100%; --green1: 136 50.0% 98.9%; --green2: 138 62.5% 96.9%; --green3: 139 55.2% 94.5%; --green4: 140 48.7% 91.0%; --green5: 141 43.7% 86.0%; --green6: 143 40.3% 79.0%; --green7: 146 38.5% 69.0%; --green8: 151 40.2% 54.1%; --green9: 151 55.0% 41.5%; --green10: 152 57.5% 37.6%; --green11: 153 67.0% 28.5%; --green12: 155 40.0% 14.0%; --grass0: 0 0% 100%; --grass1: 116 50.0% 98.9%; --grass2: 120 60.0% 97.1%; --grass3: 120 53.6% 94.8%; --grass4: 121 47.5% 91.4%; --grass5: 122 42.6% 86.5%; --grass6: 124 39.0% 79.7%; --grass7: 126 37.1% 70.2%; --grass8: 131 38.1% 56.3%; --grass9: 131 41.0% 46.5%; --grass10: 132 43.1% 42.2%; --grass11: 133 50.0% 32.5%; --grass12: 130 30.0% 14.9%; --orange0: 0 0% 100%; --orange1: 24 70.0% 99.0%; --orange2: 24 83.3% 97.6%; --orange3: 24 100% 95.3%; --orange4: 25 100% 92.2%; --orange5: 25 100% 88.2%; --orange6: 25 100% 82.8%; --orange7: 24 100% 75.3%; --orange8: 24 94.5% 64.3%; --orange9: 24 94.0% 50.0%; --orange10: 24 100% 46.5%; --orange11: 24 100% 37.0%; --orange12: 15 60.0% 17.0%; --brown0: 0 0% 100%; --brown1: 30 40.0% 99.1%; --brown2: 30 50.0% 97.6%; --brown3: 30 52.5% 94.6%; --brown4: 30 53.0% 91.2%; --brown5: 29 52.9% 86.8%; --brown6: 29 52.5% 80.9%; --brown7: 29 51.5% 72.8%; --brown8: 28 50.0% 63.1%; --brown9: 28 34.0% 51.0%; --brown10: 27 31.8% 47.6%; --brown11: 25 30.0% 41.0%; --brown12: 20 30.0% 19.0%; 
    /* Radix Bright Colors CSS Vars (Black Text) */
    --sky0: 0 0% 0%; --sky1: 193 100% 98.8%; --sky2: 193 100% 97.3%; --sky3: 193 99.0% 94.7%; --sky4: 193 91.4% 91.4%; --sky5: 194 82.0% 86.6%; --sky6: 194 74.1% 79.5%; --sky7: 194 72.3% 69.6%; --sky8: 193 77.9% 53.9%; --sky9: 193 98.0% 70.0%; --sky10: 193 87.0% 66.5%; --sky11: 195 100% 31.5%; --sky12: 195 100% 13.0%; --mint0: 0 0% 0%; --mint1: 165 80.0% 98.8%; --mint2: 164 88.2% 96.7%; --mint3: 164 76.6% 93.3%; --mint4: 165 68.8% 89.5%; --mint5: 165 60.6% 84.5%; --mint6: 165 53.5% 76.9%; --mint7: 166 50.7% 66.1%; --mint8: 168 52.8% 51.0%; --mint9: 167 65.0% 66.0%; --mint10: 167 59.3% 63.1%; --mint11: 172 72.0% 28.5%; --mint12: 172 70.0% 12.0%; --lime0: 0 0% 0%; --lime1: 85 50.0% 98.7%; --lime2: 85 66.7% 96.5%; --lime3: 85 76.0% 92.3%; --lime4: 84 75.3% 87.5%; --lime5: 84 71.5% 81.9%; --lime6: 82 65.0% 74.6%; --lime7: 79 53.2% 61.8%; --lime8: 76 61.7% 45.1%; --lime9: 81 67.0% 50.0%; --lime10: 80 68.3% 46.9%; --lime11: 75 80.0% 26.0%; --lime12: 78 70.0% 11.5%; --yellow0: 0 0% 0%; --yellow1: 60 54.0% 98.5%; --yellow2: 52 100% 95.5%; --yellow3: 55 100% 90.9%; --yellow4: 54 100% 86.6%; --yellow5: 52 97.9% 82.0%; --yellow6: 50 89.4% 76.1%; --yellow7: 47 80.4% 68.0%; --yellow8: 48 100% 46.1%; --yellow9: 53 92.0% 50.0%; --yellow10: 50 100% 48.5%; --yellow11: 42 100% 29.0%; --yellow12: 40 55.0% 13.5%; --amber0: 0 0% 0%; --amber1: 39 70.0% 99.0%; --amber2: 40 100% 96.5%; --amber3: 44 100% 91.7%; --amber4: 43 100% 86.8%; --amber5: 42 100% 81.8%; --amber6: 38 99.7% 76.3%; --amber7: 36 86.1% 67.1%; --amber8: 35 85.2% 55.1%; --amber9: 39 100% 57.0%; --amber10: 35 100% 55.5%; --amber11: 30 100% 34.0%; --amber12: 20 80.0% 17.0%; 
    /* TMPC light vars */
    --tmpc-core-1: var(--slate1); --tmpc-core-2: var(--slate2); --tmpc-core-3: var(--slate3); --tmpc-core-4: var(--slate4); --tmpc-core-5: var(--slate5); --tmpc-core-6: var(--slate6); --tmpc-core-7: var(--slate7); --tmpc-core-8: var(--slate8); --tmpc-core-9: var(--slate9); --tmpc-core-10: var(--slate10); --tmpc-core-11: var(--slate11); --tmpc-core-12: var(--slate12); --tmpc-brand-0: var(--teal0); --tmpc-brand-1: var(--teal1); --tmpc-brand-2: var(--teal2); --tmpc-brand-3: var(--teal3); --tmpc-brand-4: var(--teal4); --tmpc-brand-5: var(--teal5); --tmpc-brand-6: var(--teal6); --tmpc-brand-7: var(--teal7); --tmpc-brand-8: var(--teal8); --tmpc-brand-9: var(--teal9); --tmpc-brand-10: var(--teal10); --tmpc-brand-11: var(--teal11); --tmpc-brand-12: var(--teal12); --tmpc-brand-b-0: var(--blue0); --tmpc-brand-b-1: var(--blue1); --tmpc-brand-b-2: var(--blue2); --tmpc-brand-b-3: var(--blue3); --tmpc-brand-b-4: var(--blue4); --tmpc-brand-b-5: var(--blue5); --tmpc-brand-b-6: var(--blue6); --tmpc-brand-b-7: var(--blue7); --tmpc-brand-b-8: var(--blue8); --tmpc-brand-b-9: var(--blue9); --tmpc-brand-b-10: var(--blue10); --tmpc-brand-b-11: var(--blue11); --tmpc-brand-b-12: var(--blue12); --tmpc-brand-c-0: var(--violet0); --tmpc-brand-c-1: var(--violet1); --tmpc-brand-c-2: var(--violet2); --tmpc-brand-c-3: var(--violet3); --tmpc-brand-c-4: var(--violet4); --tmpc-brand-c-5: var(--violet5); --tmpc-brand-c-6: var(--violet6); --tmpc-brand-c-7: var(--violet7); --tmpc-brand-c-8: var(--violet8); --tmpc-brand-c-9: var(--violet9); --tmpc-brand-c-10: var(--violet10); --tmpc-brand-c-11: var(--violet11); --tmpc-brand-c-12: var(--violet12); --tmpc-brand-d-0: var(--sky0); --tmpc-brand-d-1: var(--sky1); --tmpc-brand-d-2: var(--sky2); --tmpc-brand-d-3: var(--sky3); --tmpc-brand-d-4: var(--sky4); --tmpc-brand-d-5: var(--sky5); --tmpc-brand-d-6: var(--sky6); --tmpc-brand-d-7: var(--sky7); --tmpc-brand-d-8: var(--sky8); --tmpc-brand-d-9: var(--sky9); --tmpc-brand-d-10: var(--sky10); --tmpc-brand-d-11: var(--sky11); --tmpc-brand-d-12: var(--sky12); --tmpc-error-0: var(--red0); --tmpc-error-1: var(--red1); --tmpc-error-2: var(--red2); --tmpc-error-3: var(--red3); --tmpc-error-4: var(--red4); --tmpc-error-5: var(--red5); --tmpc-error-6: var(--red6); --tmpc-error-7: var(--red7); --tmpc-error-8: var(--red8); --tmpc-error-9: var(--red9); --tmpc-error-10: var(--red10); --tmpc-error-11: var(--red11); --tmpc-error-12: var(--red12); --tmpc-warning-0: var(--yellow0); --tmpc-warning-1: var(--yellow1); --tmpc-warning-2: var(--yellow2); --tmpc-warning-3: var(--yellow3); --tmpc-warning-4: var(--yellow4); --tmpc-warning-5: var(--yellow5); --tmpc-warning-6: var(--yellow6); --tmpc-warning-7: var(--yellow7); --tmpc-warning-8: var(--yellow8); --tmpc-warning-9: var(--yellow9); --tmpc-warning-10: var(--yellow10); --tmpc-warning-11: var(--yellow11); --tmpc-warning-12: var(--yellow12); --tmpc-success-0: var(--green0); --tmpc-success-1: var(--green1); --tmpc-success-2: var(--green2); --tmpc-success-3: var(--green3); --tmpc-success-4: var(--green4); --tmpc-success-5: var(--green5); --tmpc-success-6: var(--green6); --tmpc-success-7: var(--green7); --tmpc-success-8: var(--green8); --tmpc-success-9: var(--green9); --tmpc-success-10: var(--green10); --tmpc-success-11: var(--green11); --tmpc-success-12: var(--green12); --tmpc-info-0: var(--blue0); --tmpc-info-1: var(--blue1); --tmpc-info-2: var(--blue2); --tmpc-info-3: var(--blue3); --tmpc-info-4: var(--blue4); --tmpc-info-5: var(--blue5); --tmpc-info-6: var(--blue6); --tmpc-info-7: var(--blue7); --tmpc-info-8: var(--blue8); --tmpc-info-9: var(--blue9); --tmpc-info-10: var(--blue10); --tmpc-info-11: var(--blue11); --tmpc-info-12: var(--blue12); 
  }
  .dark {
    /* Radix Gray Colors Dark CSS Vars */
    --gray0: 0 0% 100%; --gray1: 0 0% 8.5%; --gray2: 0 0% 11.0%; --gray3: 0 0% 13.6%; --gray4: 0 0% 15.8%; --gray5: 0 0% 17.9%; --gray6: 0 0% 20.5%; --gray7: 0 0% 24.3%; --gray8: 0 0% 31.2%; --gray9: 0 0% 43.9%; --gray10: 0 0% 49.4%; --gray11: 0 0% 62.8%; --gray12: 0 0% 93.0%; --mauve0: 0 0% 100%; --mauve1: 246 6.0% 9.0%; --mauve2: 240 5.1% 11.6%; --mauve3: 241 5.0% 14.3%; --mauve4: 242 4.9% 16.5%; --mauve5: 243 4.9% 18.8%; --mauve6: 244 4.9% 21.5%; --mauve7: 245 4.9% 25.4%; --mauve8: 247 4.8% 32.5%; --mauve9: 252 4.0% 45.2%; --mauve10: 247 3.4% 50.7%; --mauve11: 253 4.0% 63.7%; --mauve12: 256 6.0% 93.2%; --slate0: 0 0% 100%; --slate1: 200 7.0% 8.8%; --slate2: 195 7.1% 11.0%; --slate3: 197 6.8% 13.6%; --slate4: 198 6.6% 15.8%; --slate5: 199 6.4% 17.9%; --slate6: 201 6.2% 20.5%; --slate7: 203 6.0% 24.3%; --slate8: 207 5.6% 31.6%; --slate9: 206 6.0% 43.9%; --slate10: 206 5.2% 49.5%; --slate11: 206 6.0% 63.0%; --slate12: 210 6.0% 93.0%; --sage0: 0 0% 100%; --sage1: 155 7.0% 8.4%; --sage2: 150 7.4% 10.6%; --sage3: 150 6.7% 13.1%; --sage4: 150 6.4% 15.3%; --sage5: 150 6.1% 17.4%; --sage6: 150 5.8% 19.9%; --sage7: 150 5.5% 23.6%; --sage8: 150 5.1% 30.6%; --sage9: 155 6.0% 42.5%; --sage10: 153 4.8% 48.2%; --sage11: 155 5.0% 61.8%; --sage12: 155 6.0% 93.0%; --olive0: 0 0% 100%; --olive1: 110 5.0% 8.6%; --olive2: 105 7.4% 10.6%; --olive3: 106 6.4% 13.1%; --olive4: 106 5.8% 15.3%; --olive5: 107 5.3% 17.4%; --olive6: 107 4.9% 19.9%; --olive7: 108 4.4% 23.6%; --olive8: 110 3.8% 30.6%; --olive9: 110 6.0% 42.5%; --olive10: 111 4.8% 48.2%; --olive11: 110 5.0% 61.8%; --olive12: 110 6.0% 93.0%; --sand0: 0 0% 100%; --sand1: 61 2.0% 8.3%; --sand2: 60 3.7% 10.6%; --sand3: 58 3.7% 13.1%; --sand4: 57 3.6% 15.3%; --sand5: 56 3.7% 17.4%; --sand6: 55 3.7% 19.9%; --sand7: 53 3.7% 23.6%; --sand8: 50 3.8% 30.6%; --sand9: 50 4.0% 42.7%; --sand10: 52 3.1% 48.3%; --sand11: 50 4.0% 61.8%; --sand12: 56 4.0% 92.8%; 
    /* Radix Colors Dark CSS Vars (White Text) */
    --tomato0: 0 0% 100%; --tomato1: 10 23.0% 9.4%; --tomato2: 9 44.8% 11.4%; --tomato3: 8 52.0% 15.3%; --tomato4: 7 56.3% 18.0%; --tomato5: 7 60.1% 20.6%; --tomato6: 8 64.8% 24.0%; --tomato7: 8 71.2% 29.1%; --tomato8: 10 80.2% 35.7%; --tomato9: 10 78.0% 54.0%; --tomato10: 10 81.7% 59.0%; --tomato11: 10 85.0% 62.8%; --tomato12: 10 89.0% 96.0%; --red0: 0 0% 100%; --red1: 353 23.0% 9.8%; --red2: 357 34.4% 12.0%; --red3: 356 43.4% 16.4%; --red4: 356 47.6% 19.2%; --red5: 356 51.1% 21.9%; --red6: 356 55.2% 25.9%; --red7: 357 60.2% 31.8%; --red8: 358 65.0% 40.4%; --red9: 358 75.0% 59.0%; --red10: 358 85.3% 64.0%; --red11: 358 100% 69.5%; --red12: 351 89.0% 96.0%; --crimson0: 0 0% 100%; --crimson1: 335 20.0% 9.6%; --crimson2: 335 32.2% 11.6%; --crimson3: 335 42.5% 16.5%; --crimson4: 335 47.2% 19.3%; --crimson5: 335 50.9% 21.8%; --crimson6: 335 55.7% 25.3%; --crimson7: 336 62.9% 30.8%; --crimson8: 336 74.9% 39.0%; --crimson9: 336 80.0% 57.8%; --crimson10: 339 84.1% 62.6%; --crimson11: 341 90.0% 67.3%; --crimson12: 332 87.0% 96.0%; --pink0: 0 0% 100%; --pink1: 318 25.0% 9.6%; --pink2: 319 32.2% 11.6%; --pink3: 319 41.0% 16.0%; --pink4: 320 45.4% 18.7%; --pink5: 320 49.0% 21.1%; --pink6: 321 53.6% 24.4%; --pink7: 321 61.1% 29.7%; --pink8: 322 74.9% 37.5%; --pink9: 322 65.0% 54.5%; --pink10: 323 72.8% 59.2%; --pink11: 325 90.0% 66.4%; --pink12: 322 90.0% 95.8%; --plum0: 0 0% 100%; --plum1: 301 20.0% 9.4%; --plum2: 300 29.8% 11.2%; --plum3: 298 34.4% 15.3%; --plum4: 297 36.8% 18.3%; --plum5: 296 38.5% 21.1%; --plum6: 295 40.4% 24.7%; --plum7: 294 42.7% 30.6%; --plum8: 292 45.1% 40.0%; --plum9: 292 45.0% 51.0%; --plum10: 295 50.0% 55.4%; --plum11: 300 60.0% 62.0%; --plum12: 296 74.0% 95.7%; --purple0: 0 0% 100%; --purple1: 284 20.0% 9.6%; --purple2: 283 30.0% 11.8%; --purple3: 281 37.5% 16.5%; --purple4: 280 41.2% 20.0%; --purple5: 279 43.8% 23.3%; --purple6: 277 46.4% 27.5%; --purple7: 275 49.3% 34.6%; --purple8: 272 52.1% 45.9%; --purple9: 272 51.0% 54.0%; --purple10: 273 57.3% 59.1%; --purple11: 275 80.0% 71.0%; --purple12: 279 75.0% 95.7%; --violet0: 0 0% 100%; --violet1: 250 20.0% 10.2%; --violet2: 255 30.3% 12.9%; --violet3: 253 37.0% 18.4%; --violet4: 252 40.1% 22.5%; --violet5: 252 42.2% 26.2%; --violet6: 251 44.3% 31.1%; --violet7: 250 46.8% 38.9%; --violet8: 250 51.8% 51.2%; --violet9: 252 56.0% 57.5%; --violet10: 251 63.2% 63.2%; --violet11: 250 95.0% 76.8%; --violet12: 252 87.0% 96.4%; --indigo0: 0 0% 100%; --indigo1: 229 24.0% 10.0%; --indigo2: 230 36.4% 12.9%; --indigo3: 228 43.3% 17.5%; --indigo4: 227 47.2% 21.0%; --indigo5: 227 50.0% 24.1%; --indigo6: 226 52.9% 28.2%; --indigo7: 226 56.0% 34.5%; --indigo8: 226 58.2% 44.1%; --indigo9: 226 70.0% 55.5%; --indigo10: 227 75.2% 61.6%; --indigo11: 228 100% 75.9%; --indigo12: 226 83.0% 96.3%; --blue0: 0 0% 100%; --blue1: 212 35.0% 9.2%; --blue2: 216 50.0% 11.8%; --blue3: 214 59.4% 15.3%; --blue4: 214 65.8% 17.9%; --blue5: 213 71.2% 20.2%; --blue6: 212 77.4% 23.1%; --blue7: 211 85.1% 27.4%; --blue8: 211 89.7% 34.1%; --blue9: 206 100% 50.0%; --blue10: 209 100% 60.6%; --blue11: 210 100% 66.1%; --blue12: 206 98.0% 95.8%; --cyan0: 0 0% 100%; --cyan1: 192 60.0% 7.2%; --cyan2: 192 71.4% 8.2%; --cyan3: 192 75.9% 10.8%; --cyan4: 192 79.3% 12.8%; --cyan5: 192 82.5% 14.6%; --cyan6: 192 86.6% 16.9%; --cyan7: 192 92.6% 20.1%; --cyan8: 192 100% 24.5%; --cyan9: 190 95.0% 39.0%; --cyan10: 188 100% 40.0%; --cyan11: 186 100% 42.2%; --cyan12: 185 73.0% 93.2%; --teal0: 0 0% 100%; --teal1: 168 48.0% 6.5%; --teal2: 169 77.8% 7.1%; --teal3: 170 76.1% 9.2%; --teal4: 171 75.8% 11.0%; --teal5: 171 75.7% 12.8%; --teal6: 172 75.8% 15.1%; --teal7: 172 76.7% 18.6%; --teal8: 173 80.2% 23.7%; --teal9: 173 80.0% 36.0%; --teal10: 174 83.9% 38.2%; --teal11: 174 90.0% 40.7%; --teal12: 166 73.0% 93.1%; --green0: 0 0% 100%; --green1: 146 30.0% 7.4%; --green2: 155 44.2% 8.4%; --green3: 155 46.7% 10.9%; --green4: 154 48.4% 12.9%; --green5: 154 49.7% 14.9%; --green6: 154 50.9% 17.6%; --green7: 153 51.8% 21.8%; --green8: 151 51.7% 28.4%; --green9: 151 55.0% 41.5%; --green10: 151 49.3% 46.5%; --green11: 151 50.0% 53.2%; --green12: 137 72.0% 94.0%; --grass0: 0 0% 100%; --grass1: 146 30.0% 7.4%; --grass2: 136 33.3% 8.8%; --grass3: 137 36.0% 11.4%; --grass4: 137 37.6% 13.7%; --grass5: 136 38.7% 16.0%; --grass6: 135 39.6% 19.1%; --grass7: 134 40.3% 23.8%; --grass8: 131 40.1% 30.8%; --grass9: 131 41.0% 46.5%; --grass10: 131 39.0% 52.1%; --grass11: 131 43.0% 57.2%; --grass12: 137 72.0% 94.0%; --orange0: 0 0% 100%; --orange1: 30 70.0% 7.2%; --orange2: 28 100% 8.4%; --orange3: 26 91.1% 11.6%; --orange4: 25 88.3% 14.1%; --orange5: 24 87.6% 16.6%; --orange6: 24 88.6% 19.8%; --orange7: 24 92.4% 24.0%; --orange8: 25 100% 29.0%; --orange9: 24 94.0% 50.0%; --orange10: 24 100% 58.5%; --orange11: 24 100% 62.2%; --orange12: 24 97.0% 93.2%; --brown0: 0 0% 100%; --brown1: 22 15.0% 8.7%; --brown2: 20 28.3% 10.4%; --brown3: 20 28.0% 14.0%; --brown4: 21 28.4% 16.5%; --brown5: 22 28.7% 18.9%; --brown6: 23 29.0% 22.3%; --brown7: 25 29.5% 27.8%; --brown8: 27 30.1% 35.9%; --brown9: 28 34.0% 51.0%; --brown10: 28 41.4% 55.8%; --brown11: 28 60.0% 64.5%; --brown12: 30 67.0% 94.0%; 
    /* Radix Bright Colors Dark CSS Vars (Black Text) */
    --sky0: 0 0% 0%; --sky1: 205 45.0% 8.6%; --sky2: 202 71.4% 9.6%; --sky3: 201 74.6% 12.2%; --sky4: 201 77.4% 14.4%; --sky5: 200 80.3% 16.5%; --sky6: 200 84.1% 18.9%; --sky7: 199 90.2% 22.1%; --sky8: 198 100% 26.1%; --sky9: 193 98.0% 70.0%; --sky10: 192 100% 77.0%; --sky11: 192 85.0% 55.8%; --sky12: 198 98.0% 95.8%; --mint0: 0 0% 0%; --mint1: 173 50.0% 6.6%; --mint2: 176 73.0% 7.3%; --mint3: 175 79.3% 8.9%; --mint4: 174 84.8% 10.3%; --mint5: 174 90.2% 11.9%; --mint6: 173 96.0% 13.8%; --mint7: 172 100% 16.8%; --mint8: 170 100% 21.4%; --mint9: 167 65.0% 66.0%; --mint10: 163 80.0% 77.0%; --mint11: 167 70.0% 48.0%; --mint12: 165 80.0% 94.8%; --lime0: 0 0% 0%; --lime1: 75 55.0% 6.0%; --lime2: 74 56.8% 7.3%; --lime3: 78 50.2% 9.9%; --lime4: 79 50.3% 12.1%; --lime5: 79 52.6% 14.2%; --lime6: 78 55.7% 16.7%; --lime7: 77 59.7% 20.1%; --lime8: 75 64.8% 24.5%; --lime9: 81 67.0% 50.0%; --lime10: 75 85.0% 60.0%; --lime11: 81 70.0% 43.8%; --lime12: 84 79.0% 92.6%; --yellow0: 0 0% 0%; --yellow1: 45 100% 5.5%; --yellow2: 46 100% 6.7%; --yellow3: 45 100% 8.7%; --yellow4: 45 100% 10.4%; --yellow5: 47 100% 12.1%; --yellow6: 49 100% 14.3%; --yellow7: 49 90.3% 18.4%; --yellow8: 50 100% 22.0%; --yellow9: 53 92.0% 50.0%; --yellow10: 54 100% 68.0%; --yellow11: 48 100% 47.0%; --yellow12: 53 100% 91.0%; --amber0: 0 0% 0%; --amber1: 36 100% 6.1%; --amber2: 35 100% 7.6%; --amber3: 32 100% 10.2%; --amber4: 32 100% 12.4%; --amber5: 33 100% 14.6%; --amber6: 35 100% 17.1%; --amber7: 35 91.0% 21.6%; --amber8: 36 100% 25.5%; --amber9: 39 100% 57.0%; --amber10: 43 100% 64.0%; --amber11: 39 90.0% 49.8%; --amber12: 39 97.0% 93.2%;  
    /* TMPC dark vars */
    --tmpc-core-dark-1: var(--slate1); --tmpc-core-1: var(--tmpc-core-dark-1); --tmpc-core-dark-2: var(--slate2); --tmpc-core-2: var(--tmpc-core-dark-2); --tmpc-core-dark-3: var(--slate3); --tmpc-core-3: var(--tmpc-core-dark-3); --tmpc-core-dark-4: var(--slate4); --tmpc-core-4: var(--tmpc-core-dark-4); --tmpc-core-dark-5: var(--slate5); --tmpc-core-5: var(--tmpc-core-dark-5); --tmpc-core-dark-6: var(--slate6); --tmpc-core-6: var(--tmpc-core-dark-6); --tmpc-core-dark-7: var(--slate7); --tmpc-core-7: var(--tmpc-core-dark-7); --tmpc-core-dark-8: var(--slate8); --tmpc-core-8: var(--tmpc-core-dark-8); --tmpc-core-dark-9: var(--slate9); --tmpc-core-9: var(--tmpc-core-dark-9); --tmpc-core-dark-10: var(--slate10); --tmpc-core-10: var(--tmpc-core-dark-10); --tmpc-core-dark-11: var(--slate11); --tmpc-core-11: var(--tmpc-core-dark-11); --tmpc-core-dark-12: var(--slate12); --tmpc-core-12: var(--tmpc-core-dark-12); --tmpc-brand-dark-0: var(--teal0); --tmpc-brand-0: var(--tmpc-brand-dark-0); --tmpc-brand-dark-1: var(--teal1); --tmpc-brand-1: var(--tmpc-brand-dark-1); --tmpc-brand-dark-2: var(--teal2); --tmpc-brand-2: var(--tmpc-brand-dark-2); --tmpc-brand-dark-3: var(--teal3); --tmpc-brand-3: var(--tmpc-brand-dark-3); --tmpc-brand-dark-4: var(--teal4); --tmpc-brand-4: var(--tmpc-brand-dark-4); --tmpc-brand-dark-5: var(--teal5); --tmpc-brand-5: var(--tmpc-brand-dark-5); --tmpc-brand-dark-6: var(--teal6); --tmpc-brand-6: var(--tmpc-brand-dark-6); --tmpc-brand-dark-7: var(--teal7); --tmpc-brand-7: var(--tmpc-brand-dark-7); --tmpc-brand-dark-8: var(--teal8); --tmpc-brand-8: var(--tmpc-brand-dark-8); --tmpc-brand-dark-9: var(--teal9); --tmpc-brand-9: var(--tmpc-brand-dark-9); --tmpc-brand-dark-10: var(--teal10); --tmpc-brand-10: var(--tmpc-brand-dark-10); --tmpc-brand-dark-11: var(--teal11); --tmpc-brand-11: var(--tmpc-brand-dark-11); --tmpc-brand-dark-12: var(--teal12); --tmpc-brand-12: var(--tmpc-brand-dark-12); --tmpc-brand-b-dark-0: var(--blue0); --tmpc-brand-b-0: var(--tmpc-brand-b-dark-0); --tmpc-brand-b-dark-1: var(--blue1); --tmpc-brand-b-1: var(--tmpc-brand-b-dark-1); --tmpc-brand-b-dark-2: var(--blue2); --tmpc-brand-b-2: var(--tmpc-brand-b-dark-2); --tmpc-brand-b-dark-3: var(--blue3); --tmpc-brand-b-3: var(--tmpc-brand-b-dark-3); --tmpc-brand-b-dark-4: var(--blue4); --tmpc-brand-b-4: var(--tmpc-brand-b-dark-4); --tmpc-brand-b-dark-5: var(--blue5); --tmpc-brand-b-5: var(--tmpc-brand-b-dark-5); --tmpc-brand-b-dark-6: var(--blue6); --tmpc-brand-b-6: var(--tmpc-brand-b-dark-6); --tmpc-brand-b-dark-7: var(--blue7); --tmpc-brand-b-7: var(--tmpc-brand-b-dark-7); --tmpc-brand-b-dark-8: var(--blue8); --tmpc-brand-b-8: var(--tmpc-brand-b-dark-8); --tmpc-brand-b-dark-9: var(--blue9); --tmpc-brand-b-9: var(--tmpc-brand-b-dark-9); --tmpc-brand-b-dark-10: var(--blue10); --tmpc-brand-b-10: var(--tmpc-brand-b-dark-10); --tmpc-brand-b-dark-11: var(--blue11); --tmpc-brand-b-11: var(--tmpc-brand-b-dark-11); --tmpc-brand-b-dark-12: var(--blue12); --tmpc-brand-b-12: var(--tmpc-brand-b-dark-12); --tmpc-brand-c-dark-0: var(--violet0); --tmpc-brand-c-0: var(--tmpc-brand-c-dark-0); --tmpc-brand-c-dark-1: var(--violet1); --tmpc-brand-c-1: var(--tmpc-brand-c-dark-1); --tmpc-brand-c-dark-2: var(--violet2); --tmpc-brand-c-2: var(--tmpc-brand-c-dark-2); --tmpc-brand-c-dark-3: var(--violet3); --tmpc-brand-c-3: var(--tmpc-brand-c-dark-3); --tmpc-brand-c-dark-4: var(--violet4); --tmpc-brand-c-4: var(--tmpc-brand-c-dark-4); --tmpc-brand-c-dark-5: var(--violet5); --tmpc-brand-c-5: var(--tmpc-brand-c-dark-5); --tmpc-brand-c-dark-6: var(--violet6); --tmpc-brand-c-6: var(--tmpc-brand-c-dark-6); --tmpc-brand-c-dark-7: var(--violet7); --tmpc-brand-c-7: var(--tmpc-brand-c-dark-7); --tmpc-brand-c-dark-8: var(--violet8); --tmpc-brand-c-8: var(--tmpc-brand-c-dark-8); --tmpc-brand-c-dark-9: var(--violet9); --tmpc-brand-c-9: var(--tmpc-brand-c-dark-9); --tmpc-brand-c-dark-10: var(--violet10); --tmpc-brand-c-10: var(--tmpc-brand-c-dark-10); --tmpc-brand-c-dark-11: var(--violet11); --tmpc-brand-c-11: var(--tmpc-brand-c-dark-11); --tmpc-brand-c-dark-12: var(--violet12); --tmpc-brand-c-12: var(--tmpc-brand-c-dark-12); --tmpc-brand-d-dark-0: var(--sky0); --tmpc-brand-d-0: var(--tmpc-brand-d-dark-0); --tmpc-brand-d-dark-1: var(--sky1); --tmpc-brand-d-1: var(--tmpc-brand-d-dark-1); --tmpc-brand-d-dark-2: var(--sky2); --tmpc-brand-d-2: var(--tmpc-brand-d-dark-2); --tmpc-brand-d-dark-3: var(--sky3); --tmpc-brand-d-3: var(--tmpc-brand-d-dark-3); --tmpc-brand-d-dark-4: var(--sky4); --tmpc-brand-d-4: var(--tmpc-brand-d-dark-4); --tmpc-brand-d-dark-5: var(--sky5); --tmpc-brand-d-5: var(--tmpc-brand-d-dark-5); --tmpc-brand-d-dark-6: var(--sky6); --tmpc-brand-d-6: var(--tmpc-brand-d-dark-6); --tmpc-brand-d-dark-7: var(--sky7); --tmpc-brand-d-7: var(--tmpc-brand-d-dark-7); --tmpc-brand-d-dark-8: var(--sky8); --tmpc-brand-d-8: var(--tmpc-brand-d-dark-8); --tmpc-brand-d-dark-9: var(--sky9); --tmpc-brand-d-9: var(--tmpc-brand-d-dark-9); --tmpc-brand-d-dark-10: var(--sky10); --tmpc-brand-d-10: var(--tmpc-brand-d-dark-10); --tmpc-brand-d-dark-11: var(--sky11); --tmpc-brand-d-11: var(--tmpc-brand-d-dark-11); --tmpc-brand-d-dark-12: var(--sky12); --tmpc-brand-d-12: var(--tmpc-brand-d-dark-12); --tmpc-error-dark-0: var(--red0); --tmpc-error-0: var(--tmpc-error-dark-0); --tmpc-error-dark-1: var(--red1); --tmpc-error-1: var(--tmpc-error-dark-1); --tmpc-error-dark-2: var(--red2); --tmpc-error-2: var(--tmpc-error-dark-2); --tmpc-error-dark-3: var(--red3); --tmpc-error-3: var(--tmpc-error-dark-3); --tmpc-error-dark-4: var(--red4); --tmpc-error-4: var(--tmpc-error-dark-4); --tmpc-error-dark-5: var(--red5); --tmpc-error-5: var(--tmpc-error-dark-5); --tmpc-error-dark-6: var(--red6); --tmpc-error-6: var(--tmpc-error-dark-6); --tmpc-error-dark-7: var(--red7); --tmpc-error-7: var(--tmpc-error-dark-7); --tmpc-error-dark-8: var(--red8); --tmpc-error-8: var(--tmpc-error-dark-8); --tmpc-error-dark-9: var(--red9); --tmpc-error-9: var(--tmpc-error-dark-9); --tmpc-error-dark-10: var(--red10); --tmpc-error-10: var(--tmpc-error-dark-10); --tmpc-error-dark-11: var(--red11); --tmpc-error-11: var(--tmpc-error-dark-11); --tmpc-error-dark-12: var(--red12); --tmpc-error-12: var(--tmpc-error-dark-12); --tmpc-warning-dark-0: var(--yellow0); --tmpc-warning-0: var(--tmpc-warning-dark-0); --tmpc-warning-dark-1: var(--yellow1); --tmpc-warning-1: var(--tmpc-warning-dark-1); --tmpc-warning-dark-2: var(--yellow2); --tmpc-warning-2: var(--tmpc-warning-dark-2); --tmpc-warning-dark-3: var(--yellow3); --tmpc-warning-3: var(--tmpc-warning-dark-3); --tmpc-warning-dark-4: var(--yellow4); --tmpc-warning-4: var(--tmpc-warning-dark-4); --tmpc-warning-dark-5: var(--yellow5); --tmpc-warning-5: var(--tmpc-warning-dark-5); --tmpc-warning-dark-6: var(--yellow6); --tmpc-warning-6: var(--tmpc-warning-dark-6); --tmpc-warning-dark-7: var(--yellow7); --tmpc-warning-7: var(--tmpc-warning-dark-7); --tmpc-warning-dark-8: var(--yellow8); --tmpc-warning-8: var(--tmpc-warning-dark-8); --tmpc-warning-dark-9: var(--yellow9); --tmpc-warning-9: var(--tmpc-warning-dark-9); --tmpc-warning-dark-10: var(--yellow10); --tmpc-warning-10: var(--tmpc-warning-dark-10); --tmpc-warning-dark-11: var(--yellow11); --tmpc-warning-11: var(--tmpc-warning-dark-11); --tmpc-warning-dark-12: var(--yellow12); --tmpc-warning-12: var(--tmpc-warning-dark-12); --tmpc-success-dark-0: var(--green0); --tmpc-success-0: var(--tmpc-success-dark-0); --tmpc-success-dark-1: var(--green1); --tmpc-success-1: var(--tmpc-success-dark-1); --tmpc-success-dark-2: var(--green2); --tmpc-success-2: var(--tmpc-success-dark-2); --tmpc-success-dark-3: var(--green3); --tmpc-success-3: var(--tmpc-success-dark-3); --tmpc-success-dark-4: var(--green4); --tmpc-success-4: var(--tmpc-success-dark-4); --tmpc-success-dark-5: var(--green5); --tmpc-success-5: var(--tmpc-success-dark-5); --tmpc-success-dark-6: var(--green6); --tmpc-success-6: var(--tmpc-success-dark-6); --tmpc-success-dark-7: var(--green7); --tmpc-success-7: var(--tmpc-success-dark-7); --tmpc-success-dark-8: var(--green8); --tmpc-success-8: var(--tmpc-success-dark-8); --tmpc-success-dark-9: var(--green9); --tmpc-success-9: var(--tmpc-success-dark-9); --tmpc-success-dark-10: var(--green10); --tmpc-success-10: var(--tmpc-success-dark-10); --tmpc-success-dark-11: var(--green11); --tmpc-success-11: var(--tmpc-success-dark-11); --tmpc-success-dark-12: var(--green12); --tmpc-success-12: var(--tmpc-success-dark-12); --tmpc-info-dark-0: var(--blue0); --tmpc-info-0: var(--tmpc-info-dark-0); --tmpc-info-dark-1: var(--blue1); --tmpc-info-1: var(--tmpc-info-dark-1); --tmpc-info-dark-2: var(--blue2); --tmpc-info-2: var(--tmpc-info-dark-2); --tmpc-info-dark-3: var(--blue3); --tmpc-info-3: var(--tmpc-info-dark-3); --tmpc-info-dark-4: var(--blue4); --tmpc-info-4: var(--tmpc-info-dark-4); --tmpc-info-dark-5: var(--blue5); --tmpc-info-5: var(--tmpc-info-dark-5); --tmpc-info-dark-6: var(--blue6); --tmpc-info-6: var(--tmpc-info-dark-6); --tmpc-info-dark-7: var(--blue7); --tmpc-info-7: var(--tmpc-info-dark-7); --tmpc-info-dark-8: var(--blue8); --tmpc-info-8: var(--tmpc-info-dark-8); --tmpc-info-dark-9: var(--blue9); --tmpc-info-9: var(--tmpc-info-dark-9); --tmpc-info-dark-10: var(--blue10); --tmpc-info-10: var(--tmpc-info-dark-10); --tmpc-info-dark-11: var(--blue11); --tmpc-info-11: var(--tmpc-info-dark-11); --tmpc-info-dark-12: var(--blue12); --tmpc-info-12: var(--tmpc-info-dark-12);  
    color: hsl(var(--tmpc-core-12));
  }
}

/* For Webkit-based browsers (Chrome, Safari and Opera) */
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
/* For IE, Edge and Firefox */
.scrollbar-hide {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}