@charset "UTF-8";
/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */
:root {
  --cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-amber-100: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-amber-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-amber-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-amber-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-amber-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-amber-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-amber-700: oklch(0.4824 0.1353 46.11 / 1);
  --cnvs-base-palette-amber-800: oklch(0.4143 0.1245 42.21 / 1);
  --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
  --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
  --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
  --cnvs-base-palette-azure-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-azure-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-azure-400: oklch(0.7283 0.1377 242.63 / 1);
  --cnvs-base-palette-azure-500: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-azure-600: oklch(0.5174 0.1257 243.24 / 1);
  --cnvs-base-palette-azure-700: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-azure-800: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
  --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
  --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
  --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
  --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
  --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blue-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-blue-300: oklch(0.7933 0.1076 252.08 / 1);
  --cnvs-base-palette-blue-400: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blue-500: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-blue-600: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blue-700: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blue-800: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
  --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
  --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
  --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-coral-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-coral-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-coral-400: oklch(0.7279 0.1703 38.58 / 1);
  --cnvs-base-palette-coral-500: oklch(0.6779 0.2096 40.36 / 1);
  --cnvs-base-palette-coral-600: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-coral-700: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-coral-800: oklch(0.393 0.143 33.49 / 1);
  --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
  --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
  --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
  --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
  --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-200: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-300: oklch(0.7817 0.1928 150.67 / 1);
  --cnvs-base-palette-green-400: oklch(0.702 0.1952 148.39 / 1);
  --cnvs-base-palette-green-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-green-600: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-700: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-800: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
  --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
  --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
  --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
  --cnvs-base-palette-indigo-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-indigo-300: oklch(0.7625 0.1242 281 / 1);
  --cnvs-base-palette-indigo-400: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-indigo-500: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-indigo-600: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-palette-indigo-700: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-indigo-800: oklch(0.379 0.1771 278.1 / 1);
  --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
  --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
  --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
  --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
  --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
  --cnvs-base-palette-neutral-100: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-neutral-200: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-neutral-300: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-neutral-400: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-neutral-500: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-neutral-600: oklch(0.5103 0 0 / 1);
  --cnvs-base-palette-neutral-700: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-neutral-800: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-neutral-900: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-neutral-950: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-neutral-975: oklch(0.1591 0 0 / 1);
  --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
  --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
  --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
  --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-orange-200: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-orange-300: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-orange-400: oklch(0.7261 0.1852 52.58 / 1);
  --cnvs-base-palette-orange-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-orange-600: oklch(0.53 0.165 40.39 / 1);
  --cnvs-base-palette-orange-700: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-orange-800: oklch(0.4077 0.1336 37.92 / 1);
  --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
  --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
  --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
  --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
  --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
  --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
  --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
  --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
  --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
  --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
  --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
  --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
  --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
  --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-palette-purple-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-purple-300: oklch(0.8108 0.1412 315.48 / 1);
  --cnvs-base-palette-purple-400: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-purple-500: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-purple-600: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-purple-700: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-purple-800: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
  --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
  --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
  --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-red-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-red-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-red-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-red-500: oklch(0.6495 0.2369 30.04 / 1);
  --cnvs-base-palette-red-600: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-red-700: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-red-800: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
  --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
  --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
  --cnvs-base-palette-slate-25: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-slate-50: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-slate-100: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-slate-200: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-slate-300: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-slate-400: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-slate-500: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-slate-600: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-slate-700: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-slate-800: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-slate-900: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-slate-950: oklch(0.2453 0.0136 253.1 / 1);
  --cnvs-base-palette-slate-975: oklch(0.18 0.008 248.33 / 1);
  --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
  --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-teal-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-teal-300: oklch(0.7836 0.0874 204.93 / 1);
  --cnvs-base-palette-teal-400: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-teal-500: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-teal-600: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-teal-700: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
  --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
  --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
  --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
  --cnvs-base-palette-cinnamon-100: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-cinnamon-200: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-cinnamon-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-cinnamon-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-cinnamon-500: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-cinnamon-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-peach-100: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-peach-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-peach-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-peach-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-peach-500: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-peach-600: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-chili-mango-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-chili-mango-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-chili-mango-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-chili-mango-400: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-600: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-cantaloupe-100: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-cantaloupe-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-cantaloupe-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-cantaloupe-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-cantaloupe-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-cantaloupe-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-sour-lemon-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-sour-lemon-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-sour-lemon-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-sour-lemon-400: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-500: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-600: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-juicy-pear-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-juicy-pear-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-juicy-pear-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-400: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-juicy-pear-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-kiwi-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-kiwi-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-kiwi-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-kiwi-400: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-apple-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-apple-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-apple-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-apple-500: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-watermelon-200: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-watermelon-300: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-watermelon-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-watermelon-500: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-jewel-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-jewel-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-jewel-300: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-jewel-400: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-jewel-500: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-jewel-600: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-toothpaste-100: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-toothpaste-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-toothpaste-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-toothpaste-400: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-toothpaste-500: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-toothpaste-600: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-blueberry-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-200: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blueberry-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blueberry-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blueberry-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-plum-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-plum-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-plum-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-plum-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-plum-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-plum-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-berry-smoothie-100: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-berry-smoothie-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-berry-smoothie-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-berry-smoothie-400: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-berry-smoothie-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-berry-smoothie-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blackberry-100: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-blackberry-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-blackberry-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-blackberry-400: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-blackberry-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-blackberry-600: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-island-punch-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-island-punch-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-island-punch-300: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-500: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-island-punch-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-grape-soda-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-grape-soda-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-grape-soda-300: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-grape-soda-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-grape-soda-500: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-grape-soda-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-pomegranate-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-pomegranate-200: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-pomegranate-300: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-400: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-500: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-pomegranate-600: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-fruit-punch-100: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-fruit-punch-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-fruit-punch-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-fruit-punch-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-500: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-root-beer-100: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-root-beer-200: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-root-beer-300: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-400: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-500: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-root-beer-600: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-toasted-marshmallow-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-toasted-marshmallow-200: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-toasted-marshmallow-300: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-toasted-marshmallow-400: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-toasted-marshmallow-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-toasted-marshmallow-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-licorice-100: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-licorice-200: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-licorice-300: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-licorice-400: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-licorice-500: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-licorice-600: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-soap-100: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-soap-200: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-soap-300: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-soap-400: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-soap-500: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-soap-600: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-french-vanilla-100: oklch(1 0 0 / 1);
  --cnvs-base-palette-french-vanilla-200: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-french-vanilla-300: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-french-vanilla-400: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-french-vanilla-500: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-french-vanilla-600: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-100: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-200: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-black-pepper-300: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-black-pepper-400: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-black-pepper-500: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-black-pepper-600: oklch(0 0 0 / 1);
  --cnvs-base-palette-coconut-100: #F0EEEE;
  --cnvs-base-palette-coconut-200: #e3dfdf;
  --cnvs-base-palette-coconut-300: #d1cbcc;
  --cnvs-base-palette-coconut-400: #b3acac;
  --cnvs-base-palette-coconut-500: #9e9595;
  --cnvs-base-palette-coconut-600: #8F8687;
  --cnvs-base-palette-cappuccino-100: #7A7374;
  --cnvs-base-palette-cappuccino-200: #706869;
  --cnvs-base-palette-cappuccino-300: #5E5757;
  --cnvs-base-palette-cappuccino-400: #4A4242;
  --cnvs-base-palette-cappuccino-500: #352f2f;
  --cnvs-base-palette-cappuccino-600: #231f20;
  --cnvs-base-opacity-0: 0;
  --cnvs-base-opacity-100: 0.08;
  --cnvs-base-opacity-200: 0.12;
  --cnvs-base-opacity-250: 0.2;
  --cnvs-base-opacity-300: 0.4;
  --cnvs-base-opacity-400: 0.64;
  --cnvs-base-opacity-500: 0.84;
  --cnvs-base-font-size-25: 0.625rem;
  --cnvs-base-font-size-50: 0.75rem;
  --cnvs-base-font-size-75: 0.875rem;
  --cnvs-base-font-size-100: 1rem;
  --cnvs-base-font-size-125: 1.125rem;
  --cnvs-base-font-size-150: 1.25rem;
  --cnvs-base-font-size-200: 1.5rem;
  --cnvs-base-font-size-250: 1.75rem;
  --cnvs-base-font-size-300: 2rem;
  --cnvs-base-font-size-400: 2.5rem;
  --cnvs-base-font-size-500: 3rem;
  --cnvs-base-font-size-600: 3.5rem;
  --cnvs-base-font-size-750: 4.5rem;
  --cnvs-base-font-size-900: 5.5rem;
  --cnvs-base-font-size-1050: 6.5rem;
  --cnvs-base-line-height-50: 1rem;
  --cnvs-base-line-height-100: 1.25rem;
  --cnvs-base-line-height-150: 1.5rem;
  --cnvs-base-line-height-200: 1.75rem;
  --cnvs-base-line-height-250: 2rem;
  --cnvs-base-line-height-300: 2.25rem;
  --cnvs-base-line-height-350: 2.5rem;
  --cnvs-base-line-height-400: 3rem;
  --cnvs-base-line-height-500: 3.5rem;
  --cnvs-base-line-height-600: 4rem;
  --cnvs-base-line-height-750: 4.5rem;
  --cnvs-base-line-height-900: 5.5rem;
  --cnvs-base-line-height-1050: 6.5rem;
  --cnvs-base-font-family-50: "Roboto"; /* Default font-family */
  --cnvs-base-font-family-100: "Roboto Mono";
  --cnvs-base-font-family-200: "Noto Sans";
  --cnvs-base-font-weight-300: 300;
  --cnvs-base-font-weight-400: 400;
  --cnvs-base-font-weight-500: 500;
  --cnvs-base-font-weight-700: 700;
  --cnvs-base-letter-spacing-50: 0.025rem;
  --cnvs-base-letter-spacing-100: 0.02rem;
  --cnvs-base-letter-spacing-150: 0.015rem;
  --cnvs-base-letter-spacing-200: 0.01rem;
  --cnvs-base-unit: 0.25rem; /* The base unit used in the grid system.;  */
  --cnvs-base-extended-palette-dragon-fruit-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-extended-palette-dragon-fruit-200: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-extended-palette-dragon-fruit-300: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-extended-palette-dragon-fruit-400: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-extended-palette-dragon-fruit-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-extended-palette-dragon-fruit-600: oklch(0.317 0.142 278.2 / 1);
}
/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */
:root {
  --cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Standard card depth */
  --cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Top navigation, Bottom Navigation */
  --cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Floating Action Buttons (FAB), Menus */
  --cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.5rem 2rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Bottom Sheets */
  --cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.625rem 2.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied) */
  --cnvs-sys-depth-6: 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.75rem 3rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied) */
  --cnvs-sys-space-zero: 0; /* Stacks, rows in tables */
  --cnvs-sys-shape-zero: 0rem; /* This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels. */
  --cnvs-sys-opacity-full: 1; /* Dev only */
  --cnvs-sys-opacity-zero: 0; /* Dev only */
  --cnvs-sys-breakpoints-zero: 0px; /* Use to set a media query `min-width` below small. */
  --cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);
  --cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);
  --cnvs-sys-font-weight-normal: var(--cnvs-base-font-weight-400);
  --cnvs-sys-font-weight-light: var(--cnvs-base-font-weight-300);
  --cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);
  --cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);
  --cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);
  --cnvs-sys-line-height-heading-large: var(--cnvs-base-line-height-350);
  --cnvs-sys-line-height-heading-medium: var(--cnvs-base-line-height-300);
  --cnvs-sys-line-height-heading-small: var(--cnvs-base-line-height-250);
  --cnvs-sys-line-height-body-large: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-medium: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-small: var(--cnvs-base-line-height-150);
  --cnvs-sys-line-height-subtext-large: var(--cnvs-base-line-height-100);
  --cnvs-sys-line-height-subtext-medium: var(--cnvs-base-line-height-50);
  --cnvs-sys-line-height-subtext-small: var(--cnvs-base-line-height-50);
  --cnvs-sys-font-size-subtext-small: var(--cnvs-base-font-size-25);
  --cnvs-sys-font-family-global: var(--cnvs-base-font-family-200);
  --cnvs-sys-font-family-mono: var(--cnvs-base-font-family-100);
  --cnvs-sys-font-family-default: var(--cnvs-base-font-family-50);
  --cnvs-sys-space-x20: calc(var(--cnvs-base-unit) * 20); /* - Use sparingly; - Helps to put focus on the primary element within your page; - Use to de-clutter your UI when a lot of space is available */
  --cnvs-sys-space-x16: calc(var(--cnvs-base-unit) * 16); /* - Use to de-clutter your UI when a lot of space is available; - Separate banner sections from page content; - Use to differentiate page content like page sections */
  --cnvs-sys-space-x10: calc(var(--cnvs-base-unit) * 10); /* • Used for outer margins on the overall page content ; • Used for inner margins on large items such as page sections */
  --cnvs-sys-space-x8: calc(var(--cnvs-base-unit) * 8); /* • Standard spacing between cards; • Used to separate groups of content ; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x6: calc(var(--cnvs-base-unit) * 6); /* • Padding around card content; • Related elements where more space between them can be afforded; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x4: calc(var(--cnvs-base-unit) * 4); /* Default space token. Used to group Inputs with related data */
  --cnvs-sys-space-x3: calc(var(--cnvs-base-unit) * 3); /* Use when compact padding is required */
  --cnvs-sys-space-x2: calc(var(--cnvs-base-unit) * 2); /* Commonly used to group compact elements like icon buttons */
  --cnvs-sys-space-x1: var(--cnvs-base-unit); /* Compact spacing between text or icons */
  --cnvs-sys-shape-round: calc(var(--cnvs-base-unit) * 250); /* Commonly used for our standard buttons and profile avatars: All Primary, Secondary Buttons, Radio Buttons and Notification Badges. */
  --cnvs-sys-shape-x2: calc(var(--cnvs-base-unit) * 2); /* Use this for all the containers and popups: All Cards, Modals, Tooltips and Toasts. */
  --cnvs-sys-shape-x1-half: calc(var(--cnvs-base-unit) * 1.5);
  --cnvs-sys-shape-x1: var(--cnvs-base-unit);
  --cnvs-sys-shape-half: calc(var(--cnvs-base-unit) * 0.5); /* Use this for subtle and small components that don’t require to group complex information like Status Indicators, Checkboxes and Color Swatches. */
  --cnvs-sys-opacity-shadow-second: var(--cnvs-base-opacity-100); /* Alpha on second shadow */
  --cnvs-sys-opacity-shadow-first: var(--cnvs-base-opacity-200); /* Alpha on first shadow */
  --cnvs-sys-opacity-contrast: var(--cnvs-base-opacity-500); /* Tooltips, Status Indicator */
  --cnvs-sys-opacity-overlay: var(--cnvs-base-opacity-400); /* Overlay */
  --cnvs-sys-opacity-disabled: var(--cnvs-base-opacity-300); /* Disabled states */
  --cnvs-sys-breakpoints-xl: 1440px; /* Used for extra large screens, such as wide monitors and TVs. */
  --cnvs-sys-breakpoints-l: 1024px; /* Large screens, such as desktops. */
  --cnvs-sys-breakpoints-m: 768px; /* Medium screens, such as laptops. */
  --cnvs-sys-breakpoints-s: 320px; /* The `min-width` for mobile devices, such as phones and tablets. */
  --cnvs-sys-color-shadow-default: var(--cnvs-base-palette-slate-900); /* Main shadow color */
  --cnvs-sys-color-shadow-2: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-100)); /* Second shadow color */
  --cnvs-sys-color-shadow-1: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-200)); /* First shadow color */
  --cnvs-sys-color-border-info-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950); /* Active state on AI borders */
  --cnvs-sys-color-border-container: var(--cnvs-base-palette-slate-300); /* Cards, Toasts, Surfaces */
  --cnvs-sys-color-border-divider: var(--cnvs-base-palette-slate-200); /* Dividers */
  --cnvs-sys-color-border-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on accent colors */
  --cnvs-sys-color-border-transparent: transparent; /* Transparent */
  --cnvs-sys-color-border-caution-strong: var(--cnvs-base-palette-amber-500); /* Warning outer (box shadow) */
  --cnvs-sys-color-border-caution-default: var(--cnvs-base-palette-amber-400); /* Warning inner */
  --cnvs-sys-color-border-critical-default: var(--cnvs-base-palette-red-500); /* Error */
  --cnvs-sys-color-border-primary-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Secondary Button Hover */
  --cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-900); /* Secondary Button */
  --cnvs-sys-color-border-input-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on checkboxes and radios */
  --cnvs-sys-color-border-input-strong: var(--cnvs-base-palette-slate-700); /* Input hover */
  --cnvs-sys-color-border-input-default: var(--cnvs-base-palette-slate-500); /* Inputs */
  --cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-slate-400); /* Disabled inputs */
  --cnvs-sys-color-fg-positive-stronger: var(--cnvs-base-palette-green-800); /* Error */
  --cnvs-sys-color-fg-positive-strong: var(--cnvs-base-palette-green-700); /* Error */
  --cnvs-sys-color-fg-positive-soft: var(--cnvs-base-palette-green-400); /* Error */
  --cnvs-sys-color-fg-positive-softer: var(--cnvs-base-palette-green-200); /* Error */
  --cnvs-sys-color-fg-positive-default: var(--cnvs-base-palette-green-600); /* Error */
  --cnvs-sys-color-fg-info-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-info-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-info-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950); /* AI icons and text */
  --cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Strong contrast */
  --cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast */
  --cnvs-sys-color-fg-caution-softer: var(--cnvs-base-palette-amber-500); /* Warning */
  --cnvs-sys-color-fg-caution-stronger: var(--cnvs-base-palette-amber-975); /* Warning on hover */
  --cnvs-sys-color-fg-caution-soft: var(--cnvs-base-palette-amber-700); /* Warning */
  --cnvs-sys-color-fg-caution-strong: var(--cnvs-base-palette-amber-950); /* Warning on hover */
  --cnvs-sys-color-fg-caution-default: var(--cnvs-base-palette-amber-900); /* Warning */
  --cnvs-sys-color-fg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-primary-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-primary-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-primary-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-primary-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-slate-400); /* Tab item foreground */
  --cnvs-sys-color-fg-muted-stronger: var(--cnvs-base-palette-slate-800);
  --cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-slate-600); /* Hint text */
  --cnvs-sys-color-fg-critical-softer: var(--cnvs-base-palette-red-200); /* Error */
  --cnvs-sys-color-fg-critical-soft: var(--cnvs-base-palette-red-400); /* Error */
  --cnvs-sys-color-fg-critical-stronger: var(--cnvs-base-palette-red-800); /* Error */
  --cnvs-sys-color-fg-critical-strong: var(--cnvs-base-palette-red-700); /* Error */
  --cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-red-600); /* Error */
  --cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse */
  --cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-slate-400); /* Disabled */
  --cnvs-sys-color-fg-stronger: var(--cnvs-base-palette-neutral-950); /* Heading on hover */
  --cnvs-sys-color-fg-strong: var(--cnvs-base-palette-neutral-900); /* Headings */
  --cnvs-sys-color-fg-default: var(--cnvs-base-palette-neutral-800); /* Body */
  --cnvs-sys-color-icon-info-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-disabled: var(--cnvs-base-palette-slate-400); /* Disabled icon color */
  --cnvs-sys-color-icon-caution-softer: var(--cnvs-base-palette-amber-500); /* Softer caution icon color */
  --cnvs-sys-color-icon-caution-soft: var(--cnvs-base-palette-amber-700); /* Soft caution icon color */
  --cnvs-sys-color-icon-caution-stronger: var(--cnvs-base-palette-amber-975); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-default: var(--cnvs-base-palette-amber-900); /* Caution icon color */
  --cnvs-sys-color-icon-critical-softer: var(--cnvs-base-palette-red-200); /* Error icon color */
  --cnvs-sys-color-icon-critical-soft: var(--cnvs-base-palette-red-400); /* Error icon color */
  --cnvs-sys-color-icon-critical-stronger: var(--cnvs-base-palette-red-800); /* Error icon color */
  --cnvs-sys-color-icon-critical-strong: var(--cnvs-base-palette-red-700); /* Error icon color */
  --cnvs-sys-color-icon-critical-default: var(--cnvs-base-palette-red-600); /* Error icon color */
  --cnvs-sys-color-icon-positive-softer: var(--cnvs-base-palette-green-200); /* Success icon color */
  --cnvs-sys-color-icon-positive-soft: var(--cnvs-base-palette-green-400); /* Success icon color */
  --cnvs-sys-color-icon-positive-stronger: var(--cnvs-base-palette-green-800); /* Success icon color */
  --cnvs-sys-color-icon-positive-strong: var(--cnvs-base-palette-green-700); /* Success icon color */
  --cnvs-sys-color-icon-positive-default: var(--cnvs-base-palette-green-600); /* Success icon color */
  --cnvs-sys-color-icon-primary-softer: var(--cnvs-base-palette-blue-200); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-soft: var(--cnvs-base-palette-blue-400); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse icon color */
  --cnvs-sys-color-icon-strong: var(--cnvs-base-palette-neutral-900); /* Hover icon color */
  --cnvs-sys-color-icon-soft: var(--cnvs-base-palette-slate-600); /* Disabled icon color */
  --cnvs-sys-color-icon-default: var(--cnvs-base-palette-neutral-800); /* Default icon color */
  --cnvs-sys-color-text-info-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-info-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-info-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-info-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-info-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-positive-softer: var(--cnvs-base-palette-green-200); /* Active links */
  --cnvs-sys-color-text-positive-soft: var(--cnvs-base-palette-green-400); /* Active links */
  --cnvs-sys-color-text-positive-stronger: var(--cnvs-base-palette-green-800); /* Active links */
  --cnvs-sys-color-text-positive-strong: var(--cnvs-base-palette-green-700); /* Branded hover text */
  --cnvs-sys-color-text-positive-default: var(--cnvs-base-palette-green-600); /* Branded text */
  --cnvs-sys-color-text-ai: var(--cnvs-base-palette-blue-950);
  --cnvs-sys-color-text-caution-softer: var(--cnvs-base-palette-amber-200); /* Softer warning text */
  --cnvs-sys-color-text-caution-stronger: var(--cnvs-base-palette-amber-975); /* Stronger warning text */
  --cnvs-sys-color-text-caution-soft: var(--cnvs-base-palette-amber-400); /* Disabled warning text */
  --cnvs-sys-color-text-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong warning text */
  --cnvs-sys-color-text-caution-default: var(--cnvs-base-palette-amber-900); /* Warning text */
  --cnvs-sys-color-text-primary-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-primary-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-primary-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-primary-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-primary-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-critical-softer: var(--cnvs-base-palette-red-200); /* Error text */
  --cnvs-sys-color-text-critical-soft: var(--cnvs-base-palette-red-400); /* Error text */
  --cnvs-sys-color-text-critical-stronger: var(--cnvs-base-palette-red-800); /* Error text */
  --cnvs-sys-color-text-critical-strong: var(--cnvs-base-palette-red-700); /* Error text */
  --cnvs-sys-color-text-critical-default: var(--cnvs-base-palette-red-600); /* Error text */
  --cnvs-sys-color-text-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse text color */
  --cnvs-sys-color-text-hint: var(--cnvs-base-palette-slate-600); /* Hint text color */
  --cnvs-sys-color-text-disabled: var(--cnvs-base-palette-slate-400); /* Disabled text color */
  --cnvs-sys-color-text-stronger: var(--cnvs-base-palette-neutral-950); /* Display text */
  --cnvs-sys-color-text-strong: var(--cnvs-base-palette-neutral-900); /* Heading text */
  --cnvs-sys-color-text-default: var(--cnvs-base-palette-neutral-800); /* Body text */
  --cnvs-sys-color-bg-info-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-info-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-info-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-info-soft: var(--cnvs-base-palette-blue-100); /* Disabled */
  --cnvs-sys-color-bg-info-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-info-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-ai-strongest: var(--cnvs-base-palette-blue-950); /* AI surfaces */
  --cnvs-sys-color-bg-ai-stronger: var(--cnvs-base-palette-blue-400); /* Active state on AI containers */
  --cnvs-sys-color-bg-ai-strong: var(--cnvs-base-palette-blue-200); /* Hover on AI container */
  --cnvs-sys-color-bg-ai-default: var(--cnvs-base-palette-blue-100); /* AI container */
  --cnvs-sys-color-bg-critical-stronger: var(--cnvs-base-palette-red-800); /* Stronger error background */
  --cnvs-sys-color-bg-critical-strong: var(--cnvs-base-palette-red-700); /* Strong error background */
  --cnvs-sys-color-bg-critical-default: var(--cnvs-base-palette-red-600); /* Default error background */
  --cnvs-sys-color-bg-critical-soft: var(--cnvs-base-palette-red-100); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softer: var(--cnvs-base-palette-red-50); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softest: var(--cnvs-base-palette-red-25); /* Input error background */
  --cnvs-sys-color-bg-caution-stronger: var(--cnvs-base-palette-amber-600); /* Stronger warning background */
  --cnvs-sys-color-bg-caution-strong: var(--cnvs-base-palette-amber-500); /* Strong warning background */
  --cnvs-sys-color-bg-caution-default: var(--cnvs-base-palette-amber-400); /* Default warning background */
  --cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-100); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softer: var(--cnvs-base-palette-amber-50); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softest: var(--cnvs-base-palette-amber-25); /* Disabled warning background */
  --cnvs-sys-color-bg-positive-stronger: var(--cnvs-base-palette-green-800); /* Active success background */
  --cnvs-sys-color-bg-positive-strong: var(--cnvs-base-palette-green-700); /* Hover success background */
  --cnvs-sys-color-bg-positive-default: var(--cnvs-base-palette-green-600); /* Disabled success background */
  --cnvs-sys-color-bg-positive-soft: var(--cnvs-base-palette-green-100); /* Disabled success background */
  --cnvs-sys-color-bg-positive-softer: var(--cnvs-base-palette-green-50); /* Surface success background */
  --cnvs-sys-color-bg-positive-softest: var(--cnvs-base-palette-green-25); /* Lightest surface success background */
  --cnvs-sys-color-bg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-primary-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-primary-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-100); /* Primary disabled */
  --cnvs-sys-color-bg-primary-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-primary-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-bg-muted-default: var(--cnvs-base-palette-slate-600);
  --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-slate-500);
  --cnvs-sys-color-bg-muted-softer: var(--cnvs-base-palette-slate-400);
  --cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-slate-300); /* Active state for segmented control, Pill */
  --cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-slate-200); /* Active states */
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-100); /* Surface hover, Secondary surfaces */
  --cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-slate-50); /* Alternative page background */
  --cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-slate-25); /* Disabled inputs */
  --cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
  --cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-400)); /* Overlay background */
  --cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-250)); /* Inverse Secondary Button Active state */
  --cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-100)); /* Inverse Secondary Button Hover state */
  --cnvs-sys-color-bg-transparent-default: transparent; /* Transparent background */
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0); /* Main background color */
  --cnvs-sys-color-static-amber-soft: var(--cnvs-base-palette-amber-100); /* Soft amber */
  --cnvs-sys-color-static-amber-strongest: var(--cnvs-base-palette-amber-950); /* Stronger amber */
  --cnvs-sys-color-static-amber-softer: var(--cnvs-base-palette-amber-50); /* Soft amber */
  --cnvs-sys-color-static-amber-stronger: var(--cnvs-base-palette-amber-600); /* Stronger amber */
  --cnvs-sys-color-static-amber-strong: var(--cnvs-base-palette-amber-500); /* Stronger amber */
  --cnvs-sys-color-static-amber-softest: var(--cnvs-base-palette-amber-25); /* Soft amber */
  --cnvs-sys-color-static-amber-default: var(--cnvs-base-palette-amber-400); /* amber */
  --cnvs-sys-color-static-gray-softer: var(--cnvs-base-palette-slate-100); /* Light gray */
  --cnvs-sys-color-static-gray-softest: var(--cnvs-base-palette-slate-50); /* Light gray */
  --cnvs-sys-color-static-gray-strongest: var(--cnvs-base-palette-slate-950); /* Strongerer gray */
  --cnvs-sys-color-static-gray-stronger: var(--cnvs-base-palette-slate-800); /* Strongerer gray */
  --cnvs-sys-color-static-gray-strong: var(--cnvs-base-palette-slate-700); /* Stronger gray */
  --cnvs-sys-color-static-gray-soft: var(--cnvs-base-palette-slate-200); /* Light gray */
  --cnvs-sys-color-static-gray-default: var(--cnvs-base-palette-slate-600); /* Gray */
  --cnvs-sys-color-static-black: var(--cnvs-base-palette-neutral-1000); /* Just black */
  --cnvs-sys-color-static-white: var(--cnvs-base-palette-neutral-0); /* Just white */
  --cnvs-sys-color-static-red-softer: var(--cnvs-base-palette-red-50); /* Light red */
  --cnvs-sys-color-static-red-strongest: var(--cnvs-base-palette-red-950); /* Strong red */
  --cnvs-sys-color-static-red-softest: var(--cnvs-base-palette-red-25); /* Light red */
  --cnvs-sys-color-static-red-stronger: var(--cnvs-base-palette-red-800); /* Strong red */
  --cnvs-sys-color-static-red-strong: var(--cnvs-base-palette-red-700); /* Strong red */
  --cnvs-sys-color-static-red-soft: var(--cnvs-base-palette-red-100); /* Light red */
  --cnvs-sys-color-static-red-default: var(--cnvs-base-palette-red-600); /* Red */
  --cnvs-sys-color-static-green-strongest: var(--cnvs-base-palette-green-950); /* Stronger green */
  --cnvs-sys-color-static-green-softest: var(--cnvs-base-palette-green-25); /* Light green */
  --cnvs-sys-color-static-green-stronger: var(--cnvs-base-palette-green-800); /* Stronger green */
  --cnvs-sys-color-static-green-softer: var(--cnvs-base-palette-green-50); /* Light green */
  --cnvs-sys-color-static-green-strong: var(--cnvs-base-palette-green-700); /* Stronger green */
  --cnvs-sys-color-static-green-soft: var(--cnvs-base-palette-green-100); /* Light green */
  --cnvs-sys-color-static-green-default: var(--cnvs-base-palette-green-600); /* Default green */
  --cnvs-sys-color-static-blue-strongest: var(--cnvs-base-palette-blue-950); /* Stronger blue */
  --cnvs-sys-color-static-blue-soft: var(--cnvs-base-palette-blue-100); /* Light blue */
  --cnvs-sys-color-static-blue-softer: var(--cnvs-base-palette-blue-50); /* Light blue */
  --cnvs-sys-color-static-blue-stronger: var(--cnvs-base-palette-blue-800); /* Stronger blue */
  --cnvs-sys-color-static-blue-strong: var(--cnvs-base-palette-blue-700); /* Stronger blue */
  --cnvs-sys-color-static-blue-softest: var(--cnvs-base-palette-blue-25); /* Light blue */
  --cnvs-sys-color-static-blue-default: var(--cnvs-base-palette-blue-600); /* Blue */
  --cnvs-sys-color-static-orange-strong: var(--cnvs-base-palette-amber-500);
  --cnvs-sys-color-static-orange-soft: var(--cnvs-base-palette-amber-100);
  --cnvs-sys-color-static-orange-default: var(--cnvs-base-palette-amber-400);
  --cnvs-sys-color-static-gold-stronger: var(--cnvs-base-palette-amber-600);
  --cnvs-sys-font-size-subtext-medium: var(--cnvs-base-font-size-50);
  --cnvs-sys-font-size-subtext-large: var(--cnvs-base-font-size-75);
  --cnvs-sys-font-size-body-small: var(--cnvs-base-font-size-100);
  --cnvs-sys-font-size-body-medium: var(--cnvs-base-font-size-125);
  --cnvs-sys-font-size-body-large: var(--cnvs-base-font-size-150);
  --cnvs-sys-font-size-heading-small: var(--cnvs-base-font-size-200);
  --cnvs-sys-font-size-heading-medium: var(--cnvs-base-font-size-250);
  --cnvs-sys-font-size-heading-large: var(--cnvs-base-font-size-300);
  --cnvs-sys-font-size-title-small: var(--cnvs-base-font-size-400);
  --cnvs-sys-font-size-title-medium: var(--cnvs-base-font-size-500);
  --cnvs-sys-font-size-title-large: var(--cnvs-base-font-size-600);
}
.cnvs-sys-type-subtext-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-small);
  font-size: var(--cnvs-sys-font-size-subtext-small);
  letter-spacing: var(--cnvs-base-letter-spacing-50);
}
.cnvs-sys-type-subtext-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-medium);
  font-size: var(--cnvs-sys-font-size-subtext-medium);
  letter-spacing: var(--cnvs-base-letter-spacing-100);
}
.cnvs-sys-type-subtext-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-large);
  font-size: var(--cnvs-sys-font-size-subtext-large);
  letter-spacing: var(--cnvs-base-letter-spacing-150);
}
.cnvs-sys-type-body-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-small);
  font-size: var(--cnvs-sys-font-size-body-small);
  letter-spacing: var(--cnvs-base-letter-spacing-200);
}
.cnvs-sys-type-body-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-medium);
  font-size: var(--cnvs-sys-font-size-body-medium);
}
.cnvs-sys-type-body-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-large);
  font-size: var(--cnvs-sys-font-size-body-large);
}
.cnvs-sys-type-heading-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-small);
  font-size: var(--cnvs-sys-font-size-heading-small);
}
.cnvs-sys-type-heading-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-medium);
  font-size: var(--cnvs-sys-font-size-heading-medium);
}
.cnvs-sys-type-heading-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-large);
  font-size: var(--cnvs-sys-font-size-heading-large);
}
.cnvs-sys-type-title-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-small);
  font-size: var(--cnvs-sys-font-size-title-small);
}
.cnvs-sys-type-title-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-medium);
  font-size: var(--cnvs-sys-font-size-title-medium);
}
.cnvs-sys-type-title-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-large);
  font-size: var(--cnvs-sys-font-size-title-large);
}
/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */
:root {
  --cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
  --cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);
  --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
  --cnvs-brand-neutral-lighter: var(--cnvs-base-palette-slate-50);
  --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-neutral-darkest: var(--cnvs-base-palette-slate-800);
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-slate-700);
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-slate-600);
  --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-25);
  --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
  --cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);
  --cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);
  --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
  --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
  --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);
  --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);
  --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
  --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);
  --cnvs-brand-alert-lighter: var(--cnvs-base-palette-amber-50);
  --cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-error-light: var(--cnvs-base-palette-red-200);
  --cnvs-brand-error-lighter: var(--cnvs-base-palette-red-50);
  --cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);
  --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
  --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
  --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
  --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
  --cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);
  --cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
  --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
  --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
  --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
  --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
}
.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}
.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}
.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}
.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}
.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}
.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}
.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}
.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}
.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}
.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}
.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}
.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}
.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}
.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}
.wdc-type-variant-label {
  font-weight: 500;
}
.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}
.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}
.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}
.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}
.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}
.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}
.wdc-type-variant-hint {
  color: #5e6a75;
}
.wdc-type-variant-error {
  color: #de4721;
}
.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}
.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}
/* default styling before what-input executes */
.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}
[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}
[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}
.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}
.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}
.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}
.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}
.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}
.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}
.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}
.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}
.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}
.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}
.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}
.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}
.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}
.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}
.wdc-type-variant-label {
  font-weight: 500;
}
.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}
.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}
.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}
.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}
.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}
.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}
.wdc-type-variant-hint {
  color: #5e6a75;
}
.wdc-type-variant-error {
  color: #de4721;
}
.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}
.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}
/* default styling before what-input executes */
.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}
[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}
[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}
.text-theme {
  color: #333333;
}
.text-theme:disabled, .text-theme.disabled {
  outline: none;
  color: #a1aab3;
  cursor: not-allowed;
}
.text-theme.highlighted, .text-theme:active {
  background-color: #a6d2ff;
}
.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.right-align {
  right: 0;
}
.left-align {
  left: 0;
}
.item-selected {
  border-radius: 99px;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #0057ae;
}
.item-container {
  position: relative;
  cursor: pointer;
  content: "";
  outline: none;
  box-sizing: border-box;
  overflow: visible;
  height: 45px;
  width: 45px;
  align-content: center;
}
.button-popup-open {
  background-color: #ffffff;
  border-radius: 0;
}
.wdc-calendar-container {
  display: table;
  width: 100%;
  max-width: 1440px;
  position: relative;
}
.wdc-calendar-container * {
  font-family: "Workday Adelle Sans", "sans-serif";
  scroll-behavior: smooth;
}
.wdc-calendar-container .filter-container {
  min-width: 260px;
}
.wdc-calendar-container .filter-container .loading-filter {
  position: absolute;
  z-index: 99;
  left: 5%;
  top: 30%;
}
.wdc-calendar-container .filter-container .back-home {
  text-decoration: none;
  color: #0875E1;
  font-size: 14px;
}
.wdc-calendar-container .filter-container ul {
  padding-inline-start: 0;
}
.wdc-calendar-container .filter-container ul .list-item-style {
  list-style: none;
}
.wdc-calendar-container .filter-container ul .list-item-style .clear-button {
  float: right;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #1889c8;
  margin-right: 20px;
  white-space: nowrap;
  background-color: transparent;
  border: none;
  height: 100%;
  cursor: pointer;
  padding-top: 10px;
}
.wdc-calendar-container .filter-container ul .list-item-padding {
  padding-inline-start: 16px;
}
.wdc-calendar-container .filter-container ul .list-item-padding1 {
  padding-inline-start: 20px;
}
.wdc-calendar-container .filter-container ul .facet-item-label {
  vertical-align: unset;
  padding-inline-start: 2px;
}
.wdc-calendar-container .filter-container ul .facets-checkbox {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  border: solid 1px #C0C5CC;
  border-radius: 2px;
}
.wdc-calendar-container .filter-container ul .facets-item-label {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #616161;
  line-height: 40px;
  vertical-align: super;
}
.wdc-calendar-container .filter-container ul .collapse-expand-decorator {
  display: inline-block;
  animation: none;
  box-shadow: none;
  outline: none;
  border: none;
  transition: none;
  vertical-align: baseline;
}
.wdc-calendar-container .filter-container ul h2 {
  line-height: 40px;
  font-size: 20px;
  font-weight: 300;
  border-bottom: 1px solid #D3D7DB;
  position: relative;
  margin-top: 0;
  color: #565d61;
}
.wdc-calendar-container .calendar-primary {
  margin: 10px;
  display: table-cell;
  padding-right: 10px;
  box-sizing: border-box;
  border-left: 1px solid #D3D7DB;
  padding-left: 10px;
}
.wdc-calendar-container .calendar-primary .loading-primary {
  position: absolute;
  z-index: 99;
  left: 33%;
  top: 50%;
}
.wdc-calendar-container .calendar-primary .calendar-month-header {
  display: inline-block;
  margin: 20px 0;
  text-align: left;
  width: 100%;
}
.wdc-calendar-container .calendar-primary .calendar-month-header button {
  font-size: 14px;
  padding: 0 3px;
  min-width: 70px;
  height: 30px;
}
.wdc-calendar-container .calendar-primary .calendar-month-header .month-today {
  margin-right: 10px;
}
.wdc-calendar-container .calendar-primary .calendar-month-header .previous-month,
.wdc-calendar-container .calendar-primary .calendar-month-header .next-month {
  min-width: 30px;
  padding: 0;
  height: 30px;
}
.wdc-calendar-container .calendar-primary .calendar-month-header .previous-month span,
.wdc-calendar-container .calendar-primary .calendar-month-header .next-month span {
  margin-left: 2px !important;
}
.wdc-calendar-container .calendar-primary .calendar-month-header .previous-month {
  margin-right: 5px;
}
.wdc-calendar-container .calendar-primary .calendar-month-header .timezone {
  margin-left: 5px;
  font-size: 14px;
}
.wdc-calendar-container .calendar-primary .calendar-month-header .month-header-title {
  font-size: 20px;
  margin-left: 10px;
  max-width: 430px;
  display: inherit;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .wdc-calendar-container .calendar-primary .calendar-month-header .month-header-title {
    width: 44px;
  }
}
.wdc-calendar-container .calendar-primary .calendar-month-header .header-actions {
  float: right;
}
.wdc-calendar-container .calendar-primary .calendar-month-header .header-actions .maintenance,
.wdc-calendar-container .calendar-primary .calendar-month-header .header-actions .filter {
  margin-right: 10px;
  border: none;
  border-radius: 0;
}
.wdc-calendar-container .calendar-primary .calendar-month-header .header-actions .maintenance:focus:active, .wdc-calendar-container .calendar-primary .calendar-month-header .header-actions .maintenance:hover:active, .wdc-calendar-container .calendar-primary .calendar-month-header .header-actions .maintenance:active, .wdc-calendar-container .calendar-primary .calendar-month-header .header-actions .maintenance:hover,
.wdc-calendar-container .calendar-primary .calendar-month-header .header-actions .filter:focus:active,
.wdc-calendar-container .calendar-primary .calendar-month-header .header-actions .filter:hover:active,
.wdc-calendar-container .calendar-primary .calendar-month-header .header-actions .filter:active,
.wdc-calendar-container .calendar-primary .calendar-month-header .header-actions .filter:hover {
  background-color: #ffffff;
}
.wdc-calendar-container .calendar-primary .calendar-month-header .header-actions .filter-content {
  min-width: 80px;
  display: inline-block;
}
.wdc-calendar-container .calendar-primary .calendar-month-header .header-actions .filter .wdc-text-button-label {
  margin-left: -5px;
}
.wdc-calendar-container .calendar-primary .calendar-month-header .header-actions .create-event-btn {
  padding: 0 8px;
}
.wdc-calendar-container .calendar-primary .per-week {
  display: flex;
}
.wdc-calendar-container .calendar-primary .per-week .weekday,
.wdc-calendar-container .calendar-primary .per-week .weekday-header {
  flex: auto;
  display: inline-block;
  vertical-align: bottom;
  width: 140px;
  font-size: 13px;
  background-color: #ffffff;
  color: #565d61;
}
.wdc-calendar-container .calendar-primary .per-week .weekday .inner-weekday,
.wdc-calendar-container .calendar-primary .per-week .weekday-header .inner-weekday {
  border: 1px solid transparent;
}
.wdc-calendar-container .calendar-primary .per-week .weekday.selected,
.wdc-calendar-container .calendar-primary .per-week .weekday-header.selected {
  border: 2px solid #fda327;
}
.wdc-calendar-container .calendar-primary .per-week .weekday.selected .inner-weekday,
.wdc-calendar-container .calendar-primary .per-week .weekday-header.selected .inner-weekday {
  border: none;
}
.wdc-calendar-container .calendar-primary .per-week .weekday.today,
.wdc-calendar-container .calendar-primary .per-week .weekday-header.today {
  background-color: #effafe;
}
.wdc-calendar-container .calendar-primary .per-week .weekday.disabled,
.wdc-calendar-container .calendar-primary .per-week .weekday-header.disabled {
  color: #d3d7db;
}
.wdc-calendar-container .calendar-primary .per-week .weekday .day-number,
.wdc-calendar-container .calendar-primary .per-week .weekday-header .day-number {
  text-align: right;
  padding: 2px 4px 0 0;
}
.wdc-calendar-container .calendar-primary .per-week .weekday {
  min-height: 100px;
  border: solid 1px #d3d7db;
  border-collapse: collapse;
  padding: 1px;
}
.wdc-calendar-container .calendar-primary .per-week .weekday ul {
  padding-inline-start: 0;
}
.wdc-calendar-container .calendar-primary .per-week .weekday ul li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  color: #565d61;
}
.wdc-calendar-container .calendar-primary .per-week .weekday ul li::before {
  content: "•";
  font-size: 16px;
  color: #1889c8;
  margin: 0 5px;
  line-height: 0;
  vertical-align: middle;
}
.wdc-calendar-container .calendar-primary .per-week .weekday ul li.disabled {
  color: #d3d7db;
}
.wdc-calendar-container .calendar-primary .per-week .weekday-header {
  padding: 15px 0;
  text-align: center;
}
.wdc-calendar-container .calendar-secondary {
  display: table-cell;
  padding: 10px;
  background-color: #f9fafb;
  overflow-y: auto;
  top: 0;
  bottom: 0;
  right: 10px;
}
.wdc-calendar-container .calendar-secondary .title-day {
  line-height: 0.9;
  font-size: 48px;
}
.wdc-calendar-container .calendar-secondary h2 {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #333333;
  margin-top: 0;
  margin-right: inherit;
  margin-bottom: 2px;
  margin-left: inherit;
  margin: 10px;
  text-align: left;
}
.wdc-calendar-container .calendar-secondary .inner .item {
  margin-top: 20px;
  text-align: left;
}
.wdc-calendar-container .calendar-secondary .inner .item .item-link {
  text-decoration: none;
}
.wdc-calendar-container .calendar-secondary .inner .item .item-link:hover {
  cursor: pointer;
}
.wdc-calendar-container .calendar-secondary .inner .item .item-link .item-title {
  padding: 20px 0 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 2;
  font-size: 14px;
  color: #565d61;
  white-space: nowrap;
  width: 320px;
}
.wdc-calendar-container .calendar-secondary .inner .item .item-link .item-title:not(first-child) {
  border-top: 1px solid #ced3d9;
}
.wdc-calendar-container .calendar-secondary .inner .item .item-link .item-title::before {
  content: "•";
  font-size: 16px;
  color: #1889c8;
  margin: 0 3px;
  line-height: 0;
  vertical-align: middle;
}
.wdc-calendar-container .calendar-secondary .inner .item .date-range {
  color: #565d61;
  font-size: 13px;
  margin: 2px 3px 0 14px;
  float: left;
  max-width: 120px;
}
.wdc-calendar-container .calendar-secondary .inner .item .event-type {
  display: block;
  color: #b8bbbf;
  font-size: 13px;
  margin: 38px 0 18px 14px;
  line-height: 2;
  clear: both;
}
.wdc-calendar-container .calendar-secondary .inner .item .register {
  margin-left: 10px;
}
.wdc-calendar-container .calendar-secondary .inner .item .register-btn {
  min-width: 70px;
  height: 30px;
  padding: 0 8px;
}
.wdc-calendar-container .calendar-secondary .inner .item .register-btn:hover {
  cursor: pointer;
}
.wdc-calendar-container .calendar-secondary .inner .item .register-link {
  text-decoration: none;
}
.wdc-calendar-container .calendar-secondary .no-event-calendar {
  text-align: center;
  border-top: 1px solid #ced3d9;
  width: 320px;
}
.wdc-calendar-container .calendar-secondary .no-event-calendar .calendar-icon {
  margin-top: 40px;
  padding-top: 20px;
  width: 100%;
}
/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-amber-100: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-amber-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-amber-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-amber-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-amber-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-amber-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-amber-700: oklch(0.4824 0.1353 46.11 / 1);
  --cnvs-base-palette-amber-800: oklch(0.4143 0.1245 42.21 / 1);
  --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
  --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
  --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
  --cnvs-base-palette-azure-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-azure-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-azure-400: oklch(0.7283 0.1377 242.63 / 1);
  --cnvs-base-palette-azure-500: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-azure-600: oklch(0.5174 0.1257 243.24 / 1);
  --cnvs-base-palette-azure-700: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-azure-800: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
  --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
  --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
  --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
  --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
  --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blue-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-blue-300: oklch(0.7933 0.1076 252.08 / 1);
  --cnvs-base-palette-blue-400: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blue-500: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-blue-600: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blue-700: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blue-800: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
  --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
  --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
  --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-coral-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-coral-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-coral-400: oklch(0.7279 0.1703 38.58 / 1);
  --cnvs-base-palette-coral-500: oklch(0.6779 0.2096 40.36 / 1);
  --cnvs-base-palette-coral-600: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-coral-700: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-coral-800: oklch(0.393 0.143 33.49 / 1);
  --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
  --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
  --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
  --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
  --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-200: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-300: oklch(0.7817 0.1928 150.67 / 1);
  --cnvs-base-palette-green-400: oklch(0.702 0.1952 148.39 / 1);
  --cnvs-base-palette-green-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-green-600: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-700: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-800: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
  --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
  --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
  --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
  --cnvs-base-palette-indigo-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-indigo-300: oklch(0.7625 0.1242 281 / 1);
  --cnvs-base-palette-indigo-400: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-indigo-500: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-indigo-600: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-palette-indigo-700: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-indigo-800: oklch(0.379 0.1771 278.1 / 1);
  --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
  --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
  --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
  --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
  --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
  --cnvs-base-palette-neutral-100: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-neutral-200: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-neutral-300: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-neutral-400: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-neutral-500: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-neutral-600: oklch(0.5103 0 0 / 1);
  --cnvs-base-palette-neutral-700: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-neutral-800: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-neutral-900: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-neutral-950: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-neutral-975: oklch(0.1591 0 0 / 1);
  --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
  --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
  --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
  --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-orange-200: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-orange-300: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-orange-400: oklch(0.7261 0.1852 52.58 / 1);
  --cnvs-base-palette-orange-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-orange-600: oklch(0.53 0.165 40.39 / 1);
  --cnvs-base-palette-orange-700: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-orange-800: oklch(0.4077 0.1336 37.92 / 1);
  --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
  --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
  --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
  --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
  --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
  --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
  --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
  --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
  --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
  --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
  --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
  --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
  --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
  --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-palette-purple-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-purple-300: oklch(0.8108 0.1412 315.48 / 1);
  --cnvs-base-palette-purple-400: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-purple-500: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-purple-600: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-purple-700: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-purple-800: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
  --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
  --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
  --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-red-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-red-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-red-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-red-500: oklch(0.6495 0.2369 30.04 / 1);
  --cnvs-base-palette-red-600: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-red-700: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-red-800: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
  --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
  --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
  --cnvs-base-palette-slate-25: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-slate-50: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-slate-100: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-slate-200: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-slate-300: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-slate-400: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-slate-500: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-slate-600: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-slate-700: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-slate-800: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-slate-900: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-slate-950: oklch(0.2453 0.0136 253.1 / 1);
  --cnvs-base-palette-slate-975: oklch(0.18 0.008 248.33 / 1);
  --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
  --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-teal-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-teal-300: oklch(0.7836 0.0874 204.93 / 1);
  --cnvs-base-palette-teal-400: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-teal-500: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-teal-600: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-teal-700: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
  --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
  --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
  --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
  --cnvs-base-palette-cinnamon-100: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-cinnamon-200: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-cinnamon-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-cinnamon-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-cinnamon-500: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-cinnamon-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-peach-100: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-peach-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-peach-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-peach-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-peach-500: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-peach-600: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-chili-mango-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-chili-mango-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-chili-mango-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-chili-mango-400: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-600: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-cantaloupe-100: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-cantaloupe-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-cantaloupe-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-cantaloupe-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-cantaloupe-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-cantaloupe-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-sour-lemon-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-sour-lemon-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-sour-lemon-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-sour-lemon-400: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-500: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-600: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-juicy-pear-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-juicy-pear-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-juicy-pear-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-400: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-juicy-pear-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-kiwi-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-kiwi-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-kiwi-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-kiwi-400: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-apple-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-apple-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-apple-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-apple-500: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-watermelon-200: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-watermelon-300: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-watermelon-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-watermelon-500: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-jewel-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-jewel-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-jewel-300: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-jewel-400: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-jewel-500: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-jewel-600: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-toothpaste-100: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-toothpaste-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-toothpaste-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-toothpaste-400: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-toothpaste-500: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-toothpaste-600: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-blueberry-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-200: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blueberry-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blueberry-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blueberry-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-plum-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-plum-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-plum-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-plum-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-plum-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-plum-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-berry-smoothie-100: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-berry-smoothie-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-berry-smoothie-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-berry-smoothie-400: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-berry-smoothie-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-berry-smoothie-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blackberry-100: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-blackberry-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-blackberry-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-blackberry-400: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-blackberry-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-blackberry-600: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-island-punch-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-island-punch-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-island-punch-300: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-500: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-island-punch-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-grape-soda-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-grape-soda-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-grape-soda-300: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-grape-soda-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-grape-soda-500: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-grape-soda-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-pomegranate-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-pomegranate-200: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-pomegranate-300: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-400: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-500: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-pomegranate-600: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-fruit-punch-100: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-fruit-punch-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-fruit-punch-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-fruit-punch-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-500: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-root-beer-100: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-root-beer-200: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-root-beer-300: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-400: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-500: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-root-beer-600: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-toasted-marshmallow-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-toasted-marshmallow-200: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-toasted-marshmallow-300: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-toasted-marshmallow-400: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-toasted-marshmallow-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-toasted-marshmallow-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-licorice-100: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-licorice-200: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-licorice-300: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-licorice-400: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-licorice-500: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-licorice-600: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-soap-100: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-soap-200: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-soap-300: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-soap-400: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-soap-500: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-soap-600: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-french-vanilla-100: oklch(1 0 0 / 1);
  --cnvs-base-palette-french-vanilla-200: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-french-vanilla-300: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-french-vanilla-400: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-french-vanilla-500: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-french-vanilla-600: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-100: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-200: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-black-pepper-300: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-black-pepper-400: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-black-pepper-500: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-black-pepper-600: oklch(0 0 0 / 1);
  --cnvs-base-palette-coconut-100: #F0EEEE;
  --cnvs-base-palette-coconut-200: #e3dfdf;
  --cnvs-base-palette-coconut-300: #d1cbcc;
  --cnvs-base-palette-coconut-400: #b3acac;
  --cnvs-base-palette-coconut-500: #9e9595;
  --cnvs-base-palette-coconut-600: #8F8687;
  --cnvs-base-palette-cappuccino-100: #7A7374;
  --cnvs-base-palette-cappuccino-200: #706869;
  --cnvs-base-palette-cappuccino-300: #5E5757;
  --cnvs-base-palette-cappuccino-400: #4A4242;
  --cnvs-base-palette-cappuccino-500: #352f2f;
  --cnvs-base-palette-cappuccino-600: #231f20;
  --cnvs-base-opacity-0: 0;
  --cnvs-base-opacity-100: 0.08;
  --cnvs-base-opacity-200: 0.12;
  --cnvs-base-opacity-250: 0.2;
  --cnvs-base-opacity-300: 0.4;
  --cnvs-base-opacity-400: 0.64;
  --cnvs-base-opacity-500: 0.84;
  --cnvs-base-font-size-25: 0.625rem;
  --cnvs-base-font-size-50: 0.75rem;
  --cnvs-base-font-size-75: 0.875rem;
  --cnvs-base-font-size-100: 1rem;
  --cnvs-base-font-size-125: 1.125rem;
  --cnvs-base-font-size-150: 1.25rem;
  --cnvs-base-font-size-200: 1.5rem;
  --cnvs-base-font-size-250: 1.75rem;
  --cnvs-base-font-size-300: 2rem;
  --cnvs-base-font-size-400: 2.5rem;
  --cnvs-base-font-size-500: 3rem;
  --cnvs-base-font-size-600: 3.5rem;
  --cnvs-base-font-size-750: 4.5rem;
  --cnvs-base-font-size-900: 5.5rem;
  --cnvs-base-font-size-1050: 6.5rem;
  --cnvs-base-line-height-50: 1rem;
  --cnvs-base-line-height-100: 1.25rem;
  --cnvs-base-line-height-150: 1.5rem;
  --cnvs-base-line-height-200: 1.75rem;
  --cnvs-base-line-height-250: 2rem;
  --cnvs-base-line-height-300: 2.25rem;
  --cnvs-base-line-height-350: 2.5rem;
  --cnvs-base-line-height-400: 3rem;
  --cnvs-base-line-height-500: 3.5rem;
  --cnvs-base-line-height-600: 4rem;
  --cnvs-base-line-height-750: 4.5rem;
  --cnvs-base-line-height-900: 5.5rem;
  --cnvs-base-line-height-1050: 6.5rem;
  --cnvs-base-font-family-50: "Roboto"; /* Default font-family */
  --cnvs-base-font-family-100: "Roboto Mono";
  --cnvs-base-font-family-200: "Noto Sans";
  --cnvs-base-font-weight-300: 300;
  --cnvs-base-font-weight-400: 400;
  --cnvs-base-font-weight-500: 500;
  --cnvs-base-font-weight-700: 700;
  --cnvs-base-letter-spacing-50: 0.025rem;
  --cnvs-base-letter-spacing-100: 0.02rem;
  --cnvs-base-letter-spacing-150: 0.015rem;
  --cnvs-base-letter-spacing-200: 0.01rem;
  --cnvs-base-unit: 0.25rem; /* The base unit used in the grid system.;  */
  --cnvs-base-extended-palette-dragon-fruit-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-extended-palette-dragon-fruit-200: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-extended-palette-dragon-fruit-300: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-extended-palette-dragon-fruit-400: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-extended-palette-dragon-fruit-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-extended-palette-dragon-fruit-600: oklch(0.317 0.142 278.2 / 1);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Standard card depth */
  --cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Top navigation, Bottom Navigation */
  --cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Floating Action Buttons (FAB), Menus */
  --cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.5rem 2rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Bottom Sheets */
  --cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.625rem 2.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied) */
  --cnvs-sys-depth-6: 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.75rem 3rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied) */
  --cnvs-sys-space-zero: 0; /* Stacks, rows in tables */
  --cnvs-sys-shape-zero: 0rem; /* This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels. */
  --cnvs-sys-opacity-full: 1; /* Dev only */
  --cnvs-sys-opacity-zero: 0; /* Dev only */
  --cnvs-sys-breakpoints-zero: 0px; /* Use to set a media query `min-width` below small. */
  --cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);
  --cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);
  --cnvs-sys-font-weight-normal: var(--cnvs-base-font-weight-400);
  --cnvs-sys-font-weight-light: var(--cnvs-base-font-weight-300);
  --cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);
  --cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);
  --cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);
  --cnvs-sys-line-height-heading-large: var(--cnvs-base-line-height-350);
  --cnvs-sys-line-height-heading-medium: var(--cnvs-base-line-height-300);
  --cnvs-sys-line-height-heading-small: var(--cnvs-base-line-height-250);
  --cnvs-sys-line-height-body-large: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-medium: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-small: var(--cnvs-base-line-height-150);
  --cnvs-sys-line-height-subtext-large: var(--cnvs-base-line-height-100);
  --cnvs-sys-line-height-subtext-medium: var(--cnvs-base-line-height-50);
  --cnvs-sys-line-height-subtext-small: var(--cnvs-base-line-height-50);
  --cnvs-sys-font-size-subtext-small: var(--cnvs-base-font-size-25);
  --cnvs-sys-font-family-global: var(--cnvs-base-font-family-200);
  --cnvs-sys-font-family-mono: var(--cnvs-base-font-family-100);
  --cnvs-sys-font-family-default: var(--cnvs-base-font-family-50);
  --cnvs-sys-space-x20: calc(var(--cnvs-base-unit) * 20); /* - Use sparingly; - Helps to put focus on the primary element within your page; - Use to de-clutter your UI when a lot of space is available */
  --cnvs-sys-space-x16: calc(var(--cnvs-base-unit) * 16); /* - Use to de-clutter your UI when a lot of space is available; - Separate banner sections from page content; - Use to differentiate page content like page sections */
  --cnvs-sys-space-x10: calc(var(--cnvs-base-unit) * 10); /* • Used for outer margins on the overall page content ; • Used for inner margins on large items such as page sections */
  --cnvs-sys-space-x8: calc(var(--cnvs-base-unit) * 8); /* • Standard spacing between cards; • Used to separate groups of content ; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x6: calc(var(--cnvs-base-unit) * 6); /* • Padding around card content; • Related elements where more space between them can be afforded; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x4: calc(var(--cnvs-base-unit) * 4); /* Default space token. Used to group Inputs with related data */
  --cnvs-sys-space-x3: calc(var(--cnvs-base-unit) * 3); /* Use when compact padding is required */
  --cnvs-sys-space-x2: calc(var(--cnvs-base-unit) * 2); /* Commonly used to group compact elements like icon buttons */
  --cnvs-sys-space-x1: var(--cnvs-base-unit); /* Compact spacing between text or icons */
  --cnvs-sys-shape-round: calc(var(--cnvs-base-unit) * 250); /* Commonly used for our standard buttons and profile avatars: All Primary, Secondary Buttons, Radio Buttons and Notification Badges. */
  --cnvs-sys-shape-x2: calc(var(--cnvs-base-unit) * 2); /* Use this for all the containers and popups: All Cards, Modals, Tooltips and Toasts. */
  --cnvs-sys-shape-x1-half: calc(var(--cnvs-base-unit) * 1.5);
  --cnvs-sys-shape-x1: var(--cnvs-base-unit);
  --cnvs-sys-shape-half: calc(var(--cnvs-base-unit) * 0.5); /* Use this for subtle and small components that don’t require to group complex information like Status Indicators, Checkboxes and Color Swatches. */
  --cnvs-sys-opacity-shadow-second: var(--cnvs-base-opacity-100); /* Alpha on second shadow */
  --cnvs-sys-opacity-shadow-first: var(--cnvs-base-opacity-200); /* Alpha on first shadow */
  --cnvs-sys-opacity-contrast: var(--cnvs-base-opacity-500); /* Tooltips, Status Indicator */
  --cnvs-sys-opacity-overlay: var(--cnvs-base-opacity-400); /* Overlay */
  --cnvs-sys-opacity-disabled: var(--cnvs-base-opacity-300); /* Disabled states */
  --cnvs-sys-breakpoints-xl: 1440px; /* Used for extra large screens, such as wide monitors and TVs. */
  --cnvs-sys-breakpoints-l: 1024px; /* Large screens, such as desktops. */
  --cnvs-sys-breakpoints-m: 768px; /* Medium screens, such as laptops. */
  --cnvs-sys-breakpoints-s: 320px; /* The `min-width` for mobile devices, such as phones and tablets. */
  --cnvs-sys-color-shadow-default: var(--cnvs-base-palette-slate-900); /* Main shadow color */
  --cnvs-sys-color-shadow-2: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-100)); /* Second shadow color */
  --cnvs-sys-color-shadow-1: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-200)); /* First shadow color */
  --cnvs-sys-color-border-info-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950); /* Active state on AI borders */
  --cnvs-sys-color-border-container: var(--cnvs-base-palette-slate-300); /* Cards, Toasts, Surfaces */
  --cnvs-sys-color-border-divider: var(--cnvs-base-palette-slate-200); /* Dividers */
  --cnvs-sys-color-border-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on accent colors */
  --cnvs-sys-color-border-transparent: transparent; /* Transparent */
  --cnvs-sys-color-border-caution-strong: var(--cnvs-base-palette-amber-500); /* Warning outer (box shadow) */
  --cnvs-sys-color-border-caution-default: var(--cnvs-base-palette-amber-400); /* Warning inner */
  --cnvs-sys-color-border-critical-default: var(--cnvs-base-palette-red-500); /* Error */
  --cnvs-sys-color-border-primary-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Secondary Button Hover */
  --cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-900); /* Secondary Button */
  --cnvs-sys-color-border-input-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on checkboxes and radios */
  --cnvs-sys-color-border-input-strong: var(--cnvs-base-palette-slate-700); /* Input hover */
  --cnvs-sys-color-border-input-default: var(--cnvs-base-palette-slate-500); /* Inputs */
  --cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-slate-400); /* Disabled inputs */
  --cnvs-sys-color-fg-positive-stronger: var(--cnvs-base-palette-green-800); /* Error */
  --cnvs-sys-color-fg-positive-strong: var(--cnvs-base-palette-green-700); /* Error */
  --cnvs-sys-color-fg-positive-soft: var(--cnvs-base-palette-green-400); /* Error */
  --cnvs-sys-color-fg-positive-softer: var(--cnvs-base-palette-green-200); /* Error */
  --cnvs-sys-color-fg-positive-default: var(--cnvs-base-palette-green-600); /* Error */
  --cnvs-sys-color-fg-info-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-info-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-info-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950); /* AI icons and text */
  --cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Strong contrast */
  --cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast */
  --cnvs-sys-color-fg-caution-softer: var(--cnvs-base-palette-amber-500); /* Warning */
  --cnvs-sys-color-fg-caution-stronger: var(--cnvs-base-palette-amber-975); /* Warning on hover */
  --cnvs-sys-color-fg-caution-soft: var(--cnvs-base-palette-amber-700); /* Warning */
  --cnvs-sys-color-fg-caution-strong: var(--cnvs-base-palette-amber-950); /* Warning on hover */
  --cnvs-sys-color-fg-caution-default: var(--cnvs-base-palette-amber-900); /* Warning */
  --cnvs-sys-color-fg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-primary-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-primary-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-primary-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-primary-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-slate-400); /* Tab item foreground */
  --cnvs-sys-color-fg-muted-stronger: var(--cnvs-base-palette-slate-800);
  --cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-slate-600); /* Hint text */
  --cnvs-sys-color-fg-critical-softer: var(--cnvs-base-palette-red-200); /* Error */
  --cnvs-sys-color-fg-critical-soft: var(--cnvs-base-palette-red-400); /* Error */
  --cnvs-sys-color-fg-critical-stronger: var(--cnvs-base-palette-red-800); /* Error */
  --cnvs-sys-color-fg-critical-strong: var(--cnvs-base-palette-red-700); /* Error */
  --cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-red-600); /* Error */
  --cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse */
  --cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-slate-400); /* Disabled */
  --cnvs-sys-color-fg-stronger: var(--cnvs-base-palette-neutral-950); /* Heading on hover */
  --cnvs-sys-color-fg-strong: var(--cnvs-base-palette-neutral-900); /* Headings */
  --cnvs-sys-color-fg-default: var(--cnvs-base-palette-neutral-800); /* Body */
  --cnvs-sys-color-icon-info-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-disabled: var(--cnvs-base-palette-slate-400); /* Disabled icon color */
  --cnvs-sys-color-icon-caution-softer: var(--cnvs-base-palette-amber-500); /* Softer caution icon color */
  --cnvs-sys-color-icon-caution-soft: var(--cnvs-base-palette-amber-700); /* Soft caution icon color */
  --cnvs-sys-color-icon-caution-stronger: var(--cnvs-base-palette-amber-975); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-default: var(--cnvs-base-palette-amber-900); /* Caution icon color */
  --cnvs-sys-color-icon-critical-softer: var(--cnvs-base-palette-red-200); /* Error icon color */
  --cnvs-sys-color-icon-critical-soft: var(--cnvs-base-palette-red-400); /* Error icon color */
  --cnvs-sys-color-icon-critical-stronger: var(--cnvs-base-palette-red-800); /* Error icon color */
  --cnvs-sys-color-icon-critical-strong: var(--cnvs-base-palette-red-700); /* Error icon color */
  --cnvs-sys-color-icon-critical-default: var(--cnvs-base-palette-red-600); /* Error icon color */
  --cnvs-sys-color-icon-positive-softer: var(--cnvs-base-palette-green-200); /* Success icon color */
  --cnvs-sys-color-icon-positive-soft: var(--cnvs-base-palette-green-400); /* Success icon color */
  --cnvs-sys-color-icon-positive-stronger: var(--cnvs-base-palette-green-800); /* Success icon color */
  --cnvs-sys-color-icon-positive-strong: var(--cnvs-base-palette-green-700); /* Success icon color */
  --cnvs-sys-color-icon-positive-default: var(--cnvs-base-palette-green-600); /* Success icon color */
  --cnvs-sys-color-icon-primary-softer: var(--cnvs-base-palette-blue-200); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-soft: var(--cnvs-base-palette-blue-400); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse icon color */
  --cnvs-sys-color-icon-strong: var(--cnvs-base-palette-neutral-900); /* Hover icon color */
  --cnvs-sys-color-icon-soft: var(--cnvs-base-palette-slate-600); /* Disabled icon color */
  --cnvs-sys-color-icon-default: var(--cnvs-base-palette-neutral-800); /* Default icon color */
  --cnvs-sys-color-text-info-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-info-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-info-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-info-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-info-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-positive-softer: var(--cnvs-base-palette-green-200); /* Active links */
  --cnvs-sys-color-text-positive-soft: var(--cnvs-base-palette-green-400); /* Active links */
  --cnvs-sys-color-text-positive-stronger: var(--cnvs-base-palette-green-800); /* Active links */
  --cnvs-sys-color-text-positive-strong: var(--cnvs-base-palette-green-700); /* Branded hover text */
  --cnvs-sys-color-text-positive-default: var(--cnvs-base-palette-green-600); /* Branded text */
  --cnvs-sys-color-text-ai: var(--cnvs-base-palette-blue-950);
  --cnvs-sys-color-text-caution-softer: var(--cnvs-base-palette-amber-200); /* Softer warning text */
  --cnvs-sys-color-text-caution-stronger: var(--cnvs-base-palette-amber-975); /* Stronger warning text */
  --cnvs-sys-color-text-caution-soft: var(--cnvs-base-palette-amber-400); /* Disabled warning text */
  --cnvs-sys-color-text-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong warning text */
  --cnvs-sys-color-text-caution-default: var(--cnvs-base-palette-amber-900); /* Warning text */
  --cnvs-sys-color-text-primary-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-primary-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-primary-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-primary-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-primary-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-critical-softer: var(--cnvs-base-palette-red-200); /* Error text */
  --cnvs-sys-color-text-critical-soft: var(--cnvs-base-palette-red-400); /* Error text */
  --cnvs-sys-color-text-critical-stronger: var(--cnvs-base-palette-red-800); /* Error text */
  --cnvs-sys-color-text-critical-strong: var(--cnvs-base-palette-red-700); /* Error text */
  --cnvs-sys-color-text-critical-default: var(--cnvs-base-palette-red-600); /* Error text */
  --cnvs-sys-color-text-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse text color */
  --cnvs-sys-color-text-hint: var(--cnvs-base-palette-slate-600); /* Hint text color */
  --cnvs-sys-color-text-disabled: var(--cnvs-base-palette-slate-400); /* Disabled text color */
  --cnvs-sys-color-text-stronger: var(--cnvs-base-palette-neutral-950); /* Display text */
  --cnvs-sys-color-text-strong: var(--cnvs-base-palette-neutral-900); /* Heading text */
  --cnvs-sys-color-text-default: var(--cnvs-base-palette-neutral-800); /* Body text */
  --cnvs-sys-color-bg-info-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-info-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-info-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-info-soft: var(--cnvs-base-palette-blue-100); /* Disabled */
  --cnvs-sys-color-bg-info-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-info-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-ai-strongest: var(--cnvs-base-palette-blue-950); /* AI surfaces */
  --cnvs-sys-color-bg-ai-stronger: var(--cnvs-base-palette-blue-400); /* Active state on AI containers */
  --cnvs-sys-color-bg-ai-strong: var(--cnvs-base-palette-blue-200); /* Hover on AI container */
  --cnvs-sys-color-bg-ai-default: var(--cnvs-base-palette-blue-100); /* AI container */
  --cnvs-sys-color-bg-critical-stronger: var(--cnvs-base-palette-red-800); /* Stronger error background */
  --cnvs-sys-color-bg-critical-strong: var(--cnvs-base-palette-red-700); /* Strong error background */
  --cnvs-sys-color-bg-critical-default: var(--cnvs-base-palette-red-600); /* Default error background */
  --cnvs-sys-color-bg-critical-soft: var(--cnvs-base-palette-red-100); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softer: var(--cnvs-base-palette-red-50); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softest: var(--cnvs-base-palette-red-25); /* Input error background */
  --cnvs-sys-color-bg-caution-stronger: var(--cnvs-base-palette-amber-600); /* Stronger warning background */
  --cnvs-sys-color-bg-caution-strong: var(--cnvs-base-palette-amber-500); /* Strong warning background */
  --cnvs-sys-color-bg-caution-default: var(--cnvs-base-palette-amber-400); /* Default warning background */
  --cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-100); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softer: var(--cnvs-base-palette-amber-50); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softest: var(--cnvs-base-palette-amber-25); /* Disabled warning background */
  --cnvs-sys-color-bg-positive-stronger: var(--cnvs-base-palette-green-800); /* Active success background */
  --cnvs-sys-color-bg-positive-strong: var(--cnvs-base-palette-green-700); /* Hover success background */
  --cnvs-sys-color-bg-positive-default: var(--cnvs-base-palette-green-600); /* Disabled success background */
  --cnvs-sys-color-bg-positive-soft: var(--cnvs-base-palette-green-100); /* Disabled success background */
  --cnvs-sys-color-bg-positive-softer: var(--cnvs-base-palette-green-50); /* Surface success background */
  --cnvs-sys-color-bg-positive-softest: var(--cnvs-base-palette-green-25); /* Lightest surface success background */
  --cnvs-sys-color-bg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-primary-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-primary-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-100); /* Primary disabled */
  --cnvs-sys-color-bg-primary-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-primary-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-bg-muted-default: var(--cnvs-base-palette-slate-600);
  --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-slate-500);
  --cnvs-sys-color-bg-muted-softer: var(--cnvs-base-palette-slate-400);
  --cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-slate-300); /* Active state for segmented control, Pill */
  --cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-slate-200); /* Active states */
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-100); /* Surface hover, Secondary surfaces */
  --cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-slate-50); /* Alternative page background */
  --cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-slate-25); /* Disabled inputs */
  --cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
  --cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-400)); /* Overlay background */
  --cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-250)); /* Inverse Secondary Button Active state */
  --cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-100)); /* Inverse Secondary Button Hover state */
  --cnvs-sys-color-bg-transparent-default: transparent; /* Transparent background */
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0); /* Main background color */
  --cnvs-sys-color-static-amber-soft: var(--cnvs-base-palette-amber-100); /* Soft amber */
  --cnvs-sys-color-static-amber-strongest: var(--cnvs-base-palette-amber-950); /* Stronger amber */
  --cnvs-sys-color-static-amber-softer: var(--cnvs-base-palette-amber-50); /* Soft amber */
  --cnvs-sys-color-static-amber-stronger: var(--cnvs-base-palette-amber-600); /* Stronger amber */
  --cnvs-sys-color-static-amber-strong: var(--cnvs-base-palette-amber-500); /* Stronger amber */
  --cnvs-sys-color-static-amber-softest: var(--cnvs-base-palette-amber-25); /* Soft amber */
  --cnvs-sys-color-static-amber-default: var(--cnvs-base-palette-amber-400); /* amber */
  --cnvs-sys-color-static-gray-softer: var(--cnvs-base-palette-slate-100); /* Light gray */
  --cnvs-sys-color-static-gray-softest: var(--cnvs-base-palette-slate-50); /* Light gray */
  --cnvs-sys-color-static-gray-strongest: var(--cnvs-base-palette-slate-950); /* Strongerer gray */
  --cnvs-sys-color-static-gray-stronger: var(--cnvs-base-palette-slate-800); /* Strongerer gray */
  --cnvs-sys-color-static-gray-strong: var(--cnvs-base-palette-slate-700); /* Stronger gray */
  --cnvs-sys-color-static-gray-soft: var(--cnvs-base-palette-slate-200); /* Light gray */
  --cnvs-sys-color-static-gray-default: var(--cnvs-base-palette-slate-600); /* Gray */
  --cnvs-sys-color-static-black: var(--cnvs-base-palette-neutral-1000); /* Just black */
  --cnvs-sys-color-static-white: var(--cnvs-base-palette-neutral-0); /* Just white */
  --cnvs-sys-color-static-red-softer: var(--cnvs-base-palette-red-50); /* Light red */
  --cnvs-sys-color-static-red-strongest: var(--cnvs-base-palette-red-950); /* Strong red */
  --cnvs-sys-color-static-red-softest: var(--cnvs-base-palette-red-25); /* Light red */
  --cnvs-sys-color-static-red-stronger: var(--cnvs-base-palette-red-800); /* Strong red */
  --cnvs-sys-color-static-red-strong: var(--cnvs-base-palette-red-700); /* Strong red */
  --cnvs-sys-color-static-red-soft: var(--cnvs-base-palette-red-100); /* Light red */
  --cnvs-sys-color-static-red-default: var(--cnvs-base-palette-red-600); /* Red */
  --cnvs-sys-color-static-green-strongest: var(--cnvs-base-palette-green-950); /* Stronger green */
  --cnvs-sys-color-static-green-softest: var(--cnvs-base-palette-green-25); /* Light green */
  --cnvs-sys-color-static-green-stronger: var(--cnvs-base-palette-green-800); /* Stronger green */
  --cnvs-sys-color-static-green-softer: var(--cnvs-base-palette-green-50); /* Light green */
  --cnvs-sys-color-static-green-strong: var(--cnvs-base-palette-green-700); /* Stronger green */
  --cnvs-sys-color-static-green-soft: var(--cnvs-base-palette-green-100); /* Light green */
  --cnvs-sys-color-static-green-default: var(--cnvs-base-palette-green-600); /* Default green */
  --cnvs-sys-color-static-blue-strongest: var(--cnvs-base-palette-blue-950); /* Stronger blue */
  --cnvs-sys-color-static-blue-soft: var(--cnvs-base-palette-blue-100); /* Light blue */
  --cnvs-sys-color-static-blue-softer: var(--cnvs-base-palette-blue-50); /* Light blue */
  --cnvs-sys-color-static-blue-stronger: var(--cnvs-base-palette-blue-800); /* Stronger blue */
  --cnvs-sys-color-static-blue-strong: var(--cnvs-base-palette-blue-700); /* Stronger blue */
  --cnvs-sys-color-static-blue-softest: var(--cnvs-base-palette-blue-25); /* Light blue */
  --cnvs-sys-color-static-blue-default: var(--cnvs-base-palette-blue-600); /* Blue */
  --cnvs-sys-color-static-orange-strong: var(--cnvs-base-palette-amber-500);
  --cnvs-sys-color-static-orange-soft: var(--cnvs-base-palette-amber-100);
  --cnvs-sys-color-static-orange-default: var(--cnvs-base-palette-amber-400);
  --cnvs-sys-color-static-gold-stronger: var(--cnvs-base-palette-amber-600);
  --cnvs-sys-font-size-subtext-medium: var(--cnvs-base-font-size-50);
  --cnvs-sys-font-size-subtext-large: var(--cnvs-base-font-size-75);
  --cnvs-sys-font-size-body-small: var(--cnvs-base-font-size-100);
  --cnvs-sys-font-size-body-medium: var(--cnvs-base-font-size-125);
  --cnvs-sys-font-size-body-large: var(--cnvs-base-font-size-150);
  --cnvs-sys-font-size-heading-small: var(--cnvs-base-font-size-200);
  --cnvs-sys-font-size-heading-medium: var(--cnvs-base-font-size-250);
  --cnvs-sys-font-size-heading-large: var(--cnvs-base-font-size-300);
  --cnvs-sys-font-size-title-small: var(--cnvs-base-font-size-400);
  --cnvs-sys-font-size-title-medium: var(--cnvs-base-font-size-500);
  --cnvs-sys-font-size-title-large: var(--cnvs-base-font-size-600);
}

.cnvs-sys-type-subtext-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-small);
  font-size: var(--cnvs-sys-font-size-subtext-small);
  letter-spacing: var(--cnvs-base-letter-spacing-50);
}

.cnvs-sys-type-subtext-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-medium);
  font-size: var(--cnvs-sys-font-size-subtext-medium);
  letter-spacing: var(--cnvs-base-letter-spacing-100);
}

.cnvs-sys-type-subtext-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-large);
  font-size: var(--cnvs-sys-font-size-subtext-large);
  letter-spacing: var(--cnvs-base-letter-spacing-150);
}

.cnvs-sys-type-body-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-small);
  font-size: var(--cnvs-sys-font-size-body-small);
  letter-spacing: var(--cnvs-base-letter-spacing-200);
}

.cnvs-sys-type-body-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-medium);
  font-size: var(--cnvs-sys-font-size-body-medium);
}

.cnvs-sys-type-body-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-large);
  font-size: var(--cnvs-sys-font-size-body-large);
}

.cnvs-sys-type-heading-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-small);
  font-size: var(--cnvs-sys-font-size-heading-small);
}

.cnvs-sys-type-heading-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-medium);
  font-size: var(--cnvs-sys-font-size-heading-medium);
}

.cnvs-sys-type-heading-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-large);
  font-size: var(--cnvs-sys-font-size-heading-large);
}

.cnvs-sys-type-title-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-small);
  font-size: var(--cnvs-sys-font-size-title-small);
}

.cnvs-sys-type-title-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-medium);
  font-size: var(--cnvs-sys-font-size-title-medium);
}

.cnvs-sys-type-title-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-large);
  font-size: var(--cnvs-sys-font-size-title-large);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
  --cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);
  --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
  --cnvs-brand-neutral-lighter: var(--cnvs-base-palette-slate-50);
  --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-neutral-darkest: var(--cnvs-base-palette-slate-800);
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-slate-700);
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-slate-600);
  --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-25);
  --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
  --cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);
  --cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);
  --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
  --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
  --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);
  --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);
  --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
  --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);
  --cnvs-brand-alert-lighter: var(--cnvs-base-palette-amber-50);
  --cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-error-light: var(--cnvs-base-palette-red-200);
  --cnvs-brand-error-lighter: var(--cnvs-base-palette-red-50);
  --cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);
  --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
  --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
  --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
  --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
  --cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);
  --cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
  --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
  --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
  --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
  --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.text-theme {
  color: #333333;
}

.text-theme:disabled, .text-theme.disabled {
  outline: none;
  color: #a1aab3;
  cursor: not-allowed;
}

.text-theme.highlighted, .text-theme:active {
  background-color: #a6d2ff;
}

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.right-align {
  right: 0;
}

.left-align {
  left: 0;
}

.item-selected {
  border-radius: 99px;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #0057ae;
}

.item-container {
  position: relative;
  cursor: pointer;
  content: "";
  outline: none;
  box-sizing: border-box;
  overflow: visible;
  height: 45px;
  width: 45px;
  align-content: center;
}

.button-popup-open {
  background-color: #ffffff;
  border-radius: 0;
}

.wdc-search-container {
  display: inline-block;
  border: 2px solid transparent;
}

.wdc-search-container * {
  font-family: "Workday Adelle Sans", "sans-serif";
  scroll-behavior: smooth;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .wdc-search-container {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .wdc-search-container {
    padding: 4.5px 4px;
  }
}

@media only screen and (min-width: 768px) {
  .wdc-search-container form.community-global-search {
    margin-left: 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  .wdc-search-container form.community-global-search {
    margin: 12px 20px 16px 14px;
  }
}

@media only screen and (max-width: 767px) {
  .wdc-search-container form.community-global-search > div {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .wdc-search-container form.community-global-search > div > div {
    max-width: 100%;
  }
}

.wdc-search-container form.community-global-search > div > div input[name=search] {
  color: #022043;
  height: 48px;
  padding: 0 86px 0 44px;
}

.wdc-search-container form.community-global-search > div > div input[name=search]::placeholder {
  padding-left: 5px;
  color: #525D6A;
}

.wdc-search-container form.community-global-search > div > div input[name=search]:focus, .wdc-search-container form.community-global-search > div > div input[name=search]:focus-visible {
  border-radius: 24px;
  border: 2px solid #0065CC;
  outline: none;
  box-shadow: none;
}

.wdc-search-container form.community-global-search > div > div input[name=search]:focus::placeholder, .wdc-search-container form.community-global-search > div > div input[name=search]:focus-visible::placeholder {
  color: #f1f3f6;
}

.wdc-search-container form.community-global-search > div > div input[name=search] {
  border-radius: 44px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  font-family: "Workday Adelle Sans", "sans-serif";
}

@media only screen and (min-width: 1094px) {
  .wdc-search-container form.community-global-search > div > div input[name=search] {
    width: 400px;
  }
}

@media only screen and (min-width: 767px) and (max-width: 1093px) {
  .wdc-search-container form.community-global-search > div > div input[name=search] {
    width: 300px;
  }
}

@media only screen and (max-width: 767px) {
  .wdc-search-container form.community-global-search > div > div input[name=search] {
    max-width: 100%;
  }
}

.wdc-search-container form.community-global-search button[aria-label=Search] {
  align-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 399;
  margin: auto 9px;
  padding-left: 8px;
}

.wdc-search-container form.community-global-search button[aria-label="Clear search"] {
  right: 46px;
  margin: auto 8px;
}

.wdc-search-container form.community-global-search button[aria-label="Clear search"]:focus, .wdc-search-container form.community-global-search button[aria-label="Clear search"]:focus-visible {
  border: 2px solid #0057ae;
  box-shadow: none;
  animation: none;
}

.wdc-search-container form.community-global-search button[aria-label="Clear search"]:hover {
  background-color: #DFE2E6;
}

.wdc-search-container form.community-global-search button[aria-label="Clear search"]:active {
  background-color: #CED3D9;
  border: none;
}

.wdc-search-container form.community-global-search svg.wd-icon-search {
  height: 22.16px;
  width: auto;
}

.wdc-search-container form.community-global-search .wd-icon-search .wd-icon-fill,
.wdc-search-container form.community-global-search .wd-icon-x-small .wd-icon-fill {
  fill: #022043;
}

.wdc-search-container form.community-global-search .wd-icon-search-sparkle .wd-icon-fill, .wdc-search-container form.community-global-search .wd-icon-search-sparkle .wd-icon-accent {
  fill: #022043;
}

.search-result {
  display: table;
  width: 100%;
  max-width: 1440px;
  position: relative;
}

.search-result .facets {
  margin: 10px;
  display: table-cell;
  padding-right: 40px;
  vertical-align: top;
}

.search-result .facets .facet {
  background-color: rgb(229, 232, 232);
  width: 400px;
}

.search-result .facets .facet .node {
  margin-left: 5px;
}

.search-result .facets .facet .node-children {
  margin-left: 10px;
}

.search-result .results {
  display: table-cell;
  padding: 10px;
  overflow-y: auto;
  top: 0;
  bottom: 0;
  right: 10px;
}

.search-result .results .body {
  display: table;
}

.search-result .results .body .sorter, .search-result .results .body .pager, .search-result .results .body .result-list {
  position: relative;
}

.search-result .results .body .sorter, .search-result .results .body .pager {
  display: table-row;
  margin-right: 20px;
}

.search-result .results .body .result-list {
  list-style: none;
}

.search-result .results .body .result-list .item {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 20px;
}

.search-result .results .body .result-list .item a {
  color: #0875E1 !important;
  font-size: 20px !important;
  letter-spacing: 0.5px !important;
  line-height: 21px !important;
  text-decoration: none;
}

.search-result .results .body .result-list .item .description {
  margin-top: 16px !important;
  color: #000000 !important;
  font-size: 15px !important;
  letter-spacing: 0.2px !important;
  line-height: 22px !important;
  max-height: 3rem !important;
}

.search-result .results .body .result-list .item .bottom {
  margin-top: 16px !important;
  color: #4D5662 !important;
  font-size: 12px !important;
  letter-spacing: 0.5px !important;
  line-height: 22px !important;
  max-height: 100% !important;
}

.search-result .results .body .result-list .item .bottom div {
  display: inline-block;
  margin: 0 2px;
}
/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-amber-100: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-amber-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-amber-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-amber-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-amber-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-amber-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-amber-700: oklch(0.4824 0.1353 46.11 / 1);
  --cnvs-base-palette-amber-800: oklch(0.4143 0.1245 42.21 / 1);
  --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
  --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
  --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
  --cnvs-base-palette-azure-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-azure-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-azure-400: oklch(0.7283 0.1377 242.63 / 1);
  --cnvs-base-palette-azure-500: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-azure-600: oklch(0.5174 0.1257 243.24 / 1);
  --cnvs-base-palette-azure-700: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-azure-800: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
  --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
  --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
  --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
  --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
  --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blue-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-blue-300: oklch(0.7933 0.1076 252.08 / 1);
  --cnvs-base-palette-blue-400: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blue-500: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-blue-600: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blue-700: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blue-800: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
  --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
  --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
  --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-coral-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-coral-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-coral-400: oklch(0.7279 0.1703 38.58 / 1);
  --cnvs-base-palette-coral-500: oklch(0.6779 0.2096 40.36 / 1);
  --cnvs-base-palette-coral-600: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-coral-700: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-coral-800: oklch(0.393 0.143 33.49 / 1);
  --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
  --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
  --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
  --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
  --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-200: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-300: oklch(0.7817 0.1928 150.67 / 1);
  --cnvs-base-palette-green-400: oklch(0.702 0.1952 148.39 / 1);
  --cnvs-base-palette-green-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-green-600: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-700: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-800: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
  --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
  --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
  --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
  --cnvs-base-palette-indigo-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-indigo-300: oklch(0.7625 0.1242 281 / 1);
  --cnvs-base-palette-indigo-400: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-indigo-500: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-indigo-600: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-palette-indigo-700: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-indigo-800: oklch(0.379 0.1771 278.1 / 1);
  --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
  --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
  --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
  --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
  --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
  --cnvs-base-palette-neutral-100: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-neutral-200: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-neutral-300: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-neutral-400: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-neutral-500: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-neutral-600: oklch(0.5103 0 0 / 1);
  --cnvs-base-palette-neutral-700: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-neutral-800: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-neutral-900: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-neutral-950: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-neutral-975: oklch(0.1591 0 0 / 1);
  --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
  --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
  --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
  --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-orange-200: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-orange-300: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-orange-400: oklch(0.7261 0.1852 52.58 / 1);
  --cnvs-base-palette-orange-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-orange-600: oklch(0.53 0.165 40.39 / 1);
  --cnvs-base-palette-orange-700: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-orange-800: oklch(0.4077 0.1336 37.92 / 1);
  --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
  --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
  --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
  --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
  --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
  --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
  --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
  --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
  --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
  --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
  --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
  --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
  --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
  --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-palette-purple-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-purple-300: oklch(0.8108 0.1412 315.48 / 1);
  --cnvs-base-palette-purple-400: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-purple-500: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-purple-600: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-purple-700: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-purple-800: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
  --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
  --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
  --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-red-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-red-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-red-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-red-500: oklch(0.6495 0.2369 30.04 / 1);
  --cnvs-base-palette-red-600: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-red-700: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-red-800: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
  --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
  --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
  --cnvs-base-palette-slate-25: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-slate-50: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-slate-100: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-slate-200: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-slate-300: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-slate-400: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-slate-500: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-slate-600: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-slate-700: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-slate-800: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-slate-900: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-slate-950: oklch(0.2453 0.0136 253.1 / 1);
  --cnvs-base-palette-slate-975: oklch(0.18 0.008 248.33 / 1);
  --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
  --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-teal-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-teal-300: oklch(0.7836 0.0874 204.93 / 1);
  --cnvs-base-palette-teal-400: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-teal-500: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-teal-600: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-teal-700: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
  --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
  --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
  --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
  --cnvs-base-palette-cinnamon-100: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-cinnamon-200: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-cinnamon-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-cinnamon-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-cinnamon-500: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-cinnamon-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-peach-100: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-peach-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-peach-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-peach-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-peach-500: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-peach-600: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-chili-mango-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-chili-mango-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-chili-mango-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-chili-mango-400: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-600: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-cantaloupe-100: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-cantaloupe-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-cantaloupe-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-cantaloupe-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-cantaloupe-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-cantaloupe-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-sour-lemon-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-sour-lemon-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-sour-lemon-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-sour-lemon-400: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-500: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-600: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-juicy-pear-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-juicy-pear-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-juicy-pear-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-400: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-juicy-pear-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-kiwi-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-kiwi-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-kiwi-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-kiwi-400: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-apple-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-apple-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-apple-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-apple-500: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-watermelon-200: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-watermelon-300: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-watermelon-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-watermelon-500: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-jewel-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-jewel-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-jewel-300: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-jewel-400: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-jewel-500: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-jewel-600: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-toothpaste-100: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-toothpaste-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-toothpaste-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-toothpaste-400: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-toothpaste-500: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-toothpaste-600: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-blueberry-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-200: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blueberry-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blueberry-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blueberry-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-plum-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-plum-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-plum-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-plum-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-plum-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-plum-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-berry-smoothie-100: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-berry-smoothie-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-berry-smoothie-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-berry-smoothie-400: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-berry-smoothie-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-berry-smoothie-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blackberry-100: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-blackberry-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-blackberry-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-blackberry-400: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-blackberry-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-blackberry-600: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-island-punch-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-island-punch-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-island-punch-300: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-500: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-island-punch-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-grape-soda-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-grape-soda-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-grape-soda-300: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-grape-soda-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-grape-soda-500: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-grape-soda-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-pomegranate-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-pomegranate-200: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-pomegranate-300: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-400: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-500: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-pomegranate-600: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-fruit-punch-100: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-fruit-punch-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-fruit-punch-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-fruit-punch-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-500: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-root-beer-100: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-root-beer-200: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-root-beer-300: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-400: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-500: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-root-beer-600: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-toasted-marshmallow-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-toasted-marshmallow-200: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-toasted-marshmallow-300: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-toasted-marshmallow-400: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-toasted-marshmallow-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-toasted-marshmallow-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-licorice-100: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-licorice-200: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-licorice-300: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-licorice-400: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-licorice-500: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-licorice-600: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-soap-100: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-soap-200: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-soap-300: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-soap-400: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-soap-500: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-soap-600: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-french-vanilla-100: oklch(1 0 0 / 1);
  --cnvs-base-palette-french-vanilla-200: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-french-vanilla-300: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-french-vanilla-400: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-french-vanilla-500: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-french-vanilla-600: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-100: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-200: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-black-pepper-300: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-black-pepper-400: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-black-pepper-500: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-black-pepper-600: oklch(0 0 0 / 1);
  --cnvs-base-palette-coconut-100: #F0EEEE;
  --cnvs-base-palette-coconut-200: #e3dfdf;
  --cnvs-base-palette-coconut-300: #d1cbcc;
  --cnvs-base-palette-coconut-400: #b3acac;
  --cnvs-base-palette-coconut-500: #9e9595;
  --cnvs-base-palette-coconut-600: #8F8687;
  --cnvs-base-palette-cappuccino-100: #7A7374;
  --cnvs-base-palette-cappuccino-200: #706869;
  --cnvs-base-palette-cappuccino-300: #5E5757;
  --cnvs-base-palette-cappuccino-400: #4A4242;
  --cnvs-base-palette-cappuccino-500: #352f2f;
  --cnvs-base-palette-cappuccino-600: #231f20;
  --cnvs-base-opacity-0: 0;
  --cnvs-base-opacity-100: 0.08;
  --cnvs-base-opacity-200: 0.12;
  --cnvs-base-opacity-250: 0.2;
  --cnvs-base-opacity-300: 0.4;
  --cnvs-base-opacity-400: 0.64;
  --cnvs-base-opacity-500: 0.84;
  --cnvs-base-font-size-25: 0.625rem;
  --cnvs-base-font-size-50: 0.75rem;
  --cnvs-base-font-size-75: 0.875rem;
  --cnvs-base-font-size-100: 1rem;
  --cnvs-base-font-size-125: 1.125rem;
  --cnvs-base-font-size-150: 1.25rem;
  --cnvs-base-font-size-200: 1.5rem;
  --cnvs-base-font-size-250: 1.75rem;
  --cnvs-base-font-size-300: 2rem;
  --cnvs-base-font-size-400: 2.5rem;
  --cnvs-base-font-size-500: 3rem;
  --cnvs-base-font-size-600: 3.5rem;
  --cnvs-base-font-size-750: 4.5rem;
  --cnvs-base-font-size-900: 5.5rem;
  --cnvs-base-font-size-1050: 6.5rem;
  --cnvs-base-line-height-50: 1rem;
  --cnvs-base-line-height-100: 1.25rem;
  --cnvs-base-line-height-150: 1.5rem;
  --cnvs-base-line-height-200: 1.75rem;
  --cnvs-base-line-height-250: 2rem;
  --cnvs-base-line-height-300: 2.25rem;
  --cnvs-base-line-height-350: 2.5rem;
  --cnvs-base-line-height-400: 3rem;
  --cnvs-base-line-height-500: 3.5rem;
  --cnvs-base-line-height-600: 4rem;
  --cnvs-base-line-height-750: 4.5rem;
  --cnvs-base-line-height-900: 5.5rem;
  --cnvs-base-line-height-1050: 6.5rem;
  --cnvs-base-font-family-50: "Roboto"; /* Default font-family */
  --cnvs-base-font-family-100: "Roboto Mono";
  --cnvs-base-font-family-200: "Noto Sans";
  --cnvs-base-font-weight-300: 300;
  --cnvs-base-font-weight-400: 400;
  --cnvs-base-font-weight-500: 500;
  --cnvs-base-font-weight-700: 700;
  --cnvs-base-letter-spacing-50: 0.025rem;
  --cnvs-base-letter-spacing-100: 0.02rem;
  --cnvs-base-letter-spacing-150: 0.015rem;
  --cnvs-base-letter-spacing-200: 0.01rem;
  --cnvs-base-unit: 0.25rem; /* The base unit used in the grid system.;  */
  --cnvs-base-extended-palette-dragon-fruit-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-extended-palette-dragon-fruit-200: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-extended-palette-dragon-fruit-300: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-extended-palette-dragon-fruit-400: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-extended-palette-dragon-fruit-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-extended-palette-dragon-fruit-600: oklch(0.317 0.142 278.2 / 1);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Standard card depth */
  --cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Top navigation, Bottom Navigation */
  --cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Floating Action Buttons (FAB), Menus */
  --cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.5rem 2rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Bottom Sheets */
  --cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.625rem 2.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied) */
  --cnvs-sys-depth-6: 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.75rem 3rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied) */
  --cnvs-sys-space-zero: 0; /* Stacks, rows in tables */
  --cnvs-sys-shape-zero: 0rem; /* This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels. */
  --cnvs-sys-opacity-full: 1; /* Dev only */
  --cnvs-sys-opacity-zero: 0; /* Dev only */
  --cnvs-sys-breakpoints-zero: 0px; /* Use to set a media query `min-width` below small. */
  --cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);
  --cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);
  --cnvs-sys-font-weight-normal: var(--cnvs-base-font-weight-400);
  --cnvs-sys-font-weight-light: var(--cnvs-base-font-weight-300);
  --cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);
  --cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);
  --cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);
  --cnvs-sys-line-height-heading-large: var(--cnvs-base-line-height-350);
  --cnvs-sys-line-height-heading-medium: var(--cnvs-base-line-height-300);
  --cnvs-sys-line-height-heading-small: var(--cnvs-base-line-height-250);
  --cnvs-sys-line-height-body-large: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-medium: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-small: var(--cnvs-base-line-height-150);
  --cnvs-sys-line-height-subtext-large: var(--cnvs-base-line-height-100);
  --cnvs-sys-line-height-subtext-medium: var(--cnvs-base-line-height-50);
  --cnvs-sys-line-height-subtext-small: var(--cnvs-base-line-height-50);
  --cnvs-sys-font-size-subtext-small: var(--cnvs-base-font-size-25);
  --cnvs-sys-font-family-global: var(--cnvs-base-font-family-200);
  --cnvs-sys-font-family-mono: var(--cnvs-base-font-family-100);
  --cnvs-sys-font-family-default: var(--cnvs-base-font-family-50);
  --cnvs-sys-space-x20: calc(var(--cnvs-base-unit) * 20); /* - Use sparingly; - Helps to put focus on the primary element within your page; - Use to de-clutter your UI when a lot of space is available */
  --cnvs-sys-space-x16: calc(var(--cnvs-base-unit) * 16); /* - Use to de-clutter your UI when a lot of space is available; - Separate banner sections from page content; - Use to differentiate page content like page sections */
  --cnvs-sys-space-x10: calc(var(--cnvs-base-unit) * 10); /* • Used for outer margins on the overall page content ; • Used for inner margins on large items such as page sections */
  --cnvs-sys-space-x8: calc(var(--cnvs-base-unit) * 8); /* • Standard spacing between cards; • Used to separate groups of content ; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x6: calc(var(--cnvs-base-unit) * 6); /* • Padding around card content; • Related elements where more space between them can be afforded; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x4: calc(var(--cnvs-base-unit) * 4); /* Default space token. Used to group Inputs with related data */
  --cnvs-sys-space-x3: calc(var(--cnvs-base-unit) * 3); /* Use when compact padding is required */
  --cnvs-sys-space-x2: calc(var(--cnvs-base-unit) * 2); /* Commonly used to group compact elements like icon buttons */
  --cnvs-sys-space-x1: var(--cnvs-base-unit); /* Compact spacing between text or icons */
  --cnvs-sys-shape-round: calc(var(--cnvs-base-unit) * 250); /* Commonly used for our standard buttons and profile avatars: All Primary, Secondary Buttons, Radio Buttons and Notification Badges. */
  --cnvs-sys-shape-x2: calc(var(--cnvs-base-unit) * 2); /* Use this for all the containers and popups: All Cards, Modals, Tooltips and Toasts. */
  --cnvs-sys-shape-x1-half: calc(var(--cnvs-base-unit) * 1.5);
  --cnvs-sys-shape-x1: var(--cnvs-base-unit);
  --cnvs-sys-shape-half: calc(var(--cnvs-base-unit) * 0.5); /* Use this for subtle and small components that don’t require to group complex information like Status Indicators, Checkboxes and Color Swatches. */
  --cnvs-sys-opacity-shadow-second: var(--cnvs-base-opacity-100); /* Alpha on second shadow */
  --cnvs-sys-opacity-shadow-first: var(--cnvs-base-opacity-200); /* Alpha on first shadow */
  --cnvs-sys-opacity-contrast: var(--cnvs-base-opacity-500); /* Tooltips, Status Indicator */
  --cnvs-sys-opacity-overlay: var(--cnvs-base-opacity-400); /* Overlay */
  --cnvs-sys-opacity-disabled: var(--cnvs-base-opacity-300); /* Disabled states */
  --cnvs-sys-breakpoints-xl: 1440px; /* Used for extra large screens, such as wide monitors and TVs. */
  --cnvs-sys-breakpoints-l: 1024px; /* Large screens, such as desktops. */
  --cnvs-sys-breakpoints-m: 768px; /* Medium screens, such as laptops. */
  --cnvs-sys-breakpoints-s: 320px; /* The `min-width` for mobile devices, such as phones and tablets. */
  --cnvs-sys-color-shadow-default: var(--cnvs-base-palette-slate-900); /* Main shadow color */
  --cnvs-sys-color-shadow-2: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-100)); /* Second shadow color */
  --cnvs-sys-color-shadow-1: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-200)); /* First shadow color */
  --cnvs-sys-color-border-info-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950); /* Active state on AI borders */
  --cnvs-sys-color-border-container: var(--cnvs-base-palette-slate-300); /* Cards, Toasts, Surfaces */
  --cnvs-sys-color-border-divider: var(--cnvs-base-palette-slate-200); /* Dividers */
  --cnvs-sys-color-border-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on accent colors */
  --cnvs-sys-color-border-transparent: transparent; /* Transparent */
  --cnvs-sys-color-border-caution-strong: var(--cnvs-base-palette-amber-500); /* Warning outer (box shadow) */
  --cnvs-sys-color-border-caution-default: var(--cnvs-base-palette-amber-400); /* Warning inner */
  --cnvs-sys-color-border-critical-default: var(--cnvs-base-palette-red-500); /* Error */
  --cnvs-sys-color-border-primary-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Secondary Button Hover */
  --cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-900); /* Secondary Button */
  --cnvs-sys-color-border-input-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on checkboxes and radios */
  --cnvs-sys-color-border-input-strong: var(--cnvs-base-palette-slate-700); /* Input hover */
  --cnvs-sys-color-border-input-default: var(--cnvs-base-palette-slate-500); /* Inputs */
  --cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-slate-400); /* Disabled inputs */
  --cnvs-sys-color-fg-positive-stronger: var(--cnvs-base-palette-green-800); /* Error */
  --cnvs-sys-color-fg-positive-strong: var(--cnvs-base-palette-green-700); /* Error */
  --cnvs-sys-color-fg-positive-soft: var(--cnvs-base-palette-green-400); /* Error */
  --cnvs-sys-color-fg-positive-softer: var(--cnvs-base-palette-green-200); /* Error */
  --cnvs-sys-color-fg-positive-default: var(--cnvs-base-palette-green-600); /* Error */
  --cnvs-sys-color-fg-info-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-info-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-info-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950); /* AI icons and text */
  --cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Strong contrast */
  --cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast */
  --cnvs-sys-color-fg-caution-softer: var(--cnvs-base-palette-amber-500); /* Warning */
  --cnvs-sys-color-fg-caution-stronger: var(--cnvs-base-palette-amber-975); /* Warning on hover */
  --cnvs-sys-color-fg-caution-soft: var(--cnvs-base-palette-amber-700); /* Warning */
  --cnvs-sys-color-fg-caution-strong: var(--cnvs-base-palette-amber-950); /* Warning on hover */
  --cnvs-sys-color-fg-caution-default: var(--cnvs-base-palette-amber-900); /* Warning */
  --cnvs-sys-color-fg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-primary-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-primary-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-primary-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-primary-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-slate-400); /* Tab item foreground */
  --cnvs-sys-color-fg-muted-stronger: var(--cnvs-base-palette-slate-800);
  --cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-slate-600); /* Hint text */
  --cnvs-sys-color-fg-critical-softer: var(--cnvs-base-palette-red-200); /* Error */
  --cnvs-sys-color-fg-critical-soft: var(--cnvs-base-palette-red-400); /* Error */
  --cnvs-sys-color-fg-critical-stronger: var(--cnvs-base-palette-red-800); /* Error */
  --cnvs-sys-color-fg-critical-strong: var(--cnvs-base-palette-red-700); /* Error */
  --cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-red-600); /* Error */
  --cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse */
  --cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-slate-400); /* Disabled */
  --cnvs-sys-color-fg-stronger: var(--cnvs-base-palette-neutral-950); /* Heading on hover */
  --cnvs-sys-color-fg-strong: var(--cnvs-base-palette-neutral-900); /* Headings */
  --cnvs-sys-color-fg-default: var(--cnvs-base-palette-neutral-800); /* Body */
  --cnvs-sys-color-icon-info-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-disabled: var(--cnvs-base-palette-slate-400); /* Disabled icon color */
  --cnvs-sys-color-icon-caution-softer: var(--cnvs-base-palette-amber-500); /* Softer caution icon color */
  --cnvs-sys-color-icon-caution-soft: var(--cnvs-base-palette-amber-700); /* Soft caution icon color */
  --cnvs-sys-color-icon-caution-stronger: var(--cnvs-base-palette-amber-975); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-default: var(--cnvs-base-palette-amber-900); /* Caution icon color */
  --cnvs-sys-color-icon-critical-softer: var(--cnvs-base-palette-red-200); /* Error icon color */
  --cnvs-sys-color-icon-critical-soft: var(--cnvs-base-palette-red-400); /* Error icon color */
  --cnvs-sys-color-icon-critical-stronger: var(--cnvs-base-palette-red-800); /* Error icon color */
  --cnvs-sys-color-icon-critical-strong: var(--cnvs-base-palette-red-700); /* Error icon color */
  --cnvs-sys-color-icon-critical-default: var(--cnvs-base-palette-red-600); /* Error icon color */
  --cnvs-sys-color-icon-positive-softer: var(--cnvs-base-palette-green-200); /* Success icon color */
  --cnvs-sys-color-icon-positive-soft: var(--cnvs-base-palette-green-400); /* Success icon color */
  --cnvs-sys-color-icon-positive-stronger: var(--cnvs-base-palette-green-800); /* Success icon color */
  --cnvs-sys-color-icon-positive-strong: var(--cnvs-base-palette-green-700); /* Success icon color */
  --cnvs-sys-color-icon-positive-default: var(--cnvs-base-palette-green-600); /* Success icon color */
  --cnvs-sys-color-icon-primary-softer: var(--cnvs-base-palette-blue-200); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-soft: var(--cnvs-base-palette-blue-400); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse icon color */
  --cnvs-sys-color-icon-strong: var(--cnvs-base-palette-neutral-900); /* Hover icon color */
  --cnvs-sys-color-icon-soft: var(--cnvs-base-palette-slate-600); /* Disabled icon color */
  --cnvs-sys-color-icon-default: var(--cnvs-base-palette-neutral-800); /* Default icon color */
  --cnvs-sys-color-text-info-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-info-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-info-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-info-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-info-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-positive-softer: var(--cnvs-base-palette-green-200); /* Active links */
  --cnvs-sys-color-text-positive-soft: var(--cnvs-base-palette-green-400); /* Active links */
  --cnvs-sys-color-text-positive-stronger: var(--cnvs-base-palette-green-800); /* Active links */
  --cnvs-sys-color-text-positive-strong: var(--cnvs-base-palette-green-700); /* Branded hover text */
  --cnvs-sys-color-text-positive-default: var(--cnvs-base-palette-green-600); /* Branded text */
  --cnvs-sys-color-text-ai: var(--cnvs-base-palette-blue-950);
  --cnvs-sys-color-text-caution-softer: var(--cnvs-base-palette-amber-200); /* Softer warning text */
  --cnvs-sys-color-text-caution-stronger: var(--cnvs-base-palette-amber-975); /* Stronger warning text */
  --cnvs-sys-color-text-caution-soft: var(--cnvs-base-palette-amber-400); /* Disabled warning text */
  --cnvs-sys-color-text-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong warning text */
  --cnvs-sys-color-text-caution-default: var(--cnvs-base-palette-amber-900); /* Warning text */
  --cnvs-sys-color-text-primary-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-primary-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-primary-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-primary-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-primary-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-critical-softer: var(--cnvs-base-palette-red-200); /* Error text */
  --cnvs-sys-color-text-critical-soft: var(--cnvs-base-palette-red-400); /* Error text */
  --cnvs-sys-color-text-critical-stronger: var(--cnvs-base-palette-red-800); /* Error text */
  --cnvs-sys-color-text-critical-strong: var(--cnvs-base-palette-red-700); /* Error text */
  --cnvs-sys-color-text-critical-default: var(--cnvs-base-palette-red-600); /* Error text */
  --cnvs-sys-color-text-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse text color */
  --cnvs-sys-color-text-hint: var(--cnvs-base-palette-slate-600); /* Hint text color */
  --cnvs-sys-color-text-disabled: var(--cnvs-base-palette-slate-400); /* Disabled text color */
  --cnvs-sys-color-text-stronger: var(--cnvs-base-palette-neutral-950); /* Display text */
  --cnvs-sys-color-text-strong: var(--cnvs-base-palette-neutral-900); /* Heading text */
  --cnvs-sys-color-text-default: var(--cnvs-base-palette-neutral-800); /* Body text */
  --cnvs-sys-color-bg-info-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-info-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-info-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-info-soft: var(--cnvs-base-palette-blue-100); /* Disabled */
  --cnvs-sys-color-bg-info-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-info-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-ai-strongest: var(--cnvs-base-palette-blue-950); /* AI surfaces */
  --cnvs-sys-color-bg-ai-stronger: var(--cnvs-base-palette-blue-400); /* Active state on AI containers */
  --cnvs-sys-color-bg-ai-strong: var(--cnvs-base-palette-blue-200); /* Hover on AI container */
  --cnvs-sys-color-bg-ai-default: var(--cnvs-base-palette-blue-100); /* AI container */
  --cnvs-sys-color-bg-critical-stronger: var(--cnvs-base-palette-red-800); /* Stronger error background */
  --cnvs-sys-color-bg-critical-strong: var(--cnvs-base-palette-red-700); /* Strong error background */
  --cnvs-sys-color-bg-critical-default: var(--cnvs-base-palette-red-600); /* Default error background */
  --cnvs-sys-color-bg-critical-soft: var(--cnvs-base-palette-red-100); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softer: var(--cnvs-base-palette-red-50); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softest: var(--cnvs-base-palette-red-25); /* Input error background */
  --cnvs-sys-color-bg-caution-stronger: var(--cnvs-base-palette-amber-600); /* Stronger warning background */
  --cnvs-sys-color-bg-caution-strong: var(--cnvs-base-palette-amber-500); /* Strong warning background */
  --cnvs-sys-color-bg-caution-default: var(--cnvs-base-palette-amber-400); /* Default warning background */
  --cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-100); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softer: var(--cnvs-base-palette-amber-50); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softest: var(--cnvs-base-palette-amber-25); /* Disabled warning background */
  --cnvs-sys-color-bg-positive-stronger: var(--cnvs-base-palette-green-800); /* Active success background */
  --cnvs-sys-color-bg-positive-strong: var(--cnvs-base-palette-green-700); /* Hover success background */
  --cnvs-sys-color-bg-positive-default: var(--cnvs-base-palette-green-600); /* Disabled success background */
  --cnvs-sys-color-bg-positive-soft: var(--cnvs-base-palette-green-100); /* Disabled success background */
  --cnvs-sys-color-bg-positive-softer: var(--cnvs-base-palette-green-50); /* Surface success background */
  --cnvs-sys-color-bg-positive-softest: var(--cnvs-base-palette-green-25); /* Lightest surface success background */
  --cnvs-sys-color-bg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-primary-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-primary-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-100); /* Primary disabled */
  --cnvs-sys-color-bg-primary-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-primary-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-bg-muted-default: var(--cnvs-base-palette-slate-600);
  --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-slate-500);
  --cnvs-sys-color-bg-muted-softer: var(--cnvs-base-palette-slate-400);
  --cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-slate-300); /* Active state for segmented control, Pill */
  --cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-slate-200); /* Active states */
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-100); /* Surface hover, Secondary surfaces */
  --cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-slate-50); /* Alternative page background */
  --cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-slate-25); /* Disabled inputs */
  --cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
  --cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-400)); /* Overlay background */
  --cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-250)); /* Inverse Secondary Button Active state */
  --cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-100)); /* Inverse Secondary Button Hover state */
  --cnvs-sys-color-bg-transparent-default: transparent; /* Transparent background */
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0); /* Main background color */
  --cnvs-sys-color-static-amber-soft: var(--cnvs-base-palette-amber-100); /* Soft amber */
  --cnvs-sys-color-static-amber-strongest: var(--cnvs-base-palette-amber-950); /* Stronger amber */
  --cnvs-sys-color-static-amber-softer: var(--cnvs-base-palette-amber-50); /* Soft amber */
  --cnvs-sys-color-static-amber-stronger: var(--cnvs-base-palette-amber-600); /* Stronger amber */
  --cnvs-sys-color-static-amber-strong: var(--cnvs-base-palette-amber-500); /* Stronger amber */
  --cnvs-sys-color-static-amber-softest: var(--cnvs-base-palette-amber-25); /* Soft amber */
  --cnvs-sys-color-static-amber-default: var(--cnvs-base-palette-amber-400); /* amber */
  --cnvs-sys-color-static-gray-softer: var(--cnvs-base-palette-slate-100); /* Light gray */
  --cnvs-sys-color-static-gray-softest: var(--cnvs-base-palette-slate-50); /* Light gray */
  --cnvs-sys-color-static-gray-strongest: var(--cnvs-base-palette-slate-950); /* Strongerer gray */
  --cnvs-sys-color-static-gray-stronger: var(--cnvs-base-palette-slate-800); /* Strongerer gray */
  --cnvs-sys-color-static-gray-strong: var(--cnvs-base-palette-slate-700); /* Stronger gray */
  --cnvs-sys-color-static-gray-soft: var(--cnvs-base-palette-slate-200); /* Light gray */
  --cnvs-sys-color-static-gray-default: var(--cnvs-base-palette-slate-600); /* Gray */
  --cnvs-sys-color-static-black: var(--cnvs-base-palette-neutral-1000); /* Just black */
  --cnvs-sys-color-static-white: var(--cnvs-base-palette-neutral-0); /* Just white */
  --cnvs-sys-color-static-red-softer: var(--cnvs-base-palette-red-50); /* Light red */
  --cnvs-sys-color-static-red-strongest: var(--cnvs-base-palette-red-950); /* Strong red */
  --cnvs-sys-color-static-red-softest: var(--cnvs-base-palette-red-25); /* Light red */
  --cnvs-sys-color-static-red-stronger: var(--cnvs-base-palette-red-800); /* Strong red */
  --cnvs-sys-color-static-red-strong: var(--cnvs-base-palette-red-700); /* Strong red */
  --cnvs-sys-color-static-red-soft: var(--cnvs-base-palette-red-100); /* Light red */
  --cnvs-sys-color-static-red-default: var(--cnvs-base-palette-red-600); /* Red */
  --cnvs-sys-color-static-green-strongest: var(--cnvs-base-palette-green-950); /* Stronger green */
  --cnvs-sys-color-static-green-softest: var(--cnvs-base-palette-green-25); /* Light green */
  --cnvs-sys-color-static-green-stronger: var(--cnvs-base-palette-green-800); /* Stronger green */
  --cnvs-sys-color-static-green-softer: var(--cnvs-base-palette-green-50); /* Light green */
  --cnvs-sys-color-static-green-strong: var(--cnvs-base-palette-green-700); /* Stronger green */
  --cnvs-sys-color-static-green-soft: var(--cnvs-base-palette-green-100); /* Light green */
  --cnvs-sys-color-static-green-default: var(--cnvs-base-palette-green-600); /* Default green */
  --cnvs-sys-color-static-blue-strongest: var(--cnvs-base-palette-blue-950); /* Stronger blue */
  --cnvs-sys-color-static-blue-soft: var(--cnvs-base-palette-blue-100); /* Light blue */
  --cnvs-sys-color-static-blue-softer: var(--cnvs-base-palette-blue-50); /* Light blue */
  --cnvs-sys-color-static-blue-stronger: var(--cnvs-base-palette-blue-800); /* Stronger blue */
  --cnvs-sys-color-static-blue-strong: var(--cnvs-base-palette-blue-700); /* Stronger blue */
  --cnvs-sys-color-static-blue-softest: var(--cnvs-base-palette-blue-25); /* Light blue */
  --cnvs-sys-color-static-blue-default: var(--cnvs-base-palette-blue-600); /* Blue */
  --cnvs-sys-color-static-orange-strong: var(--cnvs-base-palette-amber-500);
  --cnvs-sys-color-static-orange-soft: var(--cnvs-base-palette-amber-100);
  --cnvs-sys-color-static-orange-default: var(--cnvs-base-palette-amber-400);
  --cnvs-sys-color-static-gold-stronger: var(--cnvs-base-palette-amber-600);
  --cnvs-sys-font-size-subtext-medium: var(--cnvs-base-font-size-50);
  --cnvs-sys-font-size-subtext-large: var(--cnvs-base-font-size-75);
  --cnvs-sys-font-size-body-small: var(--cnvs-base-font-size-100);
  --cnvs-sys-font-size-body-medium: var(--cnvs-base-font-size-125);
  --cnvs-sys-font-size-body-large: var(--cnvs-base-font-size-150);
  --cnvs-sys-font-size-heading-small: var(--cnvs-base-font-size-200);
  --cnvs-sys-font-size-heading-medium: var(--cnvs-base-font-size-250);
  --cnvs-sys-font-size-heading-large: var(--cnvs-base-font-size-300);
  --cnvs-sys-font-size-title-small: var(--cnvs-base-font-size-400);
  --cnvs-sys-font-size-title-medium: var(--cnvs-base-font-size-500);
  --cnvs-sys-font-size-title-large: var(--cnvs-base-font-size-600);
}

.cnvs-sys-type-subtext-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-small);
  font-size: var(--cnvs-sys-font-size-subtext-small);
  letter-spacing: var(--cnvs-base-letter-spacing-50);
}

.cnvs-sys-type-subtext-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-medium);
  font-size: var(--cnvs-sys-font-size-subtext-medium);
  letter-spacing: var(--cnvs-base-letter-spacing-100);
}

.cnvs-sys-type-subtext-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-large);
  font-size: var(--cnvs-sys-font-size-subtext-large);
  letter-spacing: var(--cnvs-base-letter-spacing-150);
}

.cnvs-sys-type-body-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-small);
  font-size: var(--cnvs-sys-font-size-body-small);
  letter-spacing: var(--cnvs-base-letter-spacing-200);
}

.cnvs-sys-type-body-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-medium);
  font-size: var(--cnvs-sys-font-size-body-medium);
}

.cnvs-sys-type-body-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-large);
  font-size: var(--cnvs-sys-font-size-body-large);
}

.cnvs-sys-type-heading-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-small);
  font-size: var(--cnvs-sys-font-size-heading-small);
}

.cnvs-sys-type-heading-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-medium);
  font-size: var(--cnvs-sys-font-size-heading-medium);
}

.cnvs-sys-type-heading-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-large);
  font-size: var(--cnvs-sys-font-size-heading-large);
}

.cnvs-sys-type-title-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-small);
  font-size: var(--cnvs-sys-font-size-title-small);
}

.cnvs-sys-type-title-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-medium);
  font-size: var(--cnvs-sys-font-size-title-medium);
}

.cnvs-sys-type-title-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-large);
  font-size: var(--cnvs-sys-font-size-title-large);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
  --cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);
  --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
  --cnvs-brand-neutral-lighter: var(--cnvs-base-palette-slate-50);
  --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-neutral-darkest: var(--cnvs-base-palette-slate-800);
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-slate-700);
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-slate-600);
  --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-25);
  --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
  --cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);
  --cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);
  --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
  --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
  --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);
  --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);
  --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
  --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);
  --cnvs-brand-alert-lighter: var(--cnvs-base-palette-amber-50);
  --cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-error-light: var(--cnvs-base-palette-red-200);
  --cnvs-brand-error-lighter: var(--cnvs-base-palette-red-50);
  --cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);
  --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
  --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
  --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
  --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
  --cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);
  --cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
  --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
  --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
  --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
  --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.text-theme {
  color: #333333;
}

.text-theme:disabled, .text-theme.disabled {
  outline: none;
  color: #a1aab3;
  cursor: not-allowed;
}

.text-theme.highlighted, .text-theme:active {
  background-color: #a6d2ff;
}

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.right-align {
  right: 0;
}

.left-align {
  left: 0;
}

.item-selected {
  border-radius: 99px;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #0057ae;
}

.item-container {
  position: relative;
  cursor: pointer;
  content: "";
  outline: none;
  box-sizing: border-box;
  overflow: visible;
  height: 45px;
  width: 45px;
  align-content: center;
}

.button-popup-open {
  background-color: #ffffff;
  border-radius: 0;
}

[data-whatinput=mouse] div.wdc-link a:focus,
[data-whatinput=mouse] div.wdc-link span:focus,
[data-whatinput=mouse] div.wdc-link div:focus {
  outline: none;
  text-decoration: none;
}

*,
::after,
::before {
  box-sizing: inherit;
}

div.wdc-link {
  display: block;
  height: 100%;
  width: 100%;
}

div.wdc-link:hover, div.wdc-link:focus, div.wdc-link:visited {
  outline: none;
  text-decoration: none;
}

div.wdc-link a {
  outline: none;
  display: block;
  height: 100%;
  width: 100%;
  padding: 0 26px;
  text-decoration: none;
  margin: 0;
  word-break: break-word;
  overflow-wrap: break-word;
  text-align: left;
}

div.wdc-link a:hover, div.wdc-link a:focus, div.wdc-link a:visited {
  outline: none;
  text-decoration: none;
}

div.wdc-link a div.item-content {
  display: flex;
  align-items: center;
}

div.wdc-link a div.child-open {
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}

div.wdc-link span,
div.wdc-link div {
  color: #000000;
}

@font-face {
  font-family: "Workday Adelle Sans";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Light.woff2") format("woff2"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Light.woff") format("woff"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Light.eot") format("eot"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Light.otf") format("otf");
}

@font-face {
  font-family: "Workday Adelle Sans";
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Light_Italic.woff2") format("woff2"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Light_Italic.woff") format("woff"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Light_Italic.eot") format("eot"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Light_Italic.otf") format("otf");
}

@font-face {
  font-family: "Workday Adelle Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Regular.woff2") format("woff2"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Regular.woff") format("woff"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Regular.eot") format("eot"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Regular.otf") format("otf");
}

@font-face {
  font-family: "Workday Adelle Sans";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Italic.woff2") format("woff2"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Italic.woff") format("woff"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Italic.eot") format("eot"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Italic.otf") format("otf");
}

@font-face {
  font-family: "Workday Adelle Sans";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Medium.woff2") format("woff2"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Medium.woff") format("woff"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Medium.eot") format("eot"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Medium.otf") format("otf");
}

@font-face {
  font-family: "Workday Adelle Sans";
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Medium_Italic.woff2") format("woff2"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Medium_Italic.woff") format("woff"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Medium_Italic.eot") format("eot"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Medium_Italic.otf") format("otf");
}

@font-face {
  font-family: "Workday Adelle Sans";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Bold.woff2") format("woff2"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Bold.woff") format("woff"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Bold.eot") format("eot"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Bold.otf") format("otf");
}

@font-face {
  font-family: "Workday Adelle Sans";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Bold_Italic.woff2") format("woff2"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Bold_Italic.woff") format("woff"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Bold_Italic.eot") format("eot"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Bold_Italic.otf") format("otf");
}

@font-face {
  font-family: "Workday Adelle Sans";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Extrabold.woff2") format("woff2"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Extrabold.woff") format("woff"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Extrabold.eot") format("eot"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Extrabold.otf") format("otf");
}

@font-face {
  font-family: "Workday Adelle Sans";
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Heavy.woff2") format("woff2"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Heavy.woff") format("woff"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Heavy.eot") format("eot"), url("https://static.workday.com/fonts/Workday_Adelle_Sans/Workday_Adelle_Sans-Heavy.otf") format("otf");
}

.anchor {
  padding-top: 144px;
  display: block;
  outline: none;
}

.anchor:focus {
  outline: none;
  border: none;
}

.anchor.not-sticky {
  padding-top: 0;
}

#wdc-header-overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 3;
  cursor: default;
  transition: transform 300ms ease-out;
  backdrop-filter: blur(17.5px);
}

#wdc-header-overlay.wdc-header-overlay--header-menu-open {
  z-index: 401;
}

.wdc-header-main-mobile {
  height: auto;
}

.wdc-header-main-mobile .fixed {
  height: 72px;
}

@media only screen and (min-width: 320px) {
  .wdc-header-main-mobile #utility-menu-icon {
    margin-left: -2px;
    margin-right: 2px;
  }
}

@media only screen and (min-width: 320px) {
  .wdc-header-main-mobile #search-icon {
    margin-left: -2px;
    margin-right: 8px;
  }
}

.wdc-header-main-mobile #search-icon,
.wdc-header-main-mobile #utility-menu-icon,
.wdc-header-main-mobile #notification-icon {
  width: 44px;
  height: 44px;
}

.wdc-header-main-mobile #search-icon span,
.wdc-header-main-mobile #utility-menu-icon span,
.wdc-header-main-mobile #notification-icon span {
  width: 24px;
  height: 24px;
}

.wdc-header-main-mobile #search-icon .wd-icon,
.wdc-header-main-mobile #utility-menu-icon .wd-icon,
.wdc-header-main-mobile #notification-icon .wd-icon {
  width: 24px;
  height: 24px;
}

.wdc-header-main,
.wdc-header-main-mobile {
  background-color: #ffffff;
  display: grid;
  width: 100%;
  position: fixed;
  z-index: 399;
}

.wdc-header-main.wdc-header-main--menu-open,
.wdc-header-main-mobile.wdc-header-main--menu-open {
  z-index: 402;
}

.wdc-header-main .menu-title,
.wdc-header-main-mobile .menu-title {
  display: inline-block;
  vertical-align: super;
  word-break: break-word;
  overflow-wrap: break-word;
  color: #022043;
  margin-right: auto !important;
  margin-top: auto !important;
  margin-bottom: auto !important;
  font-size: 16px;
  line-height: 28px;
  font-weight: 700;
  padding: 0 20px 5px;
}

.wdc-header-main .wdc-search-container,
.wdc-header-main-mobile .wdc-search-container {
  position: relative;
  display: inline-block;
}

.wdc-header-main .wdc-search-container .search-options-icon,
.wdc-header-main-mobile .wdc-search-container .search-options-icon {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: auto;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  padding-right: 8px;
}

.wdc-header-main .wdc-search-container .tooltiptext,
.wdc-header-main-mobile .wdc-search-container .tooltiptext {
  visibility: hidden;
  width: 115px;
  background: var(--color-bg-translucent, rgba(0, 0, 0, 0.8392156863));
  color: #fff;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  top: 44px;
  font-size: 12px;
  vertical-align: middle;
  padding: 6px;
}

.wdc-header-main .wdc-search-container .search-options-icon:hover .tooltiptext,
.wdc-header-main-mobile .wdc-search-container .search-options-icon:hover .tooltiptext {
  visibility: visible;
}

.wdc-header-main .web-view,
.wdc-header-main-mobile .web-view {
  height: 72px;
  padding: 0 32px;
}

@media only screen and (max-width: 1023px) {
  .wdc-header-main .web-view .header-top-item,
  .wdc-header-main-mobile .web-view .header-top-item {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

@media only screen and (max-width: 843px) {
  .wdc-header-main .web-view .header-top-item,
  .wdc-header-main-mobile .web-view .header-top-item {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
}

.wdc-header-main .web-view .header-search-item,
.wdc-header-main-mobile .web-view .header-search-item {
  margin-left: auto !important;
  margin-right: auto !important;
}

@media only screen and (max-width: 1023px) {
  .wdc-header-main .web-view,
  .wdc-header-main-mobile .web-view {
    justify-content: flex-start !important;
  }
}

.wdc-header-main *,
.wdc-header-main-mobile * {
  font-family: "Workday Adelle Sans", "sans-serif";
  scroll-behavior: smooth;
}

.wdc-header-main.sticky,
.wdc-header-main-mobile.sticky {
  position: -webkit-sticky; /* Safari */
  position: fixed;
}

.wdc-header-main div.skip a,
.wdc-header-main-mobile div.skip a {
  display: inline-block;
  position: absolute;
  opacity: 0;
  top: 10px;
  text-decoration: underline;
  font-weight: 500;
  color: #ffffff !important;
  background-color: #0057ae;
  border: 2px solid transparent;
  padding: 0.25rem 0.75rem 0.25rem 0.25rem;
  margin-left: calc(50% - 74px);
  overflow: hidden;
  z-index: -999;
  border-radius: 24px;
  line-height: 0.015rem;
  font-size: 16px;
}

.wdc-header-main div.skip a:focus,
.wdc-header-main-mobile div.skip a:focus {
  opacity: 1;
  z-index: 999;
  border-color: #ffffff;
  outline: none;
}

.wdc-header-main div.skip a:focus-visible,
.wdc-header-main-mobile div.skip a:focus-visible {
  background-color: #022043;
  color: #ffffff !important;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #0057ae !important;
}

.wdc-header-main div.skip a button:hover,
.wdc-header-main-mobile div.skip a button:hover {
  background-color: unset;
}

.wdc-header-main div.skip.fixed,
.wdc-header-main-mobile div.skip.fixed {
  height: 18px;
}

.wdc-header-main a.wd-logo-link,
.wdc-header-main-mobile a.wd-logo-link {
  text-decoration: none;
  border: 2px solid transparent;
  word-break: keep-all !important;
}

.wdc-header-main a.wd-logo-link:focus,
.wdc-header-main-mobile a.wd-logo-link:focus {
  box-shadow: 0 0 0 2px #0057ae !important;
  outline: 0 !important;
  border-radius: 8px;
}

.wdc-header-main a.wd-logo-link .icon-logo,
.wdc-header-main-mobile a.wd-logo-link .icon-logo {
  display: flex;
  flex-direction: row;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .wdc-header-main a.wd-logo-link .icon-logo,
  .wdc-header-main-mobile a.wd-logo-link .icon-logo {
    align-items: center;
  }
}

.wdc-header-main a.wd-logo-link .icon-logo .wd-icon,
.wdc-header-main-mobile a.wd-logo-link .icon-logo .wd-icon {
  display: flex;
  flex: 1;
  vertical-align: text-top;
  width: 102px;
  height: 48px;
  margin: auto !important;
}

@media only screen and (max-width: 1024px) {
  .wdc-header-main a.wd-logo-link .icon-logo .wd-icon,
  .wdc-header-main-mobile a.wd-logo-link .icon-logo .wd-icon {
    width: fit-content !important;
  }
}

.wdc-header-main a.wd-logo-link .icon-logo .logo,
.wdc-header-main-mobile a.wd-logo-link .icon-logo .logo {
  display: flex;
  flex: 1;
  align-items: center;
  border-left: 0.54px solid #B6C1CC;
  color: #0057AE;
  font-weight: 500;
  font-size: 28px;
  line-height: 28px;
  letter-spacing: 0;
  margin-left: 22px;
  margin-top: 2px;
  padding-left: 20px;
  height: 62px;
}

@media only screen and (max-width: 1024px) {
  .wdc-header-main a.wd-logo-link .icon-logo .logo,
  .wdc-header-main-mobile a.wd-logo-link .icon-logo .logo {
    font-size: 20px !important;
  }
}

.wdc-header-main a.wd-logo-link #notification-icon .wd-icon-notifications .wd-icon-container .wd-icon-fill,
.wdc-header-main-mobile a.wd-logo-link #notification-icon .wd-icon-notifications .wd-icon-container .wd-icon-fill {
  fill: #ffffff;
}

.wdc-header-main a.wd-logo-link #notification-icon:hover, .wdc-header-main a.wd-logo-link #notification-icon:active, .wdc-header-main a.wd-logo-link #notification-icon:hover:active, .wdc-header-main a.wd-logo-link #notification-icon:active:focus,
.wdc-header-main-mobile a.wd-logo-link #notification-icon:hover,
.wdc-header-main-mobile a.wd-logo-link #notification-icon:active,
.wdc-header-main-mobile a.wd-logo-link #notification-icon:hover:active,
.wdc-header-main-mobile a.wd-logo-link #notification-icon:active:focus {
  box-shadow: none;
  animation: none;
}

.wdc-header-main a.wd-logo-link #notification-icon:hover, .wdc-header-main a.wd-logo-link #notification-icon:active, .wdc-header-main a.wd-logo-link #notification-icon:hover:active, .wdc-header-main a.wd-logo-link #notification-icon:active:focus,
.wdc-header-main-mobile a.wd-logo-link #notification-icon:hover,
.wdc-header-main-mobile a.wd-logo-link #notification-icon:active,
.wdc-header-main-mobile a.wd-logo-link #notification-icon:hover:active,
.wdc-header-main-mobile a.wd-logo-link #notification-icon:active:focus {
  background-color: #0065CC;
}

.wdc-header-main a.wd-logo-link #notification-icon:hover .wd-icon-notifications .wd-icon-container .wd-icon-fill, .wdc-header-main a.wd-logo-link #notification-icon:active .wd-icon-notifications .wd-icon-container .wd-icon-fill, .wdc-header-main a.wd-logo-link #notification-icon:hover:active .wd-icon-notifications .wd-icon-container .wd-icon-fill, .wdc-header-main a.wd-logo-link #notification-icon:active:focus .wd-icon-notifications .wd-icon-container .wd-icon-fill,
.wdc-header-main-mobile a.wd-logo-link #notification-icon:hover .wd-icon-notifications .wd-icon-container .wd-icon-fill,
.wdc-header-main-mobile a.wd-logo-link #notification-icon:active .wd-icon-notifications .wd-icon-container .wd-icon-fill,
.wdc-header-main-mobile a.wd-logo-link #notification-icon:hover:active .wd-icon-notifications .wd-icon-container .wd-icon-fill,
.wdc-header-main-mobile a.wd-logo-link #notification-icon:active:focus .wd-icon-notifications .wd-icon-container .wd-icon-fill {
  fill: #ffffff;
}

.wdc-header-main .header-bottom-row-mobile, .wdc-header-main .header-bottom-row,
.wdc-header-main-mobile .header-bottom-row-mobile,
.wdc-header-main-mobile .header-bottom-row {
  width: 100%;
  border-top: 1px solid #B6C1CC;
}

.wdc-header-main .header-bottom-row-mobile.search-open, .wdc-header-main .header-bottom-row.search-open,
.wdc-header-main-mobile .header-bottom-row-mobile.search-open,
.wdc-header-main-mobile .header-bottom-row.search-open {
  min-height: 72px;
}

.wdc-header-main .header-bottom-row-mobile.search-open .wdc-search-container, .wdc-header-main .header-bottom-row.search-open .wdc-search-container,
.wdc-header-main-mobile .header-bottom-row-mobile.search-open .wdc-search-container,
.wdc-header-main-mobile .header-bottom-row.search-open .wdc-search-container {
  position: relative;
  display: inline-block;
}

.wdc-header-main .header-bottom-row-mobile.search-open .wdc-search-container .search-options-icon, .wdc-header-main .header-bottom-row.search-open .wdc-search-container .search-options-icon,
.wdc-header-main-mobile .header-bottom-row-mobile.search-open .wdc-search-container .search-options-icon,
.wdc-header-main-mobile .header-bottom-row.search-open .wdc-search-container .search-options-icon {
  top: 48%;
  right: 32px;
}

.wdc-header-main .header-bottom-row-mobile.search-open .wdc-search-container .tooltiptext, .wdc-header-main .header-bottom-row.search-open .wdc-search-container .tooltiptext,
.wdc-header-main-mobile .header-bottom-row-mobile.search-open .wdc-search-container .tooltiptext,
.wdc-header-main-mobile .header-bottom-row.search-open .wdc-search-container .tooltiptext {
  top: 42px;
}

@media only screen and (min-width: 768px) {
  .wdc-header-main .header-bottom-row-mobile.loading, .wdc-header-main .header-bottom-row.loading,
  .wdc-header-main-mobile .header-bottom-row-mobile.loading,
  .wdc-header-main-mobile .header-bottom-row.loading {
    height: 72px;
  }
}

.wdc-header-main .header-bottom-row-mobile button,
.wdc-header-main-mobile .header-bottom-row-mobile button {
  color: #022043;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.wdc-header-main .header-bottom-row-mobile button .popup-close,
.wdc-header-main-mobile .header-bottom-row-mobile button .popup-close {
  vertical-align: bottom;
  transform: rotate(90deg);
}

.wdc-header-main .header-bottom-row-mobile button .popup-open,
.wdc-header-main-mobile .header-bottom-row-mobile button .popup-open {
  vertical-align: bottom;
  transform: rotate(270deg);
}

.wdc-header-main .header-bottom-row-mobile .secondary-title, .wdc-header-main .header-bottom-row-mobile .secondary-uplevel,
.wdc-header-main-mobile .header-bottom-row-mobile .secondary-title,
.wdc-header-main-mobile .header-bottom-row-mobile .secondary-uplevel {
  display: flex;
  flex-direction: row;
  padding: 0 14px;
}

.wdc-header-main .header-bottom-row-mobile .secondary-title h4, .wdc-header-main .header-bottom-row-mobile .secondary-uplevel h4,
.wdc-header-main-mobile .header-bottom-row-mobile .secondary-title h4,
.wdc-header-main-mobile .header-bottom-row-mobile .secondary-uplevel h4 {
  flex-grow: 1;
}

.wdc-header-main .header-bottom-row-mobile .secondary-uplevel button,
.wdc-header-main-mobile .header-bottom-row-mobile .secondary-uplevel button {
  vertical-align: middle;
  height: 40px;
  font-weight: 700;
  font-size: 1rem;
  justify-content: space-between;
  line-height: 24px;
  text-decoration: none;
  text-align: left;
}

.wdc-header-main .header-bottom-row-mobile .secondary-uplevel button span,
.wdc-header-main-mobile .header-bottom-row-mobile .secondary-uplevel button span {
  padding-right: 14px;
}

.wdc-header-main .header-bottom-row-mobile .secondary-uplevel button span svg,
.wdc-header-main-mobile .header-bottom-row-mobile .secondary-uplevel button span svg {
  height: 1rem;
  padding-top: 3px;
}

.wdc-header-main .header-bottom-row,
.wdc-header-main-mobile .header-bottom-row {
  height: 72px;
  border-bottom: 1px solid #B6C1CC;
}

@media only screen and (max-width: 767px) {
  .wdc-header-main .header-bottom-row,
  .wdc-header-main-mobile .header-bottom-row {
    height: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .wdc-header-main .header-bottom-row,
  .wdc-header-main-mobile .header-bottom-row {
    margin-left: -10px;
  }
}

.wdc-header-main .header-bottom-row .secondary-menu-container,
.wdc-header-main-mobile .header-bottom-row .secondary-menu-container {
  display: flex;
  flex-direction: row;
  padding: 0 32px;
  height: 100%;
  margin-left: 10px;
  align-items: center;
}

@media only screen and (max-width: 1024px) {
  .wdc-header-main .header-bottom-row .secondary-menu-container,
  .wdc-header-main-mobile .header-bottom-row .secondary-menu-container {
    padding: 0 16px;
    margin-left: 5px;
  }
}

.wdc-header-main .header-bottom-row .secondary-menu-container h2,
.wdc-header-main-mobile .header-bottom-row .secondary-menu-container h2 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0;
  min-width: 220px;
  color: #022043;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wdc-header-main .header-bottom-row .secondary-menu-container h2,
  .wdc-header-main-mobile .header-bottom-row .secondary-menu-container h2 {
    font-size: 18px;
    min-width: 180px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 820px) {
  .wdc-header-main .header-bottom-row .secondary-menu-container h2,
  .wdc-header-main-mobile .header-bottom-row .secondary-menu-container h2 {
    min-width: 120px;
    max-width: 55%;
    line-height: 22px;
    font-size: 16px;
  }
}

@media only screen and (min-width: 821px) and (max-width: 1024px) {
  .wdc-header-main .header-bottom-row .secondary-menu-container h2,
  .wdc-header-main-mobile .header-bottom-row .secondary-menu-container h2 {
    min-width: 150px;
    max-width: 60%;
    line-height: 24px;
  }
}

.wdc-header-main .header-bottom-row .secondary-menu-container .menu-bar,
.wdc-header-main-mobile .header-bottom-row .secondary-menu-container .menu-bar {
  margin-left: 0;
}

.wdc-header-main .header-bottom-row .secondary-menu-container .menu-bar .menu-item,
.wdc-header-main-mobile .header-bottom-row .secondary-menu-container .menu-bar .menu-item {
  position: relative;
}

.wdc-header-main .header-bottom-row .secondary-menu-container .menu-bar .menu-item.active::after,
.wdc-header-main-mobile .header-bottom-row .secondary-menu-container .menu-bar .menu-item.active::after {
  height: 0.1875rem;
  background: #022043;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
}

.wdc-header-main .header-bottom-row .secondary-menu-container .menu-bar .menu-item .popup-btn,
.wdc-header-main-mobile .header-bottom-row .secondary-menu-container .menu-bar .menu-item .popup-btn {
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: normal;
  color: #022043;
  margin: 0;
  padding: 13px 16px;
}

.wdc-header-main .header-bottom-row .secondary-menu-container .menu-bar .menu-item .popup-btn:hover,
.wdc-header-main-mobile .header-bottom-row .secondary-menu-container .menu-bar .menu-item .popup-btn:hover {
  background: rgba(0, 0, 0, 0.08);
  box-shadow: none;
  animation: none;
}

.wdc-header-main .header-bottom-row .secondary-menu-container .menu-bar .menu-item .popup-container,
.wdc-header-main-mobile .header-bottom-row .secondary-menu-container .menu-bar .menu-item .popup-container {
  margin-top: -8px;
}

.wdc-header-main .header-bottom-row .secondary-menu-container .menu-bar .menu-item .popup-container .popup-items,
.wdc-header-main-mobile .header-bottom-row .secondary-menu-container .menu-bar .menu-item .popup-container .popup-items {
  padding: 0.75rem 0;
  border-radius: 12px;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
  max-height: calc(100vh - 142px);
  overflow-y: auto;
  margin-top: 10px;
  height: auto;
}

.wdc-header-main .header-bottom-row .secondary-menu-container .menu-bar .menu-item .popup-container .popup-items .popup-item a,
.wdc-header-main-mobile .header-bottom-row .secondary-menu-container .menu-bar .menu-item .popup-container .popup-items .popup-item a {
  padding: 0 16px;
}

.wdc-header-main .header-bottom-row .secondary-menu-container .menu-bar .menu-item .popup-container .popup-items .popup-item a:hover,
.wdc-header-main-mobile .header-bottom-row .secondary-menu-container .menu-bar .menu-item .popup-container .popup-items .popup-item a:hover {
  background: rgba(0, 0, 0, 0.08);
  box-shadow: none;
  animation: none;
  cursor: pointer;
  border-radius: 8px;
}

.wdc-header-main .header-bottom-row .secondary-menu-container .menu-bar .menu-item .popup-container .popup-items .popup-item a .item-title,
.wdc-header-main-mobile .header-bottom-row .secondary-menu-container .menu-bar .menu-item .popup-container .popup-items .popup-item a .item-title {
  font-size: 1rem;
  font-weight: 400 !important;
  line-height: 20px;
  letter-spacing: normal;
  color: #022043;
}

.wdc-header-main .header-bottom-row .secondary-menu-container .menu-bar .popup-open,
.wdc-header-main-mobile .header-bottom-row .secondary-menu-container .menu-bar .popup-open {
  vertical-align: bottom;
  transform: rotate(90deg);
}

.wdc-header-main .header-bottom-row .secondary-menu-container .menu-bar .popup-close,
.wdc-header-main-mobile .header-bottom-row .secondary-menu-container .menu-bar .popup-close {
  vertical-align: bottom;
  transform: rotate(90deg);
}

.wdc-header-main .has-border-bottom,
.wdc-header-main-mobile .has-border-bottom {
  border-bottom: 1px solid #B6C1CC;
}

[data-whatinput=mouse] .wdc-header-main a.wd-logo-link:focus,
[data-whatinput=mouse] .wdc-header-main-mobile a.wd-logo-link:focus,
[data-whatinput=touch] .wdc-header-main a.wd-logo-link:focus,
[data-whatinput=touch] .wdc-header-main-mobile a.wd-logo-link:focus,
[data-whatinput=pointer] .wdc-header-main a.wd-logo-link:focus,
[data-whatinput=pointer] .wdc-header-main-mobile a.wd-logo-link:focus {
  outline: none;
  border-color: transparent;
  border-radius: 8px;
}
/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-amber-100: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-amber-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-amber-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-amber-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-amber-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-amber-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-amber-700: oklch(0.4824 0.1353 46.11 / 1);
  --cnvs-base-palette-amber-800: oklch(0.4143 0.1245 42.21 / 1);
  --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
  --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
  --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
  --cnvs-base-palette-azure-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-azure-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-azure-400: oklch(0.7283 0.1377 242.63 / 1);
  --cnvs-base-palette-azure-500: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-azure-600: oklch(0.5174 0.1257 243.24 / 1);
  --cnvs-base-palette-azure-700: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-azure-800: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
  --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
  --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
  --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
  --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
  --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blue-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-blue-300: oklch(0.7933 0.1076 252.08 / 1);
  --cnvs-base-palette-blue-400: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blue-500: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-blue-600: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blue-700: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blue-800: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
  --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
  --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
  --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-coral-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-coral-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-coral-400: oklch(0.7279 0.1703 38.58 / 1);
  --cnvs-base-palette-coral-500: oklch(0.6779 0.2096 40.36 / 1);
  --cnvs-base-palette-coral-600: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-coral-700: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-coral-800: oklch(0.393 0.143 33.49 / 1);
  --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
  --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
  --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
  --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
  --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-200: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-300: oklch(0.7817 0.1928 150.67 / 1);
  --cnvs-base-palette-green-400: oklch(0.702 0.1952 148.39 / 1);
  --cnvs-base-palette-green-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-green-600: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-700: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-800: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
  --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
  --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
  --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
  --cnvs-base-palette-indigo-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-indigo-300: oklch(0.7625 0.1242 281 / 1);
  --cnvs-base-palette-indigo-400: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-indigo-500: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-indigo-600: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-palette-indigo-700: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-indigo-800: oklch(0.379 0.1771 278.1 / 1);
  --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
  --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
  --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
  --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
  --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
  --cnvs-base-palette-neutral-100: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-neutral-200: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-neutral-300: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-neutral-400: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-neutral-500: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-neutral-600: oklch(0.5103 0 0 / 1);
  --cnvs-base-palette-neutral-700: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-neutral-800: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-neutral-900: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-neutral-950: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-neutral-975: oklch(0.1591 0 0 / 1);
  --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
  --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
  --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
  --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-orange-200: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-orange-300: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-orange-400: oklch(0.7261 0.1852 52.58 / 1);
  --cnvs-base-palette-orange-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-orange-600: oklch(0.53 0.165 40.39 / 1);
  --cnvs-base-palette-orange-700: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-orange-800: oklch(0.4077 0.1336 37.92 / 1);
  --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
  --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
  --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
  --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
  --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
  --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
  --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
  --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
  --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
  --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
  --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
  --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
  --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
  --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-palette-purple-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-purple-300: oklch(0.8108 0.1412 315.48 / 1);
  --cnvs-base-palette-purple-400: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-purple-500: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-purple-600: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-purple-700: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-purple-800: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
  --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
  --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
  --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-red-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-red-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-red-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-red-500: oklch(0.6495 0.2369 30.04 / 1);
  --cnvs-base-palette-red-600: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-red-700: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-red-800: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
  --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
  --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
  --cnvs-base-palette-slate-25: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-slate-50: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-slate-100: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-slate-200: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-slate-300: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-slate-400: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-slate-500: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-slate-600: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-slate-700: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-slate-800: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-slate-900: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-slate-950: oklch(0.2453 0.0136 253.1 / 1);
  --cnvs-base-palette-slate-975: oklch(0.18 0.008 248.33 / 1);
  --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
  --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-teal-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-teal-300: oklch(0.7836 0.0874 204.93 / 1);
  --cnvs-base-palette-teal-400: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-teal-500: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-teal-600: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-teal-700: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
  --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
  --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
  --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
  --cnvs-base-palette-cinnamon-100: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-cinnamon-200: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-cinnamon-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-cinnamon-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-cinnamon-500: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-cinnamon-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-peach-100: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-peach-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-peach-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-peach-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-peach-500: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-peach-600: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-chili-mango-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-chili-mango-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-chili-mango-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-chili-mango-400: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-600: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-cantaloupe-100: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-cantaloupe-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-cantaloupe-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-cantaloupe-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-cantaloupe-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-cantaloupe-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-sour-lemon-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-sour-lemon-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-sour-lemon-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-sour-lemon-400: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-500: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-600: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-juicy-pear-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-juicy-pear-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-juicy-pear-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-400: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-juicy-pear-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-kiwi-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-kiwi-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-kiwi-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-kiwi-400: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-apple-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-apple-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-apple-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-apple-500: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-watermelon-200: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-watermelon-300: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-watermelon-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-watermelon-500: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-jewel-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-jewel-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-jewel-300: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-jewel-400: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-jewel-500: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-jewel-600: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-toothpaste-100: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-toothpaste-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-toothpaste-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-toothpaste-400: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-toothpaste-500: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-toothpaste-600: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-blueberry-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-200: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blueberry-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blueberry-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blueberry-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-plum-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-plum-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-plum-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-plum-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-plum-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-plum-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-berry-smoothie-100: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-berry-smoothie-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-berry-smoothie-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-berry-smoothie-400: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-berry-smoothie-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-berry-smoothie-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blackberry-100: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-blackberry-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-blackberry-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-blackberry-400: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-blackberry-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-blackberry-600: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-island-punch-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-island-punch-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-island-punch-300: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-500: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-island-punch-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-grape-soda-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-grape-soda-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-grape-soda-300: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-grape-soda-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-grape-soda-500: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-grape-soda-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-pomegranate-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-pomegranate-200: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-pomegranate-300: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-400: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-500: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-pomegranate-600: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-fruit-punch-100: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-fruit-punch-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-fruit-punch-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-fruit-punch-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-500: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-root-beer-100: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-root-beer-200: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-root-beer-300: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-400: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-500: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-root-beer-600: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-toasted-marshmallow-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-toasted-marshmallow-200: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-toasted-marshmallow-300: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-toasted-marshmallow-400: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-toasted-marshmallow-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-toasted-marshmallow-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-licorice-100: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-licorice-200: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-licorice-300: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-licorice-400: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-licorice-500: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-licorice-600: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-soap-100: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-soap-200: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-soap-300: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-soap-400: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-soap-500: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-soap-600: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-french-vanilla-100: oklch(1 0 0 / 1);
  --cnvs-base-palette-french-vanilla-200: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-french-vanilla-300: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-french-vanilla-400: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-french-vanilla-500: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-french-vanilla-600: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-100: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-200: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-black-pepper-300: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-black-pepper-400: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-black-pepper-500: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-black-pepper-600: oklch(0 0 0 / 1);
  --cnvs-base-palette-coconut-100: #F0EEEE;
  --cnvs-base-palette-coconut-200: #e3dfdf;
  --cnvs-base-palette-coconut-300: #d1cbcc;
  --cnvs-base-palette-coconut-400: #b3acac;
  --cnvs-base-palette-coconut-500: #9e9595;
  --cnvs-base-palette-coconut-600: #8F8687;
  --cnvs-base-palette-cappuccino-100: #7A7374;
  --cnvs-base-palette-cappuccino-200: #706869;
  --cnvs-base-palette-cappuccino-300: #5E5757;
  --cnvs-base-palette-cappuccino-400: #4A4242;
  --cnvs-base-palette-cappuccino-500: #352f2f;
  --cnvs-base-palette-cappuccino-600: #231f20;
  --cnvs-base-opacity-0: 0;
  --cnvs-base-opacity-100: 0.08;
  --cnvs-base-opacity-200: 0.12;
  --cnvs-base-opacity-250: 0.2;
  --cnvs-base-opacity-300: 0.4;
  --cnvs-base-opacity-400: 0.64;
  --cnvs-base-opacity-500: 0.84;
  --cnvs-base-font-size-25: 0.625rem;
  --cnvs-base-font-size-50: 0.75rem;
  --cnvs-base-font-size-75: 0.875rem;
  --cnvs-base-font-size-100: 1rem;
  --cnvs-base-font-size-125: 1.125rem;
  --cnvs-base-font-size-150: 1.25rem;
  --cnvs-base-font-size-200: 1.5rem;
  --cnvs-base-font-size-250: 1.75rem;
  --cnvs-base-font-size-300: 2rem;
  --cnvs-base-font-size-400: 2.5rem;
  --cnvs-base-font-size-500: 3rem;
  --cnvs-base-font-size-600: 3.5rem;
  --cnvs-base-font-size-750: 4.5rem;
  --cnvs-base-font-size-900: 5.5rem;
  --cnvs-base-font-size-1050: 6.5rem;
  --cnvs-base-line-height-50: 1rem;
  --cnvs-base-line-height-100: 1.25rem;
  --cnvs-base-line-height-150: 1.5rem;
  --cnvs-base-line-height-200: 1.75rem;
  --cnvs-base-line-height-250: 2rem;
  --cnvs-base-line-height-300: 2.25rem;
  --cnvs-base-line-height-350: 2.5rem;
  --cnvs-base-line-height-400: 3rem;
  --cnvs-base-line-height-500: 3.5rem;
  --cnvs-base-line-height-600: 4rem;
  --cnvs-base-line-height-750: 4.5rem;
  --cnvs-base-line-height-900: 5.5rem;
  --cnvs-base-line-height-1050: 6.5rem;
  --cnvs-base-font-family-50: "Roboto"; /* Default font-family */
  --cnvs-base-font-family-100: "Roboto Mono";
  --cnvs-base-font-family-200: "Noto Sans";
  --cnvs-base-font-weight-300: 300;
  --cnvs-base-font-weight-400: 400;
  --cnvs-base-font-weight-500: 500;
  --cnvs-base-font-weight-700: 700;
  --cnvs-base-letter-spacing-50: 0.025rem;
  --cnvs-base-letter-spacing-100: 0.02rem;
  --cnvs-base-letter-spacing-150: 0.015rem;
  --cnvs-base-letter-spacing-200: 0.01rem;
  --cnvs-base-unit: 0.25rem; /* The base unit used in the grid system.;  */
  --cnvs-base-extended-palette-dragon-fruit-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-extended-palette-dragon-fruit-200: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-extended-palette-dragon-fruit-300: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-extended-palette-dragon-fruit-400: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-extended-palette-dragon-fruit-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-extended-palette-dragon-fruit-600: oklch(0.317 0.142 278.2 / 1);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Standard card depth */
  --cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Top navigation, Bottom Navigation */
  --cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Floating Action Buttons (FAB), Menus */
  --cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.5rem 2rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Bottom Sheets */
  --cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.625rem 2.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied) */
  --cnvs-sys-depth-6: 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.75rem 3rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied) */
  --cnvs-sys-space-zero: 0; /* Stacks, rows in tables */
  --cnvs-sys-shape-zero: 0rem; /* This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels. */
  --cnvs-sys-opacity-full: 1; /* Dev only */
  --cnvs-sys-opacity-zero: 0; /* Dev only */
  --cnvs-sys-breakpoints-zero: 0px; /* Use to set a media query `min-width` below small. */
  --cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);
  --cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);
  --cnvs-sys-font-weight-normal: var(--cnvs-base-font-weight-400);
  --cnvs-sys-font-weight-light: var(--cnvs-base-font-weight-300);
  --cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);
  --cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);
  --cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);
  --cnvs-sys-line-height-heading-large: var(--cnvs-base-line-height-350);
  --cnvs-sys-line-height-heading-medium: var(--cnvs-base-line-height-300);
  --cnvs-sys-line-height-heading-small: var(--cnvs-base-line-height-250);
  --cnvs-sys-line-height-body-large: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-medium: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-small: var(--cnvs-base-line-height-150);
  --cnvs-sys-line-height-subtext-large: var(--cnvs-base-line-height-100);
  --cnvs-sys-line-height-subtext-medium: var(--cnvs-base-line-height-50);
  --cnvs-sys-line-height-subtext-small: var(--cnvs-base-line-height-50);
  --cnvs-sys-font-size-subtext-small: var(--cnvs-base-font-size-25);
  --cnvs-sys-font-family-global: var(--cnvs-base-font-family-200);
  --cnvs-sys-font-family-mono: var(--cnvs-base-font-family-100);
  --cnvs-sys-font-family-default: var(--cnvs-base-font-family-50);
  --cnvs-sys-space-x20: calc(var(--cnvs-base-unit) * 20); /* - Use sparingly; - Helps to put focus on the primary element within your page; - Use to de-clutter your UI when a lot of space is available */
  --cnvs-sys-space-x16: calc(var(--cnvs-base-unit) * 16); /* - Use to de-clutter your UI when a lot of space is available; - Separate banner sections from page content; - Use to differentiate page content like page sections */
  --cnvs-sys-space-x10: calc(var(--cnvs-base-unit) * 10); /* • Used for outer margins on the overall page content ; • Used for inner margins on large items such as page sections */
  --cnvs-sys-space-x8: calc(var(--cnvs-base-unit) * 8); /* • Standard spacing between cards; • Used to separate groups of content ; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x6: calc(var(--cnvs-base-unit) * 6); /* • Padding around card content; • Related elements where more space between them can be afforded; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x4: calc(var(--cnvs-base-unit) * 4); /* Default space token. Used to group Inputs with related data */
  --cnvs-sys-space-x3: calc(var(--cnvs-base-unit) * 3); /* Use when compact padding is required */
  --cnvs-sys-space-x2: calc(var(--cnvs-base-unit) * 2); /* Commonly used to group compact elements like icon buttons */
  --cnvs-sys-space-x1: var(--cnvs-base-unit); /* Compact spacing between text or icons */
  --cnvs-sys-shape-round: calc(var(--cnvs-base-unit) * 250); /* Commonly used for our standard buttons and profile avatars: All Primary, Secondary Buttons, Radio Buttons and Notification Badges. */
  --cnvs-sys-shape-x2: calc(var(--cnvs-base-unit) * 2); /* Use this for all the containers and popups: All Cards, Modals, Tooltips and Toasts. */
  --cnvs-sys-shape-x1-half: calc(var(--cnvs-base-unit) * 1.5);
  --cnvs-sys-shape-x1: var(--cnvs-base-unit);
  --cnvs-sys-shape-half: calc(var(--cnvs-base-unit) * 0.5); /* Use this for subtle and small components that don’t require to group complex information like Status Indicators, Checkboxes and Color Swatches. */
  --cnvs-sys-opacity-shadow-second: var(--cnvs-base-opacity-100); /* Alpha on second shadow */
  --cnvs-sys-opacity-shadow-first: var(--cnvs-base-opacity-200); /* Alpha on first shadow */
  --cnvs-sys-opacity-contrast: var(--cnvs-base-opacity-500); /* Tooltips, Status Indicator */
  --cnvs-sys-opacity-overlay: var(--cnvs-base-opacity-400); /* Overlay */
  --cnvs-sys-opacity-disabled: var(--cnvs-base-opacity-300); /* Disabled states */
  --cnvs-sys-breakpoints-xl: 1440px; /* Used for extra large screens, such as wide monitors and TVs. */
  --cnvs-sys-breakpoints-l: 1024px; /* Large screens, such as desktops. */
  --cnvs-sys-breakpoints-m: 768px; /* Medium screens, such as laptops. */
  --cnvs-sys-breakpoints-s: 320px; /* The `min-width` for mobile devices, such as phones and tablets. */
  --cnvs-sys-color-shadow-default: var(--cnvs-base-palette-slate-900); /* Main shadow color */
  --cnvs-sys-color-shadow-2: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-100)); /* Second shadow color */
  --cnvs-sys-color-shadow-1: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-200)); /* First shadow color */
  --cnvs-sys-color-border-info-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950); /* Active state on AI borders */
  --cnvs-sys-color-border-container: var(--cnvs-base-palette-slate-300); /* Cards, Toasts, Surfaces */
  --cnvs-sys-color-border-divider: var(--cnvs-base-palette-slate-200); /* Dividers */
  --cnvs-sys-color-border-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on accent colors */
  --cnvs-sys-color-border-transparent: transparent; /* Transparent */
  --cnvs-sys-color-border-caution-strong: var(--cnvs-base-palette-amber-500); /* Warning outer (box shadow) */
  --cnvs-sys-color-border-caution-default: var(--cnvs-base-palette-amber-400); /* Warning inner */
  --cnvs-sys-color-border-critical-default: var(--cnvs-base-palette-red-500); /* Error */
  --cnvs-sys-color-border-primary-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Secondary Button Hover */
  --cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-900); /* Secondary Button */
  --cnvs-sys-color-border-input-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on checkboxes and radios */
  --cnvs-sys-color-border-input-strong: var(--cnvs-base-palette-slate-700); /* Input hover */
  --cnvs-sys-color-border-input-default: var(--cnvs-base-palette-slate-500); /* Inputs */
  --cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-slate-400); /* Disabled inputs */
  --cnvs-sys-color-fg-positive-stronger: var(--cnvs-base-palette-green-800); /* Error */
  --cnvs-sys-color-fg-positive-strong: var(--cnvs-base-palette-green-700); /* Error */
  --cnvs-sys-color-fg-positive-soft: var(--cnvs-base-palette-green-400); /* Error */
  --cnvs-sys-color-fg-positive-softer: var(--cnvs-base-palette-green-200); /* Error */
  --cnvs-sys-color-fg-positive-default: var(--cnvs-base-palette-green-600); /* Error */
  --cnvs-sys-color-fg-info-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-info-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-info-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950); /* AI icons and text */
  --cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Strong contrast */
  --cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast */
  --cnvs-sys-color-fg-caution-softer: var(--cnvs-base-palette-amber-500); /* Warning */
  --cnvs-sys-color-fg-caution-stronger: var(--cnvs-base-palette-amber-975); /* Warning on hover */
  --cnvs-sys-color-fg-caution-soft: var(--cnvs-base-palette-amber-700); /* Warning */
  --cnvs-sys-color-fg-caution-strong: var(--cnvs-base-palette-amber-950); /* Warning on hover */
  --cnvs-sys-color-fg-caution-default: var(--cnvs-base-palette-amber-900); /* Warning */
  --cnvs-sys-color-fg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-primary-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-primary-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-primary-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-primary-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-slate-400); /* Tab item foreground */
  --cnvs-sys-color-fg-muted-stronger: var(--cnvs-base-palette-slate-800);
  --cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-slate-600); /* Hint text */
  --cnvs-sys-color-fg-critical-softer: var(--cnvs-base-palette-red-200); /* Error */
  --cnvs-sys-color-fg-critical-soft: var(--cnvs-base-palette-red-400); /* Error */
  --cnvs-sys-color-fg-critical-stronger: var(--cnvs-base-palette-red-800); /* Error */
  --cnvs-sys-color-fg-critical-strong: var(--cnvs-base-palette-red-700); /* Error */
  --cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-red-600); /* Error */
  --cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse */
  --cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-slate-400); /* Disabled */
  --cnvs-sys-color-fg-stronger: var(--cnvs-base-palette-neutral-950); /* Heading on hover */
  --cnvs-sys-color-fg-strong: var(--cnvs-base-palette-neutral-900); /* Headings */
  --cnvs-sys-color-fg-default: var(--cnvs-base-palette-neutral-800); /* Body */
  --cnvs-sys-color-icon-info-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-disabled: var(--cnvs-base-palette-slate-400); /* Disabled icon color */
  --cnvs-sys-color-icon-caution-softer: var(--cnvs-base-palette-amber-500); /* Softer caution icon color */
  --cnvs-sys-color-icon-caution-soft: var(--cnvs-base-palette-amber-700); /* Soft caution icon color */
  --cnvs-sys-color-icon-caution-stronger: var(--cnvs-base-palette-amber-975); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-default: var(--cnvs-base-palette-amber-900); /* Caution icon color */
  --cnvs-sys-color-icon-critical-softer: var(--cnvs-base-palette-red-200); /* Error icon color */
  --cnvs-sys-color-icon-critical-soft: var(--cnvs-base-palette-red-400); /* Error icon color */
  --cnvs-sys-color-icon-critical-stronger: var(--cnvs-base-palette-red-800); /* Error icon color */
  --cnvs-sys-color-icon-critical-strong: var(--cnvs-base-palette-red-700); /* Error icon color */
  --cnvs-sys-color-icon-critical-default: var(--cnvs-base-palette-red-600); /* Error icon color */
  --cnvs-sys-color-icon-positive-softer: var(--cnvs-base-palette-green-200); /* Success icon color */
  --cnvs-sys-color-icon-positive-soft: var(--cnvs-base-palette-green-400); /* Success icon color */
  --cnvs-sys-color-icon-positive-stronger: var(--cnvs-base-palette-green-800); /* Success icon color */
  --cnvs-sys-color-icon-positive-strong: var(--cnvs-base-palette-green-700); /* Success icon color */
  --cnvs-sys-color-icon-positive-default: var(--cnvs-base-palette-green-600); /* Success icon color */
  --cnvs-sys-color-icon-primary-softer: var(--cnvs-base-palette-blue-200); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-soft: var(--cnvs-base-palette-blue-400); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse icon color */
  --cnvs-sys-color-icon-strong: var(--cnvs-base-palette-neutral-900); /* Hover icon color */
  --cnvs-sys-color-icon-soft: var(--cnvs-base-palette-slate-600); /* Disabled icon color */
  --cnvs-sys-color-icon-default: var(--cnvs-base-palette-neutral-800); /* Default icon color */
  --cnvs-sys-color-text-info-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-info-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-info-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-info-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-info-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-positive-softer: var(--cnvs-base-palette-green-200); /* Active links */
  --cnvs-sys-color-text-positive-soft: var(--cnvs-base-palette-green-400); /* Active links */
  --cnvs-sys-color-text-positive-stronger: var(--cnvs-base-palette-green-800); /* Active links */
  --cnvs-sys-color-text-positive-strong: var(--cnvs-base-palette-green-700); /* Branded hover text */
  --cnvs-sys-color-text-positive-default: var(--cnvs-base-palette-green-600); /* Branded text */
  --cnvs-sys-color-text-ai: var(--cnvs-base-palette-blue-950);
  --cnvs-sys-color-text-caution-softer: var(--cnvs-base-palette-amber-200); /* Softer warning text */
  --cnvs-sys-color-text-caution-stronger: var(--cnvs-base-palette-amber-975); /* Stronger warning text */
  --cnvs-sys-color-text-caution-soft: var(--cnvs-base-palette-amber-400); /* Disabled warning text */
  --cnvs-sys-color-text-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong warning text */
  --cnvs-sys-color-text-caution-default: var(--cnvs-base-palette-amber-900); /* Warning text */
  --cnvs-sys-color-text-primary-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-primary-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-primary-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-primary-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-primary-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-critical-softer: var(--cnvs-base-palette-red-200); /* Error text */
  --cnvs-sys-color-text-critical-soft: var(--cnvs-base-palette-red-400); /* Error text */
  --cnvs-sys-color-text-critical-stronger: var(--cnvs-base-palette-red-800); /* Error text */
  --cnvs-sys-color-text-critical-strong: var(--cnvs-base-palette-red-700); /* Error text */
  --cnvs-sys-color-text-critical-default: var(--cnvs-base-palette-red-600); /* Error text */
  --cnvs-sys-color-text-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse text color */
  --cnvs-sys-color-text-hint: var(--cnvs-base-palette-slate-600); /* Hint text color */
  --cnvs-sys-color-text-disabled: var(--cnvs-base-palette-slate-400); /* Disabled text color */
  --cnvs-sys-color-text-stronger: var(--cnvs-base-palette-neutral-950); /* Display text */
  --cnvs-sys-color-text-strong: var(--cnvs-base-palette-neutral-900); /* Heading text */
  --cnvs-sys-color-text-default: var(--cnvs-base-palette-neutral-800); /* Body text */
  --cnvs-sys-color-bg-info-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-info-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-info-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-info-soft: var(--cnvs-base-palette-blue-100); /* Disabled */
  --cnvs-sys-color-bg-info-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-info-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-ai-strongest: var(--cnvs-base-palette-blue-950); /* AI surfaces */
  --cnvs-sys-color-bg-ai-stronger: var(--cnvs-base-palette-blue-400); /* Active state on AI containers */
  --cnvs-sys-color-bg-ai-strong: var(--cnvs-base-palette-blue-200); /* Hover on AI container */
  --cnvs-sys-color-bg-ai-default: var(--cnvs-base-palette-blue-100); /* AI container */
  --cnvs-sys-color-bg-critical-stronger: var(--cnvs-base-palette-red-800); /* Stronger error background */
  --cnvs-sys-color-bg-critical-strong: var(--cnvs-base-palette-red-700); /* Strong error background */
  --cnvs-sys-color-bg-critical-default: var(--cnvs-base-palette-red-600); /* Default error background */
  --cnvs-sys-color-bg-critical-soft: var(--cnvs-base-palette-red-100); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softer: var(--cnvs-base-palette-red-50); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softest: var(--cnvs-base-palette-red-25); /* Input error background */
  --cnvs-sys-color-bg-caution-stronger: var(--cnvs-base-palette-amber-600); /* Stronger warning background */
  --cnvs-sys-color-bg-caution-strong: var(--cnvs-base-palette-amber-500); /* Strong warning background */
  --cnvs-sys-color-bg-caution-default: var(--cnvs-base-palette-amber-400); /* Default warning background */
  --cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-100); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softer: var(--cnvs-base-palette-amber-50); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softest: var(--cnvs-base-palette-amber-25); /* Disabled warning background */
  --cnvs-sys-color-bg-positive-stronger: var(--cnvs-base-palette-green-800); /* Active success background */
  --cnvs-sys-color-bg-positive-strong: var(--cnvs-base-palette-green-700); /* Hover success background */
  --cnvs-sys-color-bg-positive-default: var(--cnvs-base-palette-green-600); /* Disabled success background */
  --cnvs-sys-color-bg-positive-soft: var(--cnvs-base-palette-green-100); /* Disabled success background */
  --cnvs-sys-color-bg-positive-softer: var(--cnvs-base-palette-green-50); /* Surface success background */
  --cnvs-sys-color-bg-positive-softest: var(--cnvs-base-palette-green-25); /* Lightest surface success background */
  --cnvs-sys-color-bg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-primary-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-primary-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-100); /* Primary disabled */
  --cnvs-sys-color-bg-primary-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-primary-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-bg-muted-default: var(--cnvs-base-palette-slate-600);
  --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-slate-500);
  --cnvs-sys-color-bg-muted-softer: var(--cnvs-base-palette-slate-400);
  --cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-slate-300); /* Active state for segmented control, Pill */
  --cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-slate-200); /* Active states */
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-100); /* Surface hover, Secondary surfaces */
  --cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-slate-50); /* Alternative page background */
  --cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-slate-25); /* Disabled inputs */
  --cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
  --cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-400)); /* Overlay background */
  --cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-250)); /* Inverse Secondary Button Active state */
  --cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-100)); /* Inverse Secondary Button Hover state */
  --cnvs-sys-color-bg-transparent-default: transparent; /* Transparent background */
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0); /* Main background color */
  --cnvs-sys-color-static-amber-soft: var(--cnvs-base-palette-amber-100); /* Soft amber */
  --cnvs-sys-color-static-amber-strongest: var(--cnvs-base-palette-amber-950); /* Stronger amber */
  --cnvs-sys-color-static-amber-softer: var(--cnvs-base-palette-amber-50); /* Soft amber */
  --cnvs-sys-color-static-amber-stronger: var(--cnvs-base-palette-amber-600); /* Stronger amber */
  --cnvs-sys-color-static-amber-strong: var(--cnvs-base-palette-amber-500); /* Stronger amber */
  --cnvs-sys-color-static-amber-softest: var(--cnvs-base-palette-amber-25); /* Soft amber */
  --cnvs-sys-color-static-amber-default: var(--cnvs-base-palette-amber-400); /* amber */
  --cnvs-sys-color-static-gray-softer: var(--cnvs-base-palette-slate-100); /* Light gray */
  --cnvs-sys-color-static-gray-softest: var(--cnvs-base-palette-slate-50); /* Light gray */
  --cnvs-sys-color-static-gray-strongest: var(--cnvs-base-palette-slate-950); /* Strongerer gray */
  --cnvs-sys-color-static-gray-stronger: var(--cnvs-base-palette-slate-800); /* Strongerer gray */
  --cnvs-sys-color-static-gray-strong: var(--cnvs-base-palette-slate-700); /* Stronger gray */
  --cnvs-sys-color-static-gray-soft: var(--cnvs-base-palette-slate-200); /* Light gray */
  --cnvs-sys-color-static-gray-default: var(--cnvs-base-palette-slate-600); /* Gray */
  --cnvs-sys-color-static-black: var(--cnvs-base-palette-neutral-1000); /* Just black */
  --cnvs-sys-color-static-white: var(--cnvs-base-palette-neutral-0); /* Just white */
  --cnvs-sys-color-static-red-softer: var(--cnvs-base-palette-red-50); /* Light red */
  --cnvs-sys-color-static-red-strongest: var(--cnvs-base-palette-red-950); /* Strong red */
  --cnvs-sys-color-static-red-softest: var(--cnvs-base-palette-red-25); /* Light red */
  --cnvs-sys-color-static-red-stronger: var(--cnvs-base-palette-red-800); /* Strong red */
  --cnvs-sys-color-static-red-strong: var(--cnvs-base-palette-red-700); /* Strong red */
  --cnvs-sys-color-static-red-soft: var(--cnvs-base-palette-red-100); /* Light red */
  --cnvs-sys-color-static-red-default: var(--cnvs-base-palette-red-600); /* Red */
  --cnvs-sys-color-static-green-strongest: var(--cnvs-base-palette-green-950); /* Stronger green */
  --cnvs-sys-color-static-green-softest: var(--cnvs-base-palette-green-25); /* Light green */
  --cnvs-sys-color-static-green-stronger: var(--cnvs-base-palette-green-800); /* Stronger green */
  --cnvs-sys-color-static-green-softer: var(--cnvs-base-palette-green-50); /* Light green */
  --cnvs-sys-color-static-green-strong: var(--cnvs-base-palette-green-700); /* Stronger green */
  --cnvs-sys-color-static-green-soft: var(--cnvs-base-palette-green-100); /* Light green */
  --cnvs-sys-color-static-green-default: var(--cnvs-base-palette-green-600); /* Default green */
  --cnvs-sys-color-static-blue-strongest: var(--cnvs-base-palette-blue-950); /* Stronger blue */
  --cnvs-sys-color-static-blue-soft: var(--cnvs-base-palette-blue-100); /* Light blue */
  --cnvs-sys-color-static-blue-softer: var(--cnvs-base-palette-blue-50); /* Light blue */
  --cnvs-sys-color-static-blue-stronger: var(--cnvs-base-palette-blue-800); /* Stronger blue */
  --cnvs-sys-color-static-blue-strong: var(--cnvs-base-palette-blue-700); /* Stronger blue */
  --cnvs-sys-color-static-blue-softest: var(--cnvs-base-palette-blue-25); /* Light blue */
  --cnvs-sys-color-static-blue-default: var(--cnvs-base-palette-blue-600); /* Blue */
  --cnvs-sys-color-static-orange-strong: var(--cnvs-base-palette-amber-500);
  --cnvs-sys-color-static-orange-soft: var(--cnvs-base-palette-amber-100);
  --cnvs-sys-color-static-orange-default: var(--cnvs-base-palette-amber-400);
  --cnvs-sys-color-static-gold-stronger: var(--cnvs-base-palette-amber-600);
  --cnvs-sys-font-size-subtext-medium: var(--cnvs-base-font-size-50);
  --cnvs-sys-font-size-subtext-large: var(--cnvs-base-font-size-75);
  --cnvs-sys-font-size-body-small: var(--cnvs-base-font-size-100);
  --cnvs-sys-font-size-body-medium: var(--cnvs-base-font-size-125);
  --cnvs-sys-font-size-body-large: var(--cnvs-base-font-size-150);
  --cnvs-sys-font-size-heading-small: var(--cnvs-base-font-size-200);
  --cnvs-sys-font-size-heading-medium: var(--cnvs-base-font-size-250);
  --cnvs-sys-font-size-heading-large: var(--cnvs-base-font-size-300);
  --cnvs-sys-font-size-title-small: var(--cnvs-base-font-size-400);
  --cnvs-sys-font-size-title-medium: var(--cnvs-base-font-size-500);
  --cnvs-sys-font-size-title-large: var(--cnvs-base-font-size-600);
}

.cnvs-sys-type-subtext-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-small);
  font-size: var(--cnvs-sys-font-size-subtext-small);
  letter-spacing: var(--cnvs-base-letter-spacing-50);
}

.cnvs-sys-type-subtext-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-medium);
  font-size: var(--cnvs-sys-font-size-subtext-medium);
  letter-spacing: var(--cnvs-base-letter-spacing-100);
}

.cnvs-sys-type-subtext-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-large);
  font-size: var(--cnvs-sys-font-size-subtext-large);
  letter-spacing: var(--cnvs-base-letter-spacing-150);
}

.cnvs-sys-type-body-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-small);
  font-size: var(--cnvs-sys-font-size-body-small);
  letter-spacing: var(--cnvs-base-letter-spacing-200);
}

.cnvs-sys-type-body-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-medium);
  font-size: var(--cnvs-sys-font-size-body-medium);
}

.cnvs-sys-type-body-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-large);
  font-size: var(--cnvs-sys-font-size-body-large);
}

.cnvs-sys-type-heading-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-small);
  font-size: var(--cnvs-sys-font-size-heading-small);
}

.cnvs-sys-type-heading-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-medium);
  font-size: var(--cnvs-sys-font-size-heading-medium);
}

.cnvs-sys-type-heading-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-large);
  font-size: var(--cnvs-sys-font-size-heading-large);
}

.cnvs-sys-type-title-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-small);
  font-size: var(--cnvs-sys-font-size-title-small);
}

.cnvs-sys-type-title-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-medium);
  font-size: var(--cnvs-sys-font-size-title-medium);
}

.cnvs-sys-type-title-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-large);
  font-size: var(--cnvs-sys-font-size-title-large);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
  --cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);
  --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
  --cnvs-brand-neutral-lighter: var(--cnvs-base-palette-slate-50);
  --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-neutral-darkest: var(--cnvs-base-palette-slate-800);
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-slate-700);
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-slate-600);
  --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-25);
  --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
  --cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);
  --cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);
  --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
  --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
  --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);
  --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);
  --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
  --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);
  --cnvs-brand-alert-lighter: var(--cnvs-base-palette-amber-50);
  --cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-error-light: var(--cnvs-base-palette-red-200);
  --cnvs-brand-error-lighter: var(--cnvs-base-palette-red-50);
  --cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);
  --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
  --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
  --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
  --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
  --cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);
  --cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
  --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
  --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
  --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
  --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.text-theme {
  color: #333333;
}

.text-theme:disabled, .text-theme.disabled {
  outline: none;
  color: #a1aab3;
  cursor: not-allowed;
}

.text-theme.highlighted, .text-theme:active {
  background-color: #a6d2ff;
}

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.right-align {
  right: 0;
}

.left-align {
  left: 0;
}

.item-selected {
  border-radius: 99px;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #0057ae;
}

.item-container {
  position: relative;
  cursor: pointer;
  content: "";
  outline: none;
  box-sizing: border-box;
  overflow: visible;
  height: 45px;
  width: 45px;
  align-content: center;
}

.button-popup-open {
  background-color: #ffffff;
  border-radius: 0;
}

.wdc-search-container {
  display: inline-block;
  border: 2px solid transparent;
}

.wdc-search-container * {
  font-family: "Workday Adelle Sans", "sans-serif";
  scroll-behavior: smooth;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .wdc-search-container {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .wdc-search-container {
    padding: 4.5px 4px;
  }
}

@media only screen and (min-width: 768px) {
  .wdc-search-container form.community-global-search {
    margin-left: 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  .wdc-search-container form.community-global-search {
    margin: 12px 20px 16px 14px;
  }
}

@media only screen and (max-width: 767px) {
  .wdc-search-container form.community-global-search > div {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .wdc-search-container form.community-global-search > div > div {
    max-width: 100%;
  }
}

.wdc-search-container form.community-global-search > div > div input[name=search] {
  color: #022043;
  height: 48px;
  padding: 0 86px 0 44px;
}

.wdc-search-container form.community-global-search > div > div input[name=search]::placeholder {
  padding-left: 5px;
  color: #525D6A;
}

.wdc-search-container form.community-global-search > div > div input[name=search]:focus, .wdc-search-container form.community-global-search > div > div input[name=search]:focus-visible {
  border-radius: 24px;
  border: 2px solid #0065CC;
  outline: none;
  box-shadow: none;
}

.wdc-search-container form.community-global-search > div > div input[name=search]:focus::placeholder, .wdc-search-container form.community-global-search > div > div input[name=search]:focus-visible::placeholder {
  color: #f1f3f6;
}

.wdc-search-container form.community-global-search > div > div input[name=search] {
  border-radius: 44px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  font-family: "Workday Adelle Sans", "sans-serif";
}

@media only screen and (min-width: 1094px) {
  .wdc-search-container form.community-global-search > div > div input[name=search] {
    width: 400px;
  }
}

@media only screen and (min-width: 767px) and (max-width: 1093px) {
  .wdc-search-container form.community-global-search > div > div input[name=search] {
    width: 300px;
  }
}

@media only screen and (max-width: 767px) {
  .wdc-search-container form.community-global-search > div > div input[name=search] {
    max-width: 100%;
  }
}

.wdc-search-container form.community-global-search button[aria-label=Search] {
  align-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 399;
  margin: auto 9px;
  padding-left: 8px;
}

.wdc-search-container form.community-global-search button[aria-label="Clear search"] {
  right: 46px;
  margin: auto 8px;
}

.wdc-search-container form.community-global-search button[aria-label="Clear search"]:focus, .wdc-search-container form.community-global-search button[aria-label="Clear search"]:focus-visible {
  border: 2px solid #0057ae;
  box-shadow: none;
  animation: none;
}

.wdc-search-container form.community-global-search button[aria-label="Clear search"]:hover {
  background-color: #DFE2E6;
}

.wdc-search-container form.community-global-search button[aria-label="Clear search"]:active {
  background-color: #CED3D9;
  border: none;
}

.wdc-search-container form.community-global-search svg.wd-icon-search {
  height: 22.16px;
  width: auto;
}

.wdc-search-container form.community-global-search .wd-icon-search .wd-icon-fill,
.wdc-search-container form.community-global-search .wd-icon-x-small .wd-icon-fill {
  fill: #022043;
}

.wdc-search-container form.community-global-search .wd-icon-search-sparkle .wd-icon-fill, .wdc-search-container form.community-global-search .wd-icon-search-sparkle .wd-icon-accent {
  fill: #022043;
}
/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-amber-100: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-amber-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-amber-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-amber-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-amber-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-amber-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-amber-700: oklch(0.4824 0.1353 46.11 / 1);
  --cnvs-base-palette-amber-800: oklch(0.4143 0.1245 42.21 / 1);
  --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
  --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
  --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
  --cnvs-base-palette-azure-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-azure-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-azure-400: oklch(0.7283 0.1377 242.63 / 1);
  --cnvs-base-palette-azure-500: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-azure-600: oklch(0.5174 0.1257 243.24 / 1);
  --cnvs-base-palette-azure-700: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-azure-800: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
  --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
  --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
  --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
  --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
  --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blue-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-blue-300: oklch(0.7933 0.1076 252.08 / 1);
  --cnvs-base-palette-blue-400: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blue-500: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-blue-600: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blue-700: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blue-800: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
  --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
  --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
  --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-coral-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-coral-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-coral-400: oklch(0.7279 0.1703 38.58 / 1);
  --cnvs-base-palette-coral-500: oklch(0.6779 0.2096 40.36 / 1);
  --cnvs-base-palette-coral-600: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-coral-700: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-coral-800: oklch(0.393 0.143 33.49 / 1);
  --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
  --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
  --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
  --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
  --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-200: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-300: oklch(0.7817 0.1928 150.67 / 1);
  --cnvs-base-palette-green-400: oklch(0.702 0.1952 148.39 / 1);
  --cnvs-base-palette-green-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-green-600: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-700: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-800: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
  --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
  --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
  --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
  --cnvs-base-palette-indigo-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-indigo-300: oklch(0.7625 0.1242 281 / 1);
  --cnvs-base-palette-indigo-400: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-indigo-500: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-indigo-600: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-palette-indigo-700: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-indigo-800: oklch(0.379 0.1771 278.1 / 1);
  --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
  --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
  --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
  --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
  --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
  --cnvs-base-palette-neutral-100: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-neutral-200: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-neutral-300: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-neutral-400: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-neutral-500: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-neutral-600: oklch(0.5103 0 0 / 1);
  --cnvs-base-palette-neutral-700: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-neutral-800: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-neutral-900: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-neutral-950: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-neutral-975: oklch(0.1591 0 0 / 1);
  --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
  --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
  --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
  --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-orange-200: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-orange-300: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-orange-400: oklch(0.7261 0.1852 52.58 / 1);
  --cnvs-base-palette-orange-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-orange-600: oklch(0.53 0.165 40.39 / 1);
  --cnvs-base-palette-orange-700: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-orange-800: oklch(0.4077 0.1336 37.92 / 1);
  --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
  --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
  --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
  --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
  --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
  --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
  --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
  --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
  --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
  --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
  --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
  --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
  --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
  --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-palette-purple-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-purple-300: oklch(0.8108 0.1412 315.48 / 1);
  --cnvs-base-palette-purple-400: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-purple-500: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-purple-600: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-purple-700: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-purple-800: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
  --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
  --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
  --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-red-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-red-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-red-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-red-500: oklch(0.6495 0.2369 30.04 / 1);
  --cnvs-base-palette-red-600: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-red-700: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-red-800: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
  --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
  --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
  --cnvs-base-palette-slate-25: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-slate-50: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-slate-100: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-slate-200: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-slate-300: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-slate-400: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-slate-500: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-slate-600: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-slate-700: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-slate-800: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-slate-900: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-slate-950: oklch(0.2453 0.0136 253.1 / 1);
  --cnvs-base-palette-slate-975: oklch(0.18 0.008 248.33 / 1);
  --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
  --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-teal-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-teal-300: oklch(0.7836 0.0874 204.93 / 1);
  --cnvs-base-palette-teal-400: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-teal-500: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-teal-600: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-teal-700: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
  --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
  --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
  --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
  --cnvs-base-palette-cinnamon-100: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-cinnamon-200: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-cinnamon-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-cinnamon-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-cinnamon-500: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-cinnamon-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-peach-100: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-peach-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-peach-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-peach-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-peach-500: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-peach-600: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-chili-mango-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-chili-mango-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-chili-mango-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-chili-mango-400: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-600: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-cantaloupe-100: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-cantaloupe-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-cantaloupe-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-cantaloupe-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-cantaloupe-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-cantaloupe-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-sour-lemon-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-sour-lemon-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-sour-lemon-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-sour-lemon-400: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-500: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-600: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-juicy-pear-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-juicy-pear-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-juicy-pear-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-400: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-juicy-pear-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-kiwi-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-kiwi-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-kiwi-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-kiwi-400: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-apple-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-apple-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-apple-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-apple-500: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-watermelon-200: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-watermelon-300: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-watermelon-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-watermelon-500: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-jewel-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-jewel-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-jewel-300: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-jewel-400: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-jewel-500: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-jewel-600: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-toothpaste-100: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-toothpaste-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-toothpaste-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-toothpaste-400: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-toothpaste-500: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-toothpaste-600: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-blueberry-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-200: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blueberry-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blueberry-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blueberry-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-plum-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-plum-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-plum-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-plum-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-plum-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-plum-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-berry-smoothie-100: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-berry-smoothie-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-berry-smoothie-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-berry-smoothie-400: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-berry-smoothie-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-berry-smoothie-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blackberry-100: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-blackberry-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-blackberry-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-blackberry-400: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-blackberry-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-blackberry-600: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-island-punch-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-island-punch-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-island-punch-300: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-500: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-island-punch-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-grape-soda-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-grape-soda-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-grape-soda-300: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-grape-soda-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-grape-soda-500: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-grape-soda-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-pomegranate-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-pomegranate-200: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-pomegranate-300: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-400: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-500: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-pomegranate-600: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-fruit-punch-100: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-fruit-punch-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-fruit-punch-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-fruit-punch-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-500: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-root-beer-100: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-root-beer-200: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-root-beer-300: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-400: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-500: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-root-beer-600: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-toasted-marshmallow-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-toasted-marshmallow-200: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-toasted-marshmallow-300: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-toasted-marshmallow-400: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-toasted-marshmallow-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-toasted-marshmallow-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-licorice-100: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-licorice-200: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-licorice-300: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-licorice-400: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-licorice-500: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-licorice-600: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-soap-100: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-soap-200: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-soap-300: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-soap-400: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-soap-500: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-soap-600: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-french-vanilla-100: oklch(1 0 0 / 1);
  --cnvs-base-palette-french-vanilla-200: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-french-vanilla-300: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-french-vanilla-400: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-french-vanilla-500: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-french-vanilla-600: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-100: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-200: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-black-pepper-300: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-black-pepper-400: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-black-pepper-500: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-black-pepper-600: oklch(0 0 0 / 1);
  --cnvs-base-palette-coconut-100: #F0EEEE;
  --cnvs-base-palette-coconut-200: #e3dfdf;
  --cnvs-base-palette-coconut-300: #d1cbcc;
  --cnvs-base-palette-coconut-400: #b3acac;
  --cnvs-base-palette-coconut-500: #9e9595;
  --cnvs-base-palette-coconut-600: #8F8687;
  --cnvs-base-palette-cappuccino-100: #7A7374;
  --cnvs-base-palette-cappuccino-200: #706869;
  --cnvs-base-palette-cappuccino-300: #5E5757;
  --cnvs-base-palette-cappuccino-400: #4A4242;
  --cnvs-base-palette-cappuccino-500: #352f2f;
  --cnvs-base-palette-cappuccino-600: #231f20;
  --cnvs-base-opacity-0: 0;
  --cnvs-base-opacity-100: 0.08;
  --cnvs-base-opacity-200: 0.12;
  --cnvs-base-opacity-250: 0.2;
  --cnvs-base-opacity-300: 0.4;
  --cnvs-base-opacity-400: 0.64;
  --cnvs-base-opacity-500: 0.84;
  --cnvs-base-font-size-25: 0.625rem;
  --cnvs-base-font-size-50: 0.75rem;
  --cnvs-base-font-size-75: 0.875rem;
  --cnvs-base-font-size-100: 1rem;
  --cnvs-base-font-size-125: 1.125rem;
  --cnvs-base-font-size-150: 1.25rem;
  --cnvs-base-font-size-200: 1.5rem;
  --cnvs-base-font-size-250: 1.75rem;
  --cnvs-base-font-size-300: 2rem;
  --cnvs-base-font-size-400: 2.5rem;
  --cnvs-base-font-size-500: 3rem;
  --cnvs-base-font-size-600: 3.5rem;
  --cnvs-base-font-size-750: 4.5rem;
  --cnvs-base-font-size-900: 5.5rem;
  --cnvs-base-font-size-1050: 6.5rem;
  --cnvs-base-line-height-50: 1rem;
  --cnvs-base-line-height-100: 1.25rem;
  --cnvs-base-line-height-150: 1.5rem;
  --cnvs-base-line-height-200: 1.75rem;
  --cnvs-base-line-height-250: 2rem;
  --cnvs-base-line-height-300: 2.25rem;
  --cnvs-base-line-height-350: 2.5rem;
  --cnvs-base-line-height-400: 3rem;
  --cnvs-base-line-height-500: 3.5rem;
  --cnvs-base-line-height-600: 4rem;
  --cnvs-base-line-height-750: 4.5rem;
  --cnvs-base-line-height-900: 5.5rem;
  --cnvs-base-line-height-1050: 6.5rem;
  --cnvs-base-font-family-50: "Roboto"; /* Default font-family */
  --cnvs-base-font-family-100: "Roboto Mono";
  --cnvs-base-font-family-200: "Noto Sans";
  --cnvs-base-font-weight-300: 300;
  --cnvs-base-font-weight-400: 400;
  --cnvs-base-font-weight-500: 500;
  --cnvs-base-font-weight-700: 700;
  --cnvs-base-letter-spacing-50: 0.025rem;
  --cnvs-base-letter-spacing-100: 0.02rem;
  --cnvs-base-letter-spacing-150: 0.015rem;
  --cnvs-base-letter-spacing-200: 0.01rem;
  --cnvs-base-unit: 0.25rem; /* The base unit used in the grid system.;  */
  --cnvs-base-extended-palette-dragon-fruit-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-extended-palette-dragon-fruit-200: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-extended-palette-dragon-fruit-300: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-extended-palette-dragon-fruit-400: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-extended-palette-dragon-fruit-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-extended-palette-dragon-fruit-600: oklch(0.317 0.142 278.2 / 1);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Standard card depth */
  --cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Top navigation, Bottom Navigation */
  --cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Floating Action Buttons (FAB), Menus */
  --cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.5rem 2rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Bottom Sheets */
  --cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.625rem 2.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied) */
  --cnvs-sys-depth-6: 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.75rem 3rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied) */
  --cnvs-sys-space-zero: 0; /* Stacks, rows in tables */
  --cnvs-sys-shape-zero: 0rem; /* This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels. */
  --cnvs-sys-opacity-full: 1; /* Dev only */
  --cnvs-sys-opacity-zero: 0; /* Dev only */
  --cnvs-sys-breakpoints-zero: 0px; /* Use to set a media query `min-width` below small. */
  --cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);
  --cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);
  --cnvs-sys-font-weight-normal: var(--cnvs-base-font-weight-400);
  --cnvs-sys-font-weight-light: var(--cnvs-base-font-weight-300);
  --cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);
  --cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);
  --cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);
  --cnvs-sys-line-height-heading-large: var(--cnvs-base-line-height-350);
  --cnvs-sys-line-height-heading-medium: var(--cnvs-base-line-height-300);
  --cnvs-sys-line-height-heading-small: var(--cnvs-base-line-height-250);
  --cnvs-sys-line-height-body-large: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-medium: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-small: var(--cnvs-base-line-height-150);
  --cnvs-sys-line-height-subtext-large: var(--cnvs-base-line-height-100);
  --cnvs-sys-line-height-subtext-medium: var(--cnvs-base-line-height-50);
  --cnvs-sys-line-height-subtext-small: var(--cnvs-base-line-height-50);
  --cnvs-sys-font-size-subtext-small: var(--cnvs-base-font-size-25);
  --cnvs-sys-font-family-global: var(--cnvs-base-font-family-200);
  --cnvs-sys-font-family-mono: var(--cnvs-base-font-family-100);
  --cnvs-sys-font-family-default: var(--cnvs-base-font-family-50);
  --cnvs-sys-space-x20: calc(var(--cnvs-base-unit) * 20); /* - Use sparingly; - Helps to put focus on the primary element within your page; - Use to de-clutter your UI when a lot of space is available */
  --cnvs-sys-space-x16: calc(var(--cnvs-base-unit) * 16); /* - Use to de-clutter your UI when a lot of space is available; - Separate banner sections from page content; - Use to differentiate page content like page sections */
  --cnvs-sys-space-x10: calc(var(--cnvs-base-unit) * 10); /* • Used for outer margins on the overall page content ; • Used for inner margins on large items such as page sections */
  --cnvs-sys-space-x8: calc(var(--cnvs-base-unit) * 8); /* • Standard spacing between cards; • Used to separate groups of content ; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x6: calc(var(--cnvs-base-unit) * 6); /* • Padding around card content; • Related elements where more space between them can be afforded; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x4: calc(var(--cnvs-base-unit) * 4); /* Default space token. Used to group Inputs with related data */
  --cnvs-sys-space-x3: calc(var(--cnvs-base-unit) * 3); /* Use when compact padding is required */
  --cnvs-sys-space-x2: calc(var(--cnvs-base-unit) * 2); /* Commonly used to group compact elements like icon buttons */
  --cnvs-sys-space-x1: var(--cnvs-base-unit); /* Compact spacing between text or icons */
  --cnvs-sys-shape-round: calc(var(--cnvs-base-unit) * 250); /* Commonly used for our standard buttons and profile avatars: All Primary, Secondary Buttons, Radio Buttons and Notification Badges. */
  --cnvs-sys-shape-x2: calc(var(--cnvs-base-unit) * 2); /* Use this for all the containers and popups: All Cards, Modals, Tooltips and Toasts. */
  --cnvs-sys-shape-x1-half: calc(var(--cnvs-base-unit) * 1.5);
  --cnvs-sys-shape-x1: var(--cnvs-base-unit);
  --cnvs-sys-shape-half: calc(var(--cnvs-base-unit) * 0.5); /* Use this for subtle and small components that don’t require to group complex information like Status Indicators, Checkboxes and Color Swatches. */
  --cnvs-sys-opacity-shadow-second: var(--cnvs-base-opacity-100); /* Alpha on second shadow */
  --cnvs-sys-opacity-shadow-first: var(--cnvs-base-opacity-200); /* Alpha on first shadow */
  --cnvs-sys-opacity-contrast: var(--cnvs-base-opacity-500); /* Tooltips, Status Indicator */
  --cnvs-sys-opacity-overlay: var(--cnvs-base-opacity-400); /* Overlay */
  --cnvs-sys-opacity-disabled: var(--cnvs-base-opacity-300); /* Disabled states */
  --cnvs-sys-breakpoints-xl: 1440px; /* Used for extra large screens, such as wide monitors and TVs. */
  --cnvs-sys-breakpoints-l: 1024px; /* Large screens, such as desktops. */
  --cnvs-sys-breakpoints-m: 768px; /* Medium screens, such as laptops. */
  --cnvs-sys-breakpoints-s: 320px; /* The `min-width` for mobile devices, such as phones and tablets. */
  --cnvs-sys-color-shadow-default: var(--cnvs-base-palette-slate-900); /* Main shadow color */
  --cnvs-sys-color-shadow-2: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-100)); /* Second shadow color */
  --cnvs-sys-color-shadow-1: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-200)); /* First shadow color */
  --cnvs-sys-color-border-info-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950); /* Active state on AI borders */
  --cnvs-sys-color-border-container: var(--cnvs-base-palette-slate-300); /* Cards, Toasts, Surfaces */
  --cnvs-sys-color-border-divider: var(--cnvs-base-palette-slate-200); /* Dividers */
  --cnvs-sys-color-border-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on accent colors */
  --cnvs-sys-color-border-transparent: transparent; /* Transparent */
  --cnvs-sys-color-border-caution-strong: var(--cnvs-base-palette-amber-500); /* Warning outer (box shadow) */
  --cnvs-sys-color-border-caution-default: var(--cnvs-base-palette-amber-400); /* Warning inner */
  --cnvs-sys-color-border-critical-default: var(--cnvs-base-palette-red-500); /* Error */
  --cnvs-sys-color-border-primary-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Secondary Button Hover */
  --cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-900); /* Secondary Button */
  --cnvs-sys-color-border-input-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on checkboxes and radios */
  --cnvs-sys-color-border-input-strong: var(--cnvs-base-palette-slate-700); /* Input hover */
  --cnvs-sys-color-border-input-default: var(--cnvs-base-palette-slate-500); /* Inputs */
  --cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-slate-400); /* Disabled inputs */
  --cnvs-sys-color-fg-positive-stronger: var(--cnvs-base-palette-green-800); /* Error */
  --cnvs-sys-color-fg-positive-strong: var(--cnvs-base-palette-green-700); /* Error */
  --cnvs-sys-color-fg-positive-soft: var(--cnvs-base-palette-green-400); /* Error */
  --cnvs-sys-color-fg-positive-softer: var(--cnvs-base-palette-green-200); /* Error */
  --cnvs-sys-color-fg-positive-default: var(--cnvs-base-palette-green-600); /* Error */
  --cnvs-sys-color-fg-info-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-info-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-info-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950); /* AI icons and text */
  --cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Strong contrast */
  --cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast */
  --cnvs-sys-color-fg-caution-softer: var(--cnvs-base-palette-amber-500); /* Warning */
  --cnvs-sys-color-fg-caution-stronger: var(--cnvs-base-palette-amber-975); /* Warning on hover */
  --cnvs-sys-color-fg-caution-soft: var(--cnvs-base-palette-amber-700); /* Warning */
  --cnvs-sys-color-fg-caution-strong: var(--cnvs-base-palette-amber-950); /* Warning on hover */
  --cnvs-sys-color-fg-caution-default: var(--cnvs-base-palette-amber-900); /* Warning */
  --cnvs-sys-color-fg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-primary-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-primary-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-primary-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-primary-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-slate-400); /* Tab item foreground */
  --cnvs-sys-color-fg-muted-stronger: var(--cnvs-base-palette-slate-800);
  --cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-slate-600); /* Hint text */
  --cnvs-sys-color-fg-critical-softer: var(--cnvs-base-palette-red-200); /* Error */
  --cnvs-sys-color-fg-critical-soft: var(--cnvs-base-palette-red-400); /* Error */
  --cnvs-sys-color-fg-critical-stronger: var(--cnvs-base-palette-red-800); /* Error */
  --cnvs-sys-color-fg-critical-strong: var(--cnvs-base-palette-red-700); /* Error */
  --cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-red-600); /* Error */
  --cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse */
  --cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-slate-400); /* Disabled */
  --cnvs-sys-color-fg-stronger: var(--cnvs-base-palette-neutral-950); /* Heading on hover */
  --cnvs-sys-color-fg-strong: var(--cnvs-base-palette-neutral-900); /* Headings */
  --cnvs-sys-color-fg-default: var(--cnvs-base-palette-neutral-800); /* Body */
  --cnvs-sys-color-icon-info-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-disabled: var(--cnvs-base-palette-slate-400); /* Disabled icon color */
  --cnvs-sys-color-icon-caution-softer: var(--cnvs-base-palette-amber-500); /* Softer caution icon color */
  --cnvs-sys-color-icon-caution-soft: var(--cnvs-base-palette-amber-700); /* Soft caution icon color */
  --cnvs-sys-color-icon-caution-stronger: var(--cnvs-base-palette-amber-975); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-default: var(--cnvs-base-palette-amber-900); /* Caution icon color */
  --cnvs-sys-color-icon-critical-softer: var(--cnvs-base-palette-red-200); /* Error icon color */
  --cnvs-sys-color-icon-critical-soft: var(--cnvs-base-palette-red-400); /* Error icon color */
  --cnvs-sys-color-icon-critical-stronger: var(--cnvs-base-palette-red-800); /* Error icon color */
  --cnvs-sys-color-icon-critical-strong: var(--cnvs-base-palette-red-700); /* Error icon color */
  --cnvs-sys-color-icon-critical-default: var(--cnvs-base-palette-red-600); /* Error icon color */
  --cnvs-sys-color-icon-positive-softer: var(--cnvs-base-palette-green-200); /* Success icon color */
  --cnvs-sys-color-icon-positive-soft: var(--cnvs-base-palette-green-400); /* Success icon color */
  --cnvs-sys-color-icon-positive-stronger: var(--cnvs-base-palette-green-800); /* Success icon color */
  --cnvs-sys-color-icon-positive-strong: var(--cnvs-base-palette-green-700); /* Success icon color */
  --cnvs-sys-color-icon-positive-default: var(--cnvs-base-palette-green-600); /* Success icon color */
  --cnvs-sys-color-icon-primary-softer: var(--cnvs-base-palette-blue-200); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-soft: var(--cnvs-base-palette-blue-400); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse icon color */
  --cnvs-sys-color-icon-strong: var(--cnvs-base-palette-neutral-900); /* Hover icon color */
  --cnvs-sys-color-icon-soft: var(--cnvs-base-palette-slate-600); /* Disabled icon color */
  --cnvs-sys-color-icon-default: var(--cnvs-base-palette-neutral-800); /* Default icon color */
  --cnvs-sys-color-text-info-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-info-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-info-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-info-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-info-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-positive-softer: var(--cnvs-base-palette-green-200); /* Active links */
  --cnvs-sys-color-text-positive-soft: var(--cnvs-base-palette-green-400); /* Active links */
  --cnvs-sys-color-text-positive-stronger: var(--cnvs-base-palette-green-800); /* Active links */
  --cnvs-sys-color-text-positive-strong: var(--cnvs-base-palette-green-700); /* Branded hover text */
  --cnvs-sys-color-text-positive-default: var(--cnvs-base-palette-green-600); /* Branded text */
  --cnvs-sys-color-text-ai: var(--cnvs-base-palette-blue-950);
  --cnvs-sys-color-text-caution-softer: var(--cnvs-base-palette-amber-200); /* Softer warning text */
  --cnvs-sys-color-text-caution-stronger: var(--cnvs-base-palette-amber-975); /* Stronger warning text */
  --cnvs-sys-color-text-caution-soft: var(--cnvs-base-palette-amber-400); /* Disabled warning text */
  --cnvs-sys-color-text-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong warning text */
  --cnvs-sys-color-text-caution-default: var(--cnvs-base-palette-amber-900); /* Warning text */
  --cnvs-sys-color-text-primary-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-primary-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-primary-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-primary-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-primary-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-critical-softer: var(--cnvs-base-palette-red-200); /* Error text */
  --cnvs-sys-color-text-critical-soft: var(--cnvs-base-palette-red-400); /* Error text */
  --cnvs-sys-color-text-critical-stronger: var(--cnvs-base-palette-red-800); /* Error text */
  --cnvs-sys-color-text-critical-strong: var(--cnvs-base-palette-red-700); /* Error text */
  --cnvs-sys-color-text-critical-default: var(--cnvs-base-palette-red-600); /* Error text */
  --cnvs-sys-color-text-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse text color */
  --cnvs-sys-color-text-hint: var(--cnvs-base-palette-slate-600); /* Hint text color */
  --cnvs-sys-color-text-disabled: var(--cnvs-base-palette-slate-400); /* Disabled text color */
  --cnvs-sys-color-text-stronger: var(--cnvs-base-palette-neutral-950); /* Display text */
  --cnvs-sys-color-text-strong: var(--cnvs-base-palette-neutral-900); /* Heading text */
  --cnvs-sys-color-text-default: var(--cnvs-base-palette-neutral-800); /* Body text */
  --cnvs-sys-color-bg-info-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-info-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-info-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-info-soft: var(--cnvs-base-palette-blue-100); /* Disabled */
  --cnvs-sys-color-bg-info-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-info-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-ai-strongest: var(--cnvs-base-palette-blue-950); /* AI surfaces */
  --cnvs-sys-color-bg-ai-stronger: var(--cnvs-base-palette-blue-400); /* Active state on AI containers */
  --cnvs-sys-color-bg-ai-strong: var(--cnvs-base-palette-blue-200); /* Hover on AI container */
  --cnvs-sys-color-bg-ai-default: var(--cnvs-base-palette-blue-100); /* AI container */
  --cnvs-sys-color-bg-critical-stronger: var(--cnvs-base-palette-red-800); /* Stronger error background */
  --cnvs-sys-color-bg-critical-strong: var(--cnvs-base-palette-red-700); /* Strong error background */
  --cnvs-sys-color-bg-critical-default: var(--cnvs-base-palette-red-600); /* Default error background */
  --cnvs-sys-color-bg-critical-soft: var(--cnvs-base-palette-red-100); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softer: var(--cnvs-base-palette-red-50); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softest: var(--cnvs-base-palette-red-25); /* Input error background */
  --cnvs-sys-color-bg-caution-stronger: var(--cnvs-base-palette-amber-600); /* Stronger warning background */
  --cnvs-sys-color-bg-caution-strong: var(--cnvs-base-palette-amber-500); /* Strong warning background */
  --cnvs-sys-color-bg-caution-default: var(--cnvs-base-palette-amber-400); /* Default warning background */
  --cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-100); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softer: var(--cnvs-base-palette-amber-50); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softest: var(--cnvs-base-palette-amber-25); /* Disabled warning background */
  --cnvs-sys-color-bg-positive-stronger: var(--cnvs-base-palette-green-800); /* Active success background */
  --cnvs-sys-color-bg-positive-strong: var(--cnvs-base-palette-green-700); /* Hover success background */
  --cnvs-sys-color-bg-positive-default: var(--cnvs-base-palette-green-600); /* Disabled success background */
  --cnvs-sys-color-bg-positive-soft: var(--cnvs-base-palette-green-100); /* Disabled success background */
  --cnvs-sys-color-bg-positive-softer: var(--cnvs-base-palette-green-50); /* Surface success background */
  --cnvs-sys-color-bg-positive-softest: var(--cnvs-base-palette-green-25); /* Lightest surface success background */
  --cnvs-sys-color-bg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-primary-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-primary-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-100); /* Primary disabled */
  --cnvs-sys-color-bg-primary-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-primary-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-bg-muted-default: var(--cnvs-base-palette-slate-600);
  --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-slate-500);
  --cnvs-sys-color-bg-muted-softer: var(--cnvs-base-palette-slate-400);
  --cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-slate-300); /* Active state for segmented control, Pill */
  --cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-slate-200); /* Active states */
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-100); /* Surface hover, Secondary surfaces */
  --cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-slate-50); /* Alternative page background */
  --cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-slate-25); /* Disabled inputs */
  --cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
  --cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-400)); /* Overlay background */
  --cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-250)); /* Inverse Secondary Button Active state */
  --cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-100)); /* Inverse Secondary Button Hover state */
  --cnvs-sys-color-bg-transparent-default: transparent; /* Transparent background */
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0); /* Main background color */
  --cnvs-sys-color-static-amber-soft: var(--cnvs-base-palette-amber-100); /* Soft amber */
  --cnvs-sys-color-static-amber-strongest: var(--cnvs-base-palette-amber-950); /* Stronger amber */
  --cnvs-sys-color-static-amber-softer: var(--cnvs-base-palette-amber-50); /* Soft amber */
  --cnvs-sys-color-static-amber-stronger: var(--cnvs-base-palette-amber-600); /* Stronger amber */
  --cnvs-sys-color-static-amber-strong: var(--cnvs-base-palette-amber-500); /* Stronger amber */
  --cnvs-sys-color-static-amber-softest: var(--cnvs-base-palette-amber-25); /* Soft amber */
  --cnvs-sys-color-static-amber-default: var(--cnvs-base-palette-amber-400); /* amber */
  --cnvs-sys-color-static-gray-softer: var(--cnvs-base-palette-slate-100); /* Light gray */
  --cnvs-sys-color-static-gray-softest: var(--cnvs-base-palette-slate-50); /* Light gray */
  --cnvs-sys-color-static-gray-strongest: var(--cnvs-base-palette-slate-950); /* Strongerer gray */
  --cnvs-sys-color-static-gray-stronger: var(--cnvs-base-palette-slate-800); /* Strongerer gray */
  --cnvs-sys-color-static-gray-strong: var(--cnvs-base-palette-slate-700); /* Stronger gray */
  --cnvs-sys-color-static-gray-soft: var(--cnvs-base-palette-slate-200); /* Light gray */
  --cnvs-sys-color-static-gray-default: var(--cnvs-base-palette-slate-600); /* Gray */
  --cnvs-sys-color-static-black: var(--cnvs-base-palette-neutral-1000); /* Just black */
  --cnvs-sys-color-static-white: var(--cnvs-base-palette-neutral-0); /* Just white */
  --cnvs-sys-color-static-red-softer: var(--cnvs-base-palette-red-50); /* Light red */
  --cnvs-sys-color-static-red-strongest: var(--cnvs-base-palette-red-950); /* Strong red */
  --cnvs-sys-color-static-red-softest: var(--cnvs-base-palette-red-25); /* Light red */
  --cnvs-sys-color-static-red-stronger: var(--cnvs-base-palette-red-800); /* Strong red */
  --cnvs-sys-color-static-red-strong: var(--cnvs-base-palette-red-700); /* Strong red */
  --cnvs-sys-color-static-red-soft: var(--cnvs-base-palette-red-100); /* Light red */
  --cnvs-sys-color-static-red-default: var(--cnvs-base-palette-red-600); /* Red */
  --cnvs-sys-color-static-green-strongest: var(--cnvs-base-palette-green-950); /* Stronger green */
  --cnvs-sys-color-static-green-softest: var(--cnvs-base-palette-green-25); /* Light green */
  --cnvs-sys-color-static-green-stronger: var(--cnvs-base-palette-green-800); /* Stronger green */
  --cnvs-sys-color-static-green-softer: var(--cnvs-base-palette-green-50); /* Light green */
  --cnvs-sys-color-static-green-strong: var(--cnvs-base-palette-green-700); /* Stronger green */
  --cnvs-sys-color-static-green-soft: var(--cnvs-base-palette-green-100); /* Light green */
  --cnvs-sys-color-static-green-default: var(--cnvs-base-palette-green-600); /* Default green */
  --cnvs-sys-color-static-blue-strongest: var(--cnvs-base-palette-blue-950); /* Stronger blue */
  --cnvs-sys-color-static-blue-soft: var(--cnvs-base-palette-blue-100); /* Light blue */
  --cnvs-sys-color-static-blue-softer: var(--cnvs-base-palette-blue-50); /* Light blue */
  --cnvs-sys-color-static-blue-stronger: var(--cnvs-base-palette-blue-800); /* Stronger blue */
  --cnvs-sys-color-static-blue-strong: var(--cnvs-base-palette-blue-700); /* Stronger blue */
  --cnvs-sys-color-static-blue-softest: var(--cnvs-base-palette-blue-25); /* Light blue */
  --cnvs-sys-color-static-blue-default: var(--cnvs-base-palette-blue-600); /* Blue */
  --cnvs-sys-color-static-orange-strong: var(--cnvs-base-palette-amber-500);
  --cnvs-sys-color-static-orange-soft: var(--cnvs-base-palette-amber-100);
  --cnvs-sys-color-static-orange-default: var(--cnvs-base-palette-amber-400);
  --cnvs-sys-color-static-gold-stronger: var(--cnvs-base-palette-amber-600);
  --cnvs-sys-font-size-subtext-medium: var(--cnvs-base-font-size-50);
  --cnvs-sys-font-size-subtext-large: var(--cnvs-base-font-size-75);
  --cnvs-sys-font-size-body-small: var(--cnvs-base-font-size-100);
  --cnvs-sys-font-size-body-medium: var(--cnvs-base-font-size-125);
  --cnvs-sys-font-size-body-large: var(--cnvs-base-font-size-150);
  --cnvs-sys-font-size-heading-small: var(--cnvs-base-font-size-200);
  --cnvs-sys-font-size-heading-medium: var(--cnvs-base-font-size-250);
  --cnvs-sys-font-size-heading-large: var(--cnvs-base-font-size-300);
  --cnvs-sys-font-size-title-small: var(--cnvs-base-font-size-400);
  --cnvs-sys-font-size-title-medium: var(--cnvs-base-font-size-500);
  --cnvs-sys-font-size-title-large: var(--cnvs-base-font-size-600);
}

.cnvs-sys-type-subtext-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-small);
  font-size: var(--cnvs-sys-font-size-subtext-small);
  letter-spacing: var(--cnvs-base-letter-spacing-50);
}

.cnvs-sys-type-subtext-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-medium);
  font-size: var(--cnvs-sys-font-size-subtext-medium);
  letter-spacing: var(--cnvs-base-letter-spacing-100);
}

.cnvs-sys-type-subtext-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-large);
  font-size: var(--cnvs-sys-font-size-subtext-large);
  letter-spacing: var(--cnvs-base-letter-spacing-150);
}

.cnvs-sys-type-body-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-small);
  font-size: var(--cnvs-sys-font-size-body-small);
  letter-spacing: var(--cnvs-base-letter-spacing-200);
}

.cnvs-sys-type-body-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-medium);
  font-size: var(--cnvs-sys-font-size-body-medium);
}

.cnvs-sys-type-body-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-large);
  font-size: var(--cnvs-sys-font-size-body-large);
}

.cnvs-sys-type-heading-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-small);
  font-size: var(--cnvs-sys-font-size-heading-small);
}

.cnvs-sys-type-heading-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-medium);
  font-size: var(--cnvs-sys-font-size-heading-medium);
}

.cnvs-sys-type-heading-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-large);
  font-size: var(--cnvs-sys-font-size-heading-large);
}

.cnvs-sys-type-title-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-small);
  font-size: var(--cnvs-sys-font-size-title-small);
}

.cnvs-sys-type-title-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-medium);
  font-size: var(--cnvs-sys-font-size-title-medium);
}

.cnvs-sys-type-title-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-large);
  font-size: var(--cnvs-sys-font-size-title-large);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
  --cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);
  --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
  --cnvs-brand-neutral-lighter: var(--cnvs-base-palette-slate-50);
  --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-neutral-darkest: var(--cnvs-base-palette-slate-800);
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-slate-700);
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-slate-600);
  --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-25);
  --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
  --cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);
  --cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);
  --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
  --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
  --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);
  --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);
  --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
  --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);
  --cnvs-brand-alert-lighter: var(--cnvs-base-palette-amber-50);
  --cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-error-light: var(--cnvs-base-palette-red-200);
  --cnvs-brand-error-lighter: var(--cnvs-base-palette-red-50);
  --cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);
  --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
  --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
  --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
  --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
  --cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);
  --cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
  --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
  --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
  --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
  --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.text-theme {
  color: #333333;
}

.text-theme:disabled, .text-theme.disabled {
  outline: none;
  color: #a1aab3;
  cursor: not-allowed;
}

.text-theme.highlighted, .text-theme:active {
  background-color: #a6d2ff;
}

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.right-align {
  right: 0;
}

.left-align {
  left: 0;
}

.item-selected {
  border-radius: 99px;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #0057ae;
}

.item-container {
  position: relative;
  cursor: pointer;
  content: "";
  outline: none;
  box-sizing: border-box;
  overflow: visible;
  height: 45px;
  width: 45px;
  align-content: center;
}

.button-popup-open {
  background-color: #ffffff;
  border-radius: 0;
}

.children-area {
  left: 400px !important;
  border-bottom-left-radius: unset !important;
  border-left: 1px solid #E0E4E9;
  flex: 1;
  position: fixed !important;
  width: 400px !important;
}

.popup-container {
  position: absolute;
  margin-top: 8px;
}

.popup-container ul.popup-items-secondary {
  max-width: 264px;
}

.popup-container ul.popup-items-secondary li.popup-item .wdc-link {
  padding: 0 16px !important;
}

.popup-container ul.popup-items-secondary li.popup-item .wdc-link a {
  padding: 0 0.75rem !important;
}

.popup-container ul.popup-items-secondary li.popup-item .wdc-link a .item-content {
  min-width: unset;
}

.popup-container ul.popup-items {
  display: block;
  width: 400px;
  height: 100vh;
  position: fixed;
  align-items: flex-end;
  flex-flow: column nowrap;
  flex-direction: column;
  list-style: none;
  background-color: #ffffff;
  z-index: 2;
  box-sizing: border-box;
  padding-inline-start: 14px;
  margin-block-start: 4px;
}

.popup-container ul.popup-items:focus {
  outline: none;
  border: none;
}

.popup-container ul.popup-items.extra-bottom-padding {
  padding-bottom: 13px;
}

.popup-container ul.popup-items li.popup-item {
  flex: 0 0 auto;
  box-sizing: border-box;
  line-height: 20px;
  font-size: 14px;
  word-break: break-all;
  border: 2px solid transparent;
  color: #000000;
  font-weight: 500;
  position: relative;
}

.popup-container ul.popup-items li.popup-item .wdc-link {
  padding: 0;
}

.popup-container ul.popup-items li.popup-item .wdc-link .item-desc-container {
  width: 100%;
  padding: 0 28px;
}

.popup-container ul.popup-items li.popup-item .wdc-link .item-desc-container p {
  padding: 0;
  padding-inline-start: 4px;
}

.popup-container ul.popup-items li.popup-item .wdc-link a:focus-visible {
  box-shadow: 0 0 0 2px #0057ae;
  outline: 0;
  background-color: #ffffff;
  cursor: pointer;
  border-radius: 8px;
}

.popup-container ul.popup-items li.popup-item .item-content, .popup-container ul.popup-items li.popup-item .item-desc-content {
  min-width: 180px;
  padding: 0;
  margin: 0;
}

.popup-container ul.popup-items li.popup-item .item-content .child-icon, .popup-container ul.popup-items li.popup-item .item-desc-content .child-icon {
  position: absolute;
  right: 25px;
}

.popup-container ul.popup-items li.popup-item .item-content .child-icon svg, .popup-container ul.popup-items li.popup-item .item-desc-content .child-icon svg {
  width: 24px;
  height: 24px;
}

.popup-container ul.popup-items li.popup-item .item-content .item-title, .popup-container ul.popup-items li.popup-item .item-desc-content .item-title {
  display: inline-block;
  vertical-align: super;
  word-break: break-word;
  overflow-wrap: break-word;
  line-height: 18px;
  font-weight: 700 !important;
  font-size: 20px;
  color: #022043;
  margin: revert !important;
}

.popup-container ul.popup-items li.popup-item .item-content .item-title-only, .popup-container ul.popup-items li.popup-item .item-desc-content .item-title-only {
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}

.popup-container ul.popup-items li.popup-item .item-content .item-title-icon, .popup-container ul.popup-items li.popup-item .item-desc-content .item-title-icon {
  margin-left: 12px;
}

.popup-container ul.popup-items li.popup-item .item-content .item-title-span, .popup-container ul.popup-items li.popup-item .item-desc-content .item-title-span {
  line-height: 28px;
}

.popup-container ul.popup-items li.popup-item .item-content .item-desc-title, .popup-container ul.popup-items li.popup-item .item-desc-content .item-desc-title {
  color: #333333;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 1.12px;
  text-transform: uppercase;
}

.popup-container ul.popup-items li.popup-item .item-content .empty-icon, .popup-container ul.popup-items li.popup-item .item-desc-content .empty-icon {
  display: inline-block;
  width: 40px;
}

.popup-container ul.popup-items li.popup-item .item-content img.item-img, .popup-container ul.popup-items li.popup-item .item-desc-content img.item-img {
  padding-top: 6px;
}

.popup-container ul.popup-items li.popup-item .item-content .multi-line, .popup-container ul.popup-items li.popup-item .item-desc-content .multi-line {
  padding: 5px 0;
}

.popup-container ul.popup-items li.popup-item .item-desc-subtitle {
  color: #0057ae;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
}

.popup-container ul.popup-items li.popup-item .item-desc-content {
  font-size: 16px;
  font-weight: 700;
}

.popup-container ul.popup-items li.popup-item .separator {
  border: 1px solid #E0E4E9;
  height: 1px !important;
  margin: 8px 0 !important;
  position: relative !important;
  left: 0 !important;
}

.popup-container ul.popup-items li.popup-item:last-of-type {
  padding-bottom: 0;
}

.popup-container ul.popup-items li.popup-item svg.wd-icon {
  margin-right: 16px;
}

[data-whatinput=mouse] .popup-container .popup-items .popup-item:focus, [data-whatinput=mouse] .popup-container .popup-items .popup-item:active,
[data-whatinput=touch] .popup-container .popup-items .popup-item:focus,
[data-whatinput=touch] .popup-container .popup-items .popup-item:active,
[data-whatinput=pointer] .popup-container .popup-items .popup-item:focus,
[data-whatinput=pointer] .popup-container .popup-items .popup-item:active {
  outline: none;
  border-color: transparent;
}

[data-whatinput=mouse] .popup-container .popup-items .popup-item a:focus,
[data-whatinput=touch] .popup-container .popup-items .popup-item a:focus,
[data-whatinput=pointer] .popup-container .popup-items .popup-item a:focus {
  outline: none;
  text-decoration: none;
  border: none;
}

[data-whatinput=mouse] .popup-container .popup-items .popup-item.focus,
[data-whatinput=touch] .popup-container .popup-items .popup-item.focus,
[data-whatinput=pointer] .popup-container .popup-items .popup-item.focus {
  outline: none;
  border-color: transparent;
}
/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-amber-100: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-amber-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-amber-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-amber-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-amber-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-amber-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-amber-700: oklch(0.4824 0.1353 46.11 / 1);
  --cnvs-base-palette-amber-800: oklch(0.4143 0.1245 42.21 / 1);
  --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
  --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
  --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
  --cnvs-base-palette-azure-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-azure-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-azure-400: oklch(0.7283 0.1377 242.63 / 1);
  --cnvs-base-palette-azure-500: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-azure-600: oklch(0.5174 0.1257 243.24 / 1);
  --cnvs-base-palette-azure-700: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-azure-800: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
  --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
  --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
  --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
  --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
  --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blue-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-blue-300: oklch(0.7933 0.1076 252.08 / 1);
  --cnvs-base-palette-blue-400: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blue-500: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-blue-600: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blue-700: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blue-800: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
  --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
  --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
  --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-coral-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-coral-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-coral-400: oklch(0.7279 0.1703 38.58 / 1);
  --cnvs-base-palette-coral-500: oklch(0.6779 0.2096 40.36 / 1);
  --cnvs-base-palette-coral-600: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-coral-700: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-coral-800: oklch(0.393 0.143 33.49 / 1);
  --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
  --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
  --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
  --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
  --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-200: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-300: oklch(0.7817 0.1928 150.67 / 1);
  --cnvs-base-palette-green-400: oklch(0.702 0.1952 148.39 / 1);
  --cnvs-base-palette-green-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-green-600: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-700: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-800: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
  --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
  --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
  --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
  --cnvs-base-palette-indigo-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-indigo-300: oklch(0.7625 0.1242 281 / 1);
  --cnvs-base-palette-indigo-400: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-indigo-500: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-indigo-600: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-palette-indigo-700: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-indigo-800: oklch(0.379 0.1771 278.1 / 1);
  --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
  --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
  --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
  --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
  --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
  --cnvs-base-palette-neutral-100: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-neutral-200: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-neutral-300: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-neutral-400: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-neutral-500: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-neutral-600: oklch(0.5103 0 0 / 1);
  --cnvs-base-palette-neutral-700: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-neutral-800: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-neutral-900: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-neutral-950: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-neutral-975: oklch(0.1591 0 0 / 1);
  --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
  --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
  --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
  --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-orange-200: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-orange-300: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-orange-400: oklch(0.7261 0.1852 52.58 / 1);
  --cnvs-base-palette-orange-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-orange-600: oklch(0.53 0.165 40.39 / 1);
  --cnvs-base-palette-orange-700: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-orange-800: oklch(0.4077 0.1336 37.92 / 1);
  --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
  --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
  --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
  --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
  --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
  --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
  --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
  --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
  --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
  --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
  --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
  --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
  --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
  --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-palette-purple-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-purple-300: oklch(0.8108 0.1412 315.48 / 1);
  --cnvs-base-palette-purple-400: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-purple-500: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-purple-600: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-purple-700: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-purple-800: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
  --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
  --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
  --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-red-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-red-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-red-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-red-500: oklch(0.6495 0.2369 30.04 / 1);
  --cnvs-base-palette-red-600: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-red-700: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-red-800: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
  --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
  --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
  --cnvs-base-palette-slate-25: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-slate-50: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-slate-100: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-slate-200: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-slate-300: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-slate-400: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-slate-500: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-slate-600: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-slate-700: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-slate-800: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-slate-900: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-slate-950: oklch(0.2453 0.0136 253.1 / 1);
  --cnvs-base-palette-slate-975: oklch(0.18 0.008 248.33 / 1);
  --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
  --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-teal-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-teal-300: oklch(0.7836 0.0874 204.93 / 1);
  --cnvs-base-palette-teal-400: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-teal-500: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-teal-600: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-teal-700: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
  --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
  --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
  --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
  --cnvs-base-palette-cinnamon-100: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-cinnamon-200: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-cinnamon-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-cinnamon-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-cinnamon-500: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-cinnamon-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-peach-100: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-peach-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-peach-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-peach-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-peach-500: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-peach-600: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-chili-mango-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-chili-mango-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-chili-mango-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-chili-mango-400: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-600: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-cantaloupe-100: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-cantaloupe-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-cantaloupe-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-cantaloupe-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-cantaloupe-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-cantaloupe-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-sour-lemon-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-sour-lemon-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-sour-lemon-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-sour-lemon-400: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-500: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-600: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-juicy-pear-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-juicy-pear-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-juicy-pear-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-400: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-juicy-pear-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-kiwi-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-kiwi-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-kiwi-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-kiwi-400: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-apple-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-apple-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-apple-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-apple-500: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-watermelon-200: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-watermelon-300: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-watermelon-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-watermelon-500: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-jewel-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-jewel-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-jewel-300: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-jewel-400: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-jewel-500: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-jewel-600: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-toothpaste-100: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-toothpaste-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-toothpaste-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-toothpaste-400: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-toothpaste-500: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-toothpaste-600: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-blueberry-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-200: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blueberry-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blueberry-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blueberry-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-plum-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-plum-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-plum-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-plum-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-plum-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-plum-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-berry-smoothie-100: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-berry-smoothie-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-berry-smoothie-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-berry-smoothie-400: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-berry-smoothie-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-berry-smoothie-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blackberry-100: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-blackberry-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-blackberry-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-blackberry-400: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-blackberry-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-blackberry-600: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-island-punch-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-island-punch-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-island-punch-300: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-500: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-island-punch-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-grape-soda-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-grape-soda-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-grape-soda-300: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-grape-soda-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-grape-soda-500: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-grape-soda-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-pomegranate-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-pomegranate-200: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-pomegranate-300: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-400: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-500: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-pomegranate-600: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-fruit-punch-100: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-fruit-punch-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-fruit-punch-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-fruit-punch-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-500: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-root-beer-100: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-root-beer-200: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-root-beer-300: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-400: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-500: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-root-beer-600: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-toasted-marshmallow-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-toasted-marshmallow-200: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-toasted-marshmallow-300: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-toasted-marshmallow-400: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-toasted-marshmallow-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-toasted-marshmallow-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-licorice-100: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-licorice-200: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-licorice-300: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-licorice-400: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-licorice-500: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-licorice-600: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-soap-100: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-soap-200: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-soap-300: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-soap-400: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-soap-500: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-soap-600: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-french-vanilla-100: oklch(1 0 0 / 1);
  --cnvs-base-palette-french-vanilla-200: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-french-vanilla-300: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-french-vanilla-400: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-french-vanilla-500: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-french-vanilla-600: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-100: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-200: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-black-pepper-300: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-black-pepper-400: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-black-pepper-500: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-black-pepper-600: oklch(0 0 0 / 1);
  --cnvs-base-palette-coconut-100: #F0EEEE;
  --cnvs-base-palette-coconut-200: #e3dfdf;
  --cnvs-base-palette-coconut-300: #d1cbcc;
  --cnvs-base-palette-coconut-400: #b3acac;
  --cnvs-base-palette-coconut-500: #9e9595;
  --cnvs-base-palette-coconut-600: #8F8687;
  --cnvs-base-palette-cappuccino-100: #7A7374;
  --cnvs-base-palette-cappuccino-200: #706869;
  --cnvs-base-palette-cappuccino-300: #5E5757;
  --cnvs-base-palette-cappuccino-400: #4A4242;
  --cnvs-base-palette-cappuccino-500: #352f2f;
  --cnvs-base-palette-cappuccino-600: #231f20;
  --cnvs-base-opacity-0: 0;
  --cnvs-base-opacity-100: 0.08;
  --cnvs-base-opacity-200: 0.12;
  --cnvs-base-opacity-250: 0.2;
  --cnvs-base-opacity-300: 0.4;
  --cnvs-base-opacity-400: 0.64;
  --cnvs-base-opacity-500: 0.84;
  --cnvs-base-font-size-25: 0.625rem;
  --cnvs-base-font-size-50: 0.75rem;
  --cnvs-base-font-size-75: 0.875rem;
  --cnvs-base-font-size-100: 1rem;
  --cnvs-base-font-size-125: 1.125rem;
  --cnvs-base-font-size-150: 1.25rem;
  --cnvs-base-font-size-200: 1.5rem;
  --cnvs-base-font-size-250: 1.75rem;
  --cnvs-base-font-size-300: 2rem;
  --cnvs-base-font-size-400: 2.5rem;
  --cnvs-base-font-size-500: 3rem;
  --cnvs-base-font-size-600: 3.5rem;
  --cnvs-base-font-size-750: 4.5rem;
  --cnvs-base-font-size-900: 5.5rem;
  --cnvs-base-font-size-1050: 6.5rem;
  --cnvs-base-line-height-50: 1rem;
  --cnvs-base-line-height-100: 1.25rem;
  --cnvs-base-line-height-150: 1.5rem;
  --cnvs-base-line-height-200: 1.75rem;
  --cnvs-base-line-height-250: 2rem;
  --cnvs-base-line-height-300: 2.25rem;
  --cnvs-base-line-height-350: 2.5rem;
  --cnvs-base-line-height-400: 3rem;
  --cnvs-base-line-height-500: 3.5rem;
  --cnvs-base-line-height-600: 4rem;
  --cnvs-base-line-height-750: 4.5rem;
  --cnvs-base-line-height-900: 5.5rem;
  --cnvs-base-line-height-1050: 6.5rem;
  --cnvs-base-font-family-50: "Roboto"; /* Default font-family */
  --cnvs-base-font-family-100: "Roboto Mono";
  --cnvs-base-font-family-200: "Noto Sans";
  --cnvs-base-font-weight-300: 300;
  --cnvs-base-font-weight-400: 400;
  --cnvs-base-font-weight-500: 500;
  --cnvs-base-font-weight-700: 700;
  --cnvs-base-letter-spacing-50: 0.025rem;
  --cnvs-base-letter-spacing-100: 0.02rem;
  --cnvs-base-letter-spacing-150: 0.015rem;
  --cnvs-base-letter-spacing-200: 0.01rem;
  --cnvs-base-unit: 0.25rem; /* The base unit used in the grid system.;  */
  --cnvs-base-extended-palette-dragon-fruit-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-extended-palette-dragon-fruit-200: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-extended-palette-dragon-fruit-300: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-extended-palette-dragon-fruit-400: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-extended-palette-dragon-fruit-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-extended-palette-dragon-fruit-600: oklch(0.317 0.142 278.2 / 1);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Standard card depth */
  --cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Top navigation, Bottom Navigation */
  --cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Floating Action Buttons (FAB), Menus */
  --cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.5rem 2rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Bottom Sheets */
  --cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.625rem 2.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied) */
  --cnvs-sys-depth-6: 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.75rem 3rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied) */
  --cnvs-sys-space-zero: 0; /* Stacks, rows in tables */
  --cnvs-sys-shape-zero: 0rem; /* This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels. */
  --cnvs-sys-opacity-full: 1; /* Dev only */
  --cnvs-sys-opacity-zero: 0; /* Dev only */
  --cnvs-sys-breakpoints-zero: 0px; /* Use to set a media query `min-width` below small. */
  --cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);
  --cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);
  --cnvs-sys-font-weight-normal: var(--cnvs-base-font-weight-400);
  --cnvs-sys-font-weight-light: var(--cnvs-base-font-weight-300);
  --cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);
  --cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);
  --cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);
  --cnvs-sys-line-height-heading-large: var(--cnvs-base-line-height-350);
  --cnvs-sys-line-height-heading-medium: var(--cnvs-base-line-height-300);
  --cnvs-sys-line-height-heading-small: var(--cnvs-base-line-height-250);
  --cnvs-sys-line-height-body-large: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-medium: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-small: var(--cnvs-base-line-height-150);
  --cnvs-sys-line-height-subtext-large: var(--cnvs-base-line-height-100);
  --cnvs-sys-line-height-subtext-medium: var(--cnvs-base-line-height-50);
  --cnvs-sys-line-height-subtext-small: var(--cnvs-base-line-height-50);
  --cnvs-sys-font-size-subtext-small: var(--cnvs-base-font-size-25);
  --cnvs-sys-font-family-global: var(--cnvs-base-font-family-200);
  --cnvs-sys-font-family-mono: var(--cnvs-base-font-family-100);
  --cnvs-sys-font-family-default: var(--cnvs-base-font-family-50);
  --cnvs-sys-space-x20: calc(var(--cnvs-base-unit) * 20); /* - Use sparingly; - Helps to put focus on the primary element within your page; - Use to de-clutter your UI when a lot of space is available */
  --cnvs-sys-space-x16: calc(var(--cnvs-base-unit) * 16); /* - Use to de-clutter your UI when a lot of space is available; - Separate banner sections from page content; - Use to differentiate page content like page sections */
  --cnvs-sys-space-x10: calc(var(--cnvs-base-unit) * 10); /* • Used for outer margins on the overall page content ; • Used for inner margins on large items such as page sections */
  --cnvs-sys-space-x8: calc(var(--cnvs-base-unit) * 8); /* • Standard spacing between cards; • Used to separate groups of content ; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x6: calc(var(--cnvs-base-unit) * 6); /* • Padding around card content; • Related elements where more space between them can be afforded; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x4: calc(var(--cnvs-base-unit) * 4); /* Default space token. Used to group Inputs with related data */
  --cnvs-sys-space-x3: calc(var(--cnvs-base-unit) * 3); /* Use when compact padding is required */
  --cnvs-sys-space-x2: calc(var(--cnvs-base-unit) * 2); /* Commonly used to group compact elements like icon buttons */
  --cnvs-sys-space-x1: var(--cnvs-base-unit); /* Compact spacing between text or icons */
  --cnvs-sys-shape-round: calc(var(--cnvs-base-unit) * 250); /* Commonly used for our standard buttons and profile avatars: All Primary, Secondary Buttons, Radio Buttons and Notification Badges. */
  --cnvs-sys-shape-x2: calc(var(--cnvs-base-unit) * 2); /* Use this for all the containers and popups: All Cards, Modals, Tooltips and Toasts. */
  --cnvs-sys-shape-x1-half: calc(var(--cnvs-base-unit) * 1.5);
  --cnvs-sys-shape-x1: var(--cnvs-base-unit);
  --cnvs-sys-shape-half: calc(var(--cnvs-base-unit) * 0.5); /* Use this for subtle and small components that don’t require to group complex information like Status Indicators, Checkboxes and Color Swatches. */
  --cnvs-sys-opacity-shadow-second: var(--cnvs-base-opacity-100); /* Alpha on second shadow */
  --cnvs-sys-opacity-shadow-first: var(--cnvs-base-opacity-200); /* Alpha on first shadow */
  --cnvs-sys-opacity-contrast: var(--cnvs-base-opacity-500); /* Tooltips, Status Indicator */
  --cnvs-sys-opacity-overlay: var(--cnvs-base-opacity-400); /* Overlay */
  --cnvs-sys-opacity-disabled: var(--cnvs-base-opacity-300); /* Disabled states */
  --cnvs-sys-breakpoints-xl: 1440px; /* Used for extra large screens, such as wide monitors and TVs. */
  --cnvs-sys-breakpoints-l: 1024px; /* Large screens, such as desktops. */
  --cnvs-sys-breakpoints-m: 768px; /* Medium screens, such as laptops. */
  --cnvs-sys-breakpoints-s: 320px; /* The `min-width` for mobile devices, such as phones and tablets. */
  --cnvs-sys-color-shadow-default: var(--cnvs-base-palette-slate-900); /* Main shadow color */
  --cnvs-sys-color-shadow-2: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-100)); /* Second shadow color */
  --cnvs-sys-color-shadow-1: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-200)); /* First shadow color */
  --cnvs-sys-color-border-info-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950); /* Active state on AI borders */
  --cnvs-sys-color-border-container: var(--cnvs-base-palette-slate-300); /* Cards, Toasts, Surfaces */
  --cnvs-sys-color-border-divider: var(--cnvs-base-palette-slate-200); /* Dividers */
  --cnvs-sys-color-border-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on accent colors */
  --cnvs-sys-color-border-transparent: transparent; /* Transparent */
  --cnvs-sys-color-border-caution-strong: var(--cnvs-base-palette-amber-500); /* Warning outer (box shadow) */
  --cnvs-sys-color-border-caution-default: var(--cnvs-base-palette-amber-400); /* Warning inner */
  --cnvs-sys-color-border-critical-default: var(--cnvs-base-palette-red-500); /* Error */
  --cnvs-sys-color-border-primary-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Secondary Button Hover */
  --cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-900); /* Secondary Button */
  --cnvs-sys-color-border-input-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on checkboxes and radios */
  --cnvs-sys-color-border-input-strong: var(--cnvs-base-palette-slate-700); /* Input hover */
  --cnvs-sys-color-border-input-default: var(--cnvs-base-palette-slate-500); /* Inputs */
  --cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-slate-400); /* Disabled inputs */
  --cnvs-sys-color-fg-positive-stronger: var(--cnvs-base-palette-green-800); /* Error */
  --cnvs-sys-color-fg-positive-strong: var(--cnvs-base-palette-green-700); /* Error */
  --cnvs-sys-color-fg-positive-soft: var(--cnvs-base-palette-green-400); /* Error */
  --cnvs-sys-color-fg-positive-softer: var(--cnvs-base-palette-green-200); /* Error */
  --cnvs-sys-color-fg-positive-default: var(--cnvs-base-palette-green-600); /* Error */
  --cnvs-sys-color-fg-info-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-info-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-info-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950); /* AI icons and text */
  --cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Strong contrast */
  --cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast */
  --cnvs-sys-color-fg-caution-softer: var(--cnvs-base-palette-amber-500); /* Warning */
  --cnvs-sys-color-fg-caution-stronger: var(--cnvs-base-palette-amber-975); /* Warning on hover */
  --cnvs-sys-color-fg-caution-soft: var(--cnvs-base-palette-amber-700); /* Warning */
  --cnvs-sys-color-fg-caution-strong: var(--cnvs-base-palette-amber-950); /* Warning on hover */
  --cnvs-sys-color-fg-caution-default: var(--cnvs-base-palette-amber-900); /* Warning */
  --cnvs-sys-color-fg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-primary-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-primary-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-primary-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-primary-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-slate-400); /* Tab item foreground */
  --cnvs-sys-color-fg-muted-stronger: var(--cnvs-base-palette-slate-800);
  --cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-slate-600); /* Hint text */
  --cnvs-sys-color-fg-critical-softer: var(--cnvs-base-palette-red-200); /* Error */
  --cnvs-sys-color-fg-critical-soft: var(--cnvs-base-palette-red-400); /* Error */
  --cnvs-sys-color-fg-critical-stronger: var(--cnvs-base-palette-red-800); /* Error */
  --cnvs-sys-color-fg-critical-strong: var(--cnvs-base-palette-red-700); /* Error */
  --cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-red-600); /* Error */
  --cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse */
  --cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-slate-400); /* Disabled */
  --cnvs-sys-color-fg-stronger: var(--cnvs-base-palette-neutral-950); /* Heading on hover */
  --cnvs-sys-color-fg-strong: var(--cnvs-base-palette-neutral-900); /* Headings */
  --cnvs-sys-color-fg-default: var(--cnvs-base-palette-neutral-800); /* Body */
  --cnvs-sys-color-icon-info-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-disabled: var(--cnvs-base-palette-slate-400); /* Disabled icon color */
  --cnvs-sys-color-icon-caution-softer: var(--cnvs-base-palette-amber-500); /* Softer caution icon color */
  --cnvs-sys-color-icon-caution-soft: var(--cnvs-base-palette-amber-700); /* Soft caution icon color */
  --cnvs-sys-color-icon-caution-stronger: var(--cnvs-base-palette-amber-975); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-default: var(--cnvs-base-palette-amber-900); /* Caution icon color */
  --cnvs-sys-color-icon-critical-softer: var(--cnvs-base-palette-red-200); /* Error icon color */
  --cnvs-sys-color-icon-critical-soft: var(--cnvs-base-palette-red-400); /* Error icon color */
  --cnvs-sys-color-icon-critical-stronger: var(--cnvs-base-palette-red-800); /* Error icon color */
  --cnvs-sys-color-icon-critical-strong: var(--cnvs-base-palette-red-700); /* Error icon color */
  --cnvs-sys-color-icon-critical-default: var(--cnvs-base-palette-red-600); /* Error icon color */
  --cnvs-sys-color-icon-positive-softer: var(--cnvs-base-palette-green-200); /* Success icon color */
  --cnvs-sys-color-icon-positive-soft: var(--cnvs-base-palette-green-400); /* Success icon color */
  --cnvs-sys-color-icon-positive-stronger: var(--cnvs-base-palette-green-800); /* Success icon color */
  --cnvs-sys-color-icon-positive-strong: var(--cnvs-base-palette-green-700); /* Success icon color */
  --cnvs-sys-color-icon-positive-default: var(--cnvs-base-palette-green-600); /* Success icon color */
  --cnvs-sys-color-icon-primary-softer: var(--cnvs-base-palette-blue-200); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-soft: var(--cnvs-base-palette-blue-400); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse icon color */
  --cnvs-sys-color-icon-strong: var(--cnvs-base-palette-neutral-900); /* Hover icon color */
  --cnvs-sys-color-icon-soft: var(--cnvs-base-palette-slate-600); /* Disabled icon color */
  --cnvs-sys-color-icon-default: var(--cnvs-base-palette-neutral-800); /* Default icon color */
  --cnvs-sys-color-text-info-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-info-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-info-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-info-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-info-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-positive-softer: var(--cnvs-base-palette-green-200); /* Active links */
  --cnvs-sys-color-text-positive-soft: var(--cnvs-base-palette-green-400); /* Active links */
  --cnvs-sys-color-text-positive-stronger: var(--cnvs-base-palette-green-800); /* Active links */
  --cnvs-sys-color-text-positive-strong: var(--cnvs-base-palette-green-700); /* Branded hover text */
  --cnvs-sys-color-text-positive-default: var(--cnvs-base-palette-green-600); /* Branded text */
  --cnvs-sys-color-text-ai: var(--cnvs-base-palette-blue-950);
  --cnvs-sys-color-text-caution-softer: var(--cnvs-base-palette-amber-200); /* Softer warning text */
  --cnvs-sys-color-text-caution-stronger: var(--cnvs-base-palette-amber-975); /* Stronger warning text */
  --cnvs-sys-color-text-caution-soft: var(--cnvs-base-palette-amber-400); /* Disabled warning text */
  --cnvs-sys-color-text-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong warning text */
  --cnvs-sys-color-text-caution-default: var(--cnvs-base-palette-amber-900); /* Warning text */
  --cnvs-sys-color-text-primary-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-primary-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-primary-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-primary-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-primary-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-critical-softer: var(--cnvs-base-palette-red-200); /* Error text */
  --cnvs-sys-color-text-critical-soft: var(--cnvs-base-palette-red-400); /* Error text */
  --cnvs-sys-color-text-critical-stronger: var(--cnvs-base-palette-red-800); /* Error text */
  --cnvs-sys-color-text-critical-strong: var(--cnvs-base-palette-red-700); /* Error text */
  --cnvs-sys-color-text-critical-default: var(--cnvs-base-palette-red-600); /* Error text */
  --cnvs-sys-color-text-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse text color */
  --cnvs-sys-color-text-hint: var(--cnvs-base-palette-slate-600); /* Hint text color */
  --cnvs-sys-color-text-disabled: var(--cnvs-base-palette-slate-400); /* Disabled text color */
  --cnvs-sys-color-text-stronger: var(--cnvs-base-palette-neutral-950); /* Display text */
  --cnvs-sys-color-text-strong: var(--cnvs-base-palette-neutral-900); /* Heading text */
  --cnvs-sys-color-text-default: var(--cnvs-base-palette-neutral-800); /* Body text */
  --cnvs-sys-color-bg-info-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-info-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-info-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-info-soft: var(--cnvs-base-palette-blue-100); /* Disabled */
  --cnvs-sys-color-bg-info-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-info-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-ai-strongest: var(--cnvs-base-palette-blue-950); /* AI surfaces */
  --cnvs-sys-color-bg-ai-stronger: var(--cnvs-base-palette-blue-400); /* Active state on AI containers */
  --cnvs-sys-color-bg-ai-strong: var(--cnvs-base-palette-blue-200); /* Hover on AI container */
  --cnvs-sys-color-bg-ai-default: var(--cnvs-base-palette-blue-100); /* AI container */
  --cnvs-sys-color-bg-critical-stronger: var(--cnvs-base-palette-red-800); /* Stronger error background */
  --cnvs-sys-color-bg-critical-strong: var(--cnvs-base-palette-red-700); /* Strong error background */
  --cnvs-sys-color-bg-critical-default: var(--cnvs-base-palette-red-600); /* Default error background */
  --cnvs-sys-color-bg-critical-soft: var(--cnvs-base-palette-red-100); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softer: var(--cnvs-base-palette-red-50); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softest: var(--cnvs-base-palette-red-25); /* Input error background */
  --cnvs-sys-color-bg-caution-stronger: var(--cnvs-base-palette-amber-600); /* Stronger warning background */
  --cnvs-sys-color-bg-caution-strong: var(--cnvs-base-palette-amber-500); /* Strong warning background */
  --cnvs-sys-color-bg-caution-default: var(--cnvs-base-palette-amber-400); /* Default warning background */
  --cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-100); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softer: var(--cnvs-base-palette-amber-50); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softest: var(--cnvs-base-palette-amber-25); /* Disabled warning background */
  --cnvs-sys-color-bg-positive-stronger: var(--cnvs-base-palette-green-800); /* Active success background */
  --cnvs-sys-color-bg-positive-strong: var(--cnvs-base-palette-green-700); /* Hover success background */
  --cnvs-sys-color-bg-positive-default: var(--cnvs-base-palette-green-600); /* Disabled success background */
  --cnvs-sys-color-bg-positive-soft: var(--cnvs-base-palette-green-100); /* Disabled success background */
  --cnvs-sys-color-bg-positive-softer: var(--cnvs-base-palette-green-50); /* Surface success background */
  --cnvs-sys-color-bg-positive-softest: var(--cnvs-base-palette-green-25); /* Lightest surface success background */
  --cnvs-sys-color-bg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-primary-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-primary-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-100); /* Primary disabled */
  --cnvs-sys-color-bg-primary-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-primary-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-bg-muted-default: var(--cnvs-base-palette-slate-600);
  --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-slate-500);
  --cnvs-sys-color-bg-muted-softer: var(--cnvs-base-palette-slate-400);
  --cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-slate-300); /* Active state for segmented control, Pill */
  --cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-slate-200); /* Active states */
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-100); /* Surface hover, Secondary surfaces */
  --cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-slate-50); /* Alternative page background */
  --cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-slate-25); /* Disabled inputs */
  --cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
  --cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-400)); /* Overlay background */
  --cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-250)); /* Inverse Secondary Button Active state */
  --cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-100)); /* Inverse Secondary Button Hover state */
  --cnvs-sys-color-bg-transparent-default: transparent; /* Transparent background */
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0); /* Main background color */
  --cnvs-sys-color-static-amber-soft: var(--cnvs-base-palette-amber-100); /* Soft amber */
  --cnvs-sys-color-static-amber-strongest: var(--cnvs-base-palette-amber-950); /* Stronger amber */
  --cnvs-sys-color-static-amber-softer: var(--cnvs-base-palette-amber-50); /* Soft amber */
  --cnvs-sys-color-static-amber-stronger: var(--cnvs-base-palette-amber-600); /* Stronger amber */
  --cnvs-sys-color-static-amber-strong: var(--cnvs-base-palette-amber-500); /* Stronger amber */
  --cnvs-sys-color-static-amber-softest: var(--cnvs-base-palette-amber-25); /* Soft amber */
  --cnvs-sys-color-static-amber-default: var(--cnvs-base-palette-amber-400); /* amber */
  --cnvs-sys-color-static-gray-softer: var(--cnvs-base-palette-slate-100); /* Light gray */
  --cnvs-sys-color-static-gray-softest: var(--cnvs-base-palette-slate-50); /* Light gray */
  --cnvs-sys-color-static-gray-strongest: var(--cnvs-base-palette-slate-950); /* Strongerer gray */
  --cnvs-sys-color-static-gray-stronger: var(--cnvs-base-palette-slate-800); /* Strongerer gray */
  --cnvs-sys-color-static-gray-strong: var(--cnvs-base-palette-slate-700); /* Stronger gray */
  --cnvs-sys-color-static-gray-soft: var(--cnvs-base-palette-slate-200); /* Light gray */
  --cnvs-sys-color-static-gray-default: var(--cnvs-base-palette-slate-600); /* Gray */
  --cnvs-sys-color-static-black: var(--cnvs-base-palette-neutral-1000); /* Just black */
  --cnvs-sys-color-static-white: var(--cnvs-base-palette-neutral-0); /* Just white */
  --cnvs-sys-color-static-red-softer: var(--cnvs-base-palette-red-50); /* Light red */
  --cnvs-sys-color-static-red-strongest: var(--cnvs-base-palette-red-950); /* Strong red */
  --cnvs-sys-color-static-red-softest: var(--cnvs-base-palette-red-25); /* Light red */
  --cnvs-sys-color-static-red-stronger: var(--cnvs-base-palette-red-800); /* Strong red */
  --cnvs-sys-color-static-red-strong: var(--cnvs-base-palette-red-700); /* Strong red */
  --cnvs-sys-color-static-red-soft: var(--cnvs-base-palette-red-100); /* Light red */
  --cnvs-sys-color-static-red-default: var(--cnvs-base-palette-red-600); /* Red */
  --cnvs-sys-color-static-green-strongest: var(--cnvs-base-palette-green-950); /* Stronger green */
  --cnvs-sys-color-static-green-softest: var(--cnvs-base-palette-green-25); /* Light green */
  --cnvs-sys-color-static-green-stronger: var(--cnvs-base-palette-green-800); /* Stronger green */
  --cnvs-sys-color-static-green-softer: var(--cnvs-base-palette-green-50); /* Light green */
  --cnvs-sys-color-static-green-strong: var(--cnvs-base-palette-green-700); /* Stronger green */
  --cnvs-sys-color-static-green-soft: var(--cnvs-base-palette-green-100); /* Light green */
  --cnvs-sys-color-static-green-default: var(--cnvs-base-palette-green-600); /* Default green */
  --cnvs-sys-color-static-blue-strongest: var(--cnvs-base-palette-blue-950); /* Stronger blue */
  --cnvs-sys-color-static-blue-soft: var(--cnvs-base-palette-blue-100); /* Light blue */
  --cnvs-sys-color-static-blue-softer: var(--cnvs-base-palette-blue-50); /* Light blue */
  --cnvs-sys-color-static-blue-stronger: var(--cnvs-base-palette-blue-800); /* Stronger blue */
  --cnvs-sys-color-static-blue-strong: var(--cnvs-base-palette-blue-700); /* Stronger blue */
  --cnvs-sys-color-static-blue-softest: var(--cnvs-base-palette-blue-25); /* Light blue */
  --cnvs-sys-color-static-blue-default: var(--cnvs-base-palette-blue-600); /* Blue */
  --cnvs-sys-color-static-orange-strong: var(--cnvs-base-palette-amber-500);
  --cnvs-sys-color-static-orange-soft: var(--cnvs-base-palette-amber-100);
  --cnvs-sys-color-static-orange-default: var(--cnvs-base-palette-amber-400);
  --cnvs-sys-color-static-gold-stronger: var(--cnvs-base-palette-amber-600);
  --cnvs-sys-font-size-subtext-medium: var(--cnvs-base-font-size-50);
  --cnvs-sys-font-size-subtext-large: var(--cnvs-base-font-size-75);
  --cnvs-sys-font-size-body-small: var(--cnvs-base-font-size-100);
  --cnvs-sys-font-size-body-medium: var(--cnvs-base-font-size-125);
  --cnvs-sys-font-size-body-large: var(--cnvs-base-font-size-150);
  --cnvs-sys-font-size-heading-small: var(--cnvs-base-font-size-200);
  --cnvs-sys-font-size-heading-medium: var(--cnvs-base-font-size-250);
  --cnvs-sys-font-size-heading-large: var(--cnvs-base-font-size-300);
  --cnvs-sys-font-size-title-small: var(--cnvs-base-font-size-400);
  --cnvs-sys-font-size-title-medium: var(--cnvs-base-font-size-500);
  --cnvs-sys-font-size-title-large: var(--cnvs-base-font-size-600);
}

.cnvs-sys-type-subtext-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-small);
  font-size: var(--cnvs-sys-font-size-subtext-small);
  letter-spacing: var(--cnvs-base-letter-spacing-50);
}

.cnvs-sys-type-subtext-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-medium);
  font-size: var(--cnvs-sys-font-size-subtext-medium);
  letter-spacing: var(--cnvs-base-letter-spacing-100);
}

.cnvs-sys-type-subtext-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-large);
  font-size: var(--cnvs-sys-font-size-subtext-large);
  letter-spacing: var(--cnvs-base-letter-spacing-150);
}

.cnvs-sys-type-body-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-small);
  font-size: var(--cnvs-sys-font-size-body-small);
  letter-spacing: var(--cnvs-base-letter-spacing-200);
}

.cnvs-sys-type-body-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-medium);
  font-size: var(--cnvs-sys-font-size-body-medium);
}

.cnvs-sys-type-body-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-large);
  font-size: var(--cnvs-sys-font-size-body-large);
}

.cnvs-sys-type-heading-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-small);
  font-size: var(--cnvs-sys-font-size-heading-small);
}

.cnvs-sys-type-heading-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-medium);
  font-size: var(--cnvs-sys-font-size-heading-medium);
}

.cnvs-sys-type-heading-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-large);
  font-size: var(--cnvs-sys-font-size-heading-large);
}

.cnvs-sys-type-title-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-small);
  font-size: var(--cnvs-sys-font-size-title-small);
}

.cnvs-sys-type-title-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-medium);
  font-size: var(--cnvs-sys-font-size-title-medium);
}

.cnvs-sys-type-title-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-large);
  font-size: var(--cnvs-sys-font-size-title-large);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
  --cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);
  --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
  --cnvs-brand-neutral-lighter: var(--cnvs-base-palette-slate-50);
  --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-neutral-darkest: var(--cnvs-base-palette-slate-800);
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-slate-700);
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-slate-600);
  --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-25);
  --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
  --cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);
  --cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);
  --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
  --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
  --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);
  --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);
  --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
  --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);
  --cnvs-brand-alert-lighter: var(--cnvs-base-palette-amber-50);
  --cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-error-light: var(--cnvs-base-palette-red-200);
  --cnvs-brand-error-lighter: var(--cnvs-base-palette-red-50);
  --cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);
  --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
  --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
  --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
  --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
  --cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);
  --cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
  --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
  --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
  --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
  --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.text-theme {
  color: #333333;
}

.text-theme:disabled, .text-theme.disabled {
  outline: none;
  color: #a1aab3;
  cursor: not-allowed;
}

.text-theme.highlighted, .text-theme:active {
  background-color: #a6d2ff;
}

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.right-align {
  right: 0;
}

.left-align {
  left: 0;
}

.item-selected {
  border-radius: 99px;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #0057ae;
}

.item-container {
  position: relative;
  cursor: pointer;
  content: "";
  outline: none;
  box-sizing: border-box;
  overflow: visible;
  height: 45px;
  width: 45px;
  align-content: center;
}

.button-popup-open {
  background-color: #ffffff;
  border-radius: 0;
}

nav.menu-bar {
  margin-left: 20px;
  width: fit-content;
  height: 100%;
}

nav.menu-bar *,
nav.menu-bar ::after,
nav.menu-bar ::before {
  box-sizing: inherit;
}

nav.menu-bar ul.menu-list {
  list-style-type: none;
  overflow: hidden;
  color: #ffffff;
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  height: 100%;
}

nav.menu-bar ul.menu-list li.menu-item {
  background-color: inherit;
  border: 1px solid transparent;
  border-bottom: none;
  display: inline-block;
  padding: 6px 11px 7px;
  height: 100%;
  box-sizing: border-box;
}

@media only screen and (max-width: 1024px) {
  nav.menu-bar ul.menu-list li.menu-item {
    margin: 0 !important;
    padding: 10px 0;
  }
}

nav.menu-bar ul.menu-list li.menu-item.focus {
  border-color: #ffffff;
}

nav.menu-bar ul.menu-list li.menu-item.active {
  opacity: 1 !important;
}

nav.menu-bar ul.menu-list li.menu-item:last-of-type {
  margin-right: 0;
}

nav.menu-bar ul.menu-list li.menu-item .popup-btn {
  display: inline-block;
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: normal;
  color: #022043;
  margin: 0;
  white-space: nowrap;
  position: relative;
  background-color: transparent;
  border: none;
  max-width: 100%;
  padding: 14px 12px;
  cursor: pointer;
}

nav.menu-bar ul.menu-list li.menu-item .popup-btn:hover, nav.menu-bar ul.menu-list li.menu-item .popup-btn.focus {
  border-radius: 24px;
  width: unset;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.08);
}

nav.menu-bar ul.menu-list li.menu-item .popup-btn:focus-visible {
  border-radius: 24px;
  box-shadow: 0 0 0 2px #0057ae;
  outline: 0;
}

[data-whatinput=mouse] nav.menu-bar ul.menu-list li.menu-item.focus,
[data-whatinput=touch] nav.menu-bar ul.menu-list li.menu-item.focus,
[data-whatinput=pointer] nav.menu-bar ul.menu-list li.menu-item.focus {
  outline: none;
  border-color: transparent;
}

.secondary-menu-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.secondary-menu-container nav.menu-bar {
  flex: 1;
}

.action-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  background-color: #0057ae;
  color: #ffffff;
  border: none;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 700;
  font-family: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
  white-space: nowrap;
  min-height: 40px;
}

@media only screen and (max-width: 1200px) {
  .action-button {
    padding: 8px 16px;
    font-size: 13px;
    min-height: 36px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 820px) {
  .action-button {
    padding: 5px 10px;
    font-size: 11px;
    min-height: 30px;
    border-radius: 15px;
  }
}

@media only screen and (min-width: 821px) and (max-width: 1024px) {
  .action-button {
    padding: 6px 12px;
    font-size: 12px;
    min-height: 32px;
    border-radius: 16px;
  }
}

.action-button:hover {
  background-color: rgb(0, 61.5, 123);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.action-button:focus {
  outline: 2px solid #0057ae;
  outline-offset: 2px;
}

.action-button:focus-visible {
  outline: 2px solid #0057ae;
  outline-offset: 2px;
}

.action-button:active {
  background-color: rgb(0, 48.75, 97.5);
}

.action-button-container {
  display: flex;
  align-items: center;
  margin-left: auto;
  padding-right: 24px;
}

@media only screen and (max-width: 1200px) {
  .action-button-container {
    padding-right: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 820px) {
  .action-button-container {
    padding-right: 8px;
    flex-shrink: 0;
  }
}

@media only screen and (min-width: 821px) and (max-width: 1024px) {
  .action-button-container {
    padding-right: 12px;
    flex-shrink: 0;
  }
}
/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-amber-100: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-amber-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-amber-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-amber-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-amber-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-amber-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-amber-700: oklch(0.4824 0.1353 46.11 / 1);
  --cnvs-base-palette-amber-800: oklch(0.4143 0.1245 42.21 / 1);
  --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
  --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
  --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
  --cnvs-base-palette-azure-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-azure-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-azure-400: oklch(0.7283 0.1377 242.63 / 1);
  --cnvs-base-palette-azure-500: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-azure-600: oklch(0.5174 0.1257 243.24 / 1);
  --cnvs-base-palette-azure-700: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-azure-800: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
  --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
  --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
  --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
  --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
  --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blue-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-blue-300: oklch(0.7933 0.1076 252.08 / 1);
  --cnvs-base-palette-blue-400: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blue-500: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-blue-600: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blue-700: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blue-800: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
  --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
  --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
  --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-coral-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-coral-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-coral-400: oklch(0.7279 0.1703 38.58 / 1);
  --cnvs-base-palette-coral-500: oklch(0.6779 0.2096 40.36 / 1);
  --cnvs-base-palette-coral-600: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-coral-700: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-coral-800: oklch(0.393 0.143 33.49 / 1);
  --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
  --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
  --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
  --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
  --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-200: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-300: oklch(0.7817 0.1928 150.67 / 1);
  --cnvs-base-palette-green-400: oklch(0.702 0.1952 148.39 / 1);
  --cnvs-base-palette-green-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-green-600: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-700: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-800: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
  --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
  --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
  --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
  --cnvs-base-palette-indigo-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-indigo-300: oklch(0.7625 0.1242 281 / 1);
  --cnvs-base-palette-indigo-400: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-indigo-500: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-indigo-600: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-palette-indigo-700: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-indigo-800: oklch(0.379 0.1771 278.1 / 1);
  --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
  --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
  --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
  --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
  --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
  --cnvs-base-palette-neutral-100: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-neutral-200: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-neutral-300: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-neutral-400: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-neutral-500: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-neutral-600: oklch(0.5103 0 0 / 1);
  --cnvs-base-palette-neutral-700: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-neutral-800: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-neutral-900: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-neutral-950: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-neutral-975: oklch(0.1591 0 0 / 1);
  --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
  --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
  --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
  --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-orange-200: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-orange-300: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-orange-400: oklch(0.7261 0.1852 52.58 / 1);
  --cnvs-base-palette-orange-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-orange-600: oklch(0.53 0.165 40.39 / 1);
  --cnvs-base-palette-orange-700: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-orange-800: oklch(0.4077 0.1336 37.92 / 1);
  --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
  --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
  --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
  --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
  --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
  --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
  --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
  --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
  --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
  --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
  --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
  --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
  --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
  --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-palette-purple-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-purple-300: oklch(0.8108 0.1412 315.48 / 1);
  --cnvs-base-palette-purple-400: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-purple-500: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-purple-600: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-purple-700: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-purple-800: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
  --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
  --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
  --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-red-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-red-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-red-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-red-500: oklch(0.6495 0.2369 30.04 / 1);
  --cnvs-base-palette-red-600: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-red-700: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-red-800: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
  --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
  --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
  --cnvs-base-palette-slate-25: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-slate-50: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-slate-100: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-slate-200: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-slate-300: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-slate-400: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-slate-500: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-slate-600: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-slate-700: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-slate-800: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-slate-900: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-slate-950: oklch(0.2453 0.0136 253.1 / 1);
  --cnvs-base-palette-slate-975: oklch(0.18 0.008 248.33 / 1);
  --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
  --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-teal-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-teal-300: oklch(0.7836 0.0874 204.93 / 1);
  --cnvs-base-palette-teal-400: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-teal-500: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-teal-600: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-teal-700: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
  --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
  --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
  --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
  --cnvs-base-palette-cinnamon-100: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-cinnamon-200: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-cinnamon-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-cinnamon-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-cinnamon-500: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-cinnamon-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-peach-100: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-peach-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-peach-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-peach-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-peach-500: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-peach-600: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-chili-mango-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-chili-mango-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-chili-mango-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-chili-mango-400: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-600: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-cantaloupe-100: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-cantaloupe-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-cantaloupe-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-cantaloupe-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-cantaloupe-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-cantaloupe-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-sour-lemon-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-sour-lemon-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-sour-lemon-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-sour-lemon-400: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-500: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-600: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-juicy-pear-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-juicy-pear-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-juicy-pear-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-400: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-juicy-pear-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-kiwi-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-kiwi-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-kiwi-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-kiwi-400: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-apple-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-apple-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-apple-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-apple-500: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-watermelon-200: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-watermelon-300: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-watermelon-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-watermelon-500: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-jewel-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-jewel-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-jewel-300: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-jewel-400: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-jewel-500: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-jewel-600: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-toothpaste-100: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-toothpaste-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-toothpaste-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-toothpaste-400: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-toothpaste-500: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-toothpaste-600: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-blueberry-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-200: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blueberry-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blueberry-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blueberry-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-plum-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-plum-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-plum-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-plum-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-plum-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-plum-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-berry-smoothie-100: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-berry-smoothie-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-berry-smoothie-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-berry-smoothie-400: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-berry-smoothie-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-berry-smoothie-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blackberry-100: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-blackberry-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-blackberry-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-blackberry-400: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-blackberry-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-blackberry-600: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-island-punch-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-island-punch-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-island-punch-300: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-500: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-island-punch-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-grape-soda-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-grape-soda-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-grape-soda-300: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-grape-soda-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-grape-soda-500: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-grape-soda-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-pomegranate-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-pomegranate-200: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-pomegranate-300: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-400: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-500: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-pomegranate-600: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-fruit-punch-100: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-fruit-punch-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-fruit-punch-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-fruit-punch-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-500: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-root-beer-100: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-root-beer-200: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-root-beer-300: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-400: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-500: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-root-beer-600: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-toasted-marshmallow-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-toasted-marshmallow-200: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-toasted-marshmallow-300: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-toasted-marshmallow-400: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-toasted-marshmallow-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-toasted-marshmallow-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-licorice-100: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-licorice-200: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-licorice-300: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-licorice-400: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-licorice-500: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-licorice-600: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-soap-100: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-soap-200: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-soap-300: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-soap-400: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-soap-500: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-soap-600: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-french-vanilla-100: oklch(1 0 0 / 1);
  --cnvs-base-palette-french-vanilla-200: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-french-vanilla-300: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-french-vanilla-400: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-french-vanilla-500: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-french-vanilla-600: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-100: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-200: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-black-pepper-300: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-black-pepper-400: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-black-pepper-500: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-black-pepper-600: oklch(0 0 0 / 1);
  --cnvs-base-palette-coconut-100: #F0EEEE;
  --cnvs-base-palette-coconut-200: #e3dfdf;
  --cnvs-base-palette-coconut-300: #d1cbcc;
  --cnvs-base-palette-coconut-400: #b3acac;
  --cnvs-base-palette-coconut-500: #9e9595;
  --cnvs-base-palette-coconut-600: #8F8687;
  --cnvs-base-palette-cappuccino-100: #7A7374;
  --cnvs-base-palette-cappuccino-200: #706869;
  --cnvs-base-palette-cappuccino-300: #5E5757;
  --cnvs-base-palette-cappuccino-400: #4A4242;
  --cnvs-base-palette-cappuccino-500: #352f2f;
  --cnvs-base-palette-cappuccino-600: #231f20;
  --cnvs-base-opacity-0: 0;
  --cnvs-base-opacity-100: 0.08;
  --cnvs-base-opacity-200: 0.12;
  --cnvs-base-opacity-250: 0.2;
  --cnvs-base-opacity-300: 0.4;
  --cnvs-base-opacity-400: 0.64;
  --cnvs-base-opacity-500: 0.84;
  --cnvs-base-font-size-25: 0.625rem;
  --cnvs-base-font-size-50: 0.75rem;
  --cnvs-base-font-size-75: 0.875rem;
  --cnvs-base-font-size-100: 1rem;
  --cnvs-base-font-size-125: 1.125rem;
  --cnvs-base-font-size-150: 1.25rem;
  --cnvs-base-font-size-200: 1.5rem;
  --cnvs-base-font-size-250: 1.75rem;
  --cnvs-base-font-size-300: 2rem;
  --cnvs-base-font-size-400: 2.5rem;
  --cnvs-base-font-size-500: 3rem;
  --cnvs-base-font-size-600: 3.5rem;
  --cnvs-base-font-size-750: 4.5rem;
  --cnvs-base-font-size-900: 5.5rem;
  --cnvs-base-font-size-1050: 6.5rem;
  --cnvs-base-line-height-50: 1rem;
  --cnvs-base-line-height-100: 1.25rem;
  --cnvs-base-line-height-150: 1.5rem;
  --cnvs-base-line-height-200: 1.75rem;
  --cnvs-base-line-height-250: 2rem;
  --cnvs-base-line-height-300: 2.25rem;
  --cnvs-base-line-height-350: 2.5rem;
  --cnvs-base-line-height-400: 3rem;
  --cnvs-base-line-height-500: 3.5rem;
  --cnvs-base-line-height-600: 4rem;
  --cnvs-base-line-height-750: 4.5rem;
  --cnvs-base-line-height-900: 5.5rem;
  --cnvs-base-line-height-1050: 6.5rem;
  --cnvs-base-font-family-50: "Roboto"; /* Default font-family */
  --cnvs-base-font-family-100: "Roboto Mono";
  --cnvs-base-font-family-200: "Noto Sans";
  --cnvs-base-font-weight-300: 300;
  --cnvs-base-font-weight-400: 400;
  --cnvs-base-font-weight-500: 500;
  --cnvs-base-font-weight-700: 700;
  --cnvs-base-letter-spacing-50: 0.025rem;
  --cnvs-base-letter-spacing-100: 0.02rem;
  --cnvs-base-letter-spacing-150: 0.015rem;
  --cnvs-base-letter-spacing-200: 0.01rem;
  --cnvs-base-unit: 0.25rem; /* The base unit used in the grid system.;  */
  --cnvs-base-extended-palette-dragon-fruit-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-extended-palette-dragon-fruit-200: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-extended-palette-dragon-fruit-300: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-extended-palette-dragon-fruit-400: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-extended-palette-dragon-fruit-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-extended-palette-dragon-fruit-600: oklch(0.317 0.142 278.2 / 1);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Standard card depth */
  --cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Top navigation, Bottom Navigation */
  --cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Floating Action Buttons (FAB), Menus */
  --cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.5rem 2rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Bottom Sheets */
  --cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.625rem 2.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied) */
  --cnvs-sys-depth-6: 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.75rem 3rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied) */
  --cnvs-sys-space-zero: 0; /* Stacks, rows in tables */
  --cnvs-sys-shape-zero: 0rem; /* This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels. */
  --cnvs-sys-opacity-full: 1; /* Dev only */
  --cnvs-sys-opacity-zero: 0; /* Dev only */
  --cnvs-sys-breakpoints-zero: 0px; /* Use to set a media query `min-width` below small. */
  --cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);
  --cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);
  --cnvs-sys-font-weight-normal: var(--cnvs-base-font-weight-400);
  --cnvs-sys-font-weight-light: var(--cnvs-base-font-weight-300);
  --cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);
  --cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);
  --cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);
  --cnvs-sys-line-height-heading-large: var(--cnvs-base-line-height-350);
  --cnvs-sys-line-height-heading-medium: var(--cnvs-base-line-height-300);
  --cnvs-sys-line-height-heading-small: var(--cnvs-base-line-height-250);
  --cnvs-sys-line-height-body-large: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-medium: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-small: var(--cnvs-base-line-height-150);
  --cnvs-sys-line-height-subtext-large: var(--cnvs-base-line-height-100);
  --cnvs-sys-line-height-subtext-medium: var(--cnvs-base-line-height-50);
  --cnvs-sys-line-height-subtext-small: var(--cnvs-base-line-height-50);
  --cnvs-sys-font-size-subtext-small: var(--cnvs-base-font-size-25);
  --cnvs-sys-font-family-global: var(--cnvs-base-font-family-200);
  --cnvs-sys-font-family-mono: var(--cnvs-base-font-family-100);
  --cnvs-sys-font-family-default: var(--cnvs-base-font-family-50);
  --cnvs-sys-space-x20: calc(var(--cnvs-base-unit) * 20); /* - Use sparingly; - Helps to put focus on the primary element within your page; - Use to de-clutter your UI when a lot of space is available */
  --cnvs-sys-space-x16: calc(var(--cnvs-base-unit) * 16); /* - Use to de-clutter your UI when a lot of space is available; - Separate banner sections from page content; - Use to differentiate page content like page sections */
  --cnvs-sys-space-x10: calc(var(--cnvs-base-unit) * 10); /* • Used for outer margins on the overall page content ; • Used for inner margins on large items such as page sections */
  --cnvs-sys-space-x8: calc(var(--cnvs-base-unit) * 8); /* • Standard spacing between cards; • Used to separate groups of content ; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x6: calc(var(--cnvs-base-unit) * 6); /* • Padding around card content; • Related elements where more space between them can be afforded; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x4: calc(var(--cnvs-base-unit) * 4); /* Default space token. Used to group Inputs with related data */
  --cnvs-sys-space-x3: calc(var(--cnvs-base-unit) * 3); /* Use when compact padding is required */
  --cnvs-sys-space-x2: calc(var(--cnvs-base-unit) * 2); /* Commonly used to group compact elements like icon buttons */
  --cnvs-sys-space-x1: var(--cnvs-base-unit); /* Compact spacing between text or icons */
  --cnvs-sys-shape-round: calc(var(--cnvs-base-unit) * 250); /* Commonly used for our standard buttons and profile avatars: All Primary, Secondary Buttons, Radio Buttons and Notification Badges. */
  --cnvs-sys-shape-x2: calc(var(--cnvs-base-unit) * 2); /* Use this for all the containers and popups: All Cards, Modals, Tooltips and Toasts. */
  --cnvs-sys-shape-x1-half: calc(var(--cnvs-base-unit) * 1.5);
  --cnvs-sys-shape-x1: var(--cnvs-base-unit);
  --cnvs-sys-shape-half: calc(var(--cnvs-base-unit) * 0.5); /* Use this for subtle and small components that don’t require to group complex information like Status Indicators, Checkboxes and Color Swatches. */
  --cnvs-sys-opacity-shadow-second: var(--cnvs-base-opacity-100); /* Alpha on second shadow */
  --cnvs-sys-opacity-shadow-first: var(--cnvs-base-opacity-200); /* Alpha on first shadow */
  --cnvs-sys-opacity-contrast: var(--cnvs-base-opacity-500); /* Tooltips, Status Indicator */
  --cnvs-sys-opacity-overlay: var(--cnvs-base-opacity-400); /* Overlay */
  --cnvs-sys-opacity-disabled: var(--cnvs-base-opacity-300); /* Disabled states */
  --cnvs-sys-breakpoints-xl: 1440px; /* Used for extra large screens, such as wide monitors and TVs. */
  --cnvs-sys-breakpoints-l: 1024px; /* Large screens, such as desktops. */
  --cnvs-sys-breakpoints-m: 768px; /* Medium screens, such as laptops. */
  --cnvs-sys-breakpoints-s: 320px; /* The `min-width` for mobile devices, such as phones and tablets. */
  --cnvs-sys-color-shadow-default: var(--cnvs-base-palette-slate-900); /* Main shadow color */
  --cnvs-sys-color-shadow-2: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-100)); /* Second shadow color */
  --cnvs-sys-color-shadow-1: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-200)); /* First shadow color */
  --cnvs-sys-color-border-info-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950); /* Active state on AI borders */
  --cnvs-sys-color-border-container: var(--cnvs-base-palette-slate-300); /* Cards, Toasts, Surfaces */
  --cnvs-sys-color-border-divider: var(--cnvs-base-palette-slate-200); /* Dividers */
  --cnvs-sys-color-border-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on accent colors */
  --cnvs-sys-color-border-transparent: transparent; /* Transparent */
  --cnvs-sys-color-border-caution-strong: var(--cnvs-base-palette-amber-500); /* Warning outer (box shadow) */
  --cnvs-sys-color-border-caution-default: var(--cnvs-base-palette-amber-400); /* Warning inner */
  --cnvs-sys-color-border-critical-default: var(--cnvs-base-palette-red-500); /* Error */
  --cnvs-sys-color-border-primary-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Secondary Button Hover */
  --cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-900); /* Secondary Button */
  --cnvs-sys-color-border-input-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on checkboxes and radios */
  --cnvs-sys-color-border-input-strong: var(--cnvs-base-palette-slate-700); /* Input hover */
  --cnvs-sys-color-border-input-default: var(--cnvs-base-palette-slate-500); /* Inputs */
  --cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-slate-400); /* Disabled inputs */
  --cnvs-sys-color-fg-positive-stronger: var(--cnvs-base-palette-green-800); /* Error */
  --cnvs-sys-color-fg-positive-strong: var(--cnvs-base-palette-green-700); /* Error */
  --cnvs-sys-color-fg-positive-soft: var(--cnvs-base-palette-green-400); /* Error */
  --cnvs-sys-color-fg-positive-softer: var(--cnvs-base-palette-green-200); /* Error */
  --cnvs-sys-color-fg-positive-default: var(--cnvs-base-palette-green-600); /* Error */
  --cnvs-sys-color-fg-info-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-info-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-info-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950); /* AI icons and text */
  --cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Strong contrast */
  --cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast */
  --cnvs-sys-color-fg-caution-softer: var(--cnvs-base-palette-amber-500); /* Warning */
  --cnvs-sys-color-fg-caution-stronger: var(--cnvs-base-palette-amber-975); /* Warning on hover */
  --cnvs-sys-color-fg-caution-soft: var(--cnvs-base-palette-amber-700); /* Warning */
  --cnvs-sys-color-fg-caution-strong: var(--cnvs-base-palette-amber-950); /* Warning on hover */
  --cnvs-sys-color-fg-caution-default: var(--cnvs-base-palette-amber-900); /* Warning */
  --cnvs-sys-color-fg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-primary-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-primary-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-primary-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-primary-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-slate-400); /* Tab item foreground */
  --cnvs-sys-color-fg-muted-stronger: var(--cnvs-base-palette-slate-800);
  --cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-slate-600); /* Hint text */
  --cnvs-sys-color-fg-critical-softer: var(--cnvs-base-palette-red-200); /* Error */
  --cnvs-sys-color-fg-critical-soft: var(--cnvs-base-palette-red-400); /* Error */
  --cnvs-sys-color-fg-critical-stronger: var(--cnvs-base-palette-red-800); /* Error */
  --cnvs-sys-color-fg-critical-strong: var(--cnvs-base-palette-red-700); /* Error */
  --cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-red-600); /* Error */
  --cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse */
  --cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-slate-400); /* Disabled */
  --cnvs-sys-color-fg-stronger: var(--cnvs-base-palette-neutral-950); /* Heading on hover */
  --cnvs-sys-color-fg-strong: var(--cnvs-base-palette-neutral-900); /* Headings */
  --cnvs-sys-color-fg-default: var(--cnvs-base-palette-neutral-800); /* Body */
  --cnvs-sys-color-icon-info-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-disabled: var(--cnvs-base-palette-slate-400); /* Disabled icon color */
  --cnvs-sys-color-icon-caution-softer: var(--cnvs-base-palette-amber-500); /* Softer caution icon color */
  --cnvs-sys-color-icon-caution-soft: var(--cnvs-base-palette-amber-700); /* Soft caution icon color */
  --cnvs-sys-color-icon-caution-stronger: var(--cnvs-base-palette-amber-975); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-default: var(--cnvs-base-palette-amber-900); /* Caution icon color */
  --cnvs-sys-color-icon-critical-softer: var(--cnvs-base-palette-red-200); /* Error icon color */
  --cnvs-sys-color-icon-critical-soft: var(--cnvs-base-palette-red-400); /* Error icon color */
  --cnvs-sys-color-icon-critical-stronger: var(--cnvs-base-palette-red-800); /* Error icon color */
  --cnvs-sys-color-icon-critical-strong: var(--cnvs-base-palette-red-700); /* Error icon color */
  --cnvs-sys-color-icon-critical-default: var(--cnvs-base-palette-red-600); /* Error icon color */
  --cnvs-sys-color-icon-positive-softer: var(--cnvs-base-palette-green-200); /* Success icon color */
  --cnvs-sys-color-icon-positive-soft: var(--cnvs-base-palette-green-400); /* Success icon color */
  --cnvs-sys-color-icon-positive-stronger: var(--cnvs-base-palette-green-800); /* Success icon color */
  --cnvs-sys-color-icon-positive-strong: var(--cnvs-base-palette-green-700); /* Success icon color */
  --cnvs-sys-color-icon-positive-default: var(--cnvs-base-palette-green-600); /* Success icon color */
  --cnvs-sys-color-icon-primary-softer: var(--cnvs-base-palette-blue-200); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-soft: var(--cnvs-base-palette-blue-400); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse icon color */
  --cnvs-sys-color-icon-strong: var(--cnvs-base-palette-neutral-900); /* Hover icon color */
  --cnvs-sys-color-icon-soft: var(--cnvs-base-palette-slate-600); /* Disabled icon color */
  --cnvs-sys-color-icon-default: var(--cnvs-base-palette-neutral-800); /* Default icon color */
  --cnvs-sys-color-text-info-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-info-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-info-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-info-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-info-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-positive-softer: var(--cnvs-base-palette-green-200); /* Active links */
  --cnvs-sys-color-text-positive-soft: var(--cnvs-base-palette-green-400); /* Active links */
  --cnvs-sys-color-text-positive-stronger: var(--cnvs-base-palette-green-800); /* Active links */
  --cnvs-sys-color-text-positive-strong: var(--cnvs-base-palette-green-700); /* Branded hover text */
  --cnvs-sys-color-text-positive-default: var(--cnvs-base-palette-green-600); /* Branded text */
  --cnvs-sys-color-text-ai: var(--cnvs-base-palette-blue-950);
  --cnvs-sys-color-text-caution-softer: var(--cnvs-base-palette-amber-200); /* Softer warning text */
  --cnvs-sys-color-text-caution-stronger: var(--cnvs-base-palette-amber-975); /* Stronger warning text */
  --cnvs-sys-color-text-caution-soft: var(--cnvs-base-palette-amber-400); /* Disabled warning text */
  --cnvs-sys-color-text-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong warning text */
  --cnvs-sys-color-text-caution-default: var(--cnvs-base-palette-amber-900); /* Warning text */
  --cnvs-sys-color-text-primary-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-primary-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-primary-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-primary-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-primary-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-critical-softer: var(--cnvs-base-palette-red-200); /* Error text */
  --cnvs-sys-color-text-critical-soft: var(--cnvs-base-palette-red-400); /* Error text */
  --cnvs-sys-color-text-critical-stronger: var(--cnvs-base-palette-red-800); /* Error text */
  --cnvs-sys-color-text-critical-strong: var(--cnvs-base-palette-red-700); /* Error text */
  --cnvs-sys-color-text-critical-default: var(--cnvs-base-palette-red-600); /* Error text */
  --cnvs-sys-color-text-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse text color */
  --cnvs-sys-color-text-hint: var(--cnvs-base-palette-slate-600); /* Hint text color */
  --cnvs-sys-color-text-disabled: var(--cnvs-base-palette-slate-400); /* Disabled text color */
  --cnvs-sys-color-text-stronger: var(--cnvs-base-palette-neutral-950); /* Display text */
  --cnvs-sys-color-text-strong: var(--cnvs-base-palette-neutral-900); /* Heading text */
  --cnvs-sys-color-text-default: var(--cnvs-base-palette-neutral-800); /* Body text */
  --cnvs-sys-color-bg-info-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-info-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-info-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-info-soft: var(--cnvs-base-palette-blue-100); /* Disabled */
  --cnvs-sys-color-bg-info-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-info-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-ai-strongest: var(--cnvs-base-palette-blue-950); /* AI surfaces */
  --cnvs-sys-color-bg-ai-stronger: var(--cnvs-base-palette-blue-400); /* Active state on AI containers */
  --cnvs-sys-color-bg-ai-strong: var(--cnvs-base-palette-blue-200); /* Hover on AI container */
  --cnvs-sys-color-bg-ai-default: var(--cnvs-base-palette-blue-100); /* AI container */
  --cnvs-sys-color-bg-critical-stronger: var(--cnvs-base-palette-red-800); /* Stronger error background */
  --cnvs-sys-color-bg-critical-strong: var(--cnvs-base-palette-red-700); /* Strong error background */
  --cnvs-sys-color-bg-critical-default: var(--cnvs-base-palette-red-600); /* Default error background */
  --cnvs-sys-color-bg-critical-soft: var(--cnvs-base-palette-red-100); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softer: var(--cnvs-base-palette-red-50); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softest: var(--cnvs-base-palette-red-25); /* Input error background */
  --cnvs-sys-color-bg-caution-stronger: var(--cnvs-base-palette-amber-600); /* Stronger warning background */
  --cnvs-sys-color-bg-caution-strong: var(--cnvs-base-palette-amber-500); /* Strong warning background */
  --cnvs-sys-color-bg-caution-default: var(--cnvs-base-palette-amber-400); /* Default warning background */
  --cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-100); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softer: var(--cnvs-base-palette-amber-50); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softest: var(--cnvs-base-palette-amber-25); /* Disabled warning background */
  --cnvs-sys-color-bg-positive-stronger: var(--cnvs-base-palette-green-800); /* Active success background */
  --cnvs-sys-color-bg-positive-strong: var(--cnvs-base-palette-green-700); /* Hover success background */
  --cnvs-sys-color-bg-positive-default: var(--cnvs-base-palette-green-600); /* Disabled success background */
  --cnvs-sys-color-bg-positive-soft: var(--cnvs-base-palette-green-100); /* Disabled success background */
  --cnvs-sys-color-bg-positive-softer: var(--cnvs-base-palette-green-50); /* Surface success background */
  --cnvs-sys-color-bg-positive-softest: var(--cnvs-base-palette-green-25); /* Lightest surface success background */
  --cnvs-sys-color-bg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-primary-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-primary-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-100); /* Primary disabled */
  --cnvs-sys-color-bg-primary-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-primary-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-bg-muted-default: var(--cnvs-base-palette-slate-600);
  --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-slate-500);
  --cnvs-sys-color-bg-muted-softer: var(--cnvs-base-palette-slate-400);
  --cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-slate-300); /* Active state for segmented control, Pill */
  --cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-slate-200); /* Active states */
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-100); /* Surface hover, Secondary surfaces */
  --cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-slate-50); /* Alternative page background */
  --cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-slate-25); /* Disabled inputs */
  --cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
  --cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-400)); /* Overlay background */
  --cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-250)); /* Inverse Secondary Button Active state */
  --cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-100)); /* Inverse Secondary Button Hover state */
  --cnvs-sys-color-bg-transparent-default: transparent; /* Transparent background */
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0); /* Main background color */
  --cnvs-sys-color-static-amber-soft: var(--cnvs-base-palette-amber-100); /* Soft amber */
  --cnvs-sys-color-static-amber-strongest: var(--cnvs-base-palette-amber-950); /* Stronger amber */
  --cnvs-sys-color-static-amber-softer: var(--cnvs-base-palette-amber-50); /* Soft amber */
  --cnvs-sys-color-static-amber-stronger: var(--cnvs-base-palette-amber-600); /* Stronger amber */
  --cnvs-sys-color-static-amber-strong: var(--cnvs-base-palette-amber-500); /* Stronger amber */
  --cnvs-sys-color-static-amber-softest: var(--cnvs-base-palette-amber-25); /* Soft amber */
  --cnvs-sys-color-static-amber-default: var(--cnvs-base-palette-amber-400); /* amber */
  --cnvs-sys-color-static-gray-softer: var(--cnvs-base-palette-slate-100); /* Light gray */
  --cnvs-sys-color-static-gray-softest: var(--cnvs-base-palette-slate-50); /* Light gray */
  --cnvs-sys-color-static-gray-strongest: var(--cnvs-base-palette-slate-950); /* Strongerer gray */
  --cnvs-sys-color-static-gray-stronger: var(--cnvs-base-palette-slate-800); /* Strongerer gray */
  --cnvs-sys-color-static-gray-strong: var(--cnvs-base-palette-slate-700); /* Stronger gray */
  --cnvs-sys-color-static-gray-soft: var(--cnvs-base-palette-slate-200); /* Light gray */
  --cnvs-sys-color-static-gray-default: var(--cnvs-base-palette-slate-600); /* Gray */
  --cnvs-sys-color-static-black: var(--cnvs-base-palette-neutral-1000); /* Just black */
  --cnvs-sys-color-static-white: var(--cnvs-base-palette-neutral-0); /* Just white */
  --cnvs-sys-color-static-red-softer: var(--cnvs-base-palette-red-50); /* Light red */
  --cnvs-sys-color-static-red-strongest: var(--cnvs-base-palette-red-950); /* Strong red */
  --cnvs-sys-color-static-red-softest: var(--cnvs-base-palette-red-25); /* Light red */
  --cnvs-sys-color-static-red-stronger: var(--cnvs-base-palette-red-800); /* Strong red */
  --cnvs-sys-color-static-red-strong: var(--cnvs-base-palette-red-700); /* Strong red */
  --cnvs-sys-color-static-red-soft: var(--cnvs-base-palette-red-100); /* Light red */
  --cnvs-sys-color-static-red-default: var(--cnvs-base-palette-red-600); /* Red */
  --cnvs-sys-color-static-green-strongest: var(--cnvs-base-palette-green-950); /* Stronger green */
  --cnvs-sys-color-static-green-softest: var(--cnvs-base-palette-green-25); /* Light green */
  --cnvs-sys-color-static-green-stronger: var(--cnvs-base-palette-green-800); /* Stronger green */
  --cnvs-sys-color-static-green-softer: var(--cnvs-base-palette-green-50); /* Light green */
  --cnvs-sys-color-static-green-strong: var(--cnvs-base-palette-green-700); /* Stronger green */
  --cnvs-sys-color-static-green-soft: var(--cnvs-base-palette-green-100); /* Light green */
  --cnvs-sys-color-static-green-default: var(--cnvs-base-palette-green-600); /* Default green */
  --cnvs-sys-color-static-blue-strongest: var(--cnvs-base-palette-blue-950); /* Stronger blue */
  --cnvs-sys-color-static-blue-soft: var(--cnvs-base-palette-blue-100); /* Light blue */
  --cnvs-sys-color-static-blue-softer: var(--cnvs-base-palette-blue-50); /* Light blue */
  --cnvs-sys-color-static-blue-stronger: var(--cnvs-base-palette-blue-800); /* Stronger blue */
  --cnvs-sys-color-static-blue-strong: var(--cnvs-base-palette-blue-700); /* Stronger blue */
  --cnvs-sys-color-static-blue-softest: var(--cnvs-base-palette-blue-25); /* Light blue */
  --cnvs-sys-color-static-blue-default: var(--cnvs-base-palette-blue-600); /* Blue */
  --cnvs-sys-color-static-orange-strong: var(--cnvs-base-palette-amber-500);
  --cnvs-sys-color-static-orange-soft: var(--cnvs-base-palette-amber-100);
  --cnvs-sys-color-static-orange-default: var(--cnvs-base-palette-amber-400);
  --cnvs-sys-color-static-gold-stronger: var(--cnvs-base-palette-amber-600);
  --cnvs-sys-font-size-subtext-medium: var(--cnvs-base-font-size-50);
  --cnvs-sys-font-size-subtext-large: var(--cnvs-base-font-size-75);
  --cnvs-sys-font-size-body-small: var(--cnvs-base-font-size-100);
  --cnvs-sys-font-size-body-medium: var(--cnvs-base-font-size-125);
  --cnvs-sys-font-size-body-large: var(--cnvs-base-font-size-150);
  --cnvs-sys-font-size-heading-small: var(--cnvs-base-font-size-200);
  --cnvs-sys-font-size-heading-medium: var(--cnvs-base-font-size-250);
  --cnvs-sys-font-size-heading-large: var(--cnvs-base-font-size-300);
  --cnvs-sys-font-size-title-small: var(--cnvs-base-font-size-400);
  --cnvs-sys-font-size-title-medium: var(--cnvs-base-font-size-500);
  --cnvs-sys-font-size-title-large: var(--cnvs-base-font-size-600);
}

.cnvs-sys-type-subtext-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-small);
  font-size: var(--cnvs-sys-font-size-subtext-small);
  letter-spacing: var(--cnvs-base-letter-spacing-50);
}

.cnvs-sys-type-subtext-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-medium);
  font-size: var(--cnvs-sys-font-size-subtext-medium);
  letter-spacing: var(--cnvs-base-letter-spacing-100);
}

.cnvs-sys-type-subtext-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-large);
  font-size: var(--cnvs-sys-font-size-subtext-large);
  letter-spacing: var(--cnvs-base-letter-spacing-150);
}

.cnvs-sys-type-body-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-small);
  font-size: var(--cnvs-sys-font-size-body-small);
  letter-spacing: var(--cnvs-base-letter-spacing-200);
}

.cnvs-sys-type-body-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-medium);
  font-size: var(--cnvs-sys-font-size-body-medium);
}

.cnvs-sys-type-body-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-large);
  font-size: var(--cnvs-sys-font-size-body-large);
}

.cnvs-sys-type-heading-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-small);
  font-size: var(--cnvs-sys-font-size-heading-small);
}

.cnvs-sys-type-heading-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-medium);
  font-size: var(--cnvs-sys-font-size-heading-medium);
}

.cnvs-sys-type-heading-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-large);
  font-size: var(--cnvs-sys-font-size-heading-large);
}

.cnvs-sys-type-title-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-small);
  font-size: var(--cnvs-sys-font-size-title-small);
}

.cnvs-sys-type-title-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-medium);
  font-size: var(--cnvs-sys-font-size-title-medium);
}

.cnvs-sys-type-title-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-large);
  font-size: var(--cnvs-sys-font-size-title-large);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
  --cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);
  --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
  --cnvs-brand-neutral-lighter: var(--cnvs-base-palette-slate-50);
  --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-neutral-darkest: var(--cnvs-base-palette-slate-800);
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-slate-700);
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-slate-600);
  --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-25);
  --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
  --cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);
  --cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);
  --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
  --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
  --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);
  --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);
  --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
  --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);
  --cnvs-brand-alert-lighter: var(--cnvs-base-palette-amber-50);
  --cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-error-light: var(--cnvs-base-palette-red-200);
  --cnvs-brand-error-lighter: var(--cnvs-base-palette-red-50);
  --cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);
  --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
  --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
  --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
  --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
  --cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);
  --cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
  --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
  --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
  --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
  --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.text-theme {
  color: #333333;
}

.text-theme:disabled, .text-theme.disabled {
  outline: none;
  color: #a1aab3;
  cursor: not-allowed;
}

.text-theme.highlighted, .text-theme:active {
  background-color: #a6d2ff;
}

.centered, div.profile-menu div.profile-menu-container .profile-menu-icon, div.profile-menu div.profile-menu-container .user-profile-link, div.profile-menu div.profile-menu-container .name {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.right-align {
  right: 0;
}

.left-align {
  left: 0;
}

.item-selected, div.profile-menu button.profile-button:focus, div.profile-menu button.profile-button:enabled:focus, div.profile-menu button.profile-button:focus-visible, div.profile-menu button.profile-button:active {
  border-radius: 99px;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #0057ae;
}

.item-container, div.profile-menu {
  position: relative;
  cursor: pointer;
  content: "";
  outline: none;
  box-sizing: border-box;
  overflow: visible;
  height: 45px;
  width: 45px;
  align-content: center;
}

.button-popup-open, div.profile-menu .profile-menu-open div {
  background-color: #ffffff;
  border-radius: 0;
}

div.profile-menu:hover {
  background-color: #f0f1f2;
  border-radius: 25px;
}

div.profile-menu.focus {
  outline: 2px solid #ffffff;
  outline-offset: 4px;
}

div.profile-menu button.profile-button {
  cursor: pointer;
  background: inherit;
  color: inherit;
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
}

div.profile-menu button.profile-button:hover {
  background-color: unset;
}

div.profile-menu button.profile-button .profile-icon {
  margin: 0;
  z-index: 1;
  vertical-align: middle;
  border-radius: 999px;
  height: 24px;
  width: 24px;
}

div.profile-menu button.profile-button span {
  top: unset !important;
  left: unset !important;
}

div.profile-menu button.profile-button span div svg.wd-icon-user g.wd-icon-container path.wd-icon-fill {
  fill: #5D6775;
}

div.profile-menu button.profile-button span div:hover {
  background-color: #f0f1f2;
  border-radius: 25px;
}

div.profile-menu button.profile-button span div:hover svg.wd-icon-user g.wd-icon-container path.wd-icon-fill {
  fill: #5D6775;
}

div.profile-menu button.profile-button span div:active {
  background-color: #ffffff;
  border-radius: 25px;
}

div.profile-menu button.profile-button span div:active svg.wd-icon-user g.wd-icon-container path.wd-icon-fill {
  fill: #5D6775;
}

div.profile-menu button.profile-button img {
  height: 24px;
  width: 24px;
}

div.profile-menu div.profile-menu-container {
  padding: 32px 0 20px;
  margin-top: 26px;
  background-color: #ffffff;
  box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.1);
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  min-width: 315px;
  max-width: 415px;
  z-index: 1;
}

div.profile-menu div.profile-menu-container:focus {
  outline: none;
  border: none;
}

div.profile-menu div.profile-menu-container ul.profile-menu-list {
  padding: 3px 0 10px 0;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  width: 100%;
  align-items: initial;
  height: unset;
  position: absolute;
  margin-left: 0;
}

div.profile-menu div.profile-menu-container ul.profile-menu-list li.profile-item {
  line-height: 18px;
  cursor: pointer;
  width: 100%;
}

div.profile-menu div.profile-menu-container ul.profile-menu-list li.profile-item:first-of-type {
  padding-top: 0;
}

div.profile-menu div.profile-menu-container ul.profile-menu-list li.profile-item div.wdc-link a {
  padding: 0 28px;
}

div.profile-menu div.profile-menu-container ul.profile-menu-list li.profile-item div.wdc-link a div.item-content .item-title {
  margin: 4px 0 !important;
}

div.profile-menu div.profile-menu-container .name {
  color: #000000;
  font-weight: 700;
  line-height: 24px;
  font-size: 18px;
  margin: 9px 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.profile-menu div.profile-menu-container .user-profile-link {
  margin-bottom: 13px;
}

div.profile-menu div.profile-menu-container .user-profile-link a#profile-button-url {
  text-decoration: none;
  font-weight: 700;
}

div.profile-menu div.profile-menu-container .user-profile-link a#profile-button-url:visited {
  color: #333333;
}

div.profile-menu div.profile-menu-container .user-profile-link a#profile-button-url:visited:hover {
  color: #ffffff;
}

div.profile-menu div.profile-menu-container .profile-menu-icon {
  width: 64px;
  height: 64px;
  border-radius: 999px;
}

div.profile-menu div.profile-menu-container .profile-menu-icon:hover {
  cursor: inherit;
}

[data-whatinput=mouse] div.profile-menu.focus,
[data-whatinput=touch] div.profile-menu.focus,
[data-whatinput=pointer] div.profile-menu.focus {
  outline: none;
}

.avatar-padding {
  padding: 1px 2px;
}
/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-amber-100: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-amber-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-amber-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-amber-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-amber-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-amber-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-amber-700: oklch(0.4824 0.1353 46.11 / 1);
  --cnvs-base-palette-amber-800: oklch(0.4143 0.1245 42.21 / 1);
  --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
  --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
  --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
  --cnvs-base-palette-azure-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-azure-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-azure-400: oklch(0.7283 0.1377 242.63 / 1);
  --cnvs-base-palette-azure-500: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-azure-600: oklch(0.5174 0.1257 243.24 / 1);
  --cnvs-base-palette-azure-700: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-azure-800: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
  --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
  --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
  --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
  --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
  --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blue-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-blue-300: oklch(0.7933 0.1076 252.08 / 1);
  --cnvs-base-palette-blue-400: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blue-500: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-blue-600: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blue-700: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blue-800: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
  --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
  --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
  --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-coral-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-coral-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-coral-400: oklch(0.7279 0.1703 38.58 / 1);
  --cnvs-base-palette-coral-500: oklch(0.6779 0.2096 40.36 / 1);
  --cnvs-base-palette-coral-600: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-coral-700: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-coral-800: oklch(0.393 0.143 33.49 / 1);
  --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
  --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
  --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
  --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
  --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-200: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-300: oklch(0.7817 0.1928 150.67 / 1);
  --cnvs-base-palette-green-400: oklch(0.702 0.1952 148.39 / 1);
  --cnvs-base-palette-green-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-green-600: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-700: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-800: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
  --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
  --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
  --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
  --cnvs-base-palette-indigo-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-indigo-300: oklch(0.7625 0.1242 281 / 1);
  --cnvs-base-palette-indigo-400: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-indigo-500: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-indigo-600: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-palette-indigo-700: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-indigo-800: oklch(0.379 0.1771 278.1 / 1);
  --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
  --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
  --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
  --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
  --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
  --cnvs-base-palette-neutral-100: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-neutral-200: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-neutral-300: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-neutral-400: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-neutral-500: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-neutral-600: oklch(0.5103 0 0 / 1);
  --cnvs-base-palette-neutral-700: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-neutral-800: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-neutral-900: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-neutral-950: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-neutral-975: oklch(0.1591 0 0 / 1);
  --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
  --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
  --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
  --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-orange-200: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-orange-300: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-orange-400: oklch(0.7261 0.1852 52.58 / 1);
  --cnvs-base-palette-orange-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-orange-600: oklch(0.53 0.165 40.39 / 1);
  --cnvs-base-palette-orange-700: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-orange-800: oklch(0.4077 0.1336 37.92 / 1);
  --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
  --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
  --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
  --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
  --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
  --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
  --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
  --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
  --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
  --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
  --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
  --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
  --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
  --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-palette-purple-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-purple-300: oklch(0.8108 0.1412 315.48 / 1);
  --cnvs-base-palette-purple-400: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-purple-500: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-purple-600: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-purple-700: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-purple-800: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
  --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
  --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
  --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-red-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-red-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-red-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-red-500: oklch(0.6495 0.2369 30.04 / 1);
  --cnvs-base-palette-red-600: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-red-700: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-red-800: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
  --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
  --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
  --cnvs-base-palette-slate-25: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-slate-50: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-slate-100: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-slate-200: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-slate-300: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-slate-400: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-slate-500: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-slate-600: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-slate-700: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-slate-800: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-slate-900: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-slate-950: oklch(0.2453 0.0136 253.1 / 1);
  --cnvs-base-palette-slate-975: oklch(0.18 0.008 248.33 / 1);
  --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
  --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-teal-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-teal-300: oklch(0.7836 0.0874 204.93 / 1);
  --cnvs-base-palette-teal-400: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-teal-500: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-teal-600: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-teal-700: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
  --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
  --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
  --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
  --cnvs-base-palette-cinnamon-100: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-cinnamon-200: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-cinnamon-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-cinnamon-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-cinnamon-500: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-cinnamon-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-peach-100: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-peach-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-peach-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-peach-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-peach-500: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-peach-600: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-chili-mango-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-chili-mango-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-chili-mango-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-chili-mango-400: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-600: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-cantaloupe-100: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-cantaloupe-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-cantaloupe-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-cantaloupe-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-cantaloupe-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-cantaloupe-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-sour-lemon-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-sour-lemon-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-sour-lemon-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-sour-lemon-400: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-500: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-600: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-juicy-pear-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-juicy-pear-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-juicy-pear-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-400: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-juicy-pear-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-kiwi-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-kiwi-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-kiwi-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-kiwi-400: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-apple-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-apple-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-apple-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-apple-500: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-watermelon-200: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-watermelon-300: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-watermelon-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-watermelon-500: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-jewel-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-jewel-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-jewel-300: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-jewel-400: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-jewel-500: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-jewel-600: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-toothpaste-100: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-toothpaste-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-toothpaste-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-toothpaste-400: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-toothpaste-500: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-toothpaste-600: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-blueberry-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-200: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blueberry-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blueberry-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blueberry-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-plum-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-plum-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-plum-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-plum-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-plum-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-plum-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-berry-smoothie-100: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-berry-smoothie-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-berry-smoothie-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-berry-smoothie-400: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-berry-smoothie-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-berry-smoothie-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blackberry-100: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-blackberry-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-blackberry-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-blackberry-400: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-blackberry-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-blackberry-600: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-island-punch-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-island-punch-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-island-punch-300: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-500: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-island-punch-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-grape-soda-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-grape-soda-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-grape-soda-300: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-grape-soda-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-grape-soda-500: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-grape-soda-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-pomegranate-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-pomegranate-200: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-pomegranate-300: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-400: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-500: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-pomegranate-600: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-fruit-punch-100: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-fruit-punch-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-fruit-punch-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-fruit-punch-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-500: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-root-beer-100: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-root-beer-200: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-root-beer-300: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-400: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-500: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-root-beer-600: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-toasted-marshmallow-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-toasted-marshmallow-200: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-toasted-marshmallow-300: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-toasted-marshmallow-400: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-toasted-marshmallow-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-toasted-marshmallow-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-licorice-100: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-licorice-200: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-licorice-300: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-licorice-400: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-licorice-500: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-licorice-600: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-soap-100: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-soap-200: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-soap-300: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-soap-400: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-soap-500: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-soap-600: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-french-vanilla-100: oklch(1 0 0 / 1);
  --cnvs-base-palette-french-vanilla-200: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-french-vanilla-300: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-french-vanilla-400: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-french-vanilla-500: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-french-vanilla-600: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-100: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-200: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-black-pepper-300: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-black-pepper-400: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-black-pepper-500: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-black-pepper-600: oklch(0 0 0 / 1);
  --cnvs-base-palette-coconut-100: #F0EEEE;
  --cnvs-base-palette-coconut-200: #e3dfdf;
  --cnvs-base-palette-coconut-300: #d1cbcc;
  --cnvs-base-palette-coconut-400: #b3acac;
  --cnvs-base-palette-coconut-500: #9e9595;
  --cnvs-base-palette-coconut-600: #8F8687;
  --cnvs-base-palette-cappuccino-100: #7A7374;
  --cnvs-base-palette-cappuccino-200: #706869;
  --cnvs-base-palette-cappuccino-300: #5E5757;
  --cnvs-base-palette-cappuccino-400: #4A4242;
  --cnvs-base-palette-cappuccino-500: #352f2f;
  --cnvs-base-palette-cappuccino-600: #231f20;
  --cnvs-base-opacity-0: 0;
  --cnvs-base-opacity-100: 0.08;
  --cnvs-base-opacity-200: 0.12;
  --cnvs-base-opacity-250: 0.2;
  --cnvs-base-opacity-300: 0.4;
  --cnvs-base-opacity-400: 0.64;
  --cnvs-base-opacity-500: 0.84;
  --cnvs-base-font-size-25: 0.625rem;
  --cnvs-base-font-size-50: 0.75rem;
  --cnvs-base-font-size-75: 0.875rem;
  --cnvs-base-font-size-100: 1rem;
  --cnvs-base-font-size-125: 1.125rem;
  --cnvs-base-font-size-150: 1.25rem;
  --cnvs-base-font-size-200: 1.5rem;
  --cnvs-base-font-size-250: 1.75rem;
  --cnvs-base-font-size-300: 2rem;
  --cnvs-base-font-size-400: 2.5rem;
  --cnvs-base-font-size-500: 3rem;
  --cnvs-base-font-size-600: 3.5rem;
  --cnvs-base-font-size-750: 4.5rem;
  --cnvs-base-font-size-900: 5.5rem;
  --cnvs-base-font-size-1050: 6.5rem;
  --cnvs-base-line-height-50: 1rem;
  --cnvs-base-line-height-100: 1.25rem;
  --cnvs-base-line-height-150: 1.5rem;
  --cnvs-base-line-height-200: 1.75rem;
  --cnvs-base-line-height-250: 2rem;
  --cnvs-base-line-height-300: 2.25rem;
  --cnvs-base-line-height-350: 2.5rem;
  --cnvs-base-line-height-400: 3rem;
  --cnvs-base-line-height-500: 3.5rem;
  --cnvs-base-line-height-600: 4rem;
  --cnvs-base-line-height-750: 4.5rem;
  --cnvs-base-line-height-900: 5.5rem;
  --cnvs-base-line-height-1050: 6.5rem;
  --cnvs-base-font-family-50: "Roboto"; /* Default font-family */
  --cnvs-base-font-family-100: "Roboto Mono";
  --cnvs-base-font-family-200: "Noto Sans";
  --cnvs-base-font-weight-300: 300;
  --cnvs-base-font-weight-400: 400;
  --cnvs-base-font-weight-500: 500;
  --cnvs-base-font-weight-700: 700;
  --cnvs-base-letter-spacing-50: 0.025rem;
  --cnvs-base-letter-spacing-100: 0.02rem;
  --cnvs-base-letter-spacing-150: 0.015rem;
  --cnvs-base-letter-spacing-200: 0.01rem;
  --cnvs-base-unit: 0.25rem; /* The base unit used in the grid system.;  */
  --cnvs-base-extended-palette-dragon-fruit-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-extended-palette-dragon-fruit-200: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-extended-palette-dragon-fruit-300: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-extended-palette-dragon-fruit-400: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-extended-palette-dragon-fruit-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-extended-palette-dragon-fruit-600: oklch(0.317 0.142 278.2 / 1);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Standard card depth */
  --cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Top navigation, Bottom Navigation */
  --cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Floating Action Buttons (FAB), Menus */
  --cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.5rem 2rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Bottom Sheets */
  --cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.625rem 2.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied) */
  --cnvs-sys-depth-6: 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.75rem 3rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied) */
  --cnvs-sys-space-zero: 0; /* Stacks, rows in tables */
  --cnvs-sys-shape-zero: 0rem; /* This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels. */
  --cnvs-sys-opacity-full: 1; /* Dev only */
  --cnvs-sys-opacity-zero: 0; /* Dev only */
  --cnvs-sys-breakpoints-zero: 0px; /* Use to set a media query `min-width` below small. */
  --cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);
  --cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);
  --cnvs-sys-font-weight-normal: var(--cnvs-base-font-weight-400);
  --cnvs-sys-font-weight-light: var(--cnvs-base-font-weight-300);
  --cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);
  --cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);
  --cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);
  --cnvs-sys-line-height-heading-large: var(--cnvs-base-line-height-350);
  --cnvs-sys-line-height-heading-medium: var(--cnvs-base-line-height-300);
  --cnvs-sys-line-height-heading-small: var(--cnvs-base-line-height-250);
  --cnvs-sys-line-height-body-large: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-medium: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-small: var(--cnvs-base-line-height-150);
  --cnvs-sys-line-height-subtext-large: var(--cnvs-base-line-height-100);
  --cnvs-sys-line-height-subtext-medium: var(--cnvs-base-line-height-50);
  --cnvs-sys-line-height-subtext-small: var(--cnvs-base-line-height-50);
  --cnvs-sys-font-size-subtext-small: var(--cnvs-base-font-size-25);
  --cnvs-sys-font-family-global: var(--cnvs-base-font-family-200);
  --cnvs-sys-font-family-mono: var(--cnvs-base-font-family-100);
  --cnvs-sys-font-family-default: var(--cnvs-base-font-family-50);
  --cnvs-sys-space-x20: calc(var(--cnvs-base-unit) * 20); /* - Use sparingly; - Helps to put focus on the primary element within your page; - Use to de-clutter your UI when a lot of space is available */
  --cnvs-sys-space-x16: calc(var(--cnvs-base-unit) * 16); /* - Use to de-clutter your UI when a lot of space is available; - Separate banner sections from page content; - Use to differentiate page content like page sections */
  --cnvs-sys-space-x10: calc(var(--cnvs-base-unit) * 10); /* • Used for outer margins on the overall page content ; • Used for inner margins on large items such as page sections */
  --cnvs-sys-space-x8: calc(var(--cnvs-base-unit) * 8); /* • Standard spacing between cards; • Used to separate groups of content ; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x6: calc(var(--cnvs-base-unit) * 6); /* • Padding around card content; • Related elements where more space between them can be afforded; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x4: calc(var(--cnvs-base-unit) * 4); /* Default space token. Used to group Inputs with related data */
  --cnvs-sys-space-x3: calc(var(--cnvs-base-unit) * 3); /* Use when compact padding is required */
  --cnvs-sys-space-x2: calc(var(--cnvs-base-unit) * 2); /* Commonly used to group compact elements like icon buttons */
  --cnvs-sys-space-x1: var(--cnvs-base-unit); /* Compact spacing between text or icons */
  --cnvs-sys-shape-round: calc(var(--cnvs-base-unit) * 250); /* Commonly used for our standard buttons and profile avatars: All Primary, Secondary Buttons, Radio Buttons and Notification Badges. */
  --cnvs-sys-shape-x2: calc(var(--cnvs-base-unit) * 2); /* Use this for all the containers and popups: All Cards, Modals, Tooltips and Toasts. */
  --cnvs-sys-shape-x1-half: calc(var(--cnvs-base-unit) * 1.5);
  --cnvs-sys-shape-x1: var(--cnvs-base-unit);
  --cnvs-sys-shape-half: calc(var(--cnvs-base-unit) * 0.5); /* Use this for subtle and small components that don’t require to group complex information like Status Indicators, Checkboxes and Color Swatches. */
  --cnvs-sys-opacity-shadow-second: var(--cnvs-base-opacity-100); /* Alpha on second shadow */
  --cnvs-sys-opacity-shadow-first: var(--cnvs-base-opacity-200); /* Alpha on first shadow */
  --cnvs-sys-opacity-contrast: var(--cnvs-base-opacity-500); /* Tooltips, Status Indicator */
  --cnvs-sys-opacity-overlay: var(--cnvs-base-opacity-400); /* Overlay */
  --cnvs-sys-opacity-disabled: var(--cnvs-base-opacity-300); /* Disabled states */
  --cnvs-sys-breakpoints-xl: 1440px; /* Used for extra large screens, such as wide monitors and TVs. */
  --cnvs-sys-breakpoints-l: 1024px; /* Large screens, such as desktops. */
  --cnvs-sys-breakpoints-m: 768px; /* Medium screens, such as laptops. */
  --cnvs-sys-breakpoints-s: 320px; /* The `min-width` for mobile devices, such as phones and tablets. */
  --cnvs-sys-color-shadow-default: var(--cnvs-base-palette-slate-900); /* Main shadow color */
  --cnvs-sys-color-shadow-2: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-100)); /* Second shadow color */
  --cnvs-sys-color-shadow-1: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-200)); /* First shadow color */
  --cnvs-sys-color-border-info-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950); /* Active state on AI borders */
  --cnvs-sys-color-border-container: var(--cnvs-base-palette-slate-300); /* Cards, Toasts, Surfaces */
  --cnvs-sys-color-border-divider: var(--cnvs-base-palette-slate-200); /* Dividers */
  --cnvs-sys-color-border-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on accent colors */
  --cnvs-sys-color-border-transparent: transparent; /* Transparent */
  --cnvs-sys-color-border-caution-strong: var(--cnvs-base-palette-amber-500); /* Warning outer (box shadow) */
  --cnvs-sys-color-border-caution-default: var(--cnvs-base-palette-amber-400); /* Warning inner */
  --cnvs-sys-color-border-critical-default: var(--cnvs-base-palette-red-500); /* Error */
  --cnvs-sys-color-border-primary-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Secondary Button Hover */
  --cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-900); /* Secondary Button */
  --cnvs-sys-color-border-input-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on checkboxes and radios */
  --cnvs-sys-color-border-input-strong: var(--cnvs-base-palette-slate-700); /* Input hover */
  --cnvs-sys-color-border-input-default: var(--cnvs-base-palette-slate-500); /* Inputs */
  --cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-slate-400); /* Disabled inputs */
  --cnvs-sys-color-fg-positive-stronger: var(--cnvs-base-palette-green-800); /* Error */
  --cnvs-sys-color-fg-positive-strong: var(--cnvs-base-palette-green-700); /* Error */
  --cnvs-sys-color-fg-positive-soft: var(--cnvs-base-palette-green-400); /* Error */
  --cnvs-sys-color-fg-positive-softer: var(--cnvs-base-palette-green-200); /* Error */
  --cnvs-sys-color-fg-positive-default: var(--cnvs-base-palette-green-600); /* Error */
  --cnvs-sys-color-fg-info-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-info-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-info-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950); /* AI icons and text */
  --cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Strong contrast */
  --cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast */
  --cnvs-sys-color-fg-caution-softer: var(--cnvs-base-palette-amber-500); /* Warning */
  --cnvs-sys-color-fg-caution-stronger: var(--cnvs-base-palette-amber-975); /* Warning on hover */
  --cnvs-sys-color-fg-caution-soft: var(--cnvs-base-palette-amber-700); /* Warning */
  --cnvs-sys-color-fg-caution-strong: var(--cnvs-base-palette-amber-950); /* Warning on hover */
  --cnvs-sys-color-fg-caution-default: var(--cnvs-base-palette-amber-900); /* Warning */
  --cnvs-sys-color-fg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-primary-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-primary-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-primary-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-primary-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-slate-400); /* Tab item foreground */
  --cnvs-sys-color-fg-muted-stronger: var(--cnvs-base-palette-slate-800);
  --cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-slate-600); /* Hint text */
  --cnvs-sys-color-fg-critical-softer: var(--cnvs-base-palette-red-200); /* Error */
  --cnvs-sys-color-fg-critical-soft: var(--cnvs-base-palette-red-400); /* Error */
  --cnvs-sys-color-fg-critical-stronger: var(--cnvs-base-palette-red-800); /* Error */
  --cnvs-sys-color-fg-critical-strong: var(--cnvs-base-palette-red-700); /* Error */
  --cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-red-600); /* Error */
  --cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse */
  --cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-slate-400); /* Disabled */
  --cnvs-sys-color-fg-stronger: var(--cnvs-base-palette-neutral-950); /* Heading on hover */
  --cnvs-sys-color-fg-strong: var(--cnvs-base-palette-neutral-900); /* Headings */
  --cnvs-sys-color-fg-default: var(--cnvs-base-palette-neutral-800); /* Body */
  --cnvs-sys-color-icon-info-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-disabled: var(--cnvs-base-palette-slate-400); /* Disabled icon color */
  --cnvs-sys-color-icon-caution-softer: var(--cnvs-base-palette-amber-500); /* Softer caution icon color */
  --cnvs-sys-color-icon-caution-soft: var(--cnvs-base-palette-amber-700); /* Soft caution icon color */
  --cnvs-sys-color-icon-caution-stronger: var(--cnvs-base-palette-amber-975); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-default: var(--cnvs-base-palette-amber-900); /* Caution icon color */
  --cnvs-sys-color-icon-critical-softer: var(--cnvs-base-palette-red-200); /* Error icon color */
  --cnvs-sys-color-icon-critical-soft: var(--cnvs-base-palette-red-400); /* Error icon color */
  --cnvs-sys-color-icon-critical-stronger: var(--cnvs-base-palette-red-800); /* Error icon color */
  --cnvs-sys-color-icon-critical-strong: var(--cnvs-base-palette-red-700); /* Error icon color */
  --cnvs-sys-color-icon-critical-default: var(--cnvs-base-palette-red-600); /* Error icon color */
  --cnvs-sys-color-icon-positive-softer: var(--cnvs-base-palette-green-200); /* Success icon color */
  --cnvs-sys-color-icon-positive-soft: var(--cnvs-base-palette-green-400); /* Success icon color */
  --cnvs-sys-color-icon-positive-stronger: var(--cnvs-base-palette-green-800); /* Success icon color */
  --cnvs-sys-color-icon-positive-strong: var(--cnvs-base-palette-green-700); /* Success icon color */
  --cnvs-sys-color-icon-positive-default: var(--cnvs-base-palette-green-600); /* Success icon color */
  --cnvs-sys-color-icon-primary-softer: var(--cnvs-base-palette-blue-200); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-soft: var(--cnvs-base-palette-blue-400); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse icon color */
  --cnvs-sys-color-icon-strong: var(--cnvs-base-palette-neutral-900); /* Hover icon color */
  --cnvs-sys-color-icon-soft: var(--cnvs-base-palette-slate-600); /* Disabled icon color */
  --cnvs-sys-color-icon-default: var(--cnvs-base-palette-neutral-800); /* Default icon color */
  --cnvs-sys-color-text-info-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-info-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-info-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-info-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-info-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-positive-softer: var(--cnvs-base-palette-green-200); /* Active links */
  --cnvs-sys-color-text-positive-soft: var(--cnvs-base-palette-green-400); /* Active links */
  --cnvs-sys-color-text-positive-stronger: var(--cnvs-base-palette-green-800); /* Active links */
  --cnvs-sys-color-text-positive-strong: var(--cnvs-base-palette-green-700); /* Branded hover text */
  --cnvs-sys-color-text-positive-default: var(--cnvs-base-palette-green-600); /* Branded text */
  --cnvs-sys-color-text-ai: var(--cnvs-base-palette-blue-950);
  --cnvs-sys-color-text-caution-softer: var(--cnvs-base-palette-amber-200); /* Softer warning text */
  --cnvs-sys-color-text-caution-stronger: var(--cnvs-base-palette-amber-975); /* Stronger warning text */
  --cnvs-sys-color-text-caution-soft: var(--cnvs-base-palette-amber-400); /* Disabled warning text */
  --cnvs-sys-color-text-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong warning text */
  --cnvs-sys-color-text-caution-default: var(--cnvs-base-palette-amber-900); /* Warning text */
  --cnvs-sys-color-text-primary-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-primary-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-primary-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-primary-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-primary-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-critical-softer: var(--cnvs-base-palette-red-200); /* Error text */
  --cnvs-sys-color-text-critical-soft: var(--cnvs-base-palette-red-400); /* Error text */
  --cnvs-sys-color-text-critical-stronger: var(--cnvs-base-palette-red-800); /* Error text */
  --cnvs-sys-color-text-critical-strong: var(--cnvs-base-palette-red-700); /* Error text */
  --cnvs-sys-color-text-critical-default: var(--cnvs-base-palette-red-600); /* Error text */
  --cnvs-sys-color-text-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse text color */
  --cnvs-sys-color-text-hint: var(--cnvs-base-palette-slate-600); /* Hint text color */
  --cnvs-sys-color-text-disabled: var(--cnvs-base-palette-slate-400); /* Disabled text color */
  --cnvs-sys-color-text-stronger: var(--cnvs-base-palette-neutral-950); /* Display text */
  --cnvs-sys-color-text-strong: var(--cnvs-base-palette-neutral-900); /* Heading text */
  --cnvs-sys-color-text-default: var(--cnvs-base-palette-neutral-800); /* Body text */
  --cnvs-sys-color-bg-info-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-info-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-info-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-info-soft: var(--cnvs-base-palette-blue-100); /* Disabled */
  --cnvs-sys-color-bg-info-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-info-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-ai-strongest: var(--cnvs-base-palette-blue-950); /* AI surfaces */
  --cnvs-sys-color-bg-ai-stronger: var(--cnvs-base-palette-blue-400); /* Active state on AI containers */
  --cnvs-sys-color-bg-ai-strong: var(--cnvs-base-palette-blue-200); /* Hover on AI container */
  --cnvs-sys-color-bg-ai-default: var(--cnvs-base-palette-blue-100); /* AI container */
  --cnvs-sys-color-bg-critical-stronger: var(--cnvs-base-palette-red-800); /* Stronger error background */
  --cnvs-sys-color-bg-critical-strong: var(--cnvs-base-palette-red-700); /* Strong error background */
  --cnvs-sys-color-bg-critical-default: var(--cnvs-base-palette-red-600); /* Default error background */
  --cnvs-sys-color-bg-critical-soft: var(--cnvs-base-palette-red-100); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softer: var(--cnvs-base-palette-red-50); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softest: var(--cnvs-base-palette-red-25); /* Input error background */
  --cnvs-sys-color-bg-caution-stronger: var(--cnvs-base-palette-amber-600); /* Stronger warning background */
  --cnvs-sys-color-bg-caution-strong: var(--cnvs-base-palette-amber-500); /* Strong warning background */
  --cnvs-sys-color-bg-caution-default: var(--cnvs-base-palette-amber-400); /* Default warning background */
  --cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-100); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softer: var(--cnvs-base-palette-amber-50); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softest: var(--cnvs-base-palette-amber-25); /* Disabled warning background */
  --cnvs-sys-color-bg-positive-stronger: var(--cnvs-base-palette-green-800); /* Active success background */
  --cnvs-sys-color-bg-positive-strong: var(--cnvs-base-palette-green-700); /* Hover success background */
  --cnvs-sys-color-bg-positive-default: var(--cnvs-base-palette-green-600); /* Disabled success background */
  --cnvs-sys-color-bg-positive-soft: var(--cnvs-base-palette-green-100); /* Disabled success background */
  --cnvs-sys-color-bg-positive-softer: var(--cnvs-base-palette-green-50); /* Surface success background */
  --cnvs-sys-color-bg-positive-softest: var(--cnvs-base-palette-green-25); /* Lightest surface success background */
  --cnvs-sys-color-bg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-primary-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-primary-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-100); /* Primary disabled */
  --cnvs-sys-color-bg-primary-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-primary-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-bg-muted-default: var(--cnvs-base-palette-slate-600);
  --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-slate-500);
  --cnvs-sys-color-bg-muted-softer: var(--cnvs-base-palette-slate-400);
  --cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-slate-300); /* Active state for segmented control, Pill */
  --cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-slate-200); /* Active states */
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-100); /* Surface hover, Secondary surfaces */
  --cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-slate-50); /* Alternative page background */
  --cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-slate-25); /* Disabled inputs */
  --cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
  --cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-400)); /* Overlay background */
  --cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-250)); /* Inverse Secondary Button Active state */
  --cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-100)); /* Inverse Secondary Button Hover state */
  --cnvs-sys-color-bg-transparent-default: transparent; /* Transparent background */
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0); /* Main background color */
  --cnvs-sys-color-static-amber-soft: var(--cnvs-base-palette-amber-100); /* Soft amber */
  --cnvs-sys-color-static-amber-strongest: var(--cnvs-base-palette-amber-950); /* Stronger amber */
  --cnvs-sys-color-static-amber-softer: var(--cnvs-base-palette-amber-50); /* Soft amber */
  --cnvs-sys-color-static-amber-stronger: var(--cnvs-base-palette-amber-600); /* Stronger amber */
  --cnvs-sys-color-static-amber-strong: var(--cnvs-base-palette-amber-500); /* Stronger amber */
  --cnvs-sys-color-static-amber-softest: var(--cnvs-base-palette-amber-25); /* Soft amber */
  --cnvs-sys-color-static-amber-default: var(--cnvs-base-palette-amber-400); /* amber */
  --cnvs-sys-color-static-gray-softer: var(--cnvs-base-palette-slate-100); /* Light gray */
  --cnvs-sys-color-static-gray-softest: var(--cnvs-base-palette-slate-50); /* Light gray */
  --cnvs-sys-color-static-gray-strongest: var(--cnvs-base-palette-slate-950); /* Strongerer gray */
  --cnvs-sys-color-static-gray-stronger: var(--cnvs-base-palette-slate-800); /* Strongerer gray */
  --cnvs-sys-color-static-gray-strong: var(--cnvs-base-palette-slate-700); /* Stronger gray */
  --cnvs-sys-color-static-gray-soft: var(--cnvs-base-palette-slate-200); /* Light gray */
  --cnvs-sys-color-static-gray-default: var(--cnvs-base-palette-slate-600); /* Gray */
  --cnvs-sys-color-static-black: var(--cnvs-base-palette-neutral-1000); /* Just black */
  --cnvs-sys-color-static-white: var(--cnvs-base-palette-neutral-0); /* Just white */
  --cnvs-sys-color-static-red-softer: var(--cnvs-base-palette-red-50); /* Light red */
  --cnvs-sys-color-static-red-strongest: var(--cnvs-base-palette-red-950); /* Strong red */
  --cnvs-sys-color-static-red-softest: var(--cnvs-base-palette-red-25); /* Light red */
  --cnvs-sys-color-static-red-stronger: var(--cnvs-base-palette-red-800); /* Strong red */
  --cnvs-sys-color-static-red-strong: var(--cnvs-base-palette-red-700); /* Strong red */
  --cnvs-sys-color-static-red-soft: var(--cnvs-base-palette-red-100); /* Light red */
  --cnvs-sys-color-static-red-default: var(--cnvs-base-palette-red-600); /* Red */
  --cnvs-sys-color-static-green-strongest: var(--cnvs-base-palette-green-950); /* Stronger green */
  --cnvs-sys-color-static-green-softest: var(--cnvs-base-palette-green-25); /* Light green */
  --cnvs-sys-color-static-green-stronger: var(--cnvs-base-palette-green-800); /* Stronger green */
  --cnvs-sys-color-static-green-softer: var(--cnvs-base-palette-green-50); /* Light green */
  --cnvs-sys-color-static-green-strong: var(--cnvs-base-palette-green-700); /* Stronger green */
  --cnvs-sys-color-static-green-soft: var(--cnvs-base-palette-green-100); /* Light green */
  --cnvs-sys-color-static-green-default: var(--cnvs-base-palette-green-600); /* Default green */
  --cnvs-sys-color-static-blue-strongest: var(--cnvs-base-palette-blue-950); /* Stronger blue */
  --cnvs-sys-color-static-blue-soft: var(--cnvs-base-palette-blue-100); /* Light blue */
  --cnvs-sys-color-static-blue-softer: var(--cnvs-base-palette-blue-50); /* Light blue */
  --cnvs-sys-color-static-blue-stronger: var(--cnvs-base-palette-blue-800); /* Stronger blue */
  --cnvs-sys-color-static-blue-strong: var(--cnvs-base-palette-blue-700); /* Stronger blue */
  --cnvs-sys-color-static-blue-softest: var(--cnvs-base-palette-blue-25); /* Light blue */
  --cnvs-sys-color-static-blue-default: var(--cnvs-base-palette-blue-600); /* Blue */
  --cnvs-sys-color-static-orange-strong: var(--cnvs-base-palette-amber-500);
  --cnvs-sys-color-static-orange-soft: var(--cnvs-base-palette-amber-100);
  --cnvs-sys-color-static-orange-default: var(--cnvs-base-palette-amber-400);
  --cnvs-sys-color-static-gold-stronger: var(--cnvs-base-palette-amber-600);
  --cnvs-sys-font-size-subtext-medium: var(--cnvs-base-font-size-50);
  --cnvs-sys-font-size-subtext-large: var(--cnvs-base-font-size-75);
  --cnvs-sys-font-size-body-small: var(--cnvs-base-font-size-100);
  --cnvs-sys-font-size-body-medium: var(--cnvs-base-font-size-125);
  --cnvs-sys-font-size-body-large: var(--cnvs-base-font-size-150);
  --cnvs-sys-font-size-heading-small: var(--cnvs-base-font-size-200);
  --cnvs-sys-font-size-heading-medium: var(--cnvs-base-font-size-250);
  --cnvs-sys-font-size-heading-large: var(--cnvs-base-font-size-300);
  --cnvs-sys-font-size-title-small: var(--cnvs-base-font-size-400);
  --cnvs-sys-font-size-title-medium: var(--cnvs-base-font-size-500);
  --cnvs-sys-font-size-title-large: var(--cnvs-base-font-size-600);
}

.cnvs-sys-type-subtext-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-small);
  font-size: var(--cnvs-sys-font-size-subtext-small);
  letter-spacing: var(--cnvs-base-letter-spacing-50);
}

.cnvs-sys-type-subtext-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-medium);
  font-size: var(--cnvs-sys-font-size-subtext-medium);
  letter-spacing: var(--cnvs-base-letter-spacing-100);
}

.cnvs-sys-type-subtext-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-large);
  font-size: var(--cnvs-sys-font-size-subtext-large);
  letter-spacing: var(--cnvs-base-letter-spacing-150);
}

.cnvs-sys-type-body-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-small);
  font-size: var(--cnvs-sys-font-size-body-small);
  letter-spacing: var(--cnvs-base-letter-spacing-200);
}

.cnvs-sys-type-body-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-medium);
  font-size: var(--cnvs-sys-font-size-body-medium);
}

.cnvs-sys-type-body-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-large);
  font-size: var(--cnvs-sys-font-size-body-large);
}

.cnvs-sys-type-heading-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-small);
  font-size: var(--cnvs-sys-font-size-heading-small);
}

.cnvs-sys-type-heading-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-medium);
  font-size: var(--cnvs-sys-font-size-heading-medium);
}

.cnvs-sys-type-heading-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-large);
  font-size: var(--cnvs-sys-font-size-heading-large);
}

.cnvs-sys-type-title-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-small);
  font-size: var(--cnvs-sys-font-size-title-small);
}

.cnvs-sys-type-title-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-medium);
  font-size: var(--cnvs-sys-font-size-title-medium);
}

.cnvs-sys-type-title-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-large);
  font-size: var(--cnvs-sys-font-size-title-large);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
  --cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);
  --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
  --cnvs-brand-neutral-lighter: var(--cnvs-base-palette-slate-50);
  --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-neutral-darkest: var(--cnvs-base-palette-slate-800);
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-slate-700);
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-slate-600);
  --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-25);
  --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
  --cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);
  --cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);
  --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
  --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
  --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);
  --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);
  --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
  --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);
  --cnvs-brand-alert-lighter: var(--cnvs-base-palette-amber-50);
  --cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-error-light: var(--cnvs-base-palette-red-200);
  --cnvs-brand-error-lighter: var(--cnvs-base-palette-red-50);
  --cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);
  --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
  --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
  --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
  --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
  --cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);
  --cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
  --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
  --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
  --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
  --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.text-theme {
  color: #333333;
}

.text-theme:disabled, .text-theme.disabled {
  outline: none;
  color: #a1aab3;
  cursor: not-allowed;
}

.text-theme.highlighted, .text-theme:active {
  background-color: #a6d2ff;
}

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.right-align {
  right: 0;
}

.left-align {
  left: 0;
}

.item-selected, div.utility-menu .utility-icon-button:focus, div.utility-menu .utility-icon-button:enabled:focus, div.utility-menu .utility-icon-button:focus-visible, div.utility-menu .utility-icon-button:active {
  border-radius: 99px;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #0057ae;
}

.item-container, div.utility-menu {
  position: relative;
  cursor: pointer;
  content: "";
  outline: none;
  box-sizing: border-box;
  overflow: visible;
  height: 45px;
  width: 45px;
  align-content: center;
}

.button-popup-open, div.utility-menu .utility-popup-open {
  background-color: #ffffff;
  border-radius: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  div.utility-menu {
    margin-right: -6px;
  }
}

div.utility-menu:hover {
  background-color: #f0f1f2;
  border-radius: 25px;
}

div.utility-menu .utility-icon-button {
  box-shadow: none;
  -webkit-animation: none;
  animation: none;
  outline: none;
  border: none;
  transition: none;
  height: 100%;
  width: 100%;
}

div.utility-menu .utility-icon-button:hover {
  background-color: unset;
}

div.utility-menu .utility-icon-button svg.wd-icon {
  height: 24px;
  width: 24px;
}

div.utility-menu .utility-popup-open {
  border-radius: 999px;
}

div.utility-menu div.utility-menu-container {
  position: absolute;
  z-index: 2;
  padding: 29px 0 16px;
  border-radius: 12px 0 0 12px;
  box-sizing: border-box;
  box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  margin-top: 28px;
  right: 0;
  transition: transform 300ms ease-out;
  animation: utilityMenuOpen 300ms ease-out;
  width: max-content;
}

@media only screen and (max-width: 1023px) {
  div.utility-menu div.utility-menu-container {
    max-width: 678px;
  }
}

@media only screen and (min-width: 1024px) {
  div.utility-menu div.utility-menu-container {
    min-width: 450px;
  }
}

div.utility-menu div.utility-menu-container:focus {
  outline: none;
  border: none;
}

div.utility-menu div.utility-menu-container div.utility-menu-title {
  margin-bottom: 16px;
  padding: 0 27px 0 32px;
}

div.utility-menu div.utility-menu-container div.utility-menu-title div.utility-menu-title-text {
  font-weight: 700;
  font-size: 18px;
  color: #000000;
}

div.utility-menu div.utility-menu-container div.utility-menu-title div.utility-menu-title-close {
  margin-top: -2px;
}

div.utility-menu div.utility-menu-container div.utility-menu-title div.utility-menu-title-close button {
  box-shadow: none;
  outline: none;
  border-radius: 0;
}

div.utility-menu div.utility-menu-container div.utility-menu-title div.utility-menu-title-close button svg.wd-icon g.wd-icon-container path.wd-icon-fill {
  fill: #4D5662;
}

div.utility-menu div.utility-menu-container div.utility-menu-title div.utility-menu-title-close button:focus, div.utility-menu div.utility-menu-container div.utility-menu-title div.utility-menu-title-close button:active:focus {
  box-shadow: none;
  outline: 2px solid #0875E1;
  outline-offset: -7px;
  border-radius: 0;
  -webkit-animation: none;
  animation: none;
}

div.utility-menu div.utility-menu-container div.utility-column div.list-item {
  width: 100%;
}

div.utility-menu div.utility-menu-container div.utility-column a.utility-menu-link {
  color: #000000;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  padding: 6px 0 12px;
  border: 2px solid transparent;
  display: block;
}

div.utility-menu div.utility-menu-container div.utility-column a.utility-menu-link:hover {
  background-color: #EAEDF0;
}

div.utility-menu div.utility-menu-container div.utility-column a.utility-menu-link:active, div.utility-menu div.utility-menu-container div.utility-column a.utility-menu-link:focus {
  outline: none;
  border-color: #0875E1;
  background-color: #EAEDF0;
}

div.utility-menu div.utility-menu-container div.utility-column a.utility-menu-link div.utility-menu-item {
  list-style: none;
  padding: 0 24px;
  max-width: 445px;
  text-align: initial;
}

div.utility-menu div.utility-menu-container div.utility-column a.utility-menu-link div.utility-menu-item div.utility-menu-link-content {
  margin-left: 18px;
  margin-top: 5px;
}

div.utility-menu div.utility-menu-container div.utility-column a.utility-menu-link div.utility-menu-item div.utility-menu-link-content span.utility-menu-link-title {
  color: #0875E1;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

div.utility-menu div.utility-menu-container div.utility-column a.utility-menu-link div.utility-menu-item div.utility-menu-link-content .utility-menu-link-sub-title {
  color: #0875E1;
  font-weight: 400;
  line-height: 20px;
}

div.utility-menu div.utility-menu-container div.utility-column a.utility-menu-link div.utility-menu-item div.blank-accent-icon {
  min-width: 40px;
}

@keyframes utilityMenuOpen {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}

[data-whatinput=mouse] div.utility-menu:hover, [data-whatinput=mouse] div.utility-menu:active,
[data-whatinput=touch] div.utility-menu:hover,
[data-whatinput=touch] div.utility-menu:active,
[data-whatinput=pointer] div.utility-menu:hover,
[data-whatinput=pointer] div.utility-menu:active {
  background-color: #f0f1f2;
  border-radius: 25px;
}

[data-whatinput=mouse] div.utility-menu div.utility-menu-container:hover,
[data-whatinput=touch] div.utility-menu div.utility-menu-container:hover,
[data-whatinput=pointer] div.utility-menu div.utility-menu-container:hover {
  background-color: #ffffff !important;
}

[data-whatinput=mouse] div.utility-menu div.utility-menu-container div.utility-menu-title div.utility-menu-title-close button:focus, [data-whatinput=mouse] div.utility-menu div.utility-menu-container div.utility-menu-title div.utility-menu-title-close button:active:focus,
[data-whatinput=touch] div.utility-menu div.utility-menu-container div.utility-menu-title div.utility-menu-title-close button:focus,
[data-whatinput=touch] div.utility-menu div.utility-menu-container div.utility-menu-title div.utility-menu-title-close button:active:focus,
[data-whatinput=pointer] div.utility-menu div.utility-menu-container div.utility-menu-title div.utility-menu-title-close button:focus,
[data-whatinput=pointer] div.utility-menu div.utility-menu-container div.utility-menu-title div.utility-menu-title-close button:active:focus {
  box-shadow: none;
  outline: none;
}

[data-whatinput=mouse] div.utility-menu div.utility-menu-container div.utility-column a.utility-menu-link:active, [data-whatinput=mouse] div.utility-menu div.utility-menu-container div.utility-column a.utility-menu-link:focus,
[data-whatinput=touch] div.utility-menu div.utility-menu-container div.utility-column a.utility-menu-link:active,
[data-whatinput=touch] div.utility-menu div.utility-menu-container div.utility-column a.utility-menu-link:focus,
[data-whatinput=pointer] div.utility-menu div.utility-menu-container div.utility-column a.utility-menu-link:active,
[data-whatinput=pointer] div.utility-menu div.utility-menu-container div.utility-column a.utility-menu-link:focus {
  outline: none;
  border-color: transparent;
}
/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-amber-100: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-amber-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-amber-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-amber-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-amber-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-amber-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-amber-700: oklch(0.4824 0.1353 46.11 / 1);
  --cnvs-base-palette-amber-800: oklch(0.4143 0.1245 42.21 / 1);
  --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
  --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
  --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
  --cnvs-base-palette-azure-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-azure-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-azure-400: oklch(0.7283 0.1377 242.63 / 1);
  --cnvs-base-palette-azure-500: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-azure-600: oklch(0.5174 0.1257 243.24 / 1);
  --cnvs-base-palette-azure-700: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-azure-800: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
  --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
  --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
  --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
  --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
  --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blue-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-blue-300: oklch(0.7933 0.1076 252.08 / 1);
  --cnvs-base-palette-blue-400: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blue-500: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-blue-600: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blue-700: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blue-800: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
  --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
  --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
  --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-coral-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-coral-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-coral-400: oklch(0.7279 0.1703 38.58 / 1);
  --cnvs-base-palette-coral-500: oklch(0.6779 0.2096 40.36 / 1);
  --cnvs-base-palette-coral-600: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-coral-700: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-coral-800: oklch(0.393 0.143 33.49 / 1);
  --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
  --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
  --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
  --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
  --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-200: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-300: oklch(0.7817 0.1928 150.67 / 1);
  --cnvs-base-palette-green-400: oklch(0.702 0.1952 148.39 / 1);
  --cnvs-base-palette-green-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-green-600: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-700: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-800: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
  --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
  --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
  --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
  --cnvs-base-palette-indigo-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-indigo-300: oklch(0.7625 0.1242 281 / 1);
  --cnvs-base-palette-indigo-400: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-indigo-500: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-indigo-600: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-palette-indigo-700: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-indigo-800: oklch(0.379 0.1771 278.1 / 1);
  --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
  --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
  --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
  --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
  --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
  --cnvs-base-palette-neutral-100: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-neutral-200: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-neutral-300: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-neutral-400: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-neutral-500: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-neutral-600: oklch(0.5103 0 0 / 1);
  --cnvs-base-palette-neutral-700: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-neutral-800: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-neutral-900: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-neutral-950: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-neutral-975: oklch(0.1591 0 0 / 1);
  --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
  --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
  --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
  --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-orange-200: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-orange-300: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-orange-400: oklch(0.7261 0.1852 52.58 / 1);
  --cnvs-base-palette-orange-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-orange-600: oklch(0.53 0.165 40.39 / 1);
  --cnvs-base-palette-orange-700: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-orange-800: oklch(0.4077 0.1336 37.92 / 1);
  --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
  --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
  --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
  --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
  --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
  --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
  --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
  --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
  --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
  --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
  --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
  --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
  --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
  --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-palette-purple-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-purple-300: oklch(0.8108 0.1412 315.48 / 1);
  --cnvs-base-palette-purple-400: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-purple-500: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-purple-600: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-purple-700: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-purple-800: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
  --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
  --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
  --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-red-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-red-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-red-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-red-500: oklch(0.6495 0.2369 30.04 / 1);
  --cnvs-base-palette-red-600: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-red-700: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-red-800: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
  --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
  --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
  --cnvs-base-palette-slate-25: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-slate-50: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-slate-100: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-slate-200: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-slate-300: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-slate-400: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-slate-500: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-slate-600: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-slate-700: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-slate-800: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-slate-900: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-slate-950: oklch(0.2453 0.0136 253.1 / 1);
  --cnvs-base-palette-slate-975: oklch(0.18 0.008 248.33 / 1);
  --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
  --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-teal-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-teal-300: oklch(0.7836 0.0874 204.93 / 1);
  --cnvs-base-palette-teal-400: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-teal-500: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-teal-600: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-teal-700: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
  --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
  --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
  --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
  --cnvs-base-palette-cinnamon-100: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-cinnamon-200: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-cinnamon-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-cinnamon-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-cinnamon-500: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-cinnamon-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-peach-100: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-peach-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-peach-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-peach-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-peach-500: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-peach-600: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-chili-mango-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-chili-mango-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-chili-mango-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-chili-mango-400: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-600: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-cantaloupe-100: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-cantaloupe-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-cantaloupe-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-cantaloupe-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-cantaloupe-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-cantaloupe-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-sour-lemon-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-sour-lemon-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-sour-lemon-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-sour-lemon-400: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-500: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-600: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-juicy-pear-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-juicy-pear-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-juicy-pear-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-400: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-juicy-pear-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-kiwi-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-kiwi-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-kiwi-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-kiwi-400: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-apple-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-apple-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-apple-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-apple-500: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-watermelon-200: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-watermelon-300: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-watermelon-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-watermelon-500: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-jewel-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-jewel-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-jewel-300: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-jewel-400: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-jewel-500: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-jewel-600: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-toothpaste-100: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-toothpaste-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-toothpaste-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-toothpaste-400: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-toothpaste-500: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-toothpaste-600: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-blueberry-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-200: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blueberry-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blueberry-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blueberry-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-plum-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-plum-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-plum-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-plum-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-plum-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-plum-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-berry-smoothie-100: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-berry-smoothie-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-berry-smoothie-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-berry-smoothie-400: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-berry-smoothie-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-berry-smoothie-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blackberry-100: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-blackberry-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-blackberry-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-blackberry-400: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-blackberry-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-blackberry-600: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-island-punch-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-island-punch-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-island-punch-300: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-500: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-island-punch-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-grape-soda-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-grape-soda-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-grape-soda-300: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-grape-soda-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-grape-soda-500: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-grape-soda-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-pomegranate-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-pomegranate-200: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-pomegranate-300: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-400: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-500: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-pomegranate-600: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-fruit-punch-100: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-fruit-punch-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-fruit-punch-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-fruit-punch-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-500: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-root-beer-100: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-root-beer-200: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-root-beer-300: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-400: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-500: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-root-beer-600: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-toasted-marshmallow-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-toasted-marshmallow-200: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-toasted-marshmallow-300: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-toasted-marshmallow-400: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-toasted-marshmallow-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-toasted-marshmallow-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-licorice-100: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-licorice-200: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-licorice-300: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-licorice-400: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-licorice-500: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-licorice-600: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-soap-100: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-soap-200: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-soap-300: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-soap-400: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-soap-500: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-soap-600: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-french-vanilla-100: oklch(1 0 0 / 1);
  --cnvs-base-palette-french-vanilla-200: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-french-vanilla-300: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-french-vanilla-400: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-french-vanilla-500: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-french-vanilla-600: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-100: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-200: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-black-pepper-300: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-black-pepper-400: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-black-pepper-500: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-black-pepper-600: oklch(0 0 0 / 1);
  --cnvs-base-palette-coconut-100: #F0EEEE;
  --cnvs-base-palette-coconut-200: #e3dfdf;
  --cnvs-base-palette-coconut-300: #d1cbcc;
  --cnvs-base-palette-coconut-400: #b3acac;
  --cnvs-base-palette-coconut-500: #9e9595;
  --cnvs-base-palette-coconut-600: #8F8687;
  --cnvs-base-palette-cappuccino-100: #7A7374;
  --cnvs-base-palette-cappuccino-200: #706869;
  --cnvs-base-palette-cappuccino-300: #5E5757;
  --cnvs-base-palette-cappuccino-400: #4A4242;
  --cnvs-base-palette-cappuccino-500: #352f2f;
  --cnvs-base-palette-cappuccino-600: #231f20;
  --cnvs-base-opacity-0: 0;
  --cnvs-base-opacity-100: 0.08;
  --cnvs-base-opacity-200: 0.12;
  --cnvs-base-opacity-250: 0.2;
  --cnvs-base-opacity-300: 0.4;
  --cnvs-base-opacity-400: 0.64;
  --cnvs-base-opacity-500: 0.84;
  --cnvs-base-font-size-25: 0.625rem;
  --cnvs-base-font-size-50: 0.75rem;
  --cnvs-base-font-size-75: 0.875rem;
  --cnvs-base-font-size-100: 1rem;
  --cnvs-base-font-size-125: 1.125rem;
  --cnvs-base-font-size-150: 1.25rem;
  --cnvs-base-font-size-200: 1.5rem;
  --cnvs-base-font-size-250: 1.75rem;
  --cnvs-base-font-size-300: 2rem;
  --cnvs-base-font-size-400: 2.5rem;
  --cnvs-base-font-size-500: 3rem;
  --cnvs-base-font-size-600: 3.5rem;
  --cnvs-base-font-size-750: 4.5rem;
  --cnvs-base-font-size-900: 5.5rem;
  --cnvs-base-font-size-1050: 6.5rem;
  --cnvs-base-line-height-50: 1rem;
  --cnvs-base-line-height-100: 1.25rem;
  --cnvs-base-line-height-150: 1.5rem;
  --cnvs-base-line-height-200: 1.75rem;
  --cnvs-base-line-height-250: 2rem;
  --cnvs-base-line-height-300: 2.25rem;
  --cnvs-base-line-height-350: 2.5rem;
  --cnvs-base-line-height-400: 3rem;
  --cnvs-base-line-height-500: 3.5rem;
  --cnvs-base-line-height-600: 4rem;
  --cnvs-base-line-height-750: 4.5rem;
  --cnvs-base-line-height-900: 5.5rem;
  --cnvs-base-line-height-1050: 6.5rem;
  --cnvs-base-font-family-50: "Roboto"; /* Default font-family */
  --cnvs-base-font-family-100: "Roboto Mono";
  --cnvs-base-font-family-200: "Noto Sans";
  --cnvs-base-font-weight-300: 300;
  --cnvs-base-font-weight-400: 400;
  --cnvs-base-font-weight-500: 500;
  --cnvs-base-font-weight-700: 700;
  --cnvs-base-letter-spacing-50: 0.025rem;
  --cnvs-base-letter-spacing-100: 0.02rem;
  --cnvs-base-letter-spacing-150: 0.015rem;
  --cnvs-base-letter-spacing-200: 0.01rem;
  --cnvs-base-unit: 0.25rem; /* The base unit used in the grid system.;  */
  --cnvs-base-extended-palette-dragon-fruit-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-extended-palette-dragon-fruit-200: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-extended-palette-dragon-fruit-300: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-extended-palette-dragon-fruit-400: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-extended-palette-dragon-fruit-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-extended-palette-dragon-fruit-600: oklch(0.317 0.142 278.2 / 1);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Standard card depth */
  --cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Top navigation, Bottom Navigation */
  --cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Floating Action Buttons (FAB), Menus */
  --cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.5rem 2rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Bottom Sheets */
  --cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.625rem 2.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied) */
  --cnvs-sys-depth-6: 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.75rem 3rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied) */
  --cnvs-sys-space-zero: 0; /* Stacks, rows in tables */
  --cnvs-sys-shape-zero: 0rem; /* This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels. */
  --cnvs-sys-opacity-full: 1; /* Dev only */
  --cnvs-sys-opacity-zero: 0; /* Dev only */
  --cnvs-sys-breakpoints-zero: 0px; /* Use to set a media query `min-width` below small. */
  --cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);
  --cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);
  --cnvs-sys-font-weight-normal: var(--cnvs-base-font-weight-400);
  --cnvs-sys-font-weight-light: var(--cnvs-base-font-weight-300);
  --cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);
  --cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);
  --cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);
  --cnvs-sys-line-height-heading-large: var(--cnvs-base-line-height-350);
  --cnvs-sys-line-height-heading-medium: var(--cnvs-base-line-height-300);
  --cnvs-sys-line-height-heading-small: var(--cnvs-base-line-height-250);
  --cnvs-sys-line-height-body-large: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-medium: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-small: var(--cnvs-base-line-height-150);
  --cnvs-sys-line-height-subtext-large: var(--cnvs-base-line-height-100);
  --cnvs-sys-line-height-subtext-medium: var(--cnvs-base-line-height-50);
  --cnvs-sys-line-height-subtext-small: var(--cnvs-base-line-height-50);
  --cnvs-sys-font-size-subtext-small: var(--cnvs-base-font-size-25);
  --cnvs-sys-font-family-global: var(--cnvs-base-font-family-200);
  --cnvs-sys-font-family-mono: var(--cnvs-base-font-family-100);
  --cnvs-sys-font-family-default: var(--cnvs-base-font-family-50);
  --cnvs-sys-space-x20: calc(var(--cnvs-base-unit) * 20); /* - Use sparingly; - Helps to put focus on the primary element within your page; - Use to de-clutter your UI when a lot of space is available */
  --cnvs-sys-space-x16: calc(var(--cnvs-base-unit) * 16); /* - Use to de-clutter your UI when a lot of space is available; - Separate banner sections from page content; - Use to differentiate page content like page sections */
  --cnvs-sys-space-x10: calc(var(--cnvs-base-unit) * 10); /* • Used for outer margins on the overall page content ; • Used for inner margins on large items such as page sections */
  --cnvs-sys-space-x8: calc(var(--cnvs-base-unit) * 8); /* • Standard spacing between cards; • Used to separate groups of content ; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x6: calc(var(--cnvs-base-unit) * 6); /* • Padding around card content; • Related elements where more space between them can be afforded; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x4: calc(var(--cnvs-base-unit) * 4); /* Default space token. Used to group Inputs with related data */
  --cnvs-sys-space-x3: calc(var(--cnvs-base-unit) * 3); /* Use when compact padding is required */
  --cnvs-sys-space-x2: calc(var(--cnvs-base-unit) * 2); /* Commonly used to group compact elements like icon buttons */
  --cnvs-sys-space-x1: var(--cnvs-base-unit); /* Compact spacing between text or icons */
  --cnvs-sys-shape-round: calc(var(--cnvs-base-unit) * 250); /* Commonly used for our standard buttons and profile avatars: All Primary, Secondary Buttons, Radio Buttons and Notification Badges. */
  --cnvs-sys-shape-x2: calc(var(--cnvs-base-unit) * 2); /* Use this for all the containers and popups: All Cards, Modals, Tooltips and Toasts. */
  --cnvs-sys-shape-x1-half: calc(var(--cnvs-base-unit) * 1.5);
  --cnvs-sys-shape-x1: var(--cnvs-base-unit);
  --cnvs-sys-shape-half: calc(var(--cnvs-base-unit) * 0.5); /* Use this for subtle and small components that don’t require to group complex information like Status Indicators, Checkboxes and Color Swatches. */
  --cnvs-sys-opacity-shadow-second: var(--cnvs-base-opacity-100); /* Alpha on second shadow */
  --cnvs-sys-opacity-shadow-first: var(--cnvs-base-opacity-200); /* Alpha on first shadow */
  --cnvs-sys-opacity-contrast: var(--cnvs-base-opacity-500); /* Tooltips, Status Indicator */
  --cnvs-sys-opacity-overlay: var(--cnvs-base-opacity-400); /* Overlay */
  --cnvs-sys-opacity-disabled: var(--cnvs-base-opacity-300); /* Disabled states */
  --cnvs-sys-breakpoints-xl: 1440px; /* Used for extra large screens, such as wide monitors and TVs. */
  --cnvs-sys-breakpoints-l: 1024px; /* Large screens, such as desktops. */
  --cnvs-sys-breakpoints-m: 768px; /* Medium screens, such as laptops. */
  --cnvs-sys-breakpoints-s: 320px; /* The `min-width` for mobile devices, such as phones and tablets. */
  --cnvs-sys-color-shadow-default: var(--cnvs-base-palette-slate-900); /* Main shadow color */
  --cnvs-sys-color-shadow-2: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-100)); /* Second shadow color */
  --cnvs-sys-color-shadow-1: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-200)); /* First shadow color */
  --cnvs-sys-color-border-info-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950); /* Active state on AI borders */
  --cnvs-sys-color-border-container: var(--cnvs-base-palette-slate-300); /* Cards, Toasts, Surfaces */
  --cnvs-sys-color-border-divider: var(--cnvs-base-palette-slate-200); /* Dividers */
  --cnvs-sys-color-border-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on accent colors */
  --cnvs-sys-color-border-transparent: transparent; /* Transparent */
  --cnvs-sys-color-border-caution-strong: var(--cnvs-base-palette-amber-500); /* Warning outer (box shadow) */
  --cnvs-sys-color-border-caution-default: var(--cnvs-base-palette-amber-400); /* Warning inner */
  --cnvs-sys-color-border-critical-default: var(--cnvs-base-palette-red-500); /* Error */
  --cnvs-sys-color-border-primary-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Secondary Button Hover */
  --cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-900); /* Secondary Button */
  --cnvs-sys-color-border-input-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on checkboxes and radios */
  --cnvs-sys-color-border-input-strong: var(--cnvs-base-palette-slate-700); /* Input hover */
  --cnvs-sys-color-border-input-default: var(--cnvs-base-palette-slate-500); /* Inputs */
  --cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-slate-400); /* Disabled inputs */
  --cnvs-sys-color-fg-positive-stronger: var(--cnvs-base-palette-green-800); /* Error */
  --cnvs-sys-color-fg-positive-strong: var(--cnvs-base-palette-green-700); /* Error */
  --cnvs-sys-color-fg-positive-soft: var(--cnvs-base-palette-green-400); /* Error */
  --cnvs-sys-color-fg-positive-softer: var(--cnvs-base-palette-green-200); /* Error */
  --cnvs-sys-color-fg-positive-default: var(--cnvs-base-palette-green-600); /* Error */
  --cnvs-sys-color-fg-info-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-info-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-info-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950); /* AI icons and text */
  --cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Strong contrast */
  --cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast */
  --cnvs-sys-color-fg-caution-softer: var(--cnvs-base-palette-amber-500); /* Warning */
  --cnvs-sys-color-fg-caution-stronger: var(--cnvs-base-palette-amber-975); /* Warning on hover */
  --cnvs-sys-color-fg-caution-soft: var(--cnvs-base-palette-amber-700); /* Warning */
  --cnvs-sys-color-fg-caution-strong: var(--cnvs-base-palette-amber-950); /* Warning on hover */
  --cnvs-sys-color-fg-caution-default: var(--cnvs-base-palette-amber-900); /* Warning */
  --cnvs-sys-color-fg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-primary-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-primary-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-primary-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-primary-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-slate-400); /* Tab item foreground */
  --cnvs-sys-color-fg-muted-stronger: var(--cnvs-base-palette-slate-800);
  --cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-slate-600); /* Hint text */
  --cnvs-sys-color-fg-critical-softer: var(--cnvs-base-palette-red-200); /* Error */
  --cnvs-sys-color-fg-critical-soft: var(--cnvs-base-palette-red-400); /* Error */
  --cnvs-sys-color-fg-critical-stronger: var(--cnvs-base-palette-red-800); /* Error */
  --cnvs-sys-color-fg-critical-strong: var(--cnvs-base-palette-red-700); /* Error */
  --cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-red-600); /* Error */
  --cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse */
  --cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-slate-400); /* Disabled */
  --cnvs-sys-color-fg-stronger: var(--cnvs-base-palette-neutral-950); /* Heading on hover */
  --cnvs-sys-color-fg-strong: var(--cnvs-base-palette-neutral-900); /* Headings */
  --cnvs-sys-color-fg-default: var(--cnvs-base-palette-neutral-800); /* Body */
  --cnvs-sys-color-icon-info-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-disabled: var(--cnvs-base-palette-slate-400); /* Disabled icon color */
  --cnvs-sys-color-icon-caution-softer: var(--cnvs-base-palette-amber-500); /* Softer caution icon color */
  --cnvs-sys-color-icon-caution-soft: var(--cnvs-base-palette-amber-700); /* Soft caution icon color */
  --cnvs-sys-color-icon-caution-stronger: var(--cnvs-base-palette-amber-975); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-default: var(--cnvs-base-palette-amber-900); /* Caution icon color */
  --cnvs-sys-color-icon-critical-softer: var(--cnvs-base-palette-red-200); /* Error icon color */
  --cnvs-sys-color-icon-critical-soft: var(--cnvs-base-palette-red-400); /* Error icon color */
  --cnvs-sys-color-icon-critical-stronger: var(--cnvs-base-palette-red-800); /* Error icon color */
  --cnvs-sys-color-icon-critical-strong: var(--cnvs-base-palette-red-700); /* Error icon color */
  --cnvs-sys-color-icon-critical-default: var(--cnvs-base-palette-red-600); /* Error icon color */
  --cnvs-sys-color-icon-positive-softer: var(--cnvs-base-palette-green-200); /* Success icon color */
  --cnvs-sys-color-icon-positive-soft: var(--cnvs-base-palette-green-400); /* Success icon color */
  --cnvs-sys-color-icon-positive-stronger: var(--cnvs-base-palette-green-800); /* Success icon color */
  --cnvs-sys-color-icon-positive-strong: var(--cnvs-base-palette-green-700); /* Success icon color */
  --cnvs-sys-color-icon-positive-default: var(--cnvs-base-palette-green-600); /* Success icon color */
  --cnvs-sys-color-icon-primary-softer: var(--cnvs-base-palette-blue-200); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-soft: var(--cnvs-base-palette-blue-400); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse icon color */
  --cnvs-sys-color-icon-strong: var(--cnvs-base-palette-neutral-900); /* Hover icon color */
  --cnvs-sys-color-icon-soft: var(--cnvs-base-palette-slate-600); /* Disabled icon color */
  --cnvs-sys-color-icon-default: var(--cnvs-base-palette-neutral-800); /* Default icon color */
  --cnvs-sys-color-text-info-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-info-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-info-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-info-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-info-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-positive-softer: var(--cnvs-base-palette-green-200); /* Active links */
  --cnvs-sys-color-text-positive-soft: var(--cnvs-base-palette-green-400); /* Active links */
  --cnvs-sys-color-text-positive-stronger: var(--cnvs-base-palette-green-800); /* Active links */
  --cnvs-sys-color-text-positive-strong: var(--cnvs-base-palette-green-700); /* Branded hover text */
  --cnvs-sys-color-text-positive-default: var(--cnvs-base-palette-green-600); /* Branded text */
  --cnvs-sys-color-text-ai: var(--cnvs-base-palette-blue-950);
  --cnvs-sys-color-text-caution-softer: var(--cnvs-base-palette-amber-200); /* Softer warning text */
  --cnvs-sys-color-text-caution-stronger: var(--cnvs-base-palette-amber-975); /* Stronger warning text */
  --cnvs-sys-color-text-caution-soft: var(--cnvs-base-palette-amber-400); /* Disabled warning text */
  --cnvs-sys-color-text-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong warning text */
  --cnvs-sys-color-text-caution-default: var(--cnvs-base-palette-amber-900); /* Warning text */
  --cnvs-sys-color-text-primary-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-primary-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-primary-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-primary-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-primary-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-critical-softer: var(--cnvs-base-palette-red-200); /* Error text */
  --cnvs-sys-color-text-critical-soft: var(--cnvs-base-palette-red-400); /* Error text */
  --cnvs-sys-color-text-critical-stronger: var(--cnvs-base-palette-red-800); /* Error text */
  --cnvs-sys-color-text-critical-strong: var(--cnvs-base-palette-red-700); /* Error text */
  --cnvs-sys-color-text-critical-default: var(--cnvs-base-palette-red-600); /* Error text */
  --cnvs-sys-color-text-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse text color */
  --cnvs-sys-color-text-hint: var(--cnvs-base-palette-slate-600); /* Hint text color */
  --cnvs-sys-color-text-disabled: var(--cnvs-base-palette-slate-400); /* Disabled text color */
  --cnvs-sys-color-text-stronger: var(--cnvs-base-palette-neutral-950); /* Display text */
  --cnvs-sys-color-text-strong: var(--cnvs-base-palette-neutral-900); /* Heading text */
  --cnvs-sys-color-text-default: var(--cnvs-base-palette-neutral-800); /* Body text */
  --cnvs-sys-color-bg-info-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-info-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-info-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-info-soft: var(--cnvs-base-palette-blue-100); /* Disabled */
  --cnvs-sys-color-bg-info-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-info-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-ai-strongest: var(--cnvs-base-palette-blue-950); /* AI surfaces */
  --cnvs-sys-color-bg-ai-stronger: var(--cnvs-base-palette-blue-400); /* Active state on AI containers */
  --cnvs-sys-color-bg-ai-strong: var(--cnvs-base-palette-blue-200); /* Hover on AI container */
  --cnvs-sys-color-bg-ai-default: var(--cnvs-base-palette-blue-100); /* AI container */
  --cnvs-sys-color-bg-critical-stronger: var(--cnvs-base-palette-red-800); /* Stronger error background */
  --cnvs-sys-color-bg-critical-strong: var(--cnvs-base-palette-red-700); /* Strong error background */
  --cnvs-sys-color-bg-critical-default: var(--cnvs-base-palette-red-600); /* Default error background */
  --cnvs-sys-color-bg-critical-soft: var(--cnvs-base-palette-red-100); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softer: var(--cnvs-base-palette-red-50); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softest: var(--cnvs-base-palette-red-25); /* Input error background */
  --cnvs-sys-color-bg-caution-stronger: var(--cnvs-base-palette-amber-600); /* Stronger warning background */
  --cnvs-sys-color-bg-caution-strong: var(--cnvs-base-palette-amber-500); /* Strong warning background */
  --cnvs-sys-color-bg-caution-default: var(--cnvs-base-palette-amber-400); /* Default warning background */
  --cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-100); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softer: var(--cnvs-base-palette-amber-50); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softest: var(--cnvs-base-palette-amber-25); /* Disabled warning background */
  --cnvs-sys-color-bg-positive-stronger: var(--cnvs-base-palette-green-800); /* Active success background */
  --cnvs-sys-color-bg-positive-strong: var(--cnvs-base-palette-green-700); /* Hover success background */
  --cnvs-sys-color-bg-positive-default: var(--cnvs-base-palette-green-600); /* Disabled success background */
  --cnvs-sys-color-bg-positive-soft: var(--cnvs-base-palette-green-100); /* Disabled success background */
  --cnvs-sys-color-bg-positive-softer: var(--cnvs-base-palette-green-50); /* Surface success background */
  --cnvs-sys-color-bg-positive-softest: var(--cnvs-base-palette-green-25); /* Lightest surface success background */
  --cnvs-sys-color-bg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-primary-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-primary-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-100); /* Primary disabled */
  --cnvs-sys-color-bg-primary-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-primary-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-bg-muted-default: var(--cnvs-base-palette-slate-600);
  --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-slate-500);
  --cnvs-sys-color-bg-muted-softer: var(--cnvs-base-palette-slate-400);
  --cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-slate-300); /* Active state for segmented control, Pill */
  --cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-slate-200); /* Active states */
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-100); /* Surface hover, Secondary surfaces */
  --cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-slate-50); /* Alternative page background */
  --cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-slate-25); /* Disabled inputs */
  --cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
  --cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-400)); /* Overlay background */
  --cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-250)); /* Inverse Secondary Button Active state */
  --cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-100)); /* Inverse Secondary Button Hover state */
  --cnvs-sys-color-bg-transparent-default: transparent; /* Transparent background */
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0); /* Main background color */
  --cnvs-sys-color-static-amber-soft: var(--cnvs-base-palette-amber-100); /* Soft amber */
  --cnvs-sys-color-static-amber-strongest: var(--cnvs-base-palette-amber-950); /* Stronger amber */
  --cnvs-sys-color-static-amber-softer: var(--cnvs-base-palette-amber-50); /* Soft amber */
  --cnvs-sys-color-static-amber-stronger: var(--cnvs-base-palette-amber-600); /* Stronger amber */
  --cnvs-sys-color-static-amber-strong: var(--cnvs-base-palette-amber-500); /* Stronger amber */
  --cnvs-sys-color-static-amber-softest: var(--cnvs-base-palette-amber-25); /* Soft amber */
  --cnvs-sys-color-static-amber-default: var(--cnvs-base-palette-amber-400); /* amber */
  --cnvs-sys-color-static-gray-softer: var(--cnvs-base-palette-slate-100); /* Light gray */
  --cnvs-sys-color-static-gray-softest: var(--cnvs-base-palette-slate-50); /* Light gray */
  --cnvs-sys-color-static-gray-strongest: var(--cnvs-base-palette-slate-950); /* Strongerer gray */
  --cnvs-sys-color-static-gray-stronger: var(--cnvs-base-palette-slate-800); /* Strongerer gray */
  --cnvs-sys-color-static-gray-strong: var(--cnvs-base-palette-slate-700); /* Stronger gray */
  --cnvs-sys-color-static-gray-soft: var(--cnvs-base-palette-slate-200); /* Light gray */
  --cnvs-sys-color-static-gray-default: var(--cnvs-base-palette-slate-600); /* Gray */
  --cnvs-sys-color-static-black: var(--cnvs-base-palette-neutral-1000); /* Just black */
  --cnvs-sys-color-static-white: var(--cnvs-base-palette-neutral-0); /* Just white */
  --cnvs-sys-color-static-red-softer: var(--cnvs-base-palette-red-50); /* Light red */
  --cnvs-sys-color-static-red-strongest: var(--cnvs-base-palette-red-950); /* Strong red */
  --cnvs-sys-color-static-red-softest: var(--cnvs-base-palette-red-25); /* Light red */
  --cnvs-sys-color-static-red-stronger: var(--cnvs-base-palette-red-800); /* Strong red */
  --cnvs-sys-color-static-red-strong: var(--cnvs-base-palette-red-700); /* Strong red */
  --cnvs-sys-color-static-red-soft: var(--cnvs-base-palette-red-100); /* Light red */
  --cnvs-sys-color-static-red-default: var(--cnvs-base-palette-red-600); /* Red */
  --cnvs-sys-color-static-green-strongest: var(--cnvs-base-palette-green-950); /* Stronger green */
  --cnvs-sys-color-static-green-softest: var(--cnvs-base-palette-green-25); /* Light green */
  --cnvs-sys-color-static-green-stronger: var(--cnvs-base-palette-green-800); /* Stronger green */
  --cnvs-sys-color-static-green-softer: var(--cnvs-base-palette-green-50); /* Light green */
  --cnvs-sys-color-static-green-strong: var(--cnvs-base-palette-green-700); /* Stronger green */
  --cnvs-sys-color-static-green-soft: var(--cnvs-base-palette-green-100); /* Light green */
  --cnvs-sys-color-static-green-default: var(--cnvs-base-palette-green-600); /* Default green */
  --cnvs-sys-color-static-blue-strongest: var(--cnvs-base-palette-blue-950); /* Stronger blue */
  --cnvs-sys-color-static-blue-soft: var(--cnvs-base-palette-blue-100); /* Light blue */
  --cnvs-sys-color-static-blue-softer: var(--cnvs-base-palette-blue-50); /* Light blue */
  --cnvs-sys-color-static-blue-stronger: var(--cnvs-base-palette-blue-800); /* Stronger blue */
  --cnvs-sys-color-static-blue-strong: var(--cnvs-base-palette-blue-700); /* Stronger blue */
  --cnvs-sys-color-static-blue-softest: var(--cnvs-base-palette-blue-25); /* Light blue */
  --cnvs-sys-color-static-blue-default: var(--cnvs-base-palette-blue-600); /* Blue */
  --cnvs-sys-color-static-orange-strong: var(--cnvs-base-palette-amber-500);
  --cnvs-sys-color-static-orange-soft: var(--cnvs-base-palette-amber-100);
  --cnvs-sys-color-static-orange-default: var(--cnvs-base-palette-amber-400);
  --cnvs-sys-color-static-gold-stronger: var(--cnvs-base-palette-amber-600);
  --cnvs-sys-font-size-subtext-medium: var(--cnvs-base-font-size-50);
  --cnvs-sys-font-size-subtext-large: var(--cnvs-base-font-size-75);
  --cnvs-sys-font-size-body-small: var(--cnvs-base-font-size-100);
  --cnvs-sys-font-size-body-medium: var(--cnvs-base-font-size-125);
  --cnvs-sys-font-size-body-large: var(--cnvs-base-font-size-150);
  --cnvs-sys-font-size-heading-small: var(--cnvs-base-font-size-200);
  --cnvs-sys-font-size-heading-medium: var(--cnvs-base-font-size-250);
  --cnvs-sys-font-size-heading-large: var(--cnvs-base-font-size-300);
  --cnvs-sys-font-size-title-small: var(--cnvs-base-font-size-400);
  --cnvs-sys-font-size-title-medium: var(--cnvs-base-font-size-500);
  --cnvs-sys-font-size-title-large: var(--cnvs-base-font-size-600);
}

.cnvs-sys-type-subtext-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-small);
  font-size: var(--cnvs-sys-font-size-subtext-small);
  letter-spacing: var(--cnvs-base-letter-spacing-50);
}

.cnvs-sys-type-subtext-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-medium);
  font-size: var(--cnvs-sys-font-size-subtext-medium);
  letter-spacing: var(--cnvs-base-letter-spacing-100);
}

.cnvs-sys-type-subtext-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-large);
  font-size: var(--cnvs-sys-font-size-subtext-large);
  letter-spacing: var(--cnvs-base-letter-spacing-150);
}

.cnvs-sys-type-body-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-small);
  font-size: var(--cnvs-sys-font-size-body-small);
  letter-spacing: var(--cnvs-base-letter-spacing-200);
}

.cnvs-sys-type-body-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-medium);
  font-size: var(--cnvs-sys-font-size-body-medium);
}

.cnvs-sys-type-body-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-large);
  font-size: var(--cnvs-sys-font-size-body-large);
}

.cnvs-sys-type-heading-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-small);
  font-size: var(--cnvs-sys-font-size-heading-small);
}

.cnvs-sys-type-heading-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-medium);
  font-size: var(--cnvs-sys-font-size-heading-medium);
}

.cnvs-sys-type-heading-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-large);
  font-size: var(--cnvs-sys-font-size-heading-large);
}

.cnvs-sys-type-title-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-small);
  font-size: var(--cnvs-sys-font-size-title-small);
}

.cnvs-sys-type-title-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-medium);
  font-size: var(--cnvs-sys-font-size-title-medium);
}

.cnvs-sys-type-title-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-large);
  font-size: var(--cnvs-sys-font-size-title-large);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
  --cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);
  --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
  --cnvs-brand-neutral-lighter: var(--cnvs-base-palette-slate-50);
  --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-neutral-darkest: var(--cnvs-base-palette-slate-800);
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-slate-700);
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-slate-600);
  --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-25);
  --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
  --cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);
  --cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);
  --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
  --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
  --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);
  --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);
  --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
  --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);
  --cnvs-brand-alert-lighter: var(--cnvs-base-palette-amber-50);
  --cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-error-light: var(--cnvs-base-palette-red-200);
  --cnvs-brand-error-lighter: var(--cnvs-base-palette-red-50);
  --cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);
  --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
  --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
  --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
  --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
  --cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);
  --cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
  --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
  --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
  --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
  --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.text-theme {
  color: #333333;
}

.text-theme:disabled, .text-theme.disabled {
  outline: none;
  color: #a1aab3;
  cursor: not-allowed;
}

.text-theme.highlighted, .text-theme:active {
  background-color: #a6d2ff;
}

.centered, div.utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link .profile-menu-default-icon, div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link .profile-menu-default-icon, div.utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link .profile-menu-icon, div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link .profile-menu-icon, div.utility-mobile div.primary-mobile .user-info .profile-menu-default-icon, div.secondary-utility-mobile div.primary-mobile .user-info .profile-menu-default-icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.right-align {
  right: 0;
}

.left-align {
  left: 0;
}

.item-selected {
  border-radius: 99px;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #0057ae;
}

.item-container {
  position: relative;
  cursor: pointer;
  content: "";
  outline: none;
  box-sizing: border-box;
  overflow: visible;
  height: 45px;
  width: 45px;
  align-content: center;
}

.button-popup-open {
  background-color: #ffffff;
  border-radius: 0;
}

div.utility-mobile, div.secondary-utility-mobile {
  height: calc(100vh - 100px);
  overflow-y: auto;
  overflow-x: clip;
  background-color: #ffffff;
  border-bottom: 1px solid #ced3d9;
}

div.utility-mobile div.divider, div.secondary-utility-mobile div.divider {
  width: 100%;
  border: 1px solid #ced3d9;
}

div.utility-mobile .primary-title, div.secondary-utility-mobile .primary-title {
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 28px;
  padding: 10px 0 0;
  font-weight: 700;
}

div.utility-mobile .primary-title .title-prefix, div.secondary-utility-mobile .primary-title .title-prefix {
  font-size: 14px;
  font-weight: 300;
}

div.utility-mobile button.chevron-icon, div.secondary-utility-mobile button.chevron-icon {
  float: right;
  padding-top: 10px;
}

div.utility-mobile button.chevron-icon:active, div.utility-mobile button.chevron-icon:hover:active, div.utility-mobile button.chevron-icon:hover, div.utility-mobile button.chevron-icon:focus, div.secondary-utility-mobile button.chevron-icon:active, div.secondary-utility-mobile button.chevron-icon:hover:active, div.secondary-utility-mobile button.chevron-icon:hover, div.secondary-utility-mobile button.chevron-icon:focus {
  background-color: transparent !important;
  animation: none;
  transition: none;
  outline: none;
  box-shadow: none;
  cursor: default;
}

div.utility-mobile button.chevron-icon .wd-icon-fill, div.secondary-utility-mobile button.chevron-icon .wd-icon-fill {
  fill: #5D6775 !important;
}

div.utility-mobile div.primary-mobile, div.secondary-utility-mobile div.primary-mobile {
  margin-top: 13px;
  margin-bottom: 12px;
}

div.utility-mobile div.primary-mobile .user-info, div.secondary-utility-mobile div.primary-mobile .user-info {
  vertical-align: top;
  display: flex;
}

@media only screen and (max-width: 359px) {
  div.utility-mobile div.primary-mobile .user-info, div.secondary-utility-mobile div.primary-mobile .user-info {
    max-width: 149px;
  }
}

@media only screen and (min-width: 360px) and (max-width: 374px) {
  div.utility-mobile div.primary-mobile .user-info, div.secondary-utility-mobile div.primary-mobile .user-info {
    max-width: 189px;
  }
}

@media only screen and (min-width: 375px) and (max-width: 389px) {
  div.utility-mobile div.primary-mobile .user-info, div.secondary-utility-mobile div.primary-mobile .user-info {
    max-width: 197px;
  }
}

@media only screen and (min-width: 390px) and (max-width: 411px) {
  div.utility-mobile div.primary-mobile .user-info, div.secondary-utility-mobile div.primary-mobile .user-info {
    max-width: 212px;
  }
}

@media only screen and (min-width: 412px) and (max-width: 427px) {
  div.utility-mobile div.primary-mobile .user-info, div.secondary-utility-mobile div.primary-mobile .user-info {
    max-width: 234px;
  }
}

@media only screen and (min-width: 414px) and (max-width: 427px) {
  div.utility-mobile div.primary-mobile .user-info, div.secondary-utility-mobile div.primary-mobile .user-info {
    max-width: 236px;
  }
}

@media only screen and (min-width: 428px) and (max-width: 539px) {
  div.utility-mobile div.primary-mobile .user-info, div.secondary-utility-mobile div.primary-mobile .user-info {
    max-width: 265px;
  }
}

@media only screen and (min-width: 540px) and (max-width: 719px) {
  div.utility-mobile div.primary-mobile .user-info, div.secondary-utility-mobile div.primary-mobile .user-info {
    max-width: 377px;
  }
}

@media only screen and (min-width: 720px) {
  div.utility-mobile div.primary-mobile .user-info, div.secondary-utility-mobile div.primary-mobile .user-info {
    max-width: 557px;
  }
}

div.utility-mobile div.primary-mobile .user-info .profile-menu-icon, div.secondary-utility-mobile div.primary-mobile .user-info .profile-menu-icon {
  width: 80px;
  height: 80px;
  padding: 0;
  border-radius: 999px;
  display: inline;
  margin-left: 24px;
}

div.utility-mobile div.primary-mobile .user-info .profile-menu-icon:hover, div.secondary-utility-mobile div.primary-mobile .user-info .profile-menu-icon:hover {
  cursor: inherit;
}

div.utility-mobile div.primary-mobile .user-info .profile-menu-default-icon, div.secondary-utility-mobile div.primary-mobile .user-info .profile-menu-default-icon {
  width: 64px;
  height: 64px;
  padding: 0;
  border-radius: 999px;
  display: inline;
  margin-left: 24px;
  flex: none;
}

div.utility-mobile div.primary-mobile .user-info .profile-menu-default-icon:hover, div.secondary-utility-mobile div.primary-mobile .user-info .profile-menu-default-icon:hover {
  cursor: inherit;
}

div.utility-mobile div.primary-mobile .user-info .profile-menu-default-icon svg, div.secondary-utility-mobile div.primary-mobile .user-info .profile-menu-default-icon svg {
  width: 48px;
  height: 48px;
}

div.utility-mobile div.primary-mobile .user-info .profile-detail, div.secondary-utility-mobile div.primary-mobile .user-info .profile-detail {
  margin-left: 20px;
  position: relative;
  flex-grow: 1;
}

div.utility-mobile div.primary-mobile .user-info .name, div.secondary-utility-mobile div.primary-mobile .user-info .name {
  color: #000000;
  font-weight: 400;
  font-size: 16px;
  margin: 0 9px 9px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: unset;
}

@media only screen and (max-width: 320px) {
  div.utility-mobile div.primary-mobile .user-info .name, div.secondary-utility-mobile div.primary-mobile .user-info .name {
    font-size: 18px;
  }
}

div.utility-mobile div.primary-mobile .user-info .profile-button-container a, div.secondary-utility-mobile div.primary-mobile .user-info .profile-button-container a {
  text-decoration: none;
}

div.utility-mobile div.primary-mobile nav.menu-bar, div.secondary-utility-mobile div.primary-mobile nav.menu-bar {
  width: 100%;
  margin-left: 0;
}

div.utility-mobile div.primary-mobile nav.menu-bar ul.menu-list, div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list {
  display: block;
  height: auto;
  color: #000000;
}

div.utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item, div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item {
  height: 50px;
}

div.utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link, div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link {
  display: flex;
  align-items: center;
  margin: 0 8px;
}

div.utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link-profile .profile-menu-icon, div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link-profile .profile-menu-icon {
  margin-left: 0;
}

div.utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link .profile-menu-icon, div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link .profile-menu-icon {
  width: 24px;
  height: 24px;
  padding: 0;
  border-radius: 999px;
  display: inline;
  margin-left: 32px;
}

div.utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link .profile-menu-icon:hover, div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link .profile-menu-icon:hover {
  cursor: inherit;
}

div.utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link .profile-menu-default-icon, div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link .profile-menu-default-icon {
  padding: 0;
  border-radius: 999px;
  display: inline;
  margin-left: 26px;
  width: 36px;
  height: 32px;
}

div.utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link .profile-menu-default-icon:hover, div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link .profile-menu-default-icon:hover {
  cursor: inherit;
}

div.utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link .profile-menu-default-icon svg, div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link .profile-menu-default-icon svg {
  width: 28px;
  height: 28px;
}

div.utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link, div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link {
  cursor: default;
  margin: 0 12px 0 0;
}

div.utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link:focus, div.utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link:hover, div.utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link:active, div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link:focus, div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link:hover, div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link:active {
  outline: none;
  border: none;
  cursor: default;
}

div.utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link:active, div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link:active {
  background-color: #EAEDF0;
}

div.utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link div.item-content, div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link div.item-content {
  height: 100%;
  width: 100%;
  padding: 0 5px;
  margin-top: unset !important;
  margin-bottom: unset !important;
}

div.utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link div.item-content:hover, div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link div.item-content:hover {
  background-color: #EAEDF0;
  border-radius: 8px;
}

div.utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link div.item-content .item-title, div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link div.item-content .item-title {
  display: inline-block;
  vertical-align: super;
  word-break: break-word;
  overflow-wrap: break-word;
  line-height: 24px;
  font-weight: 700;
  font-size: 20px;
  color: #022043;
  margin-right: auto !important;
  margin-top: auto !important;
  margin-bottom: auto !important;
}

div.utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link div.item-content .item-title-only, div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link div.item-content .item-title-only {
  font-size: 16px;
  line-height: 28px;
  font-weight: 700;
}

div.utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link div.item-content .item-title-icon, div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link div.item-content .item-title-icon {
  margin-left: 12px !important;
  font-weight: 500 !important;
  font-size: 16px;
}

div.utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link div.item-content .child-icon, div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link div.item-content .child-icon {
  float: right;
}

div.utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link div.item-content .multi-line, div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link div.item-content .multi-line {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

div.utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link .separator, div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link .separator {
  border: 1px solid #E0E4E9;
  margin-right: 10px;
}

div.utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link-profile, div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link-profile {
  padding-left: 0 !important;
}

div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link {
  margin: 0;
}

div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link {
  padding: 0 12px;
}

div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link div.item-content h3.item-title {
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  color: #000000;
}

div.secondary-utility-mobile div.primary-mobile nav.menu-bar ul.menu-list li.popup-item div.wdc-link a.item-link div.item-content .item-title-only {
  font-weight: 400;
}

div.secondary-utility-mobile .action-button-mobile {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 12px 20px !important;
  background-color: #0057ae !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 20px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  font-family: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
  white-space: nowrap;
  min-height: 44px;
  margin: 0 !important;
}

div.secondary-utility-mobile .action-button-mobile:hover {
  background-color: rgb(0, 61.5, 123) !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
}

div.secondary-utility-mobile .action-button-mobile:focus {
  outline: 2px solid #0057ae !important;
  outline-offset: 2px;
}

div.secondary-utility-mobile .action-button-mobile:focus-visible {
  outline: 2px solid #0057ae !important;
  outline-offset: 2px;
}

div.secondary-utility-mobile .action-button-mobile:active {
  background-color: rgb(0, 48.75, 97.5) !important;
}

div.secondary-utility-mobile .action-button-mobile-container {
  padding: 12px 24px 24px;
  width: 100%;
  box-sizing: border-box;
}

.lock-scroll {
  overflow: hidden;
}
/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-amber-100: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-amber-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-amber-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-amber-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-amber-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-amber-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-amber-700: oklch(0.4824 0.1353 46.11 / 1);
  --cnvs-base-palette-amber-800: oklch(0.4143 0.1245 42.21 / 1);
  --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
  --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
  --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
  --cnvs-base-palette-azure-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-azure-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-azure-400: oklch(0.7283 0.1377 242.63 / 1);
  --cnvs-base-palette-azure-500: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-azure-600: oklch(0.5174 0.1257 243.24 / 1);
  --cnvs-base-palette-azure-700: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-azure-800: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
  --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
  --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
  --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
  --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
  --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blue-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-blue-300: oklch(0.7933 0.1076 252.08 / 1);
  --cnvs-base-palette-blue-400: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blue-500: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-blue-600: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blue-700: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blue-800: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
  --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
  --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
  --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-coral-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-coral-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-coral-400: oklch(0.7279 0.1703 38.58 / 1);
  --cnvs-base-palette-coral-500: oklch(0.6779 0.2096 40.36 / 1);
  --cnvs-base-palette-coral-600: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-coral-700: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-coral-800: oklch(0.393 0.143 33.49 / 1);
  --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
  --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
  --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
  --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
  --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-200: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-300: oklch(0.7817 0.1928 150.67 / 1);
  --cnvs-base-palette-green-400: oklch(0.702 0.1952 148.39 / 1);
  --cnvs-base-palette-green-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-green-600: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-700: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-800: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
  --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
  --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
  --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
  --cnvs-base-palette-indigo-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-indigo-300: oklch(0.7625 0.1242 281 / 1);
  --cnvs-base-palette-indigo-400: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-indigo-500: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-indigo-600: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-palette-indigo-700: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-indigo-800: oklch(0.379 0.1771 278.1 / 1);
  --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
  --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
  --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
  --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
  --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
  --cnvs-base-palette-neutral-100: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-neutral-200: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-neutral-300: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-neutral-400: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-neutral-500: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-neutral-600: oklch(0.5103 0 0 / 1);
  --cnvs-base-palette-neutral-700: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-neutral-800: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-neutral-900: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-neutral-950: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-neutral-975: oklch(0.1591 0 0 / 1);
  --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
  --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
  --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
  --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-orange-200: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-orange-300: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-orange-400: oklch(0.7261 0.1852 52.58 / 1);
  --cnvs-base-palette-orange-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-orange-600: oklch(0.53 0.165 40.39 / 1);
  --cnvs-base-palette-orange-700: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-orange-800: oklch(0.4077 0.1336 37.92 / 1);
  --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
  --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
  --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
  --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
  --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
  --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
  --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
  --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
  --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
  --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
  --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
  --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
  --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
  --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-palette-purple-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-purple-300: oklch(0.8108 0.1412 315.48 / 1);
  --cnvs-base-palette-purple-400: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-purple-500: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-purple-600: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-purple-700: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-purple-800: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
  --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
  --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
  --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-red-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-red-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-red-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-red-500: oklch(0.6495 0.2369 30.04 / 1);
  --cnvs-base-palette-red-600: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-red-700: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-red-800: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
  --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
  --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
  --cnvs-base-palette-slate-25: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-slate-50: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-slate-100: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-slate-200: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-slate-300: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-slate-400: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-slate-500: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-slate-600: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-slate-700: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-slate-800: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-slate-900: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-slate-950: oklch(0.2453 0.0136 253.1 / 1);
  --cnvs-base-palette-slate-975: oklch(0.18 0.008 248.33 / 1);
  --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
  --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-teal-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-teal-300: oklch(0.7836 0.0874 204.93 / 1);
  --cnvs-base-palette-teal-400: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-teal-500: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-teal-600: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-teal-700: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
  --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
  --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
  --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
  --cnvs-base-palette-cinnamon-100: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-cinnamon-200: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-cinnamon-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-cinnamon-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-cinnamon-500: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-cinnamon-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-peach-100: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-peach-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-peach-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-peach-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-peach-500: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-peach-600: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-chili-mango-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-chili-mango-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-chili-mango-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-chili-mango-400: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-600: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-cantaloupe-100: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-cantaloupe-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-cantaloupe-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-cantaloupe-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-cantaloupe-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-cantaloupe-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-sour-lemon-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-sour-lemon-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-sour-lemon-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-sour-lemon-400: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-500: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-600: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-juicy-pear-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-juicy-pear-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-juicy-pear-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-400: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-juicy-pear-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-kiwi-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-kiwi-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-kiwi-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-kiwi-400: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-apple-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-apple-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-apple-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-apple-500: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-watermelon-200: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-watermelon-300: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-watermelon-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-watermelon-500: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-jewel-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-jewel-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-jewel-300: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-jewel-400: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-jewel-500: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-jewel-600: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-toothpaste-100: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-toothpaste-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-toothpaste-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-toothpaste-400: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-toothpaste-500: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-toothpaste-600: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-blueberry-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-200: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blueberry-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blueberry-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blueberry-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-plum-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-plum-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-plum-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-plum-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-plum-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-plum-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-berry-smoothie-100: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-berry-smoothie-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-berry-smoothie-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-berry-smoothie-400: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-berry-smoothie-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-berry-smoothie-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blackberry-100: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-blackberry-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-blackberry-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-blackberry-400: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-blackberry-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-blackberry-600: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-island-punch-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-island-punch-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-island-punch-300: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-500: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-island-punch-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-grape-soda-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-grape-soda-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-grape-soda-300: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-grape-soda-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-grape-soda-500: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-grape-soda-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-pomegranate-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-pomegranate-200: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-pomegranate-300: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-400: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-500: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-pomegranate-600: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-fruit-punch-100: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-fruit-punch-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-fruit-punch-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-fruit-punch-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-500: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-root-beer-100: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-root-beer-200: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-root-beer-300: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-400: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-500: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-root-beer-600: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-toasted-marshmallow-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-toasted-marshmallow-200: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-toasted-marshmallow-300: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-toasted-marshmallow-400: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-toasted-marshmallow-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-toasted-marshmallow-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-licorice-100: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-licorice-200: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-licorice-300: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-licorice-400: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-licorice-500: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-licorice-600: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-soap-100: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-soap-200: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-soap-300: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-soap-400: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-soap-500: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-soap-600: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-french-vanilla-100: oklch(1 0 0 / 1);
  --cnvs-base-palette-french-vanilla-200: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-french-vanilla-300: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-french-vanilla-400: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-french-vanilla-500: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-french-vanilla-600: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-100: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-200: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-black-pepper-300: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-black-pepper-400: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-black-pepper-500: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-black-pepper-600: oklch(0 0 0 / 1);
  --cnvs-base-palette-coconut-100: #F0EEEE;
  --cnvs-base-palette-coconut-200: #e3dfdf;
  --cnvs-base-palette-coconut-300: #d1cbcc;
  --cnvs-base-palette-coconut-400: #b3acac;
  --cnvs-base-palette-coconut-500: #9e9595;
  --cnvs-base-palette-coconut-600: #8F8687;
  --cnvs-base-palette-cappuccino-100: #7A7374;
  --cnvs-base-palette-cappuccino-200: #706869;
  --cnvs-base-palette-cappuccino-300: #5E5757;
  --cnvs-base-palette-cappuccino-400: #4A4242;
  --cnvs-base-palette-cappuccino-500: #352f2f;
  --cnvs-base-palette-cappuccino-600: #231f20;
  --cnvs-base-opacity-0: 0;
  --cnvs-base-opacity-100: 0.08;
  --cnvs-base-opacity-200: 0.12;
  --cnvs-base-opacity-250: 0.2;
  --cnvs-base-opacity-300: 0.4;
  --cnvs-base-opacity-400: 0.64;
  --cnvs-base-opacity-500: 0.84;
  --cnvs-base-font-size-25: 0.625rem;
  --cnvs-base-font-size-50: 0.75rem;
  --cnvs-base-font-size-75: 0.875rem;
  --cnvs-base-font-size-100: 1rem;
  --cnvs-base-font-size-125: 1.125rem;
  --cnvs-base-font-size-150: 1.25rem;
  --cnvs-base-font-size-200: 1.5rem;
  --cnvs-base-font-size-250: 1.75rem;
  --cnvs-base-font-size-300: 2rem;
  --cnvs-base-font-size-400: 2.5rem;
  --cnvs-base-font-size-500: 3rem;
  --cnvs-base-font-size-600: 3.5rem;
  --cnvs-base-font-size-750: 4.5rem;
  --cnvs-base-font-size-900: 5.5rem;
  --cnvs-base-font-size-1050: 6.5rem;
  --cnvs-base-line-height-50: 1rem;
  --cnvs-base-line-height-100: 1.25rem;
  --cnvs-base-line-height-150: 1.5rem;
  --cnvs-base-line-height-200: 1.75rem;
  --cnvs-base-line-height-250: 2rem;
  --cnvs-base-line-height-300: 2.25rem;
  --cnvs-base-line-height-350: 2.5rem;
  --cnvs-base-line-height-400: 3rem;
  --cnvs-base-line-height-500: 3.5rem;
  --cnvs-base-line-height-600: 4rem;
  --cnvs-base-line-height-750: 4.5rem;
  --cnvs-base-line-height-900: 5.5rem;
  --cnvs-base-line-height-1050: 6.5rem;
  --cnvs-base-font-family-50: "Roboto"; /* Default font-family */
  --cnvs-base-font-family-100: "Roboto Mono";
  --cnvs-base-font-family-200: "Noto Sans";
  --cnvs-base-font-weight-300: 300;
  --cnvs-base-font-weight-400: 400;
  --cnvs-base-font-weight-500: 500;
  --cnvs-base-font-weight-700: 700;
  --cnvs-base-letter-spacing-50: 0.025rem;
  --cnvs-base-letter-spacing-100: 0.02rem;
  --cnvs-base-letter-spacing-150: 0.015rem;
  --cnvs-base-letter-spacing-200: 0.01rem;
  --cnvs-base-unit: 0.25rem; /* The base unit used in the grid system.;  */
  --cnvs-base-extended-palette-dragon-fruit-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-extended-palette-dragon-fruit-200: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-extended-palette-dragon-fruit-300: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-extended-palette-dragon-fruit-400: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-extended-palette-dragon-fruit-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-extended-palette-dragon-fruit-600: oklch(0.317 0.142 278.2 / 1);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Standard card depth */
  --cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Top navigation, Bottom Navigation */
  --cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Floating Action Buttons (FAB), Menus */
  --cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.5rem 2rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Bottom Sheets */
  --cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.625rem 2.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied) */
  --cnvs-sys-depth-6: 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.75rem 3rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied) */
  --cnvs-sys-space-zero: 0; /* Stacks, rows in tables */
  --cnvs-sys-shape-zero: 0rem; /* This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels. */
  --cnvs-sys-opacity-full: 1; /* Dev only */
  --cnvs-sys-opacity-zero: 0; /* Dev only */
  --cnvs-sys-breakpoints-zero: 0px; /* Use to set a media query `min-width` below small. */
  --cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);
  --cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);
  --cnvs-sys-font-weight-normal: var(--cnvs-base-font-weight-400);
  --cnvs-sys-font-weight-light: var(--cnvs-base-font-weight-300);
  --cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);
  --cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);
  --cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);
  --cnvs-sys-line-height-heading-large: var(--cnvs-base-line-height-350);
  --cnvs-sys-line-height-heading-medium: var(--cnvs-base-line-height-300);
  --cnvs-sys-line-height-heading-small: var(--cnvs-base-line-height-250);
  --cnvs-sys-line-height-body-large: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-medium: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-small: var(--cnvs-base-line-height-150);
  --cnvs-sys-line-height-subtext-large: var(--cnvs-base-line-height-100);
  --cnvs-sys-line-height-subtext-medium: var(--cnvs-base-line-height-50);
  --cnvs-sys-line-height-subtext-small: var(--cnvs-base-line-height-50);
  --cnvs-sys-font-size-subtext-small: var(--cnvs-base-font-size-25);
  --cnvs-sys-font-family-global: var(--cnvs-base-font-family-200);
  --cnvs-sys-font-family-mono: var(--cnvs-base-font-family-100);
  --cnvs-sys-font-family-default: var(--cnvs-base-font-family-50);
  --cnvs-sys-space-x20: calc(var(--cnvs-base-unit) * 20); /* - Use sparingly; - Helps to put focus on the primary element within your page; - Use to de-clutter your UI when a lot of space is available */
  --cnvs-sys-space-x16: calc(var(--cnvs-base-unit) * 16); /* - Use to de-clutter your UI when a lot of space is available; - Separate banner sections from page content; - Use to differentiate page content like page sections */
  --cnvs-sys-space-x10: calc(var(--cnvs-base-unit) * 10); /* • Used for outer margins on the overall page content ; • Used for inner margins on large items such as page sections */
  --cnvs-sys-space-x8: calc(var(--cnvs-base-unit) * 8); /* • Standard spacing between cards; • Used to separate groups of content ; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x6: calc(var(--cnvs-base-unit) * 6); /* • Padding around card content; • Related elements where more space between them can be afforded; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x4: calc(var(--cnvs-base-unit) * 4); /* Default space token. Used to group Inputs with related data */
  --cnvs-sys-space-x3: calc(var(--cnvs-base-unit) * 3); /* Use when compact padding is required */
  --cnvs-sys-space-x2: calc(var(--cnvs-base-unit) * 2); /* Commonly used to group compact elements like icon buttons */
  --cnvs-sys-space-x1: var(--cnvs-base-unit); /* Compact spacing between text or icons */
  --cnvs-sys-shape-round: calc(var(--cnvs-base-unit) * 250); /* Commonly used for our standard buttons and profile avatars: All Primary, Secondary Buttons, Radio Buttons and Notification Badges. */
  --cnvs-sys-shape-x2: calc(var(--cnvs-base-unit) * 2); /* Use this for all the containers and popups: All Cards, Modals, Tooltips and Toasts. */
  --cnvs-sys-shape-x1-half: calc(var(--cnvs-base-unit) * 1.5);
  --cnvs-sys-shape-x1: var(--cnvs-base-unit);
  --cnvs-sys-shape-half: calc(var(--cnvs-base-unit) * 0.5); /* Use this for subtle and small components that don’t require to group complex information like Status Indicators, Checkboxes and Color Swatches. */
  --cnvs-sys-opacity-shadow-second: var(--cnvs-base-opacity-100); /* Alpha on second shadow */
  --cnvs-sys-opacity-shadow-first: var(--cnvs-base-opacity-200); /* Alpha on first shadow */
  --cnvs-sys-opacity-contrast: var(--cnvs-base-opacity-500); /* Tooltips, Status Indicator */
  --cnvs-sys-opacity-overlay: var(--cnvs-base-opacity-400); /* Overlay */
  --cnvs-sys-opacity-disabled: var(--cnvs-base-opacity-300); /* Disabled states */
  --cnvs-sys-breakpoints-xl: 1440px; /* Used for extra large screens, such as wide monitors and TVs. */
  --cnvs-sys-breakpoints-l: 1024px; /* Large screens, such as desktops. */
  --cnvs-sys-breakpoints-m: 768px; /* Medium screens, such as laptops. */
  --cnvs-sys-breakpoints-s: 320px; /* The `min-width` for mobile devices, such as phones and tablets. */
  --cnvs-sys-color-shadow-default: var(--cnvs-base-palette-slate-900); /* Main shadow color */
  --cnvs-sys-color-shadow-2: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-100)); /* Second shadow color */
  --cnvs-sys-color-shadow-1: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-200)); /* First shadow color */
  --cnvs-sys-color-border-info-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950); /* Active state on AI borders */
  --cnvs-sys-color-border-container: var(--cnvs-base-palette-slate-300); /* Cards, Toasts, Surfaces */
  --cnvs-sys-color-border-divider: var(--cnvs-base-palette-slate-200); /* Dividers */
  --cnvs-sys-color-border-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on accent colors */
  --cnvs-sys-color-border-transparent: transparent; /* Transparent */
  --cnvs-sys-color-border-caution-strong: var(--cnvs-base-palette-amber-500); /* Warning outer (box shadow) */
  --cnvs-sys-color-border-caution-default: var(--cnvs-base-palette-amber-400); /* Warning inner */
  --cnvs-sys-color-border-critical-default: var(--cnvs-base-palette-red-500); /* Error */
  --cnvs-sys-color-border-primary-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Secondary Button Hover */
  --cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-900); /* Secondary Button */
  --cnvs-sys-color-border-input-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on checkboxes and radios */
  --cnvs-sys-color-border-input-strong: var(--cnvs-base-palette-slate-700); /* Input hover */
  --cnvs-sys-color-border-input-default: var(--cnvs-base-palette-slate-500); /* Inputs */
  --cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-slate-400); /* Disabled inputs */
  --cnvs-sys-color-fg-positive-stronger: var(--cnvs-base-palette-green-800); /* Error */
  --cnvs-sys-color-fg-positive-strong: var(--cnvs-base-palette-green-700); /* Error */
  --cnvs-sys-color-fg-positive-soft: var(--cnvs-base-palette-green-400); /* Error */
  --cnvs-sys-color-fg-positive-softer: var(--cnvs-base-palette-green-200); /* Error */
  --cnvs-sys-color-fg-positive-default: var(--cnvs-base-palette-green-600); /* Error */
  --cnvs-sys-color-fg-info-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-info-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-info-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950); /* AI icons and text */
  --cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Strong contrast */
  --cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast */
  --cnvs-sys-color-fg-caution-softer: var(--cnvs-base-palette-amber-500); /* Warning */
  --cnvs-sys-color-fg-caution-stronger: var(--cnvs-base-palette-amber-975); /* Warning on hover */
  --cnvs-sys-color-fg-caution-soft: var(--cnvs-base-palette-amber-700); /* Warning */
  --cnvs-sys-color-fg-caution-strong: var(--cnvs-base-palette-amber-950); /* Warning on hover */
  --cnvs-sys-color-fg-caution-default: var(--cnvs-base-palette-amber-900); /* Warning */
  --cnvs-sys-color-fg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-primary-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-primary-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-primary-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-primary-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-slate-400); /* Tab item foreground */
  --cnvs-sys-color-fg-muted-stronger: var(--cnvs-base-palette-slate-800);
  --cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-slate-600); /* Hint text */
  --cnvs-sys-color-fg-critical-softer: var(--cnvs-base-palette-red-200); /* Error */
  --cnvs-sys-color-fg-critical-soft: var(--cnvs-base-palette-red-400); /* Error */
  --cnvs-sys-color-fg-critical-stronger: var(--cnvs-base-palette-red-800); /* Error */
  --cnvs-sys-color-fg-critical-strong: var(--cnvs-base-palette-red-700); /* Error */
  --cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-red-600); /* Error */
  --cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse */
  --cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-slate-400); /* Disabled */
  --cnvs-sys-color-fg-stronger: var(--cnvs-base-palette-neutral-950); /* Heading on hover */
  --cnvs-sys-color-fg-strong: var(--cnvs-base-palette-neutral-900); /* Headings */
  --cnvs-sys-color-fg-default: var(--cnvs-base-palette-neutral-800); /* Body */
  --cnvs-sys-color-icon-info-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-disabled: var(--cnvs-base-palette-slate-400); /* Disabled icon color */
  --cnvs-sys-color-icon-caution-softer: var(--cnvs-base-palette-amber-500); /* Softer caution icon color */
  --cnvs-sys-color-icon-caution-soft: var(--cnvs-base-palette-amber-700); /* Soft caution icon color */
  --cnvs-sys-color-icon-caution-stronger: var(--cnvs-base-palette-amber-975); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-default: var(--cnvs-base-palette-amber-900); /* Caution icon color */
  --cnvs-sys-color-icon-critical-softer: var(--cnvs-base-palette-red-200); /* Error icon color */
  --cnvs-sys-color-icon-critical-soft: var(--cnvs-base-palette-red-400); /* Error icon color */
  --cnvs-sys-color-icon-critical-stronger: var(--cnvs-base-palette-red-800); /* Error icon color */
  --cnvs-sys-color-icon-critical-strong: var(--cnvs-base-palette-red-700); /* Error icon color */
  --cnvs-sys-color-icon-critical-default: var(--cnvs-base-palette-red-600); /* Error icon color */
  --cnvs-sys-color-icon-positive-softer: var(--cnvs-base-palette-green-200); /* Success icon color */
  --cnvs-sys-color-icon-positive-soft: var(--cnvs-base-palette-green-400); /* Success icon color */
  --cnvs-sys-color-icon-positive-stronger: var(--cnvs-base-palette-green-800); /* Success icon color */
  --cnvs-sys-color-icon-positive-strong: var(--cnvs-base-palette-green-700); /* Success icon color */
  --cnvs-sys-color-icon-positive-default: var(--cnvs-base-palette-green-600); /* Success icon color */
  --cnvs-sys-color-icon-primary-softer: var(--cnvs-base-palette-blue-200); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-soft: var(--cnvs-base-palette-blue-400); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse icon color */
  --cnvs-sys-color-icon-strong: var(--cnvs-base-palette-neutral-900); /* Hover icon color */
  --cnvs-sys-color-icon-soft: var(--cnvs-base-palette-slate-600); /* Disabled icon color */
  --cnvs-sys-color-icon-default: var(--cnvs-base-palette-neutral-800); /* Default icon color */
  --cnvs-sys-color-text-info-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-info-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-info-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-info-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-info-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-positive-softer: var(--cnvs-base-palette-green-200); /* Active links */
  --cnvs-sys-color-text-positive-soft: var(--cnvs-base-palette-green-400); /* Active links */
  --cnvs-sys-color-text-positive-stronger: var(--cnvs-base-palette-green-800); /* Active links */
  --cnvs-sys-color-text-positive-strong: var(--cnvs-base-palette-green-700); /* Branded hover text */
  --cnvs-sys-color-text-positive-default: var(--cnvs-base-palette-green-600); /* Branded text */
  --cnvs-sys-color-text-ai: var(--cnvs-base-palette-blue-950);
  --cnvs-sys-color-text-caution-softer: var(--cnvs-base-palette-amber-200); /* Softer warning text */
  --cnvs-sys-color-text-caution-stronger: var(--cnvs-base-palette-amber-975); /* Stronger warning text */
  --cnvs-sys-color-text-caution-soft: var(--cnvs-base-palette-amber-400); /* Disabled warning text */
  --cnvs-sys-color-text-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong warning text */
  --cnvs-sys-color-text-caution-default: var(--cnvs-base-palette-amber-900); /* Warning text */
  --cnvs-sys-color-text-primary-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-primary-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-primary-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-primary-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-primary-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-critical-softer: var(--cnvs-base-palette-red-200); /* Error text */
  --cnvs-sys-color-text-critical-soft: var(--cnvs-base-palette-red-400); /* Error text */
  --cnvs-sys-color-text-critical-stronger: var(--cnvs-base-palette-red-800); /* Error text */
  --cnvs-sys-color-text-critical-strong: var(--cnvs-base-palette-red-700); /* Error text */
  --cnvs-sys-color-text-critical-default: var(--cnvs-base-palette-red-600); /* Error text */
  --cnvs-sys-color-text-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse text color */
  --cnvs-sys-color-text-hint: var(--cnvs-base-palette-slate-600); /* Hint text color */
  --cnvs-sys-color-text-disabled: var(--cnvs-base-palette-slate-400); /* Disabled text color */
  --cnvs-sys-color-text-stronger: var(--cnvs-base-palette-neutral-950); /* Display text */
  --cnvs-sys-color-text-strong: var(--cnvs-base-palette-neutral-900); /* Heading text */
  --cnvs-sys-color-text-default: var(--cnvs-base-palette-neutral-800); /* Body text */
  --cnvs-sys-color-bg-info-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-info-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-info-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-info-soft: var(--cnvs-base-palette-blue-100); /* Disabled */
  --cnvs-sys-color-bg-info-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-info-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-ai-strongest: var(--cnvs-base-palette-blue-950); /* AI surfaces */
  --cnvs-sys-color-bg-ai-stronger: var(--cnvs-base-palette-blue-400); /* Active state on AI containers */
  --cnvs-sys-color-bg-ai-strong: var(--cnvs-base-palette-blue-200); /* Hover on AI container */
  --cnvs-sys-color-bg-ai-default: var(--cnvs-base-palette-blue-100); /* AI container */
  --cnvs-sys-color-bg-critical-stronger: var(--cnvs-base-palette-red-800); /* Stronger error background */
  --cnvs-sys-color-bg-critical-strong: var(--cnvs-base-palette-red-700); /* Strong error background */
  --cnvs-sys-color-bg-critical-default: var(--cnvs-base-palette-red-600); /* Default error background */
  --cnvs-sys-color-bg-critical-soft: var(--cnvs-base-palette-red-100); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softer: var(--cnvs-base-palette-red-50); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softest: var(--cnvs-base-palette-red-25); /* Input error background */
  --cnvs-sys-color-bg-caution-stronger: var(--cnvs-base-palette-amber-600); /* Stronger warning background */
  --cnvs-sys-color-bg-caution-strong: var(--cnvs-base-palette-amber-500); /* Strong warning background */
  --cnvs-sys-color-bg-caution-default: var(--cnvs-base-palette-amber-400); /* Default warning background */
  --cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-100); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softer: var(--cnvs-base-palette-amber-50); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softest: var(--cnvs-base-palette-amber-25); /* Disabled warning background */
  --cnvs-sys-color-bg-positive-stronger: var(--cnvs-base-palette-green-800); /* Active success background */
  --cnvs-sys-color-bg-positive-strong: var(--cnvs-base-palette-green-700); /* Hover success background */
  --cnvs-sys-color-bg-positive-default: var(--cnvs-base-palette-green-600); /* Disabled success background */
  --cnvs-sys-color-bg-positive-soft: var(--cnvs-base-palette-green-100); /* Disabled success background */
  --cnvs-sys-color-bg-positive-softer: var(--cnvs-base-palette-green-50); /* Surface success background */
  --cnvs-sys-color-bg-positive-softest: var(--cnvs-base-palette-green-25); /* Lightest surface success background */
  --cnvs-sys-color-bg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-primary-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-primary-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-100); /* Primary disabled */
  --cnvs-sys-color-bg-primary-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-primary-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-bg-muted-default: var(--cnvs-base-palette-slate-600);
  --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-slate-500);
  --cnvs-sys-color-bg-muted-softer: var(--cnvs-base-palette-slate-400);
  --cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-slate-300); /* Active state for segmented control, Pill */
  --cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-slate-200); /* Active states */
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-100); /* Surface hover, Secondary surfaces */
  --cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-slate-50); /* Alternative page background */
  --cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-slate-25); /* Disabled inputs */
  --cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
  --cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-400)); /* Overlay background */
  --cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-250)); /* Inverse Secondary Button Active state */
  --cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-100)); /* Inverse Secondary Button Hover state */
  --cnvs-sys-color-bg-transparent-default: transparent; /* Transparent background */
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0); /* Main background color */
  --cnvs-sys-color-static-amber-soft: var(--cnvs-base-palette-amber-100); /* Soft amber */
  --cnvs-sys-color-static-amber-strongest: var(--cnvs-base-palette-amber-950); /* Stronger amber */
  --cnvs-sys-color-static-amber-softer: var(--cnvs-base-palette-amber-50); /* Soft amber */
  --cnvs-sys-color-static-amber-stronger: var(--cnvs-base-palette-amber-600); /* Stronger amber */
  --cnvs-sys-color-static-amber-strong: var(--cnvs-base-palette-amber-500); /* Stronger amber */
  --cnvs-sys-color-static-amber-softest: var(--cnvs-base-palette-amber-25); /* Soft amber */
  --cnvs-sys-color-static-amber-default: var(--cnvs-base-palette-amber-400); /* amber */
  --cnvs-sys-color-static-gray-softer: var(--cnvs-base-palette-slate-100); /* Light gray */
  --cnvs-sys-color-static-gray-softest: var(--cnvs-base-palette-slate-50); /* Light gray */
  --cnvs-sys-color-static-gray-strongest: var(--cnvs-base-palette-slate-950); /* Strongerer gray */
  --cnvs-sys-color-static-gray-stronger: var(--cnvs-base-palette-slate-800); /* Strongerer gray */
  --cnvs-sys-color-static-gray-strong: var(--cnvs-base-palette-slate-700); /* Stronger gray */
  --cnvs-sys-color-static-gray-soft: var(--cnvs-base-palette-slate-200); /* Light gray */
  --cnvs-sys-color-static-gray-default: var(--cnvs-base-palette-slate-600); /* Gray */
  --cnvs-sys-color-static-black: var(--cnvs-base-palette-neutral-1000); /* Just black */
  --cnvs-sys-color-static-white: var(--cnvs-base-palette-neutral-0); /* Just white */
  --cnvs-sys-color-static-red-softer: var(--cnvs-base-palette-red-50); /* Light red */
  --cnvs-sys-color-static-red-strongest: var(--cnvs-base-palette-red-950); /* Strong red */
  --cnvs-sys-color-static-red-softest: var(--cnvs-base-palette-red-25); /* Light red */
  --cnvs-sys-color-static-red-stronger: var(--cnvs-base-palette-red-800); /* Strong red */
  --cnvs-sys-color-static-red-strong: var(--cnvs-base-palette-red-700); /* Strong red */
  --cnvs-sys-color-static-red-soft: var(--cnvs-base-palette-red-100); /* Light red */
  --cnvs-sys-color-static-red-default: var(--cnvs-base-palette-red-600); /* Red */
  --cnvs-sys-color-static-green-strongest: var(--cnvs-base-palette-green-950); /* Stronger green */
  --cnvs-sys-color-static-green-softest: var(--cnvs-base-palette-green-25); /* Light green */
  --cnvs-sys-color-static-green-stronger: var(--cnvs-base-palette-green-800); /* Stronger green */
  --cnvs-sys-color-static-green-softer: var(--cnvs-base-palette-green-50); /* Light green */
  --cnvs-sys-color-static-green-strong: var(--cnvs-base-palette-green-700); /* Stronger green */
  --cnvs-sys-color-static-green-soft: var(--cnvs-base-palette-green-100); /* Light green */
  --cnvs-sys-color-static-green-default: var(--cnvs-base-palette-green-600); /* Default green */
  --cnvs-sys-color-static-blue-strongest: var(--cnvs-base-palette-blue-950); /* Stronger blue */
  --cnvs-sys-color-static-blue-soft: var(--cnvs-base-palette-blue-100); /* Light blue */
  --cnvs-sys-color-static-blue-softer: var(--cnvs-base-palette-blue-50); /* Light blue */
  --cnvs-sys-color-static-blue-stronger: var(--cnvs-base-palette-blue-800); /* Stronger blue */
  --cnvs-sys-color-static-blue-strong: var(--cnvs-base-palette-blue-700); /* Stronger blue */
  --cnvs-sys-color-static-blue-softest: var(--cnvs-base-palette-blue-25); /* Light blue */
  --cnvs-sys-color-static-blue-default: var(--cnvs-base-palette-blue-600); /* Blue */
  --cnvs-sys-color-static-orange-strong: var(--cnvs-base-palette-amber-500);
  --cnvs-sys-color-static-orange-soft: var(--cnvs-base-palette-amber-100);
  --cnvs-sys-color-static-orange-default: var(--cnvs-base-palette-amber-400);
  --cnvs-sys-color-static-gold-stronger: var(--cnvs-base-palette-amber-600);
  --cnvs-sys-font-size-subtext-medium: var(--cnvs-base-font-size-50);
  --cnvs-sys-font-size-subtext-large: var(--cnvs-base-font-size-75);
  --cnvs-sys-font-size-body-small: var(--cnvs-base-font-size-100);
  --cnvs-sys-font-size-body-medium: var(--cnvs-base-font-size-125);
  --cnvs-sys-font-size-body-large: var(--cnvs-base-font-size-150);
  --cnvs-sys-font-size-heading-small: var(--cnvs-base-font-size-200);
  --cnvs-sys-font-size-heading-medium: var(--cnvs-base-font-size-250);
  --cnvs-sys-font-size-heading-large: var(--cnvs-base-font-size-300);
  --cnvs-sys-font-size-title-small: var(--cnvs-base-font-size-400);
  --cnvs-sys-font-size-title-medium: var(--cnvs-base-font-size-500);
  --cnvs-sys-font-size-title-large: var(--cnvs-base-font-size-600);
}

.cnvs-sys-type-subtext-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-small);
  font-size: var(--cnvs-sys-font-size-subtext-small);
  letter-spacing: var(--cnvs-base-letter-spacing-50);
}

.cnvs-sys-type-subtext-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-medium);
  font-size: var(--cnvs-sys-font-size-subtext-medium);
  letter-spacing: var(--cnvs-base-letter-spacing-100);
}

.cnvs-sys-type-subtext-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-large);
  font-size: var(--cnvs-sys-font-size-subtext-large);
  letter-spacing: var(--cnvs-base-letter-spacing-150);
}

.cnvs-sys-type-body-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-small);
  font-size: var(--cnvs-sys-font-size-body-small);
  letter-spacing: var(--cnvs-base-letter-spacing-200);
}

.cnvs-sys-type-body-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-medium);
  font-size: var(--cnvs-sys-font-size-body-medium);
}

.cnvs-sys-type-body-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-large);
  font-size: var(--cnvs-sys-font-size-body-large);
}

.cnvs-sys-type-heading-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-small);
  font-size: var(--cnvs-sys-font-size-heading-small);
}

.cnvs-sys-type-heading-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-medium);
  font-size: var(--cnvs-sys-font-size-heading-medium);
}

.cnvs-sys-type-heading-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-large);
  font-size: var(--cnvs-sys-font-size-heading-large);
}

.cnvs-sys-type-title-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-small);
  font-size: var(--cnvs-sys-font-size-title-small);
}

.cnvs-sys-type-title-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-medium);
  font-size: var(--cnvs-sys-font-size-title-medium);
}

.cnvs-sys-type-title-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-large);
  font-size: var(--cnvs-sys-font-size-title-large);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
  --cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);
  --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
  --cnvs-brand-neutral-lighter: var(--cnvs-base-palette-slate-50);
  --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-neutral-darkest: var(--cnvs-base-palette-slate-800);
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-slate-700);
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-slate-600);
  --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-25);
  --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
  --cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);
  --cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);
  --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
  --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
  --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);
  --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);
  --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
  --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);
  --cnvs-brand-alert-lighter: var(--cnvs-base-palette-amber-50);
  --cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-error-light: var(--cnvs-base-palette-red-200);
  --cnvs-brand-error-lighter: var(--cnvs-base-palette-red-50);
  --cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);
  --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
  --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
  --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
  --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
  --cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);
  --cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
  --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
  --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
  --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
  --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.text-theme {
  color: #333333;
}

.text-theme:disabled, .text-theme.disabled {
  outline: none;
  color: #a1aab3;
  cursor: not-allowed;
}

.text-theme.highlighted, .text-theme:active {
  background-color: #a6d2ff;
}

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.right-align {
  right: 0;
}

.left-align {
  left: 0;
}

.item-selected, .notification-icon-container.focus {
  border-radius: 99px;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #0057ae;
}

.item-container, .notification-icon-container {
  position: relative;
  cursor: pointer;
  content: "";
  outline: none;
  box-sizing: border-box;
  overflow: visible;
  height: 45px;
  width: 45px;
  align-content: center;
}

.button-popup-open {
  background-color: #ffffff;
  border-radius: 0;
}

@media only screen and (min-width: 768px) {
  .notification-icon-container {
    padding: 5px 0 5px 5px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 374px) {
  .notification-icon-container {
    margin: 0 0 3px;
  }
}

@media only screen and (min-width: 375px) and (max-width: 767px) {
  .notification-icon-container {
    margin: 0 6px 3px;
  }
}

.notification-icon-container #notification-icon {
  background: inherit;
  color: inherit;
  border: none;
  box-shadow: none;
  animation: none;
  transition: none;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .notification-icon-container #notification-icon {
    height: 32px !important;
    min-width: 32px !important;
    width: 32px !important;
  }
}

.notification-icon-container #notification-icon:hover, .notification-icon-container #notification-icon:focus, .notification-icon-container #notification-icon:not([disabled]):focus, .notification-icon-container #notification-icon:active {
  box-shadow: none;
  animation: none;
  transition: none;
  background-color: unset;
}

.notification-icon-container #notification-icon:focus {
  outline: unset !important;
  outline-offset: unset !important;
}

.notification-icon-container .red-dot {
  cursor: pointer;
  text-align: center;
  border-radius: 100px;
  background-color: #de2e21;
  line-height: 1.8;
  min-width: 9px;
  min-height: 9px;
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  display: inline-block;
  position: absolute;
  right: 5px;
  z-index: 1;
}

.notification-icon-container .red-dot-xlarge {
  top: 0;
  right: -28px;
}

.notification-icon-container .red-dot-large {
  top: 0;
  right: -22px;
}

.notification-icon-container .red-dot-medium {
  top: 0;
  right: -14px;
}

.notification-icon-container .red-dot-small {
  top: 0;
  right: -6px;
}

[data-whatinput=mouse] .notification-icon-container:hover, [data-whatinput=mouse] .notification-icon-container:active,
[data-whatinput=touch] .notification-icon-container:hover,
[data-whatinput=touch] .notification-icon-container:active,
[data-whatinput=pointer] .notification-icon-container:hover,
[data-whatinput=pointer] .notification-icon-container:active {
  background-color: #f0f1f2;
  border-radius: 25px;
}
/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-amber-100: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-amber-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-amber-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-amber-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-amber-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-amber-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-amber-700: oklch(0.4824 0.1353 46.11 / 1);
  --cnvs-base-palette-amber-800: oklch(0.4143 0.1245 42.21 / 1);
  --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
  --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
  --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
  --cnvs-base-palette-azure-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-azure-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-azure-400: oklch(0.7283 0.1377 242.63 / 1);
  --cnvs-base-palette-azure-500: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-azure-600: oklch(0.5174 0.1257 243.24 / 1);
  --cnvs-base-palette-azure-700: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-azure-800: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
  --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
  --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
  --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
  --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
  --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blue-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-blue-300: oklch(0.7933 0.1076 252.08 / 1);
  --cnvs-base-palette-blue-400: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blue-500: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-blue-600: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blue-700: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blue-800: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
  --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
  --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
  --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-coral-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-coral-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-coral-400: oklch(0.7279 0.1703 38.58 / 1);
  --cnvs-base-palette-coral-500: oklch(0.6779 0.2096 40.36 / 1);
  --cnvs-base-palette-coral-600: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-coral-700: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-coral-800: oklch(0.393 0.143 33.49 / 1);
  --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
  --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
  --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
  --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
  --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-200: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-300: oklch(0.7817 0.1928 150.67 / 1);
  --cnvs-base-palette-green-400: oklch(0.702 0.1952 148.39 / 1);
  --cnvs-base-palette-green-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-green-600: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-700: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-800: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
  --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
  --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
  --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
  --cnvs-base-palette-indigo-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-indigo-300: oklch(0.7625 0.1242 281 / 1);
  --cnvs-base-palette-indigo-400: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-indigo-500: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-indigo-600: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-palette-indigo-700: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-indigo-800: oklch(0.379 0.1771 278.1 / 1);
  --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
  --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
  --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
  --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
  --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
  --cnvs-base-palette-neutral-100: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-neutral-200: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-neutral-300: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-neutral-400: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-neutral-500: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-neutral-600: oklch(0.5103 0 0 / 1);
  --cnvs-base-palette-neutral-700: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-neutral-800: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-neutral-900: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-neutral-950: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-neutral-975: oklch(0.1591 0 0 / 1);
  --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
  --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
  --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
  --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-orange-200: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-orange-300: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-orange-400: oklch(0.7261 0.1852 52.58 / 1);
  --cnvs-base-palette-orange-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-orange-600: oklch(0.53 0.165 40.39 / 1);
  --cnvs-base-palette-orange-700: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-orange-800: oklch(0.4077 0.1336 37.92 / 1);
  --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
  --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
  --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
  --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
  --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
  --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
  --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
  --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
  --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
  --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
  --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
  --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
  --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
  --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-palette-purple-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-purple-300: oklch(0.8108 0.1412 315.48 / 1);
  --cnvs-base-palette-purple-400: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-purple-500: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-purple-600: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-purple-700: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-purple-800: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
  --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
  --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
  --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-red-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-red-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-red-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-red-500: oklch(0.6495 0.2369 30.04 / 1);
  --cnvs-base-palette-red-600: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-red-700: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-red-800: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
  --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
  --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
  --cnvs-base-palette-slate-25: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-slate-50: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-slate-100: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-slate-200: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-slate-300: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-slate-400: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-slate-500: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-slate-600: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-slate-700: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-slate-800: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-slate-900: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-slate-950: oklch(0.2453 0.0136 253.1 / 1);
  --cnvs-base-palette-slate-975: oklch(0.18 0.008 248.33 / 1);
  --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
  --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-teal-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-teal-300: oklch(0.7836 0.0874 204.93 / 1);
  --cnvs-base-palette-teal-400: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-teal-500: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-teal-600: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-teal-700: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
  --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
  --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
  --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
  --cnvs-base-palette-cinnamon-100: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-cinnamon-200: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-cinnamon-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-cinnamon-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-cinnamon-500: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-cinnamon-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-peach-100: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-peach-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-peach-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-peach-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-peach-500: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-peach-600: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-chili-mango-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-chili-mango-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-chili-mango-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-chili-mango-400: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-600: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-cantaloupe-100: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-cantaloupe-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-cantaloupe-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-cantaloupe-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-cantaloupe-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-cantaloupe-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-sour-lemon-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-sour-lemon-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-sour-lemon-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-sour-lemon-400: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-500: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-600: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-juicy-pear-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-juicy-pear-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-juicy-pear-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-400: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-juicy-pear-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-kiwi-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-kiwi-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-kiwi-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-kiwi-400: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-apple-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-apple-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-apple-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-apple-500: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-watermelon-200: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-watermelon-300: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-watermelon-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-watermelon-500: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-jewel-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-jewel-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-jewel-300: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-jewel-400: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-jewel-500: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-jewel-600: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-toothpaste-100: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-toothpaste-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-toothpaste-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-toothpaste-400: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-toothpaste-500: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-toothpaste-600: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-blueberry-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-200: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blueberry-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blueberry-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blueberry-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-plum-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-plum-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-plum-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-plum-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-plum-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-plum-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-berry-smoothie-100: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-berry-smoothie-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-berry-smoothie-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-berry-smoothie-400: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-berry-smoothie-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-berry-smoothie-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blackberry-100: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-blackberry-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-blackberry-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-blackberry-400: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-blackberry-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-blackberry-600: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-island-punch-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-island-punch-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-island-punch-300: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-500: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-island-punch-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-grape-soda-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-grape-soda-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-grape-soda-300: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-grape-soda-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-grape-soda-500: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-grape-soda-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-pomegranate-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-pomegranate-200: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-pomegranate-300: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-400: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-500: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-pomegranate-600: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-fruit-punch-100: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-fruit-punch-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-fruit-punch-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-fruit-punch-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-500: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-root-beer-100: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-root-beer-200: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-root-beer-300: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-400: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-500: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-root-beer-600: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-toasted-marshmallow-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-toasted-marshmallow-200: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-toasted-marshmallow-300: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-toasted-marshmallow-400: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-toasted-marshmallow-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-toasted-marshmallow-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-licorice-100: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-licorice-200: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-licorice-300: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-licorice-400: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-licorice-500: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-licorice-600: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-soap-100: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-soap-200: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-soap-300: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-soap-400: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-soap-500: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-soap-600: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-french-vanilla-100: oklch(1 0 0 / 1);
  --cnvs-base-palette-french-vanilla-200: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-french-vanilla-300: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-french-vanilla-400: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-french-vanilla-500: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-french-vanilla-600: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-100: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-200: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-black-pepper-300: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-black-pepper-400: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-black-pepper-500: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-black-pepper-600: oklch(0 0 0 / 1);
  --cnvs-base-palette-coconut-100: #F0EEEE;
  --cnvs-base-palette-coconut-200: #e3dfdf;
  --cnvs-base-palette-coconut-300: #d1cbcc;
  --cnvs-base-palette-coconut-400: #b3acac;
  --cnvs-base-palette-coconut-500: #9e9595;
  --cnvs-base-palette-coconut-600: #8F8687;
  --cnvs-base-palette-cappuccino-100: #7A7374;
  --cnvs-base-palette-cappuccino-200: #706869;
  --cnvs-base-palette-cappuccino-300: #5E5757;
  --cnvs-base-palette-cappuccino-400: #4A4242;
  --cnvs-base-palette-cappuccino-500: #352f2f;
  --cnvs-base-palette-cappuccino-600: #231f20;
  --cnvs-base-opacity-0: 0;
  --cnvs-base-opacity-100: 0.08;
  --cnvs-base-opacity-200: 0.12;
  --cnvs-base-opacity-250: 0.2;
  --cnvs-base-opacity-300: 0.4;
  --cnvs-base-opacity-400: 0.64;
  --cnvs-base-opacity-500: 0.84;
  --cnvs-base-font-size-25: 0.625rem;
  --cnvs-base-font-size-50: 0.75rem;
  --cnvs-base-font-size-75: 0.875rem;
  --cnvs-base-font-size-100: 1rem;
  --cnvs-base-font-size-125: 1.125rem;
  --cnvs-base-font-size-150: 1.25rem;
  --cnvs-base-font-size-200: 1.5rem;
  --cnvs-base-font-size-250: 1.75rem;
  --cnvs-base-font-size-300: 2rem;
  --cnvs-base-font-size-400: 2.5rem;
  --cnvs-base-font-size-500: 3rem;
  --cnvs-base-font-size-600: 3.5rem;
  --cnvs-base-font-size-750: 4.5rem;
  --cnvs-base-font-size-900: 5.5rem;
  --cnvs-base-font-size-1050: 6.5rem;
  --cnvs-base-line-height-50: 1rem;
  --cnvs-base-line-height-100: 1.25rem;
  --cnvs-base-line-height-150: 1.5rem;
  --cnvs-base-line-height-200: 1.75rem;
  --cnvs-base-line-height-250: 2rem;
  --cnvs-base-line-height-300: 2.25rem;
  --cnvs-base-line-height-350: 2.5rem;
  --cnvs-base-line-height-400: 3rem;
  --cnvs-base-line-height-500: 3.5rem;
  --cnvs-base-line-height-600: 4rem;
  --cnvs-base-line-height-750: 4.5rem;
  --cnvs-base-line-height-900: 5.5rem;
  --cnvs-base-line-height-1050: 6.5rem;
  --cnvs-base-font-family-50: "Roboto"; /* Default font-family */
  --cnvs-base-font-family-100: "Roboto Mono";
  --cnvs-base-font-family-200: "Noto Sans";
  --cnvs-base-font-weight-300: 300;
  --cnvs-base-font-weight-400: 400;
  --cnvs-base-font-weight-500: 500;
  --cnvs-base-font-weight-700: 700;
  --cnvs-base-letter-spacing-50: 0.025rem;
  --cnvs-base-letter-spacing-100: 0.02rem;
  --cnvs-base-letter-spacing-150: 0.015rem;
  --cnvs-base-letter-spacing-200: 0.01rem;
  --cnvs-base-unit: 0.25rem; /* The base unit used in the grid system.;  */
  --cnvs-base-extended-palette-dragon-fruit-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-extended-palette-dragon-fruit-200: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-extended-palette-dragon-fruit-300: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-extended-palette-dragon-fruit-400: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-extended-palette-dragon-fruit-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-extended-palette-dragon-fruit-600: oklch(0.317 0.142 278.2 / 1);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Standard card depth */
  --cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Top navigation, Bottom Navigation */
  --cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Floating Action Buttons (FAB), Menus */
  --cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.5rem 2rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Bottom Sheets */
  --cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.625rem 2.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied) */
  --cnvs-sys-depth-6: 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.75rem 3rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied) */
  --cnvs-sys-space-zero: 0; /* Stacks, rows in tables */
  --cnvs-sys-shape-zero: 0rem; /* This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels. */
  --cnvs-sys-opacity-full: 1; /* Dev only */
  --cnvs-sys-opacity-zero: 0; /* Dev only */
  --cnvs-sys-breakpoints-zero: 0px; /* Use to set a media query `min-width` below small. */
  --cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);
  --cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);
  --cnvs-sys-font-weight-normal: var(--cnvs-base-font-weight-400);
  --cnvs-sys-font-weight-light: var(--cnvs-base-font-weight-300);
  --cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);
  --cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);
  --cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);
  --cnvs-sys-line-height-heading-large: var(--cnvs-base-line-height-350);
  --cnvs-sys-line-height-heading-medium: var(--cnvs-base-line-height-300);
  --cnvs-sys-line-height-heading-small: var(--cnvs-base-line-height-250);
  --cnvs-sys-line-height-body-large: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-medium: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-small: var(--cnvs-base-line-height-150);
  --cnvs-sys-line-height-subtext-large: var(--cnvs-base-line-height-100);
  --cnvs-sys-line-height-subtext-medium: var(--cnvs-base-line-height-50);
  --cnvs-sys-line-height-subtext-small: var(--cnvs-base-line-height-50);
  --cnvs-sys-font-size-subtext-small: var(--cnvs-base-font-size-25);
  --cnvs-sys-font-family-global: var(--cnvs-base-font-family-200);
  --cnvs-sys-font-family-mono: var(--cnvs-base-font-family-100);
  --cnvs-sys-font-family-default: var(--cnvs-base-font-family-50);
  --cnvs-sys-space-x20: calc(var(--cnvs-base-unit) * 20); /* - Use sparingly; - Helps to put focus on the primary element within your page; - Use to de-clutter your UI when a lot of space is available */
  --cnvs-sys-space-x16: calc(var(--cnvs-base-unit) * 16); /* - Use to de-clutter your UI when a lot of space is available; - Separate banner sections from page content; - Use to differentiate page content like page sections */
  --cnvs-sys-space-x10: calc(var(--cnvs-base-unit) * 10); /* • Used for outer margins on the overall page content ; • Used for inner margins on large items such as page sections */
  --cnvs-sys-space-x8: calc(var(--cnvs-base-unit) * 8); /* • Standard spacing between cards; • Used to separate groups of content ; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x6: calc(var(--cnvs-base-unit) * 6); /* • Padding around card content; • Related elements where more space between them can be afforded; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x4: calc(var(--cnvs-base-unit) * 4); /* Default space token. Used to group Inputs with related data */
  --cnvs-sys-space-x3: calc(var(--cnvs-base-unit) * 3); /* Use when compact padding is required */
  --cnvs-sys-space-x2: calc(var(--cnvs-base-unit) * 2); /* Commonly used to group compact elements like icon buttons */
  --cnvs-sys-space-x1: var(--cnvs-base-unit); /* Compact spacing between text or icons */
  --cnvs-sys-shape-round: calc(var(--cnvs-base-unit) * 250); /* Commonly used for our standard buttons and profile avatars: All Primary, Secondary Buttons, Radio Buttons and Notification Badges. */
  --cnvs-sys-shape-x2: calc(var(--cnvs-base-unit) * 2); /* Use this for all the containers and popups: All Cards, Modals, Tooltips and Toasts. */
  --cnvs-sys-shape-x1-half: calc(var(--cnvs-base-unit) * 1.5);
  --cnvs-sys-shape-x1: var(--cnvs-base-unit);
  --cnvs-sys-shape-half: calc(var(--cnvs-base-unit) * 0.5); /* Use this for subtle and small components that don’t require to group complex information like Status Indicators, Checkboxes and Color Swatches. */
  --cnvs-sys-opacity-shadow-second: var(--cnvs-base-opacity-100); /* Alpha on second shadow */
  --cnvs-sys-opacity-shadow-first: var(--cnvs-base-opacity-200); /* Alpha on first shadow */
  --cnvs-sys-opacity-contrast: var(--cnvs-base-opacity-500); /* Tooltips, Status Indicator */
  --cnvs-sys-opacity-overlay: var(--cnvs-base-opacity-400); /* Overlay */
  --cnvs-sys-opacity-disabled: var(--cnvs-base-opacity-300); /* Disabled states */
  --cnvs-sys-breakpoints-xl: 1440px; /* Used for extra large screens, such as wide monitors and TVs. */
  --cnvs-sys-breakpoints-l: 1024px; /* Large screens, such as desktops. */
  --cnvs-sys-breakpoints-m: 768px; /* Medium screens, such as laptops. */
  --cnvs-sys-breakpoints-s: 320px; /* The `min-width` for mobile devices, such as phones and tablets. */
  --cnvs-sys-color-shadow-default: var(--cnvs-base-palette-slate-900); /* Main shadow color */
  --cnvs-sys-color-shadow-2: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-100)); /* Second shadow color */
  --cnvs-sys-color-shadow-1: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-200)); /* First shadow color */
  --cnvs-sys-color-border-info-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950); /* Active state on AI borders */
  --cnvs-sys-color-border-container: var(--cnvs-base-palette-slate-300); /* Cards, Toasts, Surfaces */
  --cnvs-sys-color-border-divider: var(--cnvs-base-palette-slate-200); /* Dividers */
  --cnvs-sys-color-border-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on accent colors */
  --cnvs-sys-color-border-transparent: transparent; /* Transparent */
  --cnvs-sys-color-border-caution-strong: var(--cnvs-base-palette-amber-500); /* Warning outer (box shadow) */
  --cnvs-sys-color-border-caution-default: var(--cnvs-base-palette-amber-400); /* Warning inner */
  --cnvs-sys-color-border-critical-default: var(--cnvs-base-palette-red-500); /* Error */
  --cnvs-sys-color-border-primary-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Secondary Button Hover */
  --cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-900); /* Secondary Button */
  --cnvs-sys-color-border-input-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on checkboxes and radios */
  --cnvs-sys-color-border-input-strong: var(--cnvs-base-palette-slate-700); /* Input hover */
  --cnvs-sys-color-border-input-default: var(--cnvs-base-palette-slate-500); /* Inputs */
  --cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-slate-400); /* Disabled inputs */
  --cnvs-sys-color-fg-positive-stronger: var(--cnvs-base-palette-green-800); /* Error */
  --cnvs-sys-color-fg-positive-strong: var(--cnvs-base-palette-green-700); /* Error */
  --cnvs-sys-color-fg-positive-soft: var(--cnvs-base-palette-green-400); /* Error */
  --cnvs-sys-color-fg-positive-softer: var(--cnvs-base-palette-green-200); /* Error */
  --cnvs-sys-color-fg-positive-default: var(--cnvs-base-palette-green-600); /* Error */
  --cnvs-sys-color-fg-info-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-info-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-info-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950); /* AI icons and text */
  --cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Strong contrast */
  --cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast */
  --cnvs-sys-color-fg-caution-softer: var(--cnvs-base-palette-amber-500); /* Warning */
  --cnvs-sys-color-fg-caution-stronger: var(--cnvs-base-palette-amber-975); /* Warning on hover */
  --cnvs-sys-color-fg-caution-soft: var(--cnvs-base-palette-amber-700); /* Warning */
  --cnvs-sys-color-fg-caution-strong: var(--cnvs-base-palette-amber-950); /* Warning on hover */
  --cnvs-sys-color-fg-caution-default: var(--cnvs-base-palette-amber-900); /* Warning */
  --cnvs-sys-color-fg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-primary-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-primary-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-primary-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-primary-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-slate-400); /* Tab item foreground */
  --cnvs-sys-color-fg-muted-stronger: var(--cnvs-base-palette-slate-800);
  --cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-slate-600); /* Hint text */
  --cnvs-sys-color-fg-critical-softer: var(--cnvs-base-palette-red-200); /* Error */
  --cnvs-sys-color-fg-critical-soft: var(--cnvs-base-palette-red-400); /* Error */
  --cnvs-sys-color-fg-critical-stronger: var(--cnvs-base-palette-red-800); /* Error */
  --cnvs-sys-color-fg-critical-strong: var(--cnvs-base-palette-red-700); /* Error */
  --cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-red-600); /* Error */
  --cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse */
  --cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-slate-400); /* Disabled */
  --cnvs-sys-color-fg-stronger: var(--cnvs-base-palette-neutral-950); /* Heading on hover */
  --cnvs-sys-color-fg-strong: var(--cnvs-base-palette-neutral-900); /* Headings */
  --cnvs-sys-color-fg-default: var(--cnvs-base-palette-neutral-800); /* Body */
  --cnvs-sys-color-icon-info-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-disabled: var(--cnvs-base-palette-slate-400); /* Disabled icon color */
  --cnvs-sys-color-icon-caution-softer: var(--cnvs-base-palette-amber-500); /* Softer caution icon color */
  --cnvs-sys-color-icon-caution-soft: var(--cnvs-base-palette-amber-700); /* Soft caution icon color */
  --cnvs-sys-color-icon-caution-stronger: var(--cnvs-base-palette-amber-975); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-default: var(--cnvs-base-palette-amber-900); /* Caution icon color */
  --cnvs-sys-color-icon-critical-softer: var(--cnvs-base-palette-red-200); /* Error icon color */
  --cnvs-sys-color-icon-critical-soft: var(--cnvs-base-palette-red-400); /* Error icon color */
  --cnvs-sys-color-icon-critical-stronger: var(--cnvs-base-palette-red-800); /* Error icon color */
  --cnvs-sys-color-icon-critical-strong: var(--cnvs-base-palette-red-700); /* Error icon color */
  --cnvs-sys-color-icon-critical-default: var(--cnvs-base-palette-red-600); /* Error icon color */
  --cnvs-sys-color-icon-positive-softer: var(--cnvs-base-palette-green-200); /* Success icon color */
  --cnvs-sys-color-icon-positive-soft: var(--cnvs-base-palette-green-400); /* Success icon color */
  --cnvs-sys-color-icon-positive-stronger: var(--cnvs-base-palette-green-800); /* Success icon color */
  --cnvs-sys-color-icon-positive-strong: var(--cnvs-base-palette-green-700); /* Success icon color */
  --cnvs-sys-color-icon-positive-default: var(--cnvs-base-palette-green-600); /* Success icon color */
  --cnvs-sys-color-icon-primary-softer: var(--cnvs-base-palette-blue-200); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-soft: var(--cnvs-base-palette-blue-400); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse icon color */
  --cnvs-sys-color-icon-strong: var(--cnvs-base-palette-neutral-900); /* Hover icon color */
  --cnvs-sys-color-icon-soft: var(--cnvs-base-palette-slate-600); /* Disabled icon color */
  --cnvs-sys-color-icon-default: var(--cnvs-base-palette-neutral-800); /* Default icon color */
  --cnvs-sys-color-text-info-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-info-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-info-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-info-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-info-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-positive-softer: var(--cnvs-base-palette-green-200); /* Active links */
  --cnvs-sys-color-text-positive-soft: var(--cnvs-base-palette-green-400); /* Active links */
  --cnvs-sys-color-text-positive-stronger: var(--cnvs-base-palette-green-800); /* Active links */
  --cnvs-sys-color-text-positive-strong: var(--cnvs-base-palette-green-700); /* Branded hover text */
  --cnvs-sys-color-text-positive-default: var(--cnvs-base-palette-green-600); /* Branded text */
  --cnvs-sys-color-text-ai: var(--cnvs-base-palette-blue-950);
  --cnvs-sys-color-text-caution-softer: var(--cnvs-base-palette-amber-200); /* Softer warning text */
  --cnvs-sys-color-text-caution-stronger: var(--cnvs-base-palette-amber-975); /* Stronger warning text */
  --cnvs-sys-color-text-caution-soft: var(--cnvs-base-palette-amber-400); /* Disabled warning text */
  --cnvs-sys-color-text-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong warning text */
  --cnvs-sys-color-text-caution-default: var(--cnvs-base-palette-amber-900); /* Warning text */
  --cnvs-sys-color-text-primary-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-primary-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-primary-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-primary-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-primary-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-critical-softer: var(--cnvs-base-palette-red-200); /* Error text */
  --cnvs-sys-color-text-critical-soft: var(--cnvs-base-palette-red-400); /* Error text */
  --cnvs-sys-color-text-critical-stronger: var(--cnvs-base-palette-red-800); /* Error text */
  --cnvs-sys-color-text-critical-strong: var(--cnvs-base-palette-red-700); /* Error text */
  --cnvs-sys-color-text-critical-default: var(--cnvs-base-palette-red-600); /* Error text */
  --cnvs-sys-color-text-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse text color */
  --cnvs-sys-color-text-hint: var(--cnvs-base-palette-slate-600); /* Hint text color */
  --cnvs-sys-color-text-disabled: var(--cnvs-base-palette-slate-400); /* Disabled text color */
  --cnvs-sys-color-text-stronger: var(--cnvs-base-palette-neutral-950); /* Display text */
  --cnvs-sys-color-text-strong: var(--cnvs-base-palette-neutral-900); /* Heading text */
  --cnvs-sys-color-text-default: var(--cnvs-base-palette-neutral-800); /* Body text */
  --cnvs-sys-color-bg-info-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-info-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-info-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-info-soft: var(--cnvs-base-palette-blue-100); /* Disabled */
  --cnvs-sys-color-bg-info-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-info-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-ai-strongest: var(--cnvs-base-palette-blue-950); /* AI surfaces */
  --cnvs-sys-color-bg-ai-stronger: var(--cnvs-base-palette-blue-400); /* Active state on AI containers */
  --cnvs-sys-color-bg-ai-strong: var(--cnvs-base-palette-blue-200); /* Hover on AI container */
  --cnvs-sys-color-bg-ai-default: var(--cnvs-base-palette-blue-100); /* AI container */
  --cnvs-sys-color-bg-critical-stronger: var(--cnvs-base-palette-red-800); /* Stronger error background */
  --cnvs-sys-color-bg-critical-strong: var(--cnvs-base-palette-red-700); /* Strong error background */
  --cnvs-sys-color-bg-critical-default: var(--cnvs-base-palette-red-600); /* Default error background */
  --cnvs-sys-color-bg-critical-soft: var(--cnvs-base-palette-red-100); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softer: var(--cnvs-base-palette-red-50); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softest: var(--cnvs-base-palette-red-25); /* Input error background */
  --cnvs-sys-color-bg-caution-stronger: var(--cnvs-base-palette-amber-600); /* Stronger warning background */
  --cnvs-sys-color-bg-caution-strong: var(--cnvs-base-palette-amber-500); /* Strong warning background */
  --cnvs-sys-color-bg-caution-default: var(--cnvs-base-palette-amber-400); /* Default warning background */
  --cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-100); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softer: var(--cnvs-base-palette-amber-50); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softest: var(--cnvs-base-palette-amber-25); /* Disabled warning background */
  --cnvs-sys-color-bg-positive-stronger: var(--cnvs-base-palette-green-800); /* Active success background */
  --cnvs-sys-color-bg-positive-strong: var(--cnvs-base-palette-green-700); /* Hover success background */
  --cnvs-sys-color-bg-positive-default: var(--cnvs-base-palette-green-600); /* Disabled success background */
  --cnvs-sys-color-bg-positive-soft: var(--cnvs-base-palette-green-100); /* Disabled success background */
  --cnvs-sys-color-bg-positive-softer: var(--cnvs-base-palette-green-50); /* Surface success background */
  --cnvs-sys-color-bg-positive-softest: var(--cnvs-base-palette-green-25); /* Lightest surface success background */
  --cnvs-sys-color-bg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-primary-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-primary-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-100); /* Primary disabled */
  --cnvs-sys-color-bg-primary-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-primary-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-bg-muted-default: var(--cnvs-base-palette-slate-600);
  --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-slate-500);
  --cnvs-sys-color-bg-muted-softer: var(--cnvs-base-palette-slate-400);
  --cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-slate-300); /* Active state for segmented control, Pill */
  --cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-slate-200); /* Active states */
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-100); /* Surface hover, Secondary surfaces */
  --cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-slate-50); /* Alternative page background */
  --cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-slate-25); /* Disabled inputs */
  --cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
  --cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-400)); /* Overlay background */
  --cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-250)); /* Inverse Secondary Button Active state */
  --cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-100)); /* Inverse Secondary Button Hover state */
  --cnvs-sys-color-bg-transparent-default: transparent; /* Transparent background */
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0); /* Main background color */
  --cnvs-sys-color-static-amber-soft: var(--cnvs-base-palette-amber-100); /* Soft amber */
  --cnvs-sys-color-static-amber-strongest: var(--cnvs-base-palette-amber-950); /* Stronger amber */
  --cnvs-sys-color-static-amber-softer: var(--cnvs-base-palette-amber-50); /* Soft amber */
  --cnvs-sys-color-static-amber-stronger: var(--cnvs-base-palette-amber-600); /* Stronger amber */
  --cnvs-sys-color-static-amber-strong: var(--cnvs-base-palette-amber-500); /* Stronger amber */
  --cnvs-sys-color-static-amber-softest: var(--cnvs-base-palette-amber-25); /* Soft amber */
  --cnvs-sys-color-static-amber-default: var(--cnvs-base-palette-amber-400); /* amber */
  --cnvs-sys-color-static-gray-softer: var(--cnvs-base-palette-slate-100); /* Light gray */
  --cnvs-sys-color-static-gray-softest: var(--cnvs-base-palette-slate-50); /* Light gray */
  --cnvs-sys-color-static-gray-strongest: var(--cnvs-base-palette-slate-950); /* Strongerer gray */
  --cnvs-sys-color-static-gray-stronger: var(--cnvs-base-palette-slate-800); /* Strongerer gray */
  --cnvs-sys-color-static-gray-strong: var(--cnvs-base-palette-slate-700); /* Stronger gray */
  --cnvs-sys-color-static-gray-soft: var(--cnvs-base-palette-slate-200); /* Light gray */
  --cnvs-sys-color-static-gray-default: var(--cnvs-base-palette-slate-600); /* Gray */
  --cnvs-sys-color-static-black: var(--cnvs-base-palette-neutral-1000); /* Just black */
  --cnvs-sys-color-static-white: var(--cnvs-base-palette-neutral-0); /* Just white */
  --cnvs-sys-color-static-red-softer: var(--cnvs-base-palette-red-50); /* Light red */
  --cnvs-sys-color-static-red-strongest: var(--cnvs-base-palette-red-950); /* Strong red */
  --cnvs-sys-color-static-red-softest: var(--cnvs-base-palette-red-25); /* Light red */
  --cnvs-sys-color-static-red-stronger: var(--cnvs-base-palette-red-800); /* Strong red */
  --cnvs-sys-color-static-red-strong: var(--cnvs-base-palette-red-700); /* Strong red */
  --cnvs-sys-color-static-red-soft: var(--cnvs-base-palette-red-100); /* Light red */
  --cnvs-sys-color-static-red-default: var(--cnvs-base-palette-red-600); /* Red */
  --cnvs-sys-color-static-green-strongest: var(--cnvs-base-palette-green-950); /* Stronger green */
  --cnvs-sys-color-static-green-softest: var(--cnvs-base-palette-green-25); /* Light green */
  --cnvs-sys-color-static-green-stronger: var(--cnvs-base-palette-green-800); /* Stronger green */
  --cnvs-sys-color-static-green-softer: var(--cnvs-base-palette-green-50); /* Light green */
  --cnvs-sys-color-static-green-strong: var(--cnvs-base-palette-green-700); /* Stronger green */
  --cnvs-sys-color-static-green-soft: var(--cnvs-base-palette-green-100); /* Light green */
  --cnvs-sys-color-static-green-default: var(--cnvs-base-palette-green-600); /* Default green */
  --cnvs-sys-color-static-blue-strongest: var(--cnvs-base-palette-blue-950); /* Stronger blue */
  --cnvs-sys-color-static-blue-soft: var(--cnvs-base-palette-blue-100); /* Light blue */
  --cnvs-sys-color-static-blue-softer: var(--cnvs-base-palette-blue-50); /* Light blue */
  --cnvs-sys-color-static-blue-stronger: var(--cnvs-base-palette-blue-800); /* Stronger blue */
  --cnvs-sys-color-static-blue-strong: var(--cnvs-base-palette-blue-700); /* Stronger blue */
  --cnvs-sys-color-static-blue-softest: var(--cnvs-base-palette-blue-25); /* Light blue */
  --cnvs-sys-color-static-blue-default: var(--cnvs-base-palette-blue-600); /* Blue */
  --cnvs-sys-color-static-orange-strong: var(--cnvs-base-palette-amber-500);
  --cnvs-sys-color-static-orange-soft: var(--cnvs-base-palette-amber-100);
  --cnvs-sys-color-static-orange-default: var(--cnvs-base-palette-amber-400);
  --cnvs-sys-color-static-gold-stronger: var(--cnvs-base-palette-amber-600);
  --cnvs-sys-font-size-subtext-medium: var(--cnvs-base-font-size-50);
  --cnvs-sys-font-size-subtext-large: var(--cnvs-base-font-size-75);
  --cnvs-sys-font-size-body-small: var(--cnvs-base-font-size-100);
  --cnvs-sys-font-size-body-medium: var(--cnvs-base-font-size-125);
  --cnvs-sys-font-size-body-large: var(--cnvs-base-font-size-150);
  --cnvs-sys-font-size-heading-small: var(--cnvs-base-font-size-200);
  --cnvs-sys-font-size-heading-medium: var(--cnvs-base-font-size-250);
  --cnvs-sys-font-size-heading-large: var(--cnvs-base-font-size-300);
  --cnvs-sys-font-size-title-small: var(--cnvs-base-font-size-400);
  --cnvs-sys-font-size-title-medium: var(--cnvs-base-font-size-500);
  --cnvs-sys-font-size-title-large: var(--cnvs-base-font-size-600);
}

.cnvs-sys-type-subtext-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-small);
  font-size: var(--cnvs-sys-font-size-subtext-small);
  letter-spacing: var(--cnvs-base-letter-spacing-50);
}

.cnvs-sys-type-subtext-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-medium);
  font-size: var(--cnvs-sys-font-size-subtext-medium);
  letter-spacing: var(--cnvs-base-letter-spacing-100);
}

.cnvs-sys-type-subtext-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-large);
  font-size: var(--cnvs-sys-font-size-subtext-large);
  letter-spacing: var(--cnvs-base-letter-spacing-150);
}

.cnvs-sys-type-body-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-small);
  font-size: var(--cnvs-sys-font-size-body-small);
  letter-spacing: var(--cnvs-base-letter-spacing-200);
}

.cnvs-sys-type-body-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-medium);
  font-size: var(--cnvs-sys-font-size-body-medium);
}

.cnvs-sys-type-body-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-large);
  font-size: var(--cnvs-sys-font-size-body-large);
}

.cnvs-sys-type-heading-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-small);
  font-size: var(--cnvs-sys-font-size-heading-small);
}

.cnvs-sys-type-heading-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-medium);
  font-size: var(--cnvs-sys-font-size-heading-medium);
}

.cnvs-sys-type-heading-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-large);
  font-size: var(--cnvs-sys-font-size-heading-large);
}

.cnvs-sys-type-title-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-small);
  font-size: var(--cnvs-sys-font-size-title-small);
}

.cnvs-sys-type-title-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-medium);
  font-size: var(--cnvs-sys-font-size-title-medium);
}

.cnvs-sys-type-title-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-large);
  font-size: var(--cnvs-sys-font-size-title-large);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
  --cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);
  --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
  --cnvs-brand-neutral-lighter: var(--cnvs-base-palette-slate-50);
  --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-neutral-darkest: var(--cnvs-base-palette-slate-800);
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-slate-700);
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-slate-600);
  --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-25);
  --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
  --cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);
  --cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);
  --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
  --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
  --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);
  --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);
  --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
  --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);
  --cnvs-brand-alert-lighter: var(--cnvs-base-palette-amber-50);
  --cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-error-light: var(--cnvs-base-palette-red-200);
  --cnvs-brand-error-lighter: var(--cnvs-base-palette-red-50);
  --cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);
  --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
  --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
  --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
  --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
  --cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);
  --cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
  --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
  --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
  --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
  --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.text-theme {
  color: #333333;
}

.text-theme:disabled, .text-theme.disabled {
  outline: none;
  color: #a1aab3;
  cursor: not-allowed;
}

.text-theme.highlighted, .text-theme:active {
  background-color: #a6d2ff;
}

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.right-align {
  right: 0;
}

.left-align {
  left: 0;
}

.item-selected, div.language-switcher .globe-icon-button:focus, div.language-switcher .globe-icon-button:enabled:focus, div.language-switcher .globe-icon-button:focus-visible, div.language-switcher .globe-icon-button:active {
  border-radius: 99px;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #0057ae;
}

.item-container, div.language-switcher {
  position: relative;
  cursor: pointer;
  content: "";
  outline: none;
  box-sizing: border-box;
  overflow: visible;
  height: 45px;
  width: 45px;
  align-content: center;
}

.button-popup-open {
  background-color: #ffffff;
  border-radius: 0;
}

div.language-switcher {
  font-family: "Workday Adelle Sans", "sans-serif";
  padding-left: 3px;
}

div.language-switcher.popup-open {
  background-color: #0065CC;
  border-radius: 999px;
}

div.language-switcher .globe-icon-button {
  background: none;
  cursor: pointer;
  -webkit-animation: none;
  animation: none;
  outline: none;
  transition: none;
  height: 100%;
  width: 100%;
}

div.language-switcher .globe-icon-button img:hover, div.language-switcher .globe-icon-button img:focus, div.language-switcher .globe-icon-button img:not([disabled]):focus, div.language-switcher .globe-icon-button img:active, div.language-switcher .globe-icon-button img.active, div.language-switcher .globe-icon-button img:hover:active {
  box-shadow: none;
  background-color: #0065CC;
  animation: none;
  border-radius: 999px;
}

div.language-switcher .globe-icon-button:focus, div.language-switcher .globe-icon-button:enabled:focus, div.language-switcher .globe-icon-button:focus-visible, div.language-switcher .globe-icon-button:active {
  outline: none;
  animation: none;
  background: none;
}

div.language-switcher div.language-popup-container {
  color: #333333;
  background-color: #ffffff;
  max-height: calc(100dvh - 73px);
  width: 71vw;
  max-width: 1094px;
  overflow-y: auto;
  margin-top: 24px;
  padding-bottom: 0;
  z-index: 2;
  position: absolute;
  box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.1);
  border-radius: 24px;
}

div.language-switcher div.language-popup-container:focus {
  outline: none;
  border: none;
}

div.language-switcher div.language-popup-container div.lang-nav-div {
  width: 100%;
  display: table;
  min-height: 170px;
}

div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-div, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-last-div {
  width: 33%;
  padding: 32px;
  max-width: 357px;
  display: table-cell;
  vertical-align: top;
  height: 100%;
}

div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-div ul, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-last-div ul {
  padding-inline-start: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}

div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-div ul li, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-last-div ul li {
  list-style: none;
}

div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-div ul li div.item-content, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-last-div ul li div.item-content {
  display: inline-flex;
  min-height: 48px;
  width: 100%;
  margin-top: 5px;
}

div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-div ul li div.item-content button.region-country-btn, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-div ul li div.item-content button.lang-btn, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-last-div ul li div.item-content button.region-country-btn, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-last-div ul li div.item-content button.lang-btn {
  border: none;
  background: none;
  border-radius: 8px;
  text-align: left;
  width: 100%;
  padding: 5px 12px 5px 12px;
  cursor: pointer;
}

div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-div ul li div.item-content button.region-country-btn.selected, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-div ul li div.item-content button.lang-btn.selected, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-last-div ul li div.item-content button.region-country-btn.selected, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-last-div ul li div.item-content button.lang-btn.selected {
  background-color: #f0f1f2;
}

div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-div ul li div.item-content button.region-country-btn span.item-title, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-div ul li div.item-content button.lang-btn span.item-title, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-last-div ul li div.item-content button.region-country-btn span.item-title, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-last-div ul li div.item-content button.lang-btn span.item-title {
  display: inline-block;
  word-break: break-word;
  overflow-wrap: break-word;
  font-size: 16px;
  font-weight: 500;
  width: 90%;
  text-align: left;
}

div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-div ul li div.item-content button.region-country-btn span.item-img, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-div ul li div.item-content button.lang-btn span.item-img, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-last-div ul li div.item-content button.region-country-btn span.item-img, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-last-div ul li div.item-content button.lang-btn span.item-img {
  position: absolute;
}

div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-div ul li div.item-content button.region-country-btn:hover, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-div ul li div.item-content button.lang-btn:hover, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-last-div ul li div.item-content button.region-country-btn:hover, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-last-div ul li div.item-content button.lang-btn:hover {
  background-color: #EAEDF0;
}

div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-div ul li div.item-content button.region-country-btn:active, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-div ul li div.item-content button.region-country-btn:focus, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-div ul li div.item-content button.lang-btn:active, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-div ul li div.item-content button.lang-btn:focus, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-last-div ul li div.item-content button.region-country-btn:active, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-last-div ul li div.item-content button.region-country-btn:focus, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-last-div ul li div.item-content button.lang-btn:active, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-last-div ul li div.item-content button.lang-btn:focus {
  outline: none;
  border: 2px solid #0875E1;
  background-color: #EAEDF0;
}

div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-div ul li div.item-content button.lang-btn.selected, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-last-div ul li div.item-content button.lang-btn.selected {
  background-color: #d7eafc;
  border: 2px solid #0875E1;
}

div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-div ul li div.item-content button.lang-btn:hover, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-last-div ul li div.item-content button.lang-btn:hover {
  background-color: #EAEDF0;
}

div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-div ul li div.item-content button.lang-btn:active, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-div ul li div.item-content button.lang-btn:focus, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-last-div ul li div.item-content button.lang-btn:active, div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-last-div ul li div.item-content button.lang-btn:focus {
  outline: none;
  border: 2px solid #0875E1;
  background-color: #EAEDF0;
}

div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-div {
  border-right: 1px solid #E0E4E9;
}

div.language-switcher div.language-popup-container div.lang-nav-div div.language-popup-div-clear {
  clear: both;
}

div.language-switcher div.language-popup-container div.region-language-header {
  height: 92px;
  border-bottom: 1px solid #E0E4E9;
  padding: 32px;
}

div.language-switcher div.language-popup-container div.region-language-header .current-site {
  float: right;
}

div.language-switcher div.language-popup-container div.region-language-header .current-site-text {
  font-size: 14px;
  font-weight: 400;
}

div.language-switcher div.language-popup-container div.region-language-header .country-language {
  font-size: 14px;
  font-weight: 500;
}

div.language-switcher div.language-popup-container div.region-language-header .region-text {
  font-size: 20px;
  font-weight: 500;
}

[data-whatinput=mouse] div.language-switcher:hover, [data-whatinput=mouse] div.language-switcher:active,
[data-whatinput=touch] div.language-switcher:hover,
[data-whatinput=touch] div.language-switcher:active,
[data-whatinput=pointer] div.language-switcher:hover,
[data-whatinput=pointer] div.language-switcher:active {
  background-color: #f0f1f2;
  border-radius: 25px;
  padding-left: 3px;
}
/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-amber-100: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-amber-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-amber-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-amber-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-amber-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-amber-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-amber-700: oklch(0.4824 0.1353 46.11 / 1);
  --cnvs-base-palette-amber-800: oklch(0.4143 0.1245 42.21 / 1);
  --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
  --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
  --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
  --cnvs-base-palette-azure-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-azure-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-azure-400: oklch(0.7283 0.1377 242.63 / 1);
  --cnvs-base-palette-azure-500: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-azure-600: oklch(0.5174 0.1257 243.24 / 1);
  --cnvs-base-palette-azure-700: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-azure-800: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
  --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
  --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
  --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
  --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
  --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blue-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-blue-300: oklch(0.7933 0.1076 252.08 / 1);
  --cnvs-base-palette-blue-400: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blue-500: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-blue-600: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blue-700: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blue-800: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
  --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
  --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
  --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-coral-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-coral-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-coral-400: oklch(0.7279 0.1703 38.58 / 1);
  --cnvs-base-palette-coral-500: oklch(0.6779 0.2096 40.36 / 1);
  --cnvs-base-palette-coral-600: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-coral-700: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-coral-800: oklch(0.393 0.143 33.49 / 1);
  --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
  --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
  --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
  --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
  --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-200: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-300: oklch(0.7817 0.1928 150.67 / 1);
  --cnvs-base-palette-green-400: oklch(0.702 0.1952 148.39 / 1);
  --cnvs-base-palette-green-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-green-600: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-700: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-800: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
  --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
  --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
  --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
  --cnvs-base-palette-indigo-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-indigo-300: oklch(0.7625 0.1242 281 / 1);
  --cnvs-base-palette-indigo-400: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-indigo-500: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-indigo-600: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-palette-indigo-700: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-indigo-800: oklch(0.379 0.1771 278.1 / 1);
  --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
  --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
  --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
  --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
  --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
  --cnvs-base-palette-neutral-100: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-neutral-200: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-neutral-300: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-neutral-400: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-neutral-500: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-neutral-600: oklch(0.5103 0 0 / 1);
  --cnvs-base-palette-neutral-700: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-neutral-800: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-neutral-900: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-neutral-950: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-neutral-975: oklch(0.1591 0 0 / 1);
  --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
  --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
  --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
  --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-orange-200: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-orange-300: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-orange-400: oklch(0.7261 0.1852 52.58 / 1);
  --cnvs-base-palette-orange-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-orange-600: oklch(0.53 0.165 40.39 / 1);
  --cnvs-base-palette-orange-700: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-orange-800: oklch(0.4077 0.1336 37.92 / 1);
  --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
  --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
  --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
  --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
  --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
  --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
  --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
  --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
  --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
  --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
  --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
  --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
  --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
  --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-palette-purple-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-purple-300: oklch(0.8108 0.1412 315.48 / 1);
  --cnvs-base-palette-purple-400: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-purple-500: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-purple-600: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-purple-700: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-purple-800: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
  --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
  --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
  --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-red-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-red-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-red-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-red-500: oklch(0.6495 0.2369 30.04 / 1);
  --cnvs-base-palette-red-600: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-red-700: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-red-800: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
  --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
  --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
  --cnvs-base-palette-slate-25: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-slate-50: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-slate-100: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-slate-200: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-slate-300: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-slate-400: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-slate-500: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-slate-600: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-slate-700: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-slate-800: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-slate-900: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-slate-950: oklch(0.2453 0.0136 253.1 / 1);
  --cnvs-base-palette-slate-975: oklch(0.18 0.008 248.33 / 1);
  --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
  --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-teal-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-teal-300: oklch(0.7836 0.0874 204.93 / 1);
  --cnvs-base-palette-teal-400: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-teal-500: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-teal-600: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-teal-700: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
  --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
  --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
  --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
  --cnvs-base-palette-cinnamon-100: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-cinnamon-200: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-cinnamon-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-cinnamon-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-cinnamon-500: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-cinnamon-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-peach-100: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-peach-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-peach-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-peach-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-peach-500: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-peach-600: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-chili-mango-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-chili-mango-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-chili-mango-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-chili-mango-400: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-600: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-cantaloupe-100: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-cantaloupe-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-cantaloupe-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-cantaloupe-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-cantaloupe-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-cantaloupe-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-sour-lemon-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-sour-lemon-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-sour-lemon-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-sour-lemon-400: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-500: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-600: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-juicy-pear-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-juicy-pear-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-juicy-pear-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-400: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-juicy-pear-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-kiwi-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-kiwi-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-kiwi-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-kiwi-400: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-apple-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-apple-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-apple-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-apple-500: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-watermelon-200: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-watermelon-300: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-watermelon-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-watermelon-500: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-jewel-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-jewel-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-jewel-300: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-jewel-400: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-jewel-500: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-jewel-600: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-toothpaste-100: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-toothpaste-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-toothpaste-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-toothpaste-400: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-toothpaste-500: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-toothpaste-600: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-blueberry-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-200: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blueberry-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blueberry-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blueberry-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-plum-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-plum-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-plum-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-plum-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-plum-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-plum-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-berry-smoothie-100: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-berry-smoothie-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-berry-smoothie-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-berry-smoothie-400: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-berry-smoothie-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-berry-smoothie-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blackberry-100: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-blackberry-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-blackberry-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-blackberry-400: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-blackberry-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-blackberry-600: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-island-punch-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-island-punch-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-island-punch-300: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-500: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-island-punch-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-grape-soda-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-grape-soda-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-grape-soda-300: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-grape-soda-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-grape-soda-500: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-grape-soda-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-pomegranate-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-pomegranate-200: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-pomegranate-300: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-400: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-500: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-pomegranate-600: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-fruit-punch-100: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-fruit-punch-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-fruit-punch-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-fruit-punch-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-500: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-root-beer-100: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-root-beer-200: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-root-beer-300: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-400: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-500: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-root-beer-600: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-toasted-marshmallow-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-toasted-marshmallow-200: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-toasted-marshmallow-300: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-toasted-marshmallow-400: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-toasted-marshmallow-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-toasted-marshmallow-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-licorice-100: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-licorice-200: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-licorice-300: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-licorice-400: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-licorice-500: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-licorice-600: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-soap-100: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-soap-200: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-soap-300: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-soap-400: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-soap-500: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-soap-600: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-french-vanilla-100: oklch(1 0 0 / 1);
  --cnvs-base-palette-french-vanilla-200: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-french-vanilla-300: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-french-vanilla-400: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-french-vanilla-500: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-french-vanilla-600: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-100: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-200: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-black-pepper-300: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-black-pepper-400: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-black-pepper-500: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-black-pepper-600: oklch(0 0 0 / 1);
  --cnvs-base-palette-coconut-100: #F0EEEE;
  --cnvs-base-palette-coconut-200: #e3dfdf;
  --cnvs-base-palette-coconut-300: #d1cbcc;
  --cnvs-base-palette-coconut-400: #b3acac;
  --cnvs-base-palette-coconut-500: #9e9595;
  --cnvs-base-palette-coconut-600: #8F8687;
  --cnvs-base-palette-cappuccino-100: #7A7374;
  --cnvs-base-palette-cappuccino-200: #706869;
  --cnvs-base-palette-cappuccino-300: #5E5757;
  --cnvs-base-palette-cappuccino-400: #4A4242;
  --cnvs-base-palette-cappuccino-500: #352f2f;
  --cnvs-base-palette-cappuccino-600: #231f20;
  --cnvs-base-opacity-0: 0;
  --cnvs-base-opacity-100: 0.08;
  --cnvs-base-opacity-200: 0.12;
  --cnvs-base-opacity-250: 0.2;
  --cnvs-base-opacity-300: 0.4;
  --cnvs-base-opacity-400: 0.64;
  --cnvs-base-opacity-500: 0.84;
  --cnvs-base-font-size-25: 0.625rem;
  --cnvs-base-font-size-50: 0.75rem;
  --cnvs-base-font-size-75: 0.875rem;
  --cnvs-base-font-size-100: 1rem;
  --cnvs-base-font-size-125: 1.125rem;
  --cnvs-base-font-size-150: 1.25rem;
  --cnvs-base-font-size-200: 1.5rem;
  --cnvs-base-font-size-250: 1.75rem;
  --cnvs-base-font-size-300: 2rem;
  --cnvs-base-font-size-400: 2.5rem;
  --cnvs-base-font-size-500: 3rem;
  --cnvs-base-font-size-600: 3.5rem;
  --cnvs-base-font-size-750: 4.5rem;
  --cnvs-base-font-size-900: 5.5rem;
  --cnvs-base-font-size-1050: 6.5rem;
  --cnvs-base-line-height-50: 1rem;
  --cnvs-base-line-height-100: 1.25rem;
  --cnvs-base-line-height-150: 1.5rem;
  --cnvs-base-line-height-200: 1.75rem;
  --cnvs-base-line-height-250: 2rem;
  --cnvs-base-line-height-300: 2.25rem;
  --cnvs-base-line-height-350: 2.5rem;
  --cnvs-base-line-height-400: 3rem;
  --cnvs-base-line-height-500: 3.5rem;
  --cnvs-base-line-height-600: 4rem;
  --cnvs-base-line-height-750: 4.5rem;
  --cnvs-base-line-height-900: 5.5rem;
  --cnvs-base-line-height-1050: 6.5rem;
  --cnvs-base-font-family-50: "Roboto"; /* Default font-family */
  --cnvs-base-font-family-100: "Roboto Mono";
  --cnvs-base-font-family-200: "Noto Sans";
  --cnvs-base-font-weight-300: 300;
  --cnvs-base-font-weight-400: 400;
  --cnvs-base-font-weight-500: 500;
  --cnvs-base-font-weight-700: 700;
  --cnvs-base-letter-spacing-50: 0.025rem;
  --cnvs-base-letter-spacing-100: 0.02rem;
  --cnvs-base-letter-spacing-150: 0.015rem;
  --cnvs-base-letter-spacing-200: 0.01rem;
  --cnvs-base-unit: 0.25rem; /* The base unit used in the grid system.;  */
  --cnvs-base-extended-palette-dragon-fruit-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-extended-palette-dragon-fruit-200: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-extended-palette-dragon-fruit-300: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-extended-palette-dragon-fruit-400: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-extended-palette-dragon-fruit-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-extended-palette-dragon-fruit-600: oklch(0.317 0.142 278.2 / 1);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Standard card depth */
  --cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Top navigation, Bottom Navigation */
  --cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Floating Action Buttons (FAB), Menus */
  --cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.5rem 2rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Bottom Sheets */
  --cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.625rem 2.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied) */
  --cnvs-sys-depth-6: 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.75rem 3rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied) */
  --cnvs-sys-space-zero: 0; /* Stacks, rows in tables */
  --cnvs-sys-shape-zero: 0rem; /* This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels. */
  --cnvs-sys-opacity-full: 1; /* Dev only */
  --cnvs-sys-opacity-zero: 0; /* Dev only */
  --cnvs-sys-breakpoints-zero: 0px; /* Use to set a media query `min-width` below small. */
  --cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);
  --cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);
  --cnvs-sys-font-weight-normal: var(--cnvs-base-font-weight-400);
  --cnvs-sys-font-weight-light: var(--cnvs-base-font-weight-300);
  --cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);
  --cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);
  --cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);
  --cnvs-sys-line-height-heading-large: var(--cnvs-base-line-height-350);
  --cnvs-sys-line-height-heading-medium: var(--cnvs-base-line-height-300);
  --cnvs-sys-line-height-heading-small: var(--cnvs-base-line-height-250);
  --cnvs-sys-line-height-body-large: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-medium: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-small: var(--cnvs-base-line-height-150);
  --cnvs-sys-line-height-subtext-large: var(--cnvs-base-line-height-100);
  --cnvs-sys-line-height-subtext-medium: var(--cnvs-base-line-height-50);
  --cnvs-sys-line-height-subtext-small: var(--cnvs-base-line-height-50);
  --cnvs-sys-font-size-subtext-small: var(--cnvs-base-font-size-25);
  --cnvs-sys-font-family-global: var(--cnvs-base-font-family-200);
  --cnvs-sys-font-family-mono: var(--cnvs-base-font-family-100);
  --cnvs-sys-font-family-default: var(--cnvs-base-font-family-50);
  --cnvs-sys-space-x20: calc(var(--cnvs-base-unit) * 20); /* - Use sparingly; - Helps to put focus on the primary element within your page; - Use to de-clutter your UI when a lot of space is available */
  --cnvs-sys-space-x16: calc(var(--cnvs-base-unit) * 16); /* - Use to de-clutter your UI when a lot of space is available; - Separate banner sections from page content; - Use to differentiate page content like page sections */
  --cnvs-sys-space-x10: calc(var(--cnvs-base-unit) * 10); /* • Used for outer margins on the overall page content ; • Used for inner margins on large items such as page sections */
  --cnvs-sys-space-x8: calc(var(--cnvs-base-unit) * 8); /* • Standard spacing between cards; • Used to separate groups of content ; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x6: calc(var(--cnvs-base-unit) * 6); /* • Padding around card content; • Related elements where more space between them can be afforded; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x4: calc(var(--cnvs-base-unit) * 4); /* Default space token. Used to group Inputs with related data */
  --cnvs-sys-space-x3: calc(var(--cnvs-base-unit) * 3); /* Use when compact padding is required */
  --cnvs-sys-space-x2: calc(var(--cnvs-base-unit) * 2); /* Commonly used to group compact elements like icon buttons */
  --cnvs-sys-space-x1: var(--cnvs-base-unit); /* Compact spacing between text or icons */
  --cnvs-sys-shape-round: calc(var(--cnvs-base-unit) * 250); /* Commonly used for our standard buttons and profile avatars: All Primary, Secondary Buttons, Radio Buttons and Notification Badges. */
  --cnvs-sys-shape-x2: calc(var(--cnvs-base-unit) * 2); /* Use this for all the containers and popups: All Cards, Modals, Tooltips and Toasts. */
  --cnvs-sys-shape-x1-half: calc(var(--cnvs-base-unit) * 1.5);
  --cnvs-sys-shape-x1: var(--cnvs-base-unit);
  --cnvs-sys-shape-half: calc(var(--cnvs-base-unit) * 0.5); /* Use this for subtle and small components that don’t require to group complex information like Status Indicators, Checkboxes and Color Swatches. */
  --cnvs-sys-opacity-shadow-second: var(--cnvs-base-opacity-100); /* Alpha on second shadow */
  --cnvs-sys-opacity-shadow-first: var(--cnvs-base-opacity-200); /* Alpha on first shadow */
  --cnvs-sys-opacity-contrast: var(--cnvs-base-opacity-500); /* Tooltips, Status Indicator */
  --cnvs-sys-opacity-overlay: var(--cnvs-base-opacity-400); /* Overlay */
  --cnvs-sys-opacity-disabled: var(--cnvs-base-opacity-300); /* Disabled states */
  --cnvs-sys-breakpoints-xl: 1440px; /* Used for extra large screens, such as wide monitors and TVs. */
  --cnvs-sys-breakpoints-l: 1024px; /* Large screens, such as desktops. */
  --cnvs-sys-breakpoints-m: 768px; /* Medium screens, such as laptops. */
  --cnvs-sys-breakpoints-s: 320px; /* The `min-width` for mobile devices, such as phones and tablets. */
  --cnvs-sys-color-shadow-default: var(--cnvs-base-palette-slate-900); /* Main shadow color */
  --cnvs-sys-color-shadow-2: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-100)); /* Second shadow color */
  --cnvs-sys-color-shadow-1: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-200)); /* First shadow color */
  --cnvs-sys-color-border-info-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950); /* Active state on AI borders */
  --cnvs-sys-color-border-container: var(--cnvs-base-palette-slate-300); /* Cards, Toasts, Surfaces */
  --cnvs-sys-color-border-divider: var(--cnvs-base-palette-slate-200); /* Dividers */
  --cnvs-sys-color-border-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on accent colors */
  --cnvs-sys-color-border-transparent: transparent; /* Transparent */
  --cnvs-sys-color-border-caution-strong: var(--cnvs-base-palette-amber-500); /* Warning outer (box shadow) */
  --cnvs-sys-color-border-caution-default: var(--cnvs-base-palette-amber-400); /* Warning inner */
  --cnvs-sys-color-border-critical-default: var(--cnvs-base-palette-red-500); /* Error */
  --cnvs-sys-color-border-primary-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Secondary Button Hover */
  --cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-900); /* Secondary Button */
  --cnvs-sys-color-border-input-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on checkboxes and radios */
  --cnvs-sys-color-border-input-strong: var(--cnvs-base-palette-slate-700); /* Input hover */
  --cnvs-sys-color-border-input-default: var(--cnvs-base-palette-slate-500); /* Inputs */
  --cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-slate-400); /* Disabled inputs */
  --cnvs-sys-color-fg-positive-stronger: var(--cnvs-base-palette-green-800); /* Error */
  --cnvs-sys-color-fg-positive-strong: var(--cnvs-base-palette-green-700); /* Error */
  --cnvs-sys-color-fg-positive-soft: var(--cnvs-base-palette-green-400); /* Error */
  --cnvs-sys-color-fg-positive-softer: var(--cnvs-base-palette-green-200); /* Error */
  --cnvs-sys-color-fg-positive-default: var(--cnvs-base-palette-green-600); /* Error */
  --cnvs-sys-color-fg-info-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-info-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-info-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950); /* AI icons and text */
  --cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Strong contrast */
  --cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast */
  --cnvs-sys-color-fg-caution-softer: var(--cnvs-base-palette-amber-500); /* Warning */
  --cnvs-sys-color-fg-caution-stronger: var(--cnvs-base-palette-amber-975); /* Warning on hover */
  --cnvs-sys-color-fg-caution-soft: var(--cnvs-base-palette-amber-700); /* Warning */
  --cnvs-sys-color-fg-caution-strong: var(--cnvs-base-palette-amber-950); /* Warning on hover */
  --cnvs-sys-color-fg-caution-default: var(--cnvs-base-palette-amber-900); /* Warning */
  --cnvs-sys-color-fg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-primary-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-primary-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-primary-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-primary-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-slate-400); /* Tab item foreground */
  --cnvs-sys-color-fg-muted-stronger: var(--cnvs-base-palette-slate-800);
  --cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-slate-600); /* Hint text */
  --cnvs-sys-color-fg-critical-softer: var(--cnvs-base-palette-red-200); /* Error */
  --cnvs-sys-color-fg-critical-soft: var(--cnvs-base-palette-red-400); /* Error */
  --cnvs-sys-color-fg-critical-stronger: var(--cnvs-base-palette-red-800); /* Error */
  --cnvs-sys-color-fg-critical-strong: var(--cnvs-base-palette-red-700); /* Error */
  --cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-red-600); /* Error */
  --cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse */
  --cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-slate-400); /* Disabled */
  --cnvs-sys-color-fg-stronger: var(--cnvs-base-palette-neutral-950); /* Heading on hover */
  --cnvs-sys-color-fg-strong: var(--cnvs-base-palette-neutral-900); /* Headings */
  --cnvs-sys-color-fg-default: var(--cnvs-base-palette-neutral-800); /* Body */
  --cnvs-sys-color-icon-info-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-disabled: var(--cnvs-base-palette-slate-400); /* Disabled icon color */
  --cnvs-sys-color-icon-caution-softer: var(--cnvs-base-palette-amber-500); /* Softer caution icon color */
  --cnvs-sys-color-icon-caution-soft: var(--cnvs-base-palette-amber-700); /* Soft caution icon color */
  --cnvs-sys-color-icon-caution-stronger: var(--cnvs-base-palette-amber-975); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-default: var(--cnvs-base-palette-amber-900); /* Caution icon color */
  --cnvs-sys-color-icon-critical-softer: var(--cnvs-base-palette-red-200); /* Error icon color */
  --cnvs-sys-color-icon-critical-soft: var(--cnvs-base-palette-red-400); /* Error icon color */
  --cnvs-sys-color-icon-critical-stronger: var(--cnvs-base-palette-red-800); /* Error icon color */
  --cnvs-sys-color-icon-critical-strong: var(--cnvs-base-palette-red-700); /* Error icon color */
  --cnvs-sys-color-icon-critical-default: var(--cnvs-base-palette-red-600); /* Error icon color */
  --cnvs-sys-color-icon-positive-softer: var(--cnvs-base-palette-green-200); /* Success icon color */
  --cnvs-sys-color-icon-positive-soft: var(--cnvs-base-palette-green-400); /* Success icon color */
  --cnvs-sys-color-icon-positive-stronger: var(--cnvs-base-palette-green-800); /* Success icon color */
  --cnvs-sys-color-icon-positive-strong: var(--cnvs-base-palette-green-700); /* Success icon color */
  --cnvs-sys-color-icon-positive-default: var(--cnvs-base-palette-green-600); /* Success icon color */
  --cnvs-sys-color-icon-primary-softer: var(--cnvs-base-palette-blue-200); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-soft: var(--cnvs-base-palette-blue-400); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse icon color */
  --cnvs-sys-color-icon-strong: var(--cnvs-base-palette-neutral-900); /* Hover icon color */
  --cnvs-sys-color-icon-soft: var(--cnvs-base-palette-slate-600); /* Disabled icon color */
  --cnvs-sys-color-icon-default: var(--cnvs-base-palette-neutral-800); /* Default icon color */
  --cnvs-sys-color-text-info-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-info-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-info-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-info-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-info-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-positive-softer: var(--cnvs-base-palette-green-200); /* Active links */
  --cnvs-sys-color-text-positive-soft: var(--cnvs-base-palette-green-400); /* Active links */
  --cnvs-sys-color-text-positive-stronger: var(--cnvs-base-palette-green-800); /* Active links */
  --cnvs-sys-color-text-positive-strong: var(--cnvs-base-palette-green-700); /* Branded hover text */
  --cnvs-sys-color-text-positive-default: var(--cnvs-base-palette-green-600); /* Branded text */
  --cnvs-sys-color-text-ai: var(--cnvs-base-palette-blue-950);
  --cnvs-sys-color-text-caution-softer: var(--cnvs-base-palette-amber-200); /* Softer warning text */
  --cnvs-sys-color-text-caution-stronger: var(--cnvs-base-palette-amber-975); /* Stronger warning text */
  --cnvs-sys-color-text-caution-soft: var(--cnvs-base-palette-amber-400); /* Disabled warning text */
  --cnvs-sys-color-text-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong warning text */
  --cnvs-sys-color-text-caution-default: var(--cnvs-base-palette-amber-900); /* Warning text */
  --cnvs-sys-color-text-primary-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-primary-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-primary-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-primary-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-primary-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-critical-softer: var(--cnvs-base-palette-red-200); /* Error text */
  --cnvs-sys-color-text-critical-soft: var(--cnvs-base-palette-red-400); /* Error text */
  --cnvs-sys-color-text-critical-stronger: var(--cnvs-base-palette-red-800); /* Error text */
  --cnvs-sys-color-text-critical-strong: var(--cnvs-base-palette-red-700); /* Error text */
  --cnvs-sys-color-text-critical-default: var(--cnvs-base-palette-red-600); /* Error text */
  --cnvs-sys-color-text-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse text color */
  --cnvs-sys-color-text-hint: var(--cnvs-base-palette-slate-600); /* Hint text color */
  --cnvs-sys-color-text-disabled: var(--cnvs-base-palette-slate-400); /* Disabled text color */
  --cnvs-sys-color-text-stronger: var(--cnvs-base-palette-neutral-950); /* Display text */
  --cnvs-sys-color-text-strong: var(--cnvs-base-palette-neutral-900); /* Heading text */
  --cnvs-sys-color-text-default: var(--cnvs-base-palette-neutral-800); /* Body text */
  --cnvs-sys-color-bg-info-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-info-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-info-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-info-soft: var(--cnvs-base-palette-blue-100); /* Disabled */
  --cnvs-sys-color-bg-info-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-info-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-ai-strongest: var(--cnvs-base-palette-blue-950); /* AI surfaces */
  --cnvs-sys-color-bg-ai-stronger: var(--cnvs-base-palette-blue-400); /* Active state on AI containers */
  --cnvs-sys-color-bg-ai-strong: var(--cnvs-base-palette-blue-200); /* Hover on AI container */
  --cnvs-sys-color-bg-ai-default: var(--cnvs-base-palette-blue-100); /* AI container */
  --cnvs-sys-color-bg-critical-stronger: var(--cnvs-base-palette-red-800); /* Stronger error background */
  --cnvs-sys-color-bg-critical-strong: var(--cnvs-base-palette-red-700); /* Strong error background */
  --cnvs-sys-color-bg-critical-default: var(--cnvs-base-palette-red-600); /* Default error background */
  --cnvs-sys-color-bg-critical-soft: var(--cnvs-base-palette-red-100); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softer: var(--cnvs-base-palette-red-50); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softest: var(--cnvs-base-palette-red-25); /* Input error background */
  --cnvs-sys-color-bg-caution-stronger: var(--cnvs-base-palette-amber-600); /* Stronger warning background */
  --cnvs-sys-color-bg-caution-strong: var(--cnvs-base-palette-amber-500); /* Strong warning background */
  --cnvs-sys-color-bg-caution-default: var(--cnvs-base-palette-amber-400); /* Default warning background */
  --cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-100); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softer: var(--cnvs-base-palette-amber-50); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softest: var(--cnvs-base-palette-amber-25); /* Disabled warning background */
  --cnvs-sys-color-bg-positive-stronger: var(--cnvs-base-palette-green-800); /* Active success background */
  --cnvs-sys-color-bg-positive-strong: var(--cnvs-base-palette-green-700); /* Hover success background */
  --cnvs-sys-color-bg-positive-default: var(--cnvs-base-palette-green-600); /* Disabled success background */
  --cnvs-sys-color-bg-positive-soft: var(--cnvs-base-palette-green-100); /* Disabled success background */
  --cnvs-sys-color-bg-positive-softer: var(--cnvs-base-palette-green-50); /* Surface success background */
  --cnvs-sys-color-bg-positive-softest: var(--cnvs-base-palette-green-25); /* Lightest surface success background */
  --cnvs-sys-color-bg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-primary-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-primary-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-100); /* Primary disabled */
  --cnvs-sys-color-bg-primary-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-primary-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-bg-muted-default: var(--cnvs-base-palette-slate-600);
  --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-slate-500);
  --cnvs-sys-color-bg-muted-softer: var(--cnvs-base-palette-slate-400);
  --cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-slate-300); /* Active state for segmented control, Pill */
  --cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-slate-200); /* Active states */
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-100); /* Surface hover, Secondary surfaces */
  --cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-slate-50); /* Alternative page background */
  --cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-slate-25); /* Disabled inputs */
  --cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
  --cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-400)); /* Overlay background */
  --cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-250)); /* Inverse Secondary Button Active state */
  --cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-100)); /* Inverse Secondary Button Hover state */
  --cnvs-sys-color-bg-transparent-default: transparent; /* Transparent background */
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0); /* Main background color */
  --cnvs-sys-color-static-amber-soft: var(--cnvs-base-palette-amber-100); /* Soft amber */
  --cnvs-sys-color-static-amber-strongest: var(--cnvs-base-palette-amber-950); /* Stronger amber */
  --cnvs-sys-color-static-amber-softer: var(--cnvs-base-palette-amber-50); /* Soft amber */
  --cnvs-sys-color-static-amber-stronger: var(--cnvs-base-palette-amber-600); /* Stronger amber */
  --cnvs-sys-color-static-amber-strong: var(--cnvs-base-palette-amber-500); /* Stronger amber */
  --cnvs-sys-color-static-amber-softest: var(--cnvs-base-palette-amber-25); /* Soft amber */
  --cnvs-sys-color-static-amber-default: var(--cnvs-base-palette-amber-400); /* amber */
  --cnvs-sys-color-static-gray-softer: var(--cnvs-base-palette-slate-100); /* Light gray */
  --cnvs-sys-color-static-gray-softest: var(--cnvs-base-palette-slate-50); /* Light gray */
  --cnvs-sys-color-static-gray-strongest: var(--cnvs-base-palette-slate-950); /* Strongerer gray */
  --cnvs-sys-color-static-gray-stronger: var(--cnvs-base-palette-slate-800); /* Strongerer gray */
  --cnvs-sys-color-static-gray-strong: var(--cnvs-base-palette-slate-700); /* Stronger gray */
  --cnvs-sys-color-static-gray-soft: var(--cnvs-base-palette-slate-200); /* Light gray */
  --cnvs-sys-color-static-gray-default: var(--cnvs-base-palette-slate-600); /* Gray */
  --cnvs-sys-color-static-black: var(--cnvs-base-palette-neutral-1000); /* Just black */
  --cnvs-sys-color-static-white: var(--cnvs-base-palette-neutral-0); /* Just white */
  --cnvs-sys-color-static-red-softer: var(--cnvs-base-palette-red-50); /* Light red */
  --cnvs-sys-color-static-red-strongest: var(--cnvs-base-palette-red-950); /* Strong red */
  --cnvs-sys-color-static-red-softest: var(--cnvs-base-palette-red-25); /* Light red */
  --cnvs-sys-color-static-red-stronger: var(--cnvs-base-palette-red-800); /* Strong red */
  --cnvs-sys-color-static-red-strong: var(--cnvs-base-palette-red-700); /* Strong red */
  --cnvs-sys-color-static-red-soft: var(--cnvs-base-palette-red-100); /* Light red */
  --cnvs-sys-color-static-red-default: var(--cnvs-base-palette-red-600); /* Red */
  --cnvs-sys-color-static-green-strongest: var(--cnvs-base-palette-green-950); /* Stronger green */
  --cnvs-sys-color-static-green-softest: var(--cnvs-base-palette-green-25); /* Light green */
  --cnvs-sys-color-static-green-stronger: var(--cnvs-base-palette-green-800); /* Stronger green */
  --cnvs-sys-color-static-green-softer: var(--cnvs-base-palette-green-50); /* Light green */
  --cnvs-sys-color-static-green-strong: var(--cnvs-base-palette-green-700); /* Stronger green */
  --cnvs-sys-color-static-green-soft: var(--cnvs-base-palette-green-100); /* Light green */
  --cnvs-sys-color-static-green-default: var(--cnvs-base-palette-green-600); /* Default green */
  --cnvs-sys-color-static-blue-strongest: var(--cnvs-base-palette-blue-950); /* Stronger blue */
  --cnvs-sys-color-static-blue-soft: var(--cnvs-base-palette-blue-100); /* Light blue */
  --cnvs-sys-color-static-blue-softer: var(--cnvs-base-palette-blue-50); /* Light blue */
  --cnvs-sys-color-static-blue-stronger: var(--cnvs-base-palette-blue-800); /* Stronger blue */
  --cnvs-sys-color-static-blue-strong: var(--cnvs-base-palette-blue-700); /* Stronger blue */
  --cnvs-sys-color-static-blue-softest: var(--cnvs-base-palette-blue-25); /* Light blue */
  --cnvs-sys-color-static-blue-default: var(--cnvs-base-palette-blue-600); /* Blue */
  --cnvs-sys-color-static-orange-strong: var(--cnvs-base-palette-amber-500);
  --cnvs-sys-color-static-orange-soft: var(--cnvs-base-palette-amber-100);
  --cnvs-sys-color-static-orange-default: var(--cnvs-base-palette-amber-400);
  --cnvs-sys-color-static-gold-stronger: var(--cnvs-base-palette-amber-600);
  --cnvs-sys-font-size-subtext-medium: var(--cnvs-base-font-size-50);
  --cnvs-sys-font-size-subtext-large: var(--cnvs-base-font-size-75);
  --cnvs-sys-font-size-body-small: var(--cnvs-base-font-size-100);
  --cnvs-sys-font-size-body-medium: var(--cnvs-base-font-size-125);
  --cnvs-sys-font-size-body-large: var(--cnvs-base-font-size-150);
  --cnvs-sys-font-size-heading-small: var(--cnvs-base-font-size-200);
  --cnvs-sys-font-size-heading-medium: var(--cnvs-base-font-size-250);
  --cnvs-sys-font-size-heading-large: var(--cnvs-base-font-size-300);
  --cnvs-sys-font-size-title-small: var(--cnvs-base-font-size-400);
  --cnvs-sys-font-size-title-medium: var(--cnvs-base-font-size-500);
  --cnvs-sys-font-size-title-large: var(--cnvs-base-font-size-600);
}

.cnvs-sys-type-subtext-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-small);
  font-size: var(--cnvs-sys-font-size-subtext-small);
  letter-spacing: var(--cnvs-base-letter-spacing-50);
}

.cnvs-sys-type-subtext-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-medium);
  font-size: var(--cnvs-sys-font-size-subtext-medium);
  letter-spacing: var(--cnvs-base-letter-spacing-100);
}

.cnvs-sys-type-subtext-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-large);
  font-size: var(--cnvs-sys-font-size-subtext-large);
  letter-spacing: var(--cnvs-base-letter-spacing-150);
}

.cnvs-sys-type-body-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-small);
  font-size: var(--cnvs-sys-font-size-body-small);
  letter-spacing: var(--cnvs-base-letter-spacing-200);
}

.cnvs-sys-type-body-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-medium);
  font-size: var(--cnvs-sys-font-size-body-medium);
}

.cnvs-sys-type-body-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-large);
  font-size: var(--cnvs-sys-font-size-body-large);
}

.cnvs-sys-type-heading-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-small);
  font-size: var(--cnvs-sys-font-size-heading-small);
}

.cnvs-sys-type-heading-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-medium);
  font-size: var(--cnvs-sys-font-size-heading-medium);
}

.cnvs-sys-type-heading-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-large);
  font-size: var(--cnvs-sys-font-size-heading-large);
}

.cnvs-sys-type-title-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-small);
  font-size: var(--cnvs-sys-font-size-title-small);
}

.cnvs-sys-type-title-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-medium);
  font-size: var(--cnvs-sys-font-size-title-medium);
}

.cnvs-sys-type-title-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-large);
  font-size: var(--cnvs-sys-font-size-title-large);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
  --cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);
  --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
  --cnvs-brand-neutral-lighter: var(--cnvs-base-palette-slate-50);
  --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-neutral-darkest: var(--cnvs-base-palette-slate-800);
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-slate-700);
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-slate-600);
  --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-25);
  --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
  --cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);
  --cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);
  --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
  --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
  --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);
  --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);
  --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
  --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);
  --cnvs-brand-alert-lighter: var(--cnvs-base-palette-amber-50);
  --cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-error-light: var(--cnvs-base-palette-red-200);
  --cnvs-brand-error-lighter: var(--cnvs-base-palette-red-50);
  --cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);
  --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
  --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
  --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
  --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
  --cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);
  --cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
  --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
  --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
  --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
  --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.text-theme {
  color: #333333;
}

.text-theme:disabled, .text-theme.disabled {
  outline: none;
  color: #a1aab3;
  cursor: not-allowed;
}

.text-theme.highlighted, .text-theme:active {
  background-color: #a6d2ff;
}

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.right-align {
  right: 0;
}

.left-align {
  left: 0;
}

.item-selected {
  border-radius: 99px;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #0057ae;
}

.item-container {
  position: relative;
  cursor: pointer;
  content: "";
  outline: none;
  box-sizing: border-box;
  overflow: visible;
  height: 45px;
  width: 45px;
  align-content: center;
}

.button-popup-open {
  background-color: #ffffff;
  border-radius: 0;
}

.wdc-footer-main {
  position: relative;
  display: flex;
  align-items: center;
  bottom: 0;
  width: 100%;
  background-color: #022043;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 13px;
  color: #000000;
  height: 100%;
  min-height: 120px;
}

.wdc-footer-main * {
  font-family: "Workday Adelle Sans", "sans-serif";
  scroll-behavior: smooth;
}

@media only screen and (max-width: 600px) {
  .wdc-footer-main {
    height: 215px;
    padding: 0 16px !important;
    flex-direction: column !important;
  }
}

@media only screen and (max-width: 376px) {
  .wdc-footer-main {
    padding: 0 16px !important;
    height: 245px;
  }
}

.wdc-footer-main .division {
  display: flex;
  flex-grow: 0.1;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .wdc-footer-main .division {
    flex-grow: 0.06;
  }
}

@media only screen and (max-width: 768px) {
  .wdc-footer-main .division {
    flex-grow: 0;
  }
}

.wdc-footer-main .footer-social {
  font-weight: 400;
  font-size: 13px;
  background-color: transparent;
  list-style-type: none;
}

@media only screen and (max-width: 600px) {
  .wdc-footer-main .footer-social {
    margin: 24px 0 12px 0;
  }
}

.wdc-footer-main .footer-social ul {
  padding: 0;
  margin: 0;
}

.wdc-footer-main .footer-social ul li.social-list-item:first-of-type {
  margin: 0;
}

.wdc-footer-main .footer-social ul li.social-list-item {
  text-align: center;
  vertical-align: middle;
  display: inline-flex;
  margin-left: 14px;
}

.wdc-footer-main .footer-social ul li.social-list-item a.social-item {
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  border-radius: 50%;
}

.wdc-footer-main .footer-social ul li.social-list-item a.social-item:focus-visible {
  border-radius: 24px;
  box-shadow: 0 0 0 2px #ffffff !important;
  outline: none !important;
}

.wdc-footer-main .footer-social ul li.social-list-item a.social-item:hover {
  background: rgba(0, 0, 0, 0.32);
}

.wdc-footer-main .footer-social ul li.social-list-item a.social-item.social-youtubeIcon .wd-icon-fill {
  fill: transparent;
}

.wdc-footer-main .footer-social ul li.social-list-item a.social-item span {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 18px;
  height: 35px;
  width: 35px;
}

.wdc-footer-main .footer-social ul li.social-list-item a.social-item path {
  fill: #ffffff;
}

.wdc-footer-main .footer-links {
  flex: 1;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  justify-content: flex-end;
}

.wdc-footer-main .footer-links ul {
  margin-top: 0;
  margin-left: 16px;
  padding: 0;
  line-height: 1em;
}

@media only screen and (min-width: 600px) {
  .wdc-footer-main .footer-links ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
  }
}

@media only screen and (max-width: 600px) {
  .wdc-footer-main .footer-links ul {
    margin-top: 0;
  }
}

.wdc-footer-main .footer-links nav {
  display: block;
  text-align: right;
}

@media only screen and (max-width: 600px) {
  .wdc-footer-main .footer-links nav {
    text-align: center;
  }
}

.wdc-footer-main .footer-links .footer-links-content {
  margin-top: 10px;
  display: flex;
}

@media only screen and (max-width: 600px) {
  .wdc-footer-main .footer-links .footer-links-content {
    padding: 0;
    margin-top: 0;
  }
}

@media only screen and (min-width: 600px) and (max-width: 1199px) {
  .wdc-footer-main .footer-links .footer-links-content {
    margin-top: 30px;
  }
}

.wdc-footer-main .footer-links li {
  line-height: 18px;
  margin-top: 12px;
  display: inline-flex;
  color: #ffffff;
  padding: 0 16px;
}

.wdc-footer-main .footer-links li a {
  text-decoration: none;
  color: #ffffff;
  font-weight: 700;
  font-size: 13px;
}

.wdc-footer-main .footer-links li a:hover {
  text-decoration: underline;
  color: #ffffff;
}

.wdc-footer-main .footer-links li a:focus {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}

.wdc-footer-main .footer-links li:last-of-type {
  display: flex;
  justify-content: center;
  padding-right: 0;
}

.wdc-footer-main .footer-links li:first-of-type {
  padding-left: 0;
}

.wdc-footer-main .footer-links .footerBar {
  font-weight: 400;
  color: #ffffff;
  padding: 0;
}

[data-whatinput=mouse] .wdc-footer-main .footer-social .social-item:focus,
[data-whatinput=touch] .wdc-footer-main .footer-social .social-item:focus,
[data-whatinput=pointer] .wdc-footer-main .footer-social .social-item:focus {
  outline: none;
}

[data-whatinput=mouse] .footer-links-content > nav > ul > li > a:focus,
[data-whatinput=mouse] .footer-links-content > nav > ul > li > span > a:focus,
[data-whatinput=touch] .footer-links-content > nav > ul > li > a:focus,
[data-whatinput=touch] .footer-links-content > nav > ul > li > span > a:focus,
[data-whatinput=pointer] .footer-links-content > nav > ul > li > a:focus,
[data-whatinput=pointer] .footer-links-content > nav > ul > li > span > a:focus {
  outline: none;
}
/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-amber-100: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-amber-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-amber-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-amber-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-amber-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-amber-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-amber-700: oklch(0.4824 0.1353 46.11 / 1);
  --cnvs-base-palette-amber-800: oklch(0.4143 0.1245 42.21 / 1);
  --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
  --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
  --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
  --cnvs-base-palette-azure-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-azure-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-azure-400: oklch(0.7283 0.1377 242.63 / 1);
  --cnvs-base-palette-azure-500: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-azure-600: oklch(0.5174 0.1257 243.24 / 1);
  --cnvs-base-palette-azure-700: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-azure-800: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
  --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
  --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
  --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
  --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
  --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blue-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-blue-300: oklch(0.7933 0.1076 252.08 / 1);
  --cnvs-base-palette-blue-400: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blue-500: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-blue-600: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blue-700: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blue-800: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
  --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
  --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
  --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-coral-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-coral-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-coral-400: oklch(0.7279 0.1703 38.58 / 1);
  --cnvs-base-palette-coral-500: oklch(0.6779 0.2096 40.36 / 1);
  --cnvs-base-palette-coral-600: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-coral-700: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-coral-800: oklch(0.393 0.143 33.49 / 1);
  --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
  --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
  --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
  --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
  --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-200: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-300: oklch(0.7817 0.1928 150.67 / 1);
  --cnvs-base-palette-green-400: oklch(0.702 0.1952 148.39 / 1);
  --cnvs-base-palette-green-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-green-600: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-700: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-800: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
  --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
  --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
  --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
  --cnvs-base-palette-indigo-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-indigo-300: oklch(0.7625 0.1242 281 / 1);
  --cnvs-base-palette-indigo-400: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-indigo-500: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-indigo-600: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-palette-indigo-700: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-indigo-800: oklch(0.379 0.1771 278.1 / 1);
  --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
  --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
  --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
  --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
  --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
  --cnvs-base-palette-neutral-100: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-neutral-200: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-neutral-300: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-neutral-400: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-neutral-500: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-neutral-600: oklch(0.5103 0 0 / 1);
  --cnvs-base-palette-neutral-700: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-neutral-800: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-neutral-900: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-neutral-950: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-neutral-975: oklch(0.1591 0 0 / 1);
  --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
  --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
  --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
  --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-orange-200: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-orange-300: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-orange-400: oklch(0.7261 0.1852 52.58 / 1);
  --cnvs-base-palette-orange-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-orange-600: oklch(0.53 0.165 40.39 / 1);
  --cnvs-base-palette-orange-700: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-orange-800: oklch(0.4077 0.1336 37.92 / 1);
  --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
  --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
  --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
  --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
  --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
  --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
  --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
  --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
  --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
  --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
  --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
  --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
  --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
  --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-palette-purple-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-purple-300: oklch(0.8108 0.1412 315.48 / 1);
  --cnvs-base-palette-purple-400: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-purple-500: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-purple-600: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-purple-700: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-purple-800: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
  --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
  --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
  --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-red-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-red-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-red-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-red-500: oklch(0.6495 0.2369 30.04 / 1);
  --cnvs-base-palette-red-600: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-red-700: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-red-800: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
  --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
  --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
  --cnvs-base-palette-slate-25: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-slate-50: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-slate-100: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-slate-200: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-slate-300: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-slate-400: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-slate-500: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-slate-600: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-slate-700: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-slate-800: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-slate-900: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-slate-950: oklch(0.2453 0.0136 253.1 / 1);
  --cnvs-base-palette-slate-975: oklch(0.18 0.008 248.33 / 1);
  --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
  --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-teal-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-teal-300: oklch(0.7836 0.0874 204.93 / 1);
  --cnvs-base-palette-teal-400: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-teal-500: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-teal-600: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-teal-700: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
  --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
  --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
  --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
  --cnvs-base-palette-cinnamon-100: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-cinnamon-200: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-cinnamon-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-cinnamon-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-cinnamon-500: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-cinnamon-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-peach-100: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-peach-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-peach-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-peach-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-peach-500: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-peach-600: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-chili-mango-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-chili-mango-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-chili-mango-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-chili-mango-400: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-600: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-cantaloupe-100: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-cantaloupe-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-cantaloupe-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-cantaloupe-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-cantaloupe-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-cantaloupe-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-sour-lemon-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-sour-lemon-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-sour-lemon-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-sour-lemon-400: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-500: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-600: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-juicy-pear-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-juicy-pear-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-juicy-pear-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-400: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-juicy-pear-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-kiwi-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-kiwi-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-kiwi-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-kiwi-400: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-apple-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-apple-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-apple-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-apple-500: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-watermelon-200: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-watermelon-300: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-watermelon-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-watermelon-500: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-jewel-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-jewel-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-jewel-300: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-jewel-400: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-jewel-500: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-jewel-600: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-toothpaste-100: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-toothpaste-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-toothpaste-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-toothpaste-400: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-toothpaste-500: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-toothpaste-600: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-blueberry-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-200: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blueberry-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blueberry-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blueberry-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-plum-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-plum-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-plum-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-plum-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-plum-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-plum-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-berry-smoothie-100: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-berry-smoothie-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-berry-smoothie-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-berry-smoothie-400: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-berry-smoothie-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-berry-smoothie-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blackberry-100: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-blackberry-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-blackberry-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-blackberry-400: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-blackberry-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-blackberry-600: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-island-punch-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-island-punch-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-island-punch-300: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-500: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-island-punch-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-grape-soda-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-grape-soda-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-grape-soda-300: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-grape-soda-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-grape-soda-500: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-grape-soda-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-pomegranate-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-pomegranate-200: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-pomegranate-300: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-400: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-500: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-pomegranate-600: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-fruit-punch-100: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-fruit-punch-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-fruit-punch-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-fruit-punch-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-500: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-root-beer-100: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-root-beer-200: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-root-beer-300: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-400: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-500: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-root-beer-600: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-toasted-marshmallow-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-toasted-marshmallow-200: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-toasted-marshmallow-300: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-toasted-marshmallow-400: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-toasted-marshmallow-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-toasted-marshmallow-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-licorice-100: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-licorice-200: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-licorice-300: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-licorice-400: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-licorice-500: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-licorice-600: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-soap-100: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-soap-200: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-soap-300: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-soap-400: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-soap-500: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-soap-600: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-french-vanilla-100: oklch(1 0 0 / 1);
  --cnvs-base-palette-french-vanilla-200: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-french-vanilla-300: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-french-vanilla-400: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-french-vanilla-500: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-french-vanilla-600: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-100: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-200: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-black-pepper-300: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-black-pepper-400: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-black-pepper-500: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-black-pepper-600: oklch(0 0 0 / 1);
  --cnvs-base-palette-coconut-100: #F0EEEE;
  --cnvs-base-palette-coconut-200: #e3dfdf;
  --cnvs-base-palette-coconut-300: #d1cbcc;
  --cnvs-base-palette-coconut-400: #b3acac;
  --cnvs-base-palette-coconut-500: #9e9595;
  --cnvs-base-palette-coconut-600: #8F8687;
  --cnvs-base-palette-cappuccino-100: #7A7374;
  --cnvs-base-palette-cappuccino-200: #706869;
  --cnvs-base-palette-cappuccino-300: #5E5757;
  --cnvs-base-palette-cappuccino-400: #4A4242;
  --cnvs-base-palette-cappuccino-500: #352f2f;
  --cnvs-base-palette-cappuccino-600: #231f20;
  --cnvs-base-opacity-0: 0;
  --cnvs-base-opacity-100: 0.08;
  --cnvs-base-opacity-200: 0.12;
  --cnvs-base-opacity-250: 0.2;
  --cnvs-base-opacity-300: 0.4;
  --cnvs-base-opacity-400: 0.64;
  --cnvs-base-opacity-500: 0.84;
  --cnvs-base-font-size-25: 0.625rem;
  --cnvs-base-font-size-50: 0.75rem;
  --cnvs-base-font-size-75: 0.875rem;
  --cnvs-base-font-size-100: 1rem;
  --cnvs-base-font-size-125: 1.125rem;
  --cnvs-base-font-size-150: 1.25rem;
  --cnvs-base-font-size-200: 1.5rem;
  --cnvs-base-font-size-250: 1.75rem;
  --cnvs-base-font-size-300: 2rem;
  --cnvs-base-font-size-400: 2.5rem;
  --cnvs-base-font-size-500: 3rem;
  --cnvs-base-font-size-600: 3.5rem;
  --cnvs-base-font-size-750: 4.5rem;
  --cnvs-base-font-size-900: 5.5rem;
  --cnvs-base-font-size-1050: 6.5rem;
  --cnvs-base-line-height-50: 1rem;
  --cnvs-base-line-height-100: 1.25rem;
  --cnvs-base-line-height-150: 1.5rem;
  --cnvs-base-line-height-200: 1.75rem;
  --cnvs-base-line-height-250: 2rem;
  --cnvs-base-line-height-300: 2.25rem;
  --cnvs-base-line-height-350: 2.5rem;
  --cnvs-base-line-height-400: 3rem;
  --cnvs-base-line-height-500: 3.5rem;
  --cnvs-base-line-height-600: 4rem;
  --cnvs-base-line-height-750: 4.5rem;
  --cnvs-base-line-height-900: 5.5rem;
  --cnvs-base-line-height-1050: 6.5rem;
  --cnvs-base-font-family-50: "Roboto"; /* Default font-family */
  --cnvs-base-font-family-100: "Roboto Mono";
  --cnvs-base-font-family-200: "Noto Sans";
  --cnvs-base-font-weight-300: 300;
  --cnvs-base-font-weight-400: 400;
  --cnvs-base-font-weight-500: 500;
  --cnvs-base-font-weight-700: 700;
  --cnvs-base-letter-spacing-50: 0.025rem;
  --cnvs-base-letter-spacing-100: 0.02rem;
  --cnvs-base-letter-spacing-150: 0.015rem;
  --cnvs-base-letter-spacing-200: 0.01rem;
  --cnvs-base-unit: 0.25rem; /* The base unit used in the grid system.;  */
  --cnvs-base-extended-palette-dragon-fruit-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-extended-palette-dragon-fruit-200: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-extended-palette-dragon-fruit-300: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-extended-palette-dragon-fruit-400: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-extended-palette-dragon-fruit-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-extended-palette-dragon-fruit-600: oklch(0.317 0.142 278.2 / 1);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Standard card depth */
  --cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Top navigation, Bottom Navigation */
  --cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Floating Action Buttons (FAB), Menus */
  --cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.5rem 2rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Bottom Sheets */
  --cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.625rem 2.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied) */
  --cnvs-sys-depth-6: 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.75rem 3rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied) */
  --cnvs-sys-space-zero: 0; /* Stacks, rows in tables */
  --cnvs-sys-shape-zero: 0rem; /* This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels. */
  --cnvs-sys-opacity-full: 1; /* Dev only */
  --cnvs-sys-opacity-zero: 0; /* Dev only */
  --cnvs-sys-breakpoints-zero: 0px; /* Use to set a media query `min-width` below small. */
  --cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);
  --cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);
  --cnvs-sys-font-weight-normal: var(--cnvs-base-font-weight-400);
  --cnvs-sys-font-weight-light: var(--cnvs-base-font-weight-300);
  --cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);
  --cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);
  --cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);
  --cnvs-sys-line-height-heading-large: var(--cnvs-base-line-height-350);
  --cnvs-sys-line-height-heading-medium: var(--cnvs-base-line-height-300);
  --cnvs-sys-line-height-heading-small: var(--cnvs-base-line-height-250);
  --cnvs-sys-line-height-body-large: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-medium: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-small: var(--cnvs-base-line-height-150);
  --cnvs-sys-line-height-subtext-large: var(--cnvs-base-line-height-100);
  --cnvs-sys-line-height-subtext-medium: var(--cnvs-base-line-height-50);
  --cnvs-sys-line-height-subtext-small: var(--cnvs-base-line-height-50);
  --cnvs-sys-font-size-subtext-small: var(--cnvs-base-font-size-25);
  --cnvs-sys-font-family-global: var(--cnvs-base-font-family-200);
  --cnvs-sys-font-family-mono: var(--cnvs-base-font-family-100);
  --cnvs-sys-font-family-default: var(--cnvs-base-font-family-50);
  --cnvs-sys-space-x20: calc(var(--cnvs-base-unit) * 20); /* - Use sparingly; - Helps to put focus on the primary element within your page; - Use to de-clutter your UI when a lot of space is available */
  --cnvs-sys-space-x16: calc(var(--cnvs-base-unit) * 16); /* - Use to de-clutter your UI when a lot of space is available; - Separate banner sections from page content; - Use to differentiate page content like page sections */
  --cnvs-sys-space-x10: calc(var(--cnvs-base-unit) * 10); /* • Used for outer margins on the overall page content ; • Used for inner margins on large items such as page sections */
  --cnvs-sys-space-x8: calc(var(--cnvs-base-unit) * 8); /* • Standard spacing between cards; • Used to separate groups of content ; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x6: calc(var(--cnvs-base-unit) * 6); /* • Padding around card content; • Related elements where more space between them can be afforded; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x4: calc(var(--cnvs-base-unit) * 4); /* Default space token. Used to group Inputs with related data */
  --cnvs-sys-space-x3: calc(var(--cnvs-base-unit) * 3); /* Use when compact padding is required */
  --cnvs-sys-space-x2: calc(var(--cnvs-base-unit) * 2); /* Commonly used to group compact elements like icon buttons */
  --cnvs-sys-space-x1: var(--cnvs-base-unit); /* Compact spacing between text or icons */
  --cnvs-sys-shape-round: calc(var(--cnvs-base-unit) * 250); /* Commonly used for our standard buttons and profile avatars: All Primary, Secondary Buttons, Radio Buttons and Notification Badges. */
  --cnvs-sys-shape-x2: calc(var(--cnvs-base-unit) * 2); /* Use this for all the containers and popups: All Cards, Modals, Tooltips and Toasts. */
  --cnvs-sys-shape-x1-half: calc(var(--cnvs-base-unit) * 1.5);
  --cnvs-sys-shape-x1: var(--cnvs-base-unit);
  --cnvs-sys-shape-half: calc(var(--cnvs-base-unit) * 0.5); /* Use this for subtle and small components that don’t require to group complex information like Status Indicators, Checkboxes and Color Swatches. */
  --cnvs-sys-opacity-shadow-second: var(--cnvs-base-opacity-100); /* Alpha on second shadow */
  --cnvs-sys-opacity-shadow-first: var(--cnvs-base-opacity-200); /* Alpha on first shadow */
  --cnvs-sys-opacity-contrast: var(--cnvs-base-opacity-500); /* Tooltips, Status Indicator */
  --cnvs-sys-opacity-overlay: var(--cnvs-base-opacity-400); /* Overlay */
  --cnvs-sys-opacity-disabled: var(--cnvs-base-opacity-300); /* Disabled states */
  --cnvs-sys-breakpoints-xl: 1440px; /* Used for extra large screens, such as wide monitors and TVs. */
  --cnvs-sys-breakpoints-l: 1024px; /* Large screens, such as desktops. */
  --cnvs-sys-breakpoints-m: 768px; /* Medium screens, such as laptops. */
  --cnvs-sys-breakpoints-s: 320px; /* The `min-width` for mobile devices, such as phones and tablets. */
  --cnvs-sys-color-shadow-default: var(--cnvs-base-palette-slate-900); /* Main shadow color */
  --cnvs-sys-color-shadow-2: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-100)); /* Second shadow color */
  --cnvs-sys-color-shadow-1: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-200)); /* First shadow color */
  --cnvs-sys-color-border-info-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950); /* Active state on AI borders */
  --cnvs-sys-color-border-container: var(--cnvs-base-palette-slate-300); /* Cards, Toasts, Surfaces */
  --cnvs-sys-color-border-divider: var(--cnvs-base-palette-slate-200); /* Dividers */
  --cnvs-sys-color-border-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on accent colors */
  --cnvs-sys-color-border-transparent: transparent; /* Transparent */
  --cnvs-sys-color-border-caution-strong: var(--cnvs-base-palette-amber-500); /* Warning outer (box shadow) */
  --cnvs-sys-color-border-caution-default: var(--cnvs-base-palette-amber-400); /* Warning inner */
  --cnvs-sys-color-border-critical-default: var(--cnvs-base-palette-red-500); /* Error */
  --cnvs-sys-color-border-primary-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Secondary Button Hover */
  --cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-900); /* Secondary Button */
  --cnvs-sys-color-border-input-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on checkboxes and radios */
  --cnvs-sys-color-border-input-strong: var(--cnvs-base-palette-slate-700); /* Input hover */
  --cnvs-sys-color-border-input-default: var(--cnvs-base-palette-slate-500); /* Inputs */
  --cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-slate-400); /* Disabled inputs */
  --cnvs-sys-color-fg-positive-stronger: var(--cnvs-base-palette-green-800); /* Error */
  --cnvs-sys-color-fg-positive-strong: var(--cnvs-base-palette-green-700); /* Error */
  --cnvs-sys-color-fg-positive-soft: var(--cnvs-base-palette-green-400); /* Error */
  --cnvs-sys-color-fg-positive-softer: var(--cnvs-base-palette-green-200); /* Error */
  --cnvs-sys-color-fg-positive-default: var(--cnvs-base-palette-green-600); /* Error */
  --cnvs-sys-color-fg-info-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-info-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-info-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950); /* AI icons and text */
  --cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Strong contrast */
  --cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast */
  --cnvs-sys-color-fg-caution-softer: var(--cnvs-base-palette-amber-500); /* Warning */
  --cnvs-sys-color-fg-caution-stronger: var(--cnvs-base-palette-amber-975); /* Warning on hover */
  --cnvs-sys-color-fg-caution-soft: var(--cnvs-base-palette-amber-700); /* Warning */
  --cnvs-sys-color-fg-caution-strong: var(--cnvs-base-palette-amber-950); /* Warning on hover */
  --cnvs-sys-color-fg-caution-default: var(--cnvs-base-palette-amber-900); /* Warning */
  --cnvs-sys-color-fg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-primary-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-primary-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-primary-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-primary-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-slate-400); /* Tab item foreground */
  --cnvs-sys-color-fg-muted-stronger: var(--cnvs-base-palette-slate-800);
  --cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-slate-600); /* Hint text */
  --cnvs-sys-color-fg-critical-softer: var(--cnvs-base-palette-red-200); /* Error */
  --cnvs-sys-color-fg-critical-soft: var(--cnvs-base-palette-red-400); /* Error */
  --cnvs-sys-color-fg-critical-stronger: var(--cnvs-base-palette-red-800); /* Error */
  --cnvs-sys-color-fg-critical-strong: var(--cnvs-base-palette-red-700); /* Error */
  --cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-red-600); /* Error */
  --cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse */
  --cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-slate-400); /* Disabled */
  --cnvs-sys-color-fg-stronger: var(--cnvs-base-palette-neutral-950); /* Heading on hover */
  --cnvs-sys-color-fg-strong: var(--cnvs-base-palette-neutral-900); /* Headings */
  --cnvs-sys-color-fg-default: var(--cnvs-base-palette-neutral-800); /* Body */
  --cnvs-sys-color-icon-info-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-disabled: var(--cnvs-base-palette-slate-400); /* Disabled icon color */
  --cnvs-sys-color-icon-caution-softer: var(--cnvs-base-palette-amber-500); /* Softer caution icon color */
  --cnvs-sys-color-icon-caution-soft: var(--cnvs-base-palette-amber-700); /* Soft caution icon color */
  --cnvs-sys-color-icon-caution-stronger: var(--cnvs-base-palette-amber-975); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-default: var(--cnvs-base-palette-amber-900); /* Caution icon color */
  --cnvs-sys-color-icon-critical-softer: var(--cnvs-base-palette-red-200); /* Error icon color */
  --cnvs-sys-color-icon-critical-soft: var(--cnvs-base-palette-red-400); /* Error icon color */
  --cnvs-sys-color-icon-critical-stronger: var(--cnvs-base-palette-red-800); /* Error icon color */
  --cnvs-sys-color-icon-critical-strong: var(--cnvs-base-palette-red-700); /* Error icon color */
  --cnvs-sys-color-icon-critical-default: var(--cnvs-base-palette-red-600); /* Error icon color */
  --cnvs-sys-color-icon-positive-softer: var(--cnvs-base-palette-green-200); /* Success icon color */
  --cnvs-sys-color-icon-positive-soft: var(--cnvs-base-palette-green-400); /* Success icon color */
  --cnvs-sys-color-icon-positive-stronger: var(--cnvs-base-palette-green-800); /* Success icon color */
  --cnvs-sys-color-icon-positive-strong: var(--cnvs-base-palette-green-700); /* Success icon color */
  --cnvs-sys-color-icon-positive-default: var(--cnvs-base-palette-green-600); /* Success icon color */
  --cnvs-sys-color-icon-primary-softer: var(--cnvs-base-palette-blue-200); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-soft: var(--cnvs-base-palette-blue-400); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse icon color */
  --cnvs-sys-color-icon-strong: var(--cnvs-base-palette-neutral-900); /* Hover icon color */
  --cnvs-sys-color-icon-soft: var(--cnvs-base-palette-slate-600); /* Disabled icon color */
  --cnvs-sys-color-icon-default: var(--cnvs-base-palette-neutral-800); /* Default icon color */
  --cnvs-sys-color-text-info-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-info-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-info-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-info-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-info-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-positive-softer: var(--cnvs-base-palette-green-200); /* Active links */
  --cnvs-sys-color-text-positive-soft: var(--cnvs-base-palette-green-400); /* Active links */
  --cnvs-sys-color-text-positive-stronger: var(--cnvs-base-palette-green-800); /* Active links */
  --cnvs-sys-color-text-positive-strong: var(--cnvs-base-palette-green-700); /* Branded hover text */
  --cnvs-sys-color-text-positive-default: var(--cnvs-base-palette-green-600); /* Branded text */
  --cnvs-sys-color-text-ai: var(--cnvs-base-palette-blue-950);
  --cnvs-sys-color-text-caution-softer: var(--cnvs-base-palette-amber-200); /* Softer warning text */
  --cnvs-sys-color-text-caution-stronger: var(--cnvs-base-palette-amber-975); /* Stronger warning text */
  --cnvs-sys-color-text-caution-soft: var(--cnvs-base-palette-amber-400); /* Disabled warning text */
  --cnvs-sys-color-text-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong warning text */
  --cnvs-sys-color-text-caution-default: var(--cnvs-base-palette-amber-900); /* Warning text */
  --cnvs-sys-color-text-primary-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-primary-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-primary-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-primary-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-primary-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-critical-softer: var(--cnvs-base-palette-red-200); /* Error text */
  --cnvs-sys-color-text-critical-soft: var(--cnvs-base-palette-red-400); /* Error text */
  --cnvs-sys-color-text-critical-stronger: var(--cnvs-base-palette-red-800); /* Error text */
  --cnvs-sys-color-text-critical-strong: var(--cnvs-base-palette-red-700); /* Error text */
  --cnvs-sys-color-text-critical-default: var(--cnvs-base-palette-red-600); /* Error text */
  --cnvs-sys-color-text-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse text color */
  --cnvs-sys-color-text-hint: var(--cnvs-base-palette-slate-600); /* Hint text color */
  --cnvs-sys-color-text-disabled: var(--cnvs-base-palette-slate-400); /* Disabled text color */
  --cnvs-sys-color-text-stronger: var(--cnvs-base-palette-neutral-950); /* Display text */
  --cnvs-sys-color-text-strong: var(--cnvs-base-palette-neutral-900); /* Heading text */
  --cnvs-sys-color-text-default: var(--cnvs-base-palette-neutral-800); /* Body text */
  --cnvs-sys-color-bg-info-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-info-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-info-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-info-soft: var(--cnvs-base-palette-blue-100); /* Disabled */
  --cnvs-sys-color-bg-info-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-info-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-ai-strongest: var(--cnvs-base-palette-blue-950); /* AI surfaces */
  --cnvs-sys-color-bg-ai-stronger: var(--cnvs-base-palette-blue-400); /* Active state on AI containers */
  --cnvs-sys-color-bg-ai-strong: var(--cnvs-base-palette-blue-200); /* Hover on AI container */
  --cnvs-sys-color-bg-ai-default: var(--cnvs-base-palette-blue-100); /* AI container */
  --cnvs-sys-color-bg-critical-stronger: var(--cnvs-base-palette-red-800); /* Stronger error background */
  --cnvs-sys-color-bg-critical-strong: var(--cnvs-base-palette-red-700); /* Strong error background */
  --cnvs-sys-color-bg-critical-default: var(--cnvs-base-palette-red-600); /* Default error background */
  --cnvs-sys-color-bg-critical-soft: var(--cnvs-base-palette-red-100); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softer: var(--cnvs-base-palette-red-50); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softest: var(--cnvs-base-palette-red-25); /* Input error background */
  --cnvs-sys-color-bg-caution-stronger: var(--cnvs-base-palette-amber-600); /* Stronger warning background */
  --cnvs-sys-color-bg-caution-strong: var(--cnvs-base-palette-amber-500); /* Strong warning background */
  --cnvs-sys-color-bg-caution-default: var(--cnvs-base-palette-amber-400); /* Default warning background */
  --cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-100); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softer: var(--cnvs-base-palette-amber-50); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softest: var(--cnvs-base-palette-amber-25); /* Disabled warning background */
  --cnvs-sys-color-bg-positive-stronger: var(--cnvs-base-palette-green-800); /* Active success background */
  --cnvs-sys-color-bg-positive-strong: var(--cnvs-base-palette-green-700); /* Hover success background */
  --cnvs-sys-color-bg-positive-default: var(--cnvs-base-palette-green-600); /* Disabled success background */
  --cnvs-sys-color-bg-positive-soft: var(--cnvs-base-palette-green-100); /* Disabled success background */
  --cnvs-sys-color-bg-positive-softer: var(--cnvs-base-palette-green-50); /* Surface success background */
  --cnvs-sys-color-bg-positive-softest: var(--cnvs-base-palette-green-25); /* Lightest surface success background */
  --cnvs-sys-color-bg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-primary-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-primary-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-100); /* Primary disabled */
  --cnvs-sys-color-bg-primary-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-primary-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-bg-muted-default: var(--cnvs-base-palette-slate-600);
  --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-slate-500);
  --cnvs-sys-color-bg-muted-softer: var(--cnvs-base-palette-slate-400);
  --cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-slate-300); /* Active state for segmented control, Pill */
  --cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-slate-200); /* Active states */
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-100); /* Surface hover, Secondary surfaces */
  --cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-slate-50); /* Alternative page background */
  --cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-slate-25); /* Disabled inputs */
  --cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
  --cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-400)); /* Overlay background */
  --cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-250)); /* Inverse Secondary Button Active state */
  --cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-100)); /* Inverse Secondary Button Hover state */
  --cnvs-sys-color-bg-transparent-default: transparent; /* Transparent background */
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0); /* Main background color */
  --cnvs-sys-color-static-amber-soft: var(--cnvs-base-palette-amber-100); /* Soft amber */
  --cnvs-sys-color-static-amber-strongest: var(--cnvs-base-palette-amber-950); /* Stronger amber */
  --cnvs-sys-color-static-amber-softer: var(--cnvs-base-palette-amber-50); /* Soft amber */
  --cnvs-sys-color-static-amber-stronger: var(--cnvs-base-palette-amber-600); /* Stronger amber */
  --cnvs-sys-color-static-amber-strong: var(--cnvs-base-palette-amber-500); /* Stronger amber */
  --cnvs-sys-color-static-amber-softest: var(--cnvs-base-palette-amber-25); /* Soft amber */
  --cnvs-sys-color-static-amber-default: var(--cnvs-base-palette-amber-400); /* amber */
  --cnvs-sys-color-static-gray-softer: var(--cnvs-base-palette-slate-100); /* Light gray */
  --cnvs-sys-color-static-gray-softest: var(--cnvs-base-palette-slate-50); /* Light gray */
  --cnvs-sys-color-static-gray-strongest: var(--cnvs-base-palette-slate-950); /* Strongerer gray */
  --cnvs-sys-color-static-gray-stronger: var(--cnvs-base-palette-slate-800); /* Strongerer gray */
  --cnvs-sys-color-static-gray-strong: var(--cnvs-base-palette-slate-700); /* Stronger gray */
  --cnvs-sys-color-static-gray-soft: var(--cnvs-base-palette-slate-200); /* Light gray */
  --cnvs-sys-color-static-gray-default: var(--cnvs-base-palette-slate-600); /* Gray */
  --cnvs-sys-color-static-black: var(--cnvs-base-palette-neutral-1000); /* Just black */
  --cnvs-sys-color-static-white: var(--cnvs-base-palette-neutral-0); /* Just white */
  --cnvs-sys-color-static-red-softer: var(--cnvs-base-palette-red-50); /* Light red */
  --cnvs-sys-color-static-red-strongest: var(--cnvs-base-palette-red-950); /* Strong red */
  --cnvs-sys-color-static-red-softest: var(--cnvs-base-palette-red-25); /* Light red */
  --cnvs-sys-color-static-red-stronger: var(--cnvs-base-palette-red-800); /* Strong red */
  --cnvs-sys-color-static-red-strong: var(--cnvs-base-palette-red-700); /* Strong red */
  --cnvs-sys-color-static-red-soft: var(--cnvs-base-palette-red-100); /* Light red */
  --cnvs-sys-color-static-red-default: var(--cnvs-base-palette-red-600); /* Red */
  --cnvs-sys-color-static-green-strongest: var(--cnvs-base-palette-green-950); /* Stronger green */
  --cnvs-sys-color-static-green-softest: var(--cnvs-base-palette-green-25); /* Light green */
  --cnvs-sys-color-static-green-stronger: var(--cnvs-base-palette-green-800); /* Stronger green */
  --cnvs-sys-color-static-green-softer: var(--cnvs-base-palette-green-50); /* Light green */
  --cnvs-sys-color-static-green-strong: var(--cnvs-base-palette-green-700); /* Stronger green */
  --cnvs-sys-color-static-green-soft: var(--cnvs-base-palette-green-100); /* Light green */
  --cnvs-sys-color-static-green-default: var(--cnvs-base-palette-green-600); /* Default green */
  --cnvs-sys-color-static-blue-strongest: var(--cnvs-base-palette-blue-950); /* Stronger blue */
  --cnvs-sys-color-static-blue-soft: var(--cnvs-base-palette-blue-100); /* Light blue */
  --cnvs-sys-color-static-blue-softer: var(--cnvs-base-palette-blue-50); /* Light blue */
  --cnvs-sys-color-static-blue-stronger: var(--cnvs-base-palette-blue-800); /* Stronger blue */
  --cnvs-sys-color-static-blue-strong: var(--cnvs-base-palette-blue-700); /* Stronger blue */
  --cnvs-sys-color-static-blue-softest: var(--cnvs-base-palette-blue-25); /* Light blue */
  --cnvs-sys-color-static-blue-default: var(--cnvs-base-palette-blue-600); /* Blue */
  --cnvs-sys-color-static-orange-strong: var(--cnvs-base-palette-amber-500);
  --cnvs-sys-color-static-orange-soft: var(--cnvs-base-palette-amber-100);
  --cnvs-sys-color-static-orange-default: var(--cnvs-base-palette-amber-400);
  --cnvs-sys-color-static-gold-stronger: var(--cnvs-base-palette-amber-600);
  --cnvs-sys-font-size-subtext-medium: var(--cnvs-base-font-size-50);
  --cnvs-sys-font-size-subtext-large: var(--cnvs-base-font-size-75);
  --cnvs-sys-font-size-body-small: var(--cnvs-base-font-size-100);
  --cnvs-sys-font-size-body-medium: var(--cnvs-base-font-size-125);
  --cnvs-sys-font-size-body-large: var(--cnvs-base-font-size-150);
  --cnvs-sys-font-size-heading-small: var(--cnvs-base-font-size-200);
  --cnvs-sys-font-size-heading-medium: var(--cnvs-base-font-size-250);
  --cnvs-sys-font-size-heading-large: var(--cnvs-base-font-size-300);
  --cnvs-sys-font-size-title-small: var(--cnvs-base-font-size-400);
  --cnvs-sys-font-size-title-medium: var(--cnvs-base-font-size-500);
  --cnvs-sys-font-size-title-large: var(--cnvs-base-font-size-600);
}

.cnvs-sys-type-subtext-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-small);
  font-size: var(--cnvs-sys-font-size-subtext-small);
  letter-spacing: var(--cnvs-base-letter-spacing-50);
}

.cnvs-sys-type-subtext-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-medium);
  font-size: var(--cnvs-sys-font-size-subtext-medium);
  letter-spacing: var(--cnvs-base-letter-spacing-100);
}

.cnvs-sys-type-subtext-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-large);
  font-size: var(--cnvs-sys-font-size-subtext-large);
  letter-spacing: var(--cnvs-base-letter-spacing-150);
}

.cnvs-sys-type-body-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-small);
  font-size: var(--cnvs-sys-font-size-body-small);
  letter-spacing: var(--cnvs-base-letter-spacing-200);
}

.cnvs-sys-type-body-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-medium);
  font-size: var(--cnvs-sys-font-size-body-medium);
}

.cnvs-sys-type-body-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-large);
  font-size: var(--cnvs-sys-font-size-body-large);
}

.cnvs-sys-type-heading-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-small);
  font-size: var(--cnvs-sys-font-size-heading-small);
}

.cnvs-sys-type-heading-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-medium);
  font-size: var(--cnvs-sys-font-size-heading-medium);
}

.cnvs-sys-type-heading-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-large);
  font-size: var(--cnvs-sys-font-size-heading-large);
}

.cnvs-sys-type-title-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-small);
  font-size: var(--cnvs-sys-font-size-title-small);
}

.cnvs-sys-type-title-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-medium);
  font-size: var(--cnvs-sys-font-size-title-medium);
}

.cnvs-sys-type-title-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-large);
  font-size: var(--cnvs-sys-font-size-title-large);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
  --cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);
  --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
  --cnvs-brand-neutral-lighter: var(--cnvs-base-palette-slate-50);
  --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-neutral-darkest: var(--cnvs-base-palette-slate-800);
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-slate-700);
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-slate-600);
  --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-25);
  --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
  --cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);
  --cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);
  --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
  --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
  --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);
  --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);
  --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
  --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);
  --cnvs-brand-alert-lighter: var(--cnvs-base-palette-amber-50);
  --cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-error-light: var(--cnvs-base-palette-red-200);
  --cnvs-brand-error-lighter: var(--cnvs-base-palette-red-50);
  --cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);
  --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
  --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
  --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
  --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
  --cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);
  --cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
  --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
  --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
  --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
  --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.text-theme {
  color: #333333;
}

.text-theme:disabled, .text-theme.disabled {
  outline: none;
  color: #a1aab3;
  cursor: not-allowed;
}

.text-theme.highlighted, .text-theme:active {
  background-color: #a6d2ff;
}

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.right-align {
  right: 0;
}

.left-align {
  left: 0;
}

.item-selected {
  border-radius: 99px;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #0057ae;
}

.item-container {
  position: relative;
  cursor: pointer;
  content: "";
  outline: none;
  box-sizing: border-box;
  overflow: visible;
  height: 45px;
  width: 45px;
  align-content: center;
}

.button-popup-open {
  background-color: #ffffff;
  border-radius: 0;
}

.query-form-page * {
  font-family: "Workday Adelle Sans", "sans-serif";
  scroll-behavior: smooth;
  color: #000000;
}

.query-form-page .heading {
  font-weight: 700;
  font-size: 36px;
  line-height: 42px;
  padding-top: 50px;
  padding-bottom: 0;
}

.query-form-page .query-form-container {
  background-color: #f0f1f2;
  min-height: 480px;
  display: flex;
}

.query-form-page .query-form-container .query-form {
  margin: auto;
  margin-bottom: 32px;
}

.query-form-page .query-form-container .query-form .parameter-container {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16), 0 2px 8px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  min-width: 344px;
  min-height: 306px;
  margin: 32px 32px 0 0;
  float: left;
}

.query-form-page .query-form-container .query-form .parameter-container .sub-heading,
.query-form-page .query-form-container .query-form .parameter-container .domain-label {
  text-align: left;
}

.query-form-page .query-form-container .query-form .parameter-container div[name=target] {
  padding-top: 0;
  margin-top: 0;
}

.query-form-page .query-form-container .query-form .parameter-container .chkbox-gap {
  margin-bottom: 10px;
}

.query-form-page .query-form-container .query-form .parameter-container .domain-label {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.24px;
  font-weight: 500;
  padding: 0;
  display: inline-block;
  margin-bottom: 4px;
  margin-top: 15px;
}

.query-form-page .query-form-container .query-form .parameter-container .required {
  color: #de2e21;
  font-size: 16px;
  font-weight: 400;
  top: 1px;
  padding-left: 2px;
  -webkit-text-decoration: unset;
  text-decoration: unset;
}

.query-form-page .query-form-container .query-form .search-container {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16), 0 2px 8px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  min-width: 793px;
  min-height: 306px;
  margin: 32px 0 0 0;
  float: left;
}

.query-form-page .query-form-container .query-form .search-container .sub-heading {
  text-align: left;
}

.query-form-page .query-form-container .query-form .search-container .annotations {
  margin-top: 0;
  padding-left: 24px;
  text-align: left;
}

.query-form-page .query-form-container .query-form .search-container .search-by-container {
  min-width: 249px;
  float: left;
  margin-top: 10px;
}

.query-form-page .query-form-container .query-form .search-container .search-form {
  min-width: 456px;
  float: left;
  margin-top: 33px;
  margin-left: 15px;
}

.query-form-page .query-form-container .query-form .search-container .search-form input[name=search] {
  border-radius: 40px;
  border: 1px solid #5D6775;
  height: 48px;
}

.query-form-page .query-form-container .query-form .search-container .search-form button[type=submit] {
  z-index: 999;
  margin-left: 12px;
}

.query-form-page .query-form-container .query-form .search-container .search-form button[aria-label="Clear search"] {
  margin: auto 8px;
}

.query-form-page .query-result-skeleton-container {
  display: flex;
  justify-content: center;
}
/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-amber-100: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-amber-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-amber-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-amber-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-amber-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-amber-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-amber-700: oklch(0.4824 0.1353 46.11 / 1);
  --cnvs-base-palette-amber-800: oklch(0.4143 0.1245 42.21 / 1);
  --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
  --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
  --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
  --cnvs-base-palette-azure-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-azure-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-azure-400: oklch(0.7283 0.1377 242.63 / 1);
  --cnvs-base-palette-azure-500: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-azure-600: oklch(0.5174 0.1257 243.24 / 1);
  --cnvs-base-palette-azure-700: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-azure-800: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
  --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
  --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
  --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
  --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
  --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blue-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-blue-300: oklch(0.7933 0.1076 252.08 / 1);
  --cnvs-base-palette-blue-400: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blue-500: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-blue-600: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blue-700: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blue-800: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
  --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
  --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
  --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-coral-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-coral-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-coral-400: oklch(0.7279 0.1703 38.58 / 1);
  --cnvs-base-palette-coral-500: oklch(0.6779 0.2096 40.36 / 1);
  --cnvs-base-palette-coral-600: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-coral-700: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-coral-800: oklch(0.393 0.143 33.49 / 1);
  --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
  --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
  --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
  --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
  --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-200: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-300: oklch(0.7817 0.1928 150.67 / 1);
  --cnvs-base-palette-green-400: oklch(0.702 0.1952 148.39 / 1);
  --cnvs-base-palette-green-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-green-600: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-700: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-800: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
  --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
  --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
  --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
  --cnvs-base-palette-indigo-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-indigo-300: oklch(0.7625 0.1242 281 / 1);
  --cnvs-base-palette-indigo-400: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-indigo-500: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-indigo-600: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-palette-indigo-700: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-indigo-800: oklch(0.379 0.1771 278.1 / 1);
  --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
  --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
  --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
  --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
  --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
  --cnvs-base-palette-neutral-100: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-neutral-200: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-neutral-300: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-neutral-400: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-neutral-500: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-neutral-600: oklch(0.5103 0 0 / 1);
  --cnvs-base-palette-neutral-700: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-neutral-800: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-neutral-900: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-neutral-950: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-neutral-975: oklch(0.1591 0 0 / 1);
  --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
  --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
  --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
  --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-orange-200: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-orange-300: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-orange-400: oklch(0.7261 0.1852 52.58 / 1);
  --cnvs-base-palette-orange-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-orange-600: oklch(0.53 0.165 40.39 / 1);
  --cnvs-base-palette-orange-700: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-orange-800: oklch(0.4077 0.1336 37.92 / 1);
  --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
  --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
  --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
  --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
  --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
  --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
  --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
  --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
  --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
  --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
  --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
  --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
  --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
  --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-palette-purple-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-purple-300: oklch(0.8108 0.1412 315.48 / 1);
  --cnvs-base-palette-purple-400: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-purple-500: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-purple-600: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-purple-700: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-purple-800: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
  --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
  --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
  --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-red-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-red-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-red-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-red-500: oklch(0.6495 0.2369 30.04 / 1);
  --cnvs-base-palette-red-600: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-red-700: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-red-800: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
  --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
  --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
  --cnvs-base-palette-slate-25: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-slate-50: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-slate-100: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-slate-200: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-slate-300: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-slate-400: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-slate-500: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-slate-600: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-slate-700: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-slate-800: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-slate-900: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-slate-950: oklch(0.2453 0.0136 253.1 / 1);
  --cnvs-base-palette-slate-975: oklch(0.18 0.008 248.33 / 1);
  --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
  --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-teal-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-teal-300: oklch(0.7836 0.0874 204.93 / 1);
  --cnvs-base-palette-teal-400: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-teal-500: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-teal-600: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-teal-700: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
  --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
  --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
  --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
  --cnvs-base-palette-cinnamon-100: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-cinnamon-200: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-cinnamon-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-cinnamon-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-cinnamon-500: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-cinnamon-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-peach-100: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-peach-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-peach-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-peach-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-peach-500: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-peach-600: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-chili-mango-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-chili-mango-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-chili-mango-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-chili-mango-400: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-600: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-cantaloupe-100: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-cantaloupe-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-cantaloupe-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-cantaloupe-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-cantaloupe-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-cantaloupe-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-sour-lemon-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-sour-lemon-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-sour-lemon-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-sour-lemon-400: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-500: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-600: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-juicy-pear-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-juicy-pear-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-juicy-pear-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-400: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-juicy-pear-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-kiwi-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-kiwi-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-kiwi-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-kiwi-400: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-apple-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-apple-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-apple-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-apple-500: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-watermelon-200: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-watermelon-300: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-watermelon-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-watermelon-500: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-jewel-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-jewel-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-jewel-300: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-jewel-400: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-jewel-500: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-jewel-600: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-toothpaste-100: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-toothpaste-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-toothpaste-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-toothpaste-400: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-toothpaste-500: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-toothpaste-600: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-blueberry-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-200: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blueberry-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blueberry-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blueberry-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-plum-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-plum-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-plum-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-plum-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-plum-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-plum-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-berry-smoothie-100: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-berry-smoothie-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-berry-smoothie-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-berry-smoothie-400: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-berry-smoothie-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-berry-smoothie-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blackberry-100: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-blackberry-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-blackberry-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-blackberry-400: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-blackberry-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-blackberry-600: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-island-punch-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-island-punch-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-island-punch-300: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-500: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-island-punch-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-grape-soda-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-grape-soda-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-grape-soda-300: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-grape-soda-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-grape-soda-500: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-grape-soda-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-pomegranate-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-pomegranate-200: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-pomegranate-300: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-400: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-500: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-pomegranate-600: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-fruit-punch-100: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-fruit-punch-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-fruit-punch-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-fruit-punch-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-500: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-root-beer-100: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-root-beer-200: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-root-beer-300: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-400: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-500: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-root-beer-600: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-toasted-marshmallow-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-toasted-marshmallow-200: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-toasted-marshmallow-300: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-toasted-marshmallow-400: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-toasted-marshmallow-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-toasted-marshmallow-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-licorice-100: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-licorice-200: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-licorice-300: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-licorice-400: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-licorice-500: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-licorice-600: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-soap-100: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-soap-200: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-soap-300: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-soap-400: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-soap-500: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-soap-600: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-french-vanilla-100: oklch(1 0 0 / 1);
  --cnvs-base-palette-french-vanilla-200: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-french-vanilla-300: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-french-vanilla-400: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-french-vanilla-500: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-french-vanilla-600: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-100: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-200: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-black-pepper-300: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-black-pepper-400: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-black-pepper-500: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-black-pepper-600: oklch(0 0 0 / 1);
  --cnvs-base-palette-coconut-100: #F0EEEE;
  --cnvs-base-palette-coconut-200: #e3dfdf;
  --cnvs-base-palette-coconut-300: #d1cbcc;
  --cnvs-base-palette-coconut-400: #b3acac;
  --cnvs-base-palette-coconut-500: #9e9595;
  --cnvs-base-palette-coconut-600: #8F8687;
  --cnvs-base-palette-cappuccino-100: #7A7374;
  --cnvs-base-palette-cappuccino-200: #706869;
  --cnvs-base-palette-cappuccino-300: #5E5757;
  --cnvs-base-palette-cappuccino-400: #4A4242;
  --cnvs-base-palette-cappuccino-500: #352f2f;
  --cnvs-base-palette-cappuccino-600: #231f20;
  --cnvs-base-opacity-0: 0;
  --cnvs-base-opacity-100: 0.08;
  --cnvs-base-opacity-200: 0.12;
  --cnvs-base-opacity-250: 0.2;
  --cnvs-base-opacity-300: 0.4;
  --cnvs-base-opacity-400: 0.64;
  --cnvs-base-opacity-500: 0.84;
  --cnvs-base-font-size-25: 0.625rem;
  --cnvs-base-font-size-50: 0.75rem;
  --cnvs-base-font-size-75: 0.875rem;
  --cnvs-base-font-size-100: 1rem;
  --cnvs-base-font-size-125: 1.125rem;
  --cnvs-base-font-size-150: 1.25rem;
  --cnvs-base-font-size-200: 1.5rem;
  --cnvs-base-font-size-250: 1.75rem;
  --cnvs-base-font-size-300: 2rem;
  --cnvs-base-font-size-400: 2.5rem;
  --cnvs-base-font-size-500: 3rem;
  --cnvs-base-font-size-600: 3.5rem;
  --cnvs-base-font-size-750: 4.5rem;
  --cnvs-base-font-size-900: 5.5rem;
  --cnvs-base-font-size-1050: 6.5rem;
  --cnvs-base-line-height-50: 1rem;
  --cnvs-base-line-height-100: 1.25rem;
  --cnvs-base-line-height-150: 1.5rem;
  --cnvs-base-line-height-200: 1.75rem;
  --cnvs-base-line-height-250: 2rem;
  --cnvs-base-line-height-300: 2.25rem;
  --cnvs-base-line-height-350: 2.5rem;
  --cnvs-base-line-height-400: 3rem;
  --cnvs-base-line-height-500: 3.5rem;
  --cnvs-base-line-height-600: 4rem;
  --cnvs-base-line-height-750: 4.5rem;
  --cnvs-base-line-height-900: 5.5rem;
  --cnvs-base-line-height-1050: 6.5rem;
  --cnvs-base-font-family-50: "Roboto"; /* Default font-family */
  --cnvs-base-font-family-100: "Roboto Mono";
  --cnvs-base-font-family-200: "Noto Sans";
  --cnvs-base-font-weight-300: 300;
  --cnvs-base-font-weight-400: 400;
  --cnvs-base-font-weight-500: 500;
  --cnvs-base-font-weight-700: 700;
  --cnvs-base-letter-spacing-50: 0.025rem;
  --cnvs-base-letter-spacing-100: 0.02rem;
  --cnvs-base-letter-spacing-150: 0.015rem;
  --cnvs-base-letter-spacing-200: 0.01rem;
  --cnvs-base-unit: 0.25rem; /* The base unit used in the grid system.;  */
  --cnvs-base-extended-palette-dragon-fruit-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-extended-palette-dragon-fruit-200: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-extended-palette-dragon-fruit-300: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-extended-palette-dragon-fruit-400: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-extended-palette-dragon-fruit-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-extended-palette-dragon-fruit-600: oklch(0.317 0.142 278.2 / 1);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Standard card depth */
  --cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Top navigation, Bottom Navigation */
  --cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Floating Action Buttons (FAB), Menus */
  --cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.5rem 2rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Bottom Sheets */
  --cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.625rem 2.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied) */
  --cnvs-sys-depth-6: 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.75rem 3rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied) */
  --cnvs-sys-space-zero: 0; /* Stacks, rows in tables */
  --cnvs-sys-shape-zero: 0rem; /* This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels. */
  --cnvs-sys-opacity-full: 1; /* Dev only */
  --cnvs-sys-opacity-zero: 0; /* Dev only */
  --cnvs-sys-breakpoints-zero: 0px; /* Use to set a media query `min-width` below small. */
  --cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);
  --cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);
  --cnvs-sys-font-weight-normal: var(--cnvs-base-font-weight-400);
  --cnvs-sys-font-weight-light: var(--cnvs-base-font-weight-300);
  --cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);
  --cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);
  --cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);
  --cnvs-sys-line-height-heading-large: var(--cnvs-base-line-height-350);
  --cnvs-sys-line-height-heading-medium: var(--cnvs-base-line-height-300);
  --cnvs-sys-line-height-heading-small: var(--cnvs-base-line-height-250);
  --cnvs-sys-line-height-body-large: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-medium: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-small: var(--cnvs-base-line-height-150);
  --cnvs-sys-line-height-subtext-large: var(--cnvs-base-line-height-100);
  --cnvs-sys-line-height-subtext-medium: var(--cnvs-base-line-height-50);
  --cnvs-sys-line-height-subtext-small: var(--cnvs-base-line-height-50);
  --cnvs-sys-font-size-subtext-small: var(--cnvs-base-font-size-25);
  --cnvs-sys-font-family-global: var(--cnvs-base-font-family-200);
  --cnvs-sys-font-family-mono: var(--cnvs-base-font-family-100);
  --cnvs-sys-font-family-default: var(--cnvs-base-font-family-50);
  --cnvs-sys-space-x20: calc(var(--cnvs-base-unit) * 20); /* - Use sparingly; - Helps to put focus on the primary element within your page; - Use to de-clutter your UI when a lot of space is available */
  --cnvs-sys-space-x16: calc(var(--cnvs-base-unit) * 16); /* - Use to de-clutter your UI when a lot of space is available; - Separate banner sections from page content; - Use to differentiate page content like page sections */
  --cnvs-sys-space-x10: calc(var(--cnvs-base-unit) * 10); /* • Used for outer margins on the overall page content ; • Used for inner margins on large items such as page sections */
  --cnvs-sys-space-x8: calc(var(--cnvs-base-unit) * 8); /* • Standard spacing between cards; • Used to separate groups of content ; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x6: calc(var(--cnvs-base-unit) * 6); /* • Padding around card content; • Related elements where more space between them can be afforded; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x4: calc(var(--cnvs-base-unit) * 4); /* Default space token. Used to group Inputs with related data */
  --cnvs-sys-space-x3: calc(var(--cnvs-base-unit) * 3); /* Use when compact padding is required */
  --cnvs-sys-space-x2: calc(var(--cnvs-base-unit) * 2); /* Commonly used to group compact elements like icon buttons */
  --cnvs-sys-space-x1: var(--cnvs-base-unit); /* Compact spacing between text or icons */
  --cnvs-sys-shape-round: calc(var(--cnvs-base-unit) * 250); /* Commonly used for our standard buttons and profile avatars: All Primary, Secondary Buttons, Radio Buttons and Notification Badges. */
  --cnvs-sys-shape-x2: calc(var(--cnvs-base-unit) * 2); /* Use this for all the containers and popups: All Cards, Modals, Tooltips and Toasts. */
  --cnvs-sys-shape-x1-half: calc(var(--cnvs-base-unit) * 1.5);
  --cnvs-sys-shape-x1: var(--cnvs-base-unit);
  --cnvs-sys-shape-half: calc(var(--cnvs-base-unit) * 0.5); /* Use this for subtle and small components that don’t require to group complex information like Status Indicators, Checkboxes and Color Swatches. */
  --cnvs-sys-opacity-shadow-second: var(--cnvs-base-opacity-100); /* Alpha on second shadow */
  --cnvs-sys-opacity-shadow-first: var(--cnvs-base-opacity-200); /* Alpha on first shadow */
  --cnvs-sys-opacity-contrast: var(--cnvs-base-opacity-500); /* Tooltips, Status Indicator */
  --cnvs-sys-opacity-overlay: var(--cnvs-base-opacity-400); /* Overlay */
  --cnvs-sys-opacity-disabled: var(--cnvs-base-opacity-300); /* Disabled states */
  --cnvs-sys-breakpoints-xl: 1440px; /* Used for extra large screens, such as wide monitors and TVs. */
  --cnvs-sys-breakpoints-l: 1024px; /* Large screens, such as desktops. */
  --cnvs-sys-breakpoints-m: 768px; /* Medium screens, such as laptops. */
  --cnvs-sys-breakpoints-s: 320px; /* The `min-width` for mobile devices, such as phones and tablets. */
  --cnvs-sys-color-shadow-default: var(--cnvs-base-palette-slate-900); /* Main shadow color */
  --cnvs-sys-color-shadow-2: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-100)); /* Second shadow color */
  --cnvs-sys-color-shadow-1: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-200)); /* First shadow color */
  --cnvs-sys-color-border-info-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950); /* Active state on AI borders */
  --cnvs-sys-color-border-container: var(--cnvs-base-palette-slate-300); /* Cards, Toasts, Surfaces */
  --cnvs-sys-color-border-divider: var(--cnvs-base-palette-slate-200); /* Dividers */
  --cnvs-sys-color-border-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on accent colors */
  --cnvs-sys-color-border-transparent: transparent; /* Transparent */
  --cnvs-sys-color-border-caution-strong: var(--cnvs-base-palette-amber-500); /* Warning outer (box shadow) */
  --cnvs-sys-color-border-caution-default: var(--cnvs-base-palette-amber-400); /* Warning inner */
  --cnvs-sys-color-border-critical-default: var(--cnvs-base-palette-red-500); /* Error */
  --cnvs-sys-color-border-primary-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Secondary Button Hover */
  --cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-900); /* Secondary Button */
  --cnvs-sys-color-border-input-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on checkboxes and radios */
  --cnvs-sys-color-border-input-strong: var(--cnvs-base-palette-slate-700); /* Input hover */
  --cnvs-sys-color-border-input-default: var(--cnvs-base-palette-slate-500); /* Inputs */
  --cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-slate-400); /* Disabled inputs */
  --cnvs-sys-color-fg-positive-stronger: var(--cnvs-base-palette-green-800); /* Error */
  --cnvs-sys-color-fg-positive-strong: var(--cnvs-base-palette-green-700); /* Error */
  --cnvs-sys-color-fg-positive-soft: var(--cnvs-base-palette-green-400); /* Error */
  --cnvs-sys-color-fg-positive-softer: var(--cnvs-base-palette-green-200); /* Error */
  --cnvs-sys-color-fg-positive-default: var(--cnvs-base-palette-green-600); /* Error */
  --cnvs-sys-color-fg-info-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-info-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-info-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950); /* AI icons and text */
  --cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Strong contrast */
  --cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast */
  --cnvs-sys-color-fg-caution-softer: var(--cnvs-base-palette-amber-500); /* Warning */
  --cnvs-sys-color-fg-caution-stronger: var(--cnvs-base-palette-amber-975); /* Warning on hover */
  --cnvs-sys-color-fg-caution-soft: var(--cnvs-base-palette-amber-700); /* Warning */
  --cnvs-sys-color-fg-caution-strong: var(--cnvs-base-palette-amber-950); /* Warning on hover */
  --cnvs-sys-color-fg-caution-default: var(--cnvs-base-palette-amber-900); /* Warning */
  --cnvs-sys-color-fg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-primary-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-primary-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-primary-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-primary-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-slate-400); /* Tab item foreground */
  --cnvs-sys-color-fg-muted-stronger: var(--cnvs-base-palette-slate-800);
  --cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-slate-600); /* Hint text */
  --cnvs-sys-color-fg-critical-softer: var(--cnvs-base-palette-red-200); /* Error */
  --cnvs-sys-color-fg-critical-soft: var(--cnvs-base-palette-red-400); /* Error */
  --cnvs-sys-color-fg-critical-stronger: var(--cnvs-base-palette-red-800); /* Error */
  --cnvs-sys-color-fg-critical-strong: var(--cnvs-base-palette-red-700); /* Error */
  --cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-red-600); /* Error */
  --cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse */
  --cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-slate-400); /* Disabled */
  --cnvs-sys-color-fg-stronger: var(--cnvs-base-palette-neutral-950); /* Heading on hover */
  --cnvs-sys-color-fg-strong: var(--cnvs-base-palette-neutral-900); /* Headings */
  --cnvs-sys-color-fg-default: var(--cnvs-base-palette-neutral-800); /* Body */
  --cnvs-sys-color-icon-info-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-disabled: var(--cnvs-base-palette-slate-400); /* Disabled icon color */
  --cnvs-sys-color-icon-caution-softer: var(--cnvs-base-palette-amber-500); /* Softer caution icon color */
  --cnvs-sys-color-icon-caution-soft: var(--cnvs-base-palette-amber-700); /* Soft caution icon color */
  --cnvs-sys-color-icon-caution-stronger: var(--cnvs-base-palette-amber-975); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-default: var(--cnvs-base-palette-amber-900); /* Caution icon color */
  --cnvs-sys-color-icon-critical-softer: var(--cnvs-base-palette-red-200); /* Error icon color */
  --cnvs-sys-color-icon-critical-soft: var(--cnvs-base-palette-red-400); /* Error icon color */
  --cnvs-sys-color-icon-critical-stronger: var(--cnvs-base-palette-red-800); /* Error icon color */
  --cnvs-sys-color-icon-critical-strong: var(--cnvs-base-palette-red-700); /* Error icon color */
  --cnvs-sys-color-icon-critical-default: var(--cnvs-base-palette-red-600); /* Error icon color */
  --cnvs-sys-color-icon-positive-softer: var(--cnvs-base-palette-green-200); /* Success icon color */
  --cnvs-sys-color-icon-positive-soft: var(--cnvs-base-palette-green-400); /* Success icon color */
  --cnvs-sys-color-icon-positive-stronger: var(--cnvs-base-palette-green-800); /* Success icon color */
  --cnvs-sys-color-icon-positive-strong: var(--cnvs-base-palette-green-700); /* Success icon color */
  --cnvs-sys-color-icon-positive-default: var(--cnvs-base-palette-green-600); /* Success icon color */
  --cnvs-sys-color-icon-primary-softer: var(--cnvs-base-palette-blue-200); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-soft: var(--cnvs-base-palette-blue-400); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse icon color */
  --cnvs-sys-color-icon-strong: var(--cnvs-base-palette-neutral-900); /* Hover icon color */
  --cnvs-sys-color-icon-soft: var(--cnvs-base-palette-slate-600); /* Disabled icon color */
  --cnvs-sys-color-icon-default: var(--cnvs-base-palette-neutral-800); /* Default icon color */
  --cnvs-sys-color-text-info-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-info-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-info-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-info-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-info-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-positive-softer: var(--cnvs-base-palette-green-200); /* Active links */
  --cnvs-sys-color-text-positive-soft: var(--cnvs-base-palette-green-400); /* Active links */
  --cnvs-sys-color-text-positive-stronger: var(--cnvs-base-palette-green-800); /* Active links */
  --cnvs-sys-color-text-positive-strong: var(--cnvs-base-palette-green-700); /* Branded hover text */
  --cnvs-sys-color-text-positive-default: var(--cnvs-base-palette-green-600); /* Branded text */
  --cnvs-sys-color-text-ai: var(--cnvs-base-palette-blue-950);
  --cnvs-sys-color-text-caution-softer: var(--cnvs-base-palette-amber-200); /* Softer warning text */
  --cnvs-sys-color-text-caution-stronger: var(--cnvs-base-palette-amber-975); /* Stronger warning text */
  --cnvs-sys-color-text-caution-soft: var(--cnvs-base-palette-amber-400); /* Disabled warning text */
  --cnvs-sys-color-text-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong warning text */
  --cnvs-sys-color-text-caution-default: var(--cnvs-base-palette-amber-900); /* Warning text */
  --cnvs-sys-color-text-primary-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-primary-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-primary-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-primary-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-primary-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-critical-softer: var(--cnvs-base-palette-red-200); /* Error text */
  --cnvs-sys-color-text-critical-soft: var(--cnvs-base-palette-red-400); /* Error text */
  --cnvs-sys-color-text-critical-stronger: var(--cnvs-base-palette-red-800); /* Error text */
  --cnvs-sys-color-text-critical-strong: var(--cnvs-base-palette-red-700); /* Error text */
  --cnvs-sys-color-text-critical-default: var(--cnvs-base-palette-red-600); /* Error text */
  --cnvs-sys-color-text-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse text color */
  --cnvs-sys-color-text-hint: var(--cnvs-base-palette-slate-600); /* Hint text color */
  --cnvs-sys-color-text-disabled: var(--cnvs-base-palette-slate-400); /* Disabled text color */
  --cnvs-sys-color-text-stronger: var(--cnvs-base-palette-neutral-950); /* Display text */
  --cnvs-sys-color-text-strong: var(--cnvs-base-palette-neutral-900); /* Heading text */
  --cnvs-sys-color-text-default: var(--cnvs-base-palette-neutral-800); /* Body text */
  --cnvs-sys-color-bg-info-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-info-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-info-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-info-soft: var(--cnvs-base-palette-blue-100); /* Disabled */
  --cnvs-sys-color-bg-info-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-info-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-ai-strongest: var(--cnvs-base-palette-blue-950); /* AI surfaces */
  --cnvs-sys-color-bg-ai-stronger: var(--cnvs-base-palette-blue-400); /* Active state on AI containers */
  --cnvs-sys-color-bg-ai-strong: var(--cnvs-base-palette-blue-200); /* Hover on AI container */
  --cnvs-sys-color-bg-ai-default: var(--cnvs-base-palette-blue-100); /* AI container */
  --cnvs-sys-color-bg-critical-stronger: var(--cnvs-base-palette-red-800); /* Stronger error background */
  --cnvs-sys-color-bg-critical-strong: var(--cnvs-base-palette-red-700); /* Strong error background */
  --cnvs-sys-color-bg-critical-default: var(--cnvs-base-palette-red-600); /* Default error background */
  --cnvs-sys-color-bg-critical-soft: var(--cnvs-base-palette-red-100); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softer: var(--cnvs-base-palette-red-50); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softest: var(--cnvs-base-palette-red-25); /* Input error background */
  --cnvs-sys-color-bg-caution-stronger: var(--cnvs-base-palette-amber-600); /* Stronger warning background */
  --cnvs-sys-color-bg-caution-strong: var(--cnvs-base-palette-amber-500); /* Strong warning background */
  --cnvs-sys-color-bg-caution-default: var(--cnvs-base-palette-amber-400); /* Default warning background */
  --cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-100); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softer: var(--cnvs-base-palette-amber-50); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softest: var(--cnvs-base-palette-amber-25); /* Disabled warning background */
  --cnvs-sys-color-bg-positive-stronger: var(--cnvs-base-palette-green-800); /* Active success background */
  --cnvs-sys-color-bg-positive-strong: var(--cnvs-base-palette-green-700); /* Hover success background */
  --cnvs-sys-color-bg-positive-default: var(--cnvs-base-palette-green-600); /* Disabled success background */
  --cnvs-sys-color-bg-positive-soft: var(--cnvs-base-palette-green-100); /* Disabled success background */
  --cnvs-sys-color-bg-positive-softer: var(--cnvs-base-palette-green-50); /* Surface success background */
  --cnvs-sys-color-bg-positive-softest: var(--cnvs-base-palette-green-25); /* Lightest surface success background */
  --cnvs-sys-color-bg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-primary-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-primary-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-100); /* Primary disabled */
  --cnvs-sys-color-bg-primary-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-primary-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-bg-muted-default: var(--cnvs-base-palette-slate-600);
  --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-slate-500);
  --cnvs-sys-color-bg-muted-softer: var(--cnvs-base-palette-slate-400);
  --cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-slate-300); /* Active state for segmented control, Pill */
  --cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-slate-200); /* Active states */
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-100); /* Surface hover, Secondary surfaces */
  --cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-slate-50); /* Alternative page background */
  --cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-slate-25); /* Disabled inputs */
  --cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
  --cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-400)); /* Overlay background */
  --cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-250)); /* Inverse Secondary Button Active state */
  --cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-100)); /* Inverse Secondary Button Hover state */
  --cnvs-sys-color-bg-transparent-default: transparent; /* Transparent background */
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0); /* Main background color */
  --cnvs-sys-color-static-amber-soft: var(--cnvs-base-palette-amber-100); /* Soft amber */
  --cnvs-sys-color-static-amber-strongest: var(--cnvs-base-palette-amber-950); /* Stronger amber */
  --cnvs-sys-color-static-amber-softer: var(--cnvs-base-palette-amber-50); /* Soft amber */
  --cnvs-sys-color-static-amber-stronger: var(--cnvs-base-palette-amber-600); /* Stronger amber */
  --cnvs-sys-color-static-amber-strong: var(--cnvs-base-palette-amber-500); /* Stronger amber */
  --cnvs-sys-color-static-amber-softest: var(--cnvs-base-palette-amber-25); /* Soft amber */
  --cnvs-sys-color-static-amber-default: var(--cnvs-base-palette-amber-400); /* amber */
  --cnvs-sys-color-static-gray-softer: var(--cnvs-base-palette-slate-100); /* Light gray */
  --cnvs-sys-color-static-gray-softest: var(--cnvs-base-palette-slate-50); /* Light gray */
  --cnvs-sys-color-static-gray-strongest: var(--cnvs-base-palette-slate-950); /* Strongerer gray */
  --cnvs-sys-color-static-gray-stronger: var(--cnvs-base-palette-slate-800); /* Strongerer gray */
  --cnvs-sys-color-static-gray-strong: var(--cnvs-base-palette-slate-700); /* Stronger gray */
  --cnvs-sys-color-static-gray-soft: var(--cnvs-base-palette-slate-200); /* Light gray */
  --cnvs-sys-color-static-gray-default: var(--cnvs-base-palette-slate-600); /* Gray */
  --cnvs-sys-color-static-black: var(--cnvs-base-palette-neutral-1000); /* Just black */
  --cnvs-sys-color-static-white: var(--cnvs-base-palette-neutral-0); /* Just white */
  --cnvs-sys-color-static-red-softer: var(--cnvs-base-palette-red-50); /* Light red */
  --cnvs-sys-color-static-red-strongest: var(--cnvs-base-palette-red-950); /* Strong red */
  --cnvs-sys-color-static-red-softest: var(--cnvs-base-palette-red-25); /* Light red */
  --cnvs-sys-color-static-red-stronger: var(--cnvs-base-palette-red-800); /* Strong red */
  --cnvs-sys-color-static-red-strong: var(--cnvs-base-palette-red-700); /* Strong red */
  --cnvs-sys-color-static-red-soft: var(--cnvs-base-palette-red-100); /* Light red */
  --cnvs-sys-color-static-red-default: var(--cnvs-base-palette-red-600); /* Red */
  --cnvs-sys-color-static-green-strongest: var(--cnvs-base-palette-green-950); /* Stronger green */
  --cnvs-sys-color-static-green-softest: var(--cnvs-base-palette-green-25); /* Light green */
  --cnvs-sys-color-static-green-stronger: var(--cnvs-base-palette-green-800); /* Stronger green */
  --cnvs-sys-color-static-green-softer: var(--cnvs-base-palette-green-50); /* Light green */
  --cnvs-sys-color-static-green-strong: var(--cnvs-base-palette-green-700); /* Stronger green */
  --cnvs-sys-color-static-green-soft: var(--cnvs-base-palette-green-100); /* Light green */
  --cnvs-sys-color-static-green-default: var(--cnvs-base-palette-green-600); /* Default green */
  --cnvs-sys-color-static-blue-strongest: var(--cnvs-base-palette-blue-950); /* Stronger blue */
  --cnvs-sys-color-static-blue-soft: var(--cnvs-base-palette-blue-100); /* Light blue */
  --cnvs-sys-color-static-blue-softer: var(--cnvs-base-palette-blue-50); /* Light blue */
  --cnvs-sys-color-static-blue-stronger: var(--cnvs-base-palette-blue-800); /* Stronger blue */
  --cnvs-sys-color-static-blue-strong: var(--cnvs-base-palette-blue-700); /* Stronger blue */
  --cnvs-sys-color-static-blue-softest: var(--cnvs-base-palette-blue-25); /* Light blue */
  --cnvs-sys-color-static-blue-default: var(--cnvs-base-palette-blue-600); /* Blue */
  --cnvs-sys-color-static-orange-strong: var(--cnvs-base-palette-amber-500);
  --cnvs-sys-color-static-orange-soft: var(--cnvs-base-palette-amber-100);
  --cnvs-sys-color-static-orange-default: var(--cnvs-base-palette-amber-400);
  --cnvs-sys-color-static-gold-stronger: var(--cnvs-base-palette-amber-600);
  --cnvs-sys-font-size-subtext-medium: var(--cnvs-base-font-size-50);
  --cnvs-sys-font-size-subtext-large: var(--cnvs-base-font-size-75);
  --cnvs-sys-font-size-body-small: var(--cnvs-base-font-size-100);
  --cnvs-sys-font-size-body-medium: var(--cnvs-base-font-size-125);
  --cnvs-sys-font-size-body-large: var(--cnvs-base-font-size-150);
  --cnvs-sys-font-size-heading-small: var(--cnvs-base-font-size-200);
  --cnvs-sys-font-size-heading-medium: var(--cnvs-base-font-size-250);
  --cnvs-sys-font-size-heading-large: var(--cnvs-base-font-size-300);
  --cnvs-sys-font-size-title-small: var(--cnvs-base-font-size-400);
  --cnvs-sys-font-size-title-medium: var(--cnvs-base-font-size-500);
  --cnvs-sys-font-size-title-large: var(--cnvs-base-font-size-600);
}

.cnvs-sys-type-subtext-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-small);
  font-size: var(--cnvs-sys-font-size-subtext-small);
  letter-spacing: var(--cnvs-base-letter-spacing-50);
}

.cnvs-sys-type-subtext-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-medium);
  font-size: var(--cnvs-sys-font-size-subtext-medium);
  letter-spacing: var(--cnvs-base-letter-spacing-100);
}

.cnvs-sys-type-subtext-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-large);
  font-size: var(--cnvs-sys-font-size-subtext-large);
  letter-spacing: var(--cnvs-base-letter-spacing-150);
}

.cnvs-sys-type-body-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-small);
  font-size: var(--cnvs-sys-font-size-body-small);
  letter-spacing: var(--cnvs-base-letter-spacing-200);
}

.cnvs-sys-type-body-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-medium);
  font-size: var(--cnvs-sys-font-size-body-medium);
}

.cnvs-sys-type-body-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-large);
  font-size: var(--cnvs-sys-font-size-body-large);
}

.cnvs-sys-type-heading-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-small);
  font-size: var(--cnvs-sys-font-size-heading-small);
}

.cnvs-sys-type-heading-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-medium);
  font-size: var(--cnvs-sys-font-size-heading-medium);
}

.cnvs-sys-type-heading-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-large);
  font-size: var(--cnvs-sys-font-size-heading-large);
}

.cnvs-sys-type-title-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-small);
  font-size: var(--cnvs-sys-font-size-title-small);
}

.cnvs-sys-type-title-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-medium);
  font-size: var(--cnvs-sys-font-size-title-medium);
}

.cnvs-sys-type-title-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-large);
  font-size: var(--cnvs-sys-font-size-title-large);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
  --cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);
  --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
  --cnvs-brand-neutral-lighter: var(--cnvs-base-palette-slate-50);
  --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-neutral-darkest: var(--cnvs-base-palette-slate-800);
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-slate-700);
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-slate-600);
  --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-25);
  --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
  --cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);
  --cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);
  --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
  --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
  --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);
  --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);
  --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
  --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);
  --cnvs-brand-alert-lighter: var(--cnvs-base-palette-amber-50);
  --cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-error-light: var(--cnvs-base-palette-red-200);
  --cnvs-brand-error-lighter: var(--cnvs-base-palette-red-50);
  --cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);
  --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
  --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
  --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
  --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
  --cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);
  --cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
  --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
  --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
  --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
  --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.text-theme {
  color: #333333;
}

.text-theme:disabled, .text-theme.disabled {
  outline: none;
  color: #a1aab3;
  cursor: not-allowed;
}

.text-theme.highlighted, .text-theme:active {
  background-color: #a6d2ff;
}

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.right-align {
  right: 0;
}

.left-align {
  left: 0;
}

.item-selected {
  border-radius: 99px;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #0057ae;
}

.item-container {
  position: relative;
  cursor: pointer;
  content: "";
  outline: none;
  box-sizing: border-box;
  overflow: visible;
  height: 45px;
  width: 45px;
  align-content: center;
}

.button-popup-open {
  background-color: #ffffff;
  border-radius: 0;
}

.query-result-container {
  background-color: #ffffff;
  display: flex;
}

.query-result-container .query-result {
  margin: auto;
  min-width: 1169px;
  min-height: 919px;
}

.query-result-container .query-result .result {
  margin-top: 32px;
}

.query-result-container .query-result .empty-state .empty-state-img {
  display: block;
  background: url("../../../assets/images/empty-result.svg");
  height: 180px;
  width: 360px;
  margin: auto;
  margin-top: 40px;
}

.query-result-container .query-result .result-marker {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  margin-bottom: 12px;
  margin-top: 42px;
}

.query-result-container .query-result .key {
  font-weight: 700;
  text-align: center;
}

.query-result-container .query-result td {
  padding: 6px 8px;
  height: 32px;
}

.query-result-container .query-result-unequal td {
  color: #ff0000;
}

.query-result-container .error-message {
  color: #de2e21;
}
/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-amber-100: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-amber-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-amber-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-amber-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-amber-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-amber-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-amber-700: oklch(0.4824 0.1353 46.11 / 1);
  --cnvs-base-palette-amber-800: oklch(0.4143 0.1245 42.21 / 1);
  --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
  --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
  --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
  --cnvs-base-palette-azure-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-azure-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-azure-400: oklch(0.7283 0.1377 242.63 / 1);
  --cnvs-base-palette-azure-500: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-azure-600: oklch(0.5174 0.1257 243.24 / 1);
  --cnvs-base-palette-azure-700: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-azure-800: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
  --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
  --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
  --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
  --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
  --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blue-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-blue-300: oklch(0.7933 0.1076 252.08 / 1);
  --cnvs-base-palette-blue-400: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blue-500: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-blue-600: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blue-700: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blue-800: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
  --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
  --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
  --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-coral-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-coral-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-coral-400: oklch(0.7279 0.1703 38.58 / 1);
  --cnvs-base-palette-coral-500: oklch(0.6779 0.2096 40.36 / 1);
  --cnvs-base-palette-coral-600: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-coral-700: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-coral-800: oklch(0.393 0.143 33.49 / 1);
  --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
  --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
  --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
  --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
  --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-200: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-300: oklch(0.7817 0.1928 150.67 / 1);
  --cnvs-base-palette-green-400: oklch(0.702 0.1952 148.39 / 1);
  --cnvs-base-palette-green-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-green-600: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-700: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-800: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
  --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
  --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
  --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
  --cnvs-base-palette-indigo-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-indigo-300: oklch(0.7625 0.1242 281 / 1);
  --cnvs-base-palette-indigo-400: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-indigo-500: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-indigo-600: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-palette-indigo-700: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-indigo-800: oklch(0.379 0.1771 278.1 / 1);
  --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
  --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
  --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
  --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
  --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
  --cnvs-base-palette-neutral-100: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-neutral-200: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-neutral-300: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-neutral-400: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-neutral-500: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-neutral-600: oklch(0.5103 0 0 / 1);
  --cnvs-base-palette-neutral-700: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-neutral-800: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-neutral-900: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-neutral-950: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-neutral-975: oklch(0.1591 0 0 / 1);
  --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
  --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
  --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
  --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-orange-200: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-orange-300: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-orange-400: oklch(0.7261 0.1852 52.58 / 1);
  --cnvs-base-palette-orange-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-orange-600: oklch(0.53 0.165 40.39 / 1);
  --cnvs-base-palette-orange-700: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-orange-800: oklch(0.4077 0.1336 37.92 / 1);
  --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
  --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
  --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
  --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
  --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
  --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
  --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
  --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
  --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
  --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
  --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
  --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
  --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
  --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-palette-purple-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-purple-300: oklch(0.8108 0.1412 315.48 / 1);
  --cnvs-base-palette-purple-400: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-purple-500: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-purple-600: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-purple-700: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-purple-800: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
  --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
  --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
  --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-red-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-red-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-red-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-red-500: oklch(0.6495 0.2369 30.04 / 1);
  --cnvs-base-palette-red-600: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-red-700: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-red-800: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
  --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
  --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
  --cnvs-base-palette-slate-25: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-slate-50: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-slate-100: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-slate-200: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-slate-300: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-slate-400: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-slate-500: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-slate-600: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-slate-700: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-slate-800: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-slate-900: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-slate-950: oklch(0.2453 0.0136 253.1 / 1);
  --cnvs-base-palette-slate-975: oklch(0.18 0.008 248.33 / 1);
  --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
  --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-teal-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-teal-300: oklch(0.7836 0.0874 204.93 / 1);
  --cnvs-base-palette-teal-400: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-teal-500: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-teal-600: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-teal-700: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
  --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
  --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
  --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
  --cnvs-base-palette-cinnamon-100: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-cinnamon-200: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-cinnamon-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-cinnamon-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-cinnamon-500: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-cinnamon-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-peach-100: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-peach-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-peach-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-peach-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-peach-500: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-peach-600: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-chili-mango-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-chili-mango-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-chili-mango-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-chili-mango-400: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-600: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-cantaloupe-100: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-cantaloupe-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-cantaloupe-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-cantaloupe-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-cantaloupe-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-cantaloupe-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-sour-lemon-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-sour-lemon-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-sour-lemon-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-sour-lemon-400: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-500: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-600: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-juicy-pear-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-juicy-pear-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-juicy-pear-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-400: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-juicy-pear-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-kiwi-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-kiwi-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-kiwi-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-kiwi-400: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-apple-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-apple-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-apple-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-apple-500: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-watermelon-200: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-watermelon-300: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-watermelon-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-watermelon-500: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-jewel-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-jewel-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-jewel-300: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-jewel-400: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-jewel-500: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-jewel-600: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-toothpaste-100: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-toothpaste-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-toothpaste-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-toothpaste-400: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-toothpaste-500: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-toothpaste-600: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-blueberry-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-200: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blueberry-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blueberry-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blueberry-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-plum-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-plum-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-plum-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-plum-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-plum-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-plum-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-berry-smoothie-100: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-berry-smoothie-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-berry-smoothie-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-berry-smoothie-400: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-berry-smoothie-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-berry-smoothie-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blackberry-100: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-blackberry-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-blackberry-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-blackberry-400: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-blackberry-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-blackberry-600: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-island-punch-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-island-punch-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-island-punch-300: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-500: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-island-punch-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-grape-soda-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-grape-soda-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-grape-soda-300: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-grape-soda-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-grape-soda-500: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-grape-soda-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-pomegranate-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-pomegranate-200: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-pomegranate-300: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-400: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-500: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-pomegranate-600: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-fruit-punch-100: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-fruit-punch-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-fruit-punch-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-fruit-punch-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-500: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-root-beer-100: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-root-beer-200: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-root-beer-300: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-400: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-500: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-root-beer-600: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-toasted-marshmallow-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-toasted-marshmallow-200: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-toasted-marshmallow-300: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-toasted-marshmallow-400: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-toasted-marshmallow-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-toasted-marshmallow-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-licorice-100: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-licorice-200: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-licorice-300: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-licorice-400: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-licorice-500: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-licorice-600: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-soap-100: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-soap-200: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-soap-300: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-soap-400: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-soap-500: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-soap-600: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-french-vanilla-100: oklch(1 0 0 / 1);
  --cnvs-base-palette-french-vanilla-200: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-french-vanilla-300: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-french-vanilla-400: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-french-vanilla-500: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-french-vanilla-600: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-100: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-200: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-black-pepper-300: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-black-pepper-400: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-black-pepper-500: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-black-pepper-600: oklch(0 0 0 / 1);
  --cnvs-base-palette-coconut-100: #F0EEEE;
  --cnvs-base-palette-coconut-200: #e3dfdf;
  --cnvs-base-palette-coconut-300: #d1cbcc;
  --cnvs-base-palette-coconut-400: #b3acac;
  --cnvs-base-palette-coconut-500: #9e9595;
  --cnvs-base-palette-coconut-600: #8F8687;
  --cnvs-base-palette-cappuccino-100: #7A7374;
  --cnvs-base-palette-cappuccino-200: #706869;
  --cnvs-base-palette-cappuccino-300: #5E5757;
  --cnvs-base-palette-cappuccino-400: #4A4242;
  --cnvs-base-palette-cappuccino-500: #352f2f;
  --cnvs-base-palette-cappuccino-600: #231f20;
  --cnvs-base-opacity-0: 0;
  --cnvs-base-opacity-100: 0.08;
  --cnvs-base-opacity-200: 0.12;
  --cnvs-base-opacity-250: 0.2;
  --cnvs-base-opacity-300: 0.4;
  --cnvs-base-opacity-400: 0.64;
  --cnvs-base-opacity-500: 0.84;
  --cnvs-base-font-size-25: 0.625rem;
  --cnvs-base-font-size-50: 0.75rem;
  --cnvs-base-font-size-75: 0.875rem;
  --cnvs-base-font-size-100: 1rem;
  --cnvs-base-font-size-125: 1.125rem;
  --cnvs-base-font-size-150: 1.25rem;
  --cnvs-base-font-size-200: 1.5rem;
  --cnvs-base-font-size-250: 1.75rem;
  --cnvs-base-font-size-300: 2rem;
  --cnvs-base-font-size-400: 2.5rem;
  --cnvs-base-font-size-500: 3rem;
  --cnvs-base-font-size-600: 3.5rem;
  --cnvs-base-font-size-750: 4.5rem;
  --cnvs-base-font-size-900: 5.5rem;
  --cnvs-base-font-size-1050: 6.5rem;
  --cnvs-base-line-height-50: 1rem;
  --cnvs-base-line-height-100: 1.25rem;
  --cnvs-base-line-height-150: 1.5rem;
  --cnvs-base-line-height-200: 1.75rem;
  --cnvs-base-line-height-250: 2rem;
  --cnvs-base-line-height-300: 2.25rem;
  --cnvs-base-line-height-350: 2.5rem;
  --cnvs-base-line-height-400: 3rem;
  --cnvs-base-line-height-500: 3.5rem;
  --cnvs-base-line-height-600: 4rem;
  --cnvs-base-line-height-750: 4.5rem;
  --cnvs-base-line-height-900: 5.5rem;
  --cnvs-base-line-height-1050: 6.5rem;
  --cnvs-base-font-family-50: "Roboto"; /* Default font-family */
  --cnvs-base-font-family-100: "Roboto Mono";
  --cnvs-base-font-family-200: "Noto Sans";
  --cnvs-base-font-weight-300: 300;
  --cnvs-base-font-weight-400: 400;
  --cnvs-base-font-weight-500: 500;
  --cnvs-base-font-weight-700: 700;
  --cnvs-base-letter-spacing-50: 0.025rem;
  --cnvs-base-letter-spacing-100: 0.02rem;
  --cnvs-base-letter-spacing-150: 0.015rem;
  --cnvs-base-letter-spacing-200: 0.01rem;
  --cnvs-base-unit: 0.25rem; /* The base unit used in the grid system.;  */
  --cnvs-base-extended-palette-dragon-fruit-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-extended-palette-dragon-fruit-200: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-extended-palette-dragon-fruit-300: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-extended-palette-dragon-fruit-400: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-extended-palette-dragon-fruit-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-extended-palette-dragon-fruit-600: oklch(0.317 0.142 278.2 / 1);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Standard card depth */
  --cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Top navigation, Bottom Navigation */
  --cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Floating Action Buttons (FAB), Menus */
  --cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.5rem 2rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Bottom Sheets */
  --cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.625rem 2.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied) */
  --cnvs-sys-depth-6: 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.75rem 3rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied) */
  --cnvs-sys-space-zero: 0; /* Stacks, rows in tables */
  --cnvs-sys-shape-zero: 0rem; /* This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels. */
  --cnvs-sys-opacity-full: 1; /* Dev only */
  --cnvs-sys-opacity-zero: 0; /* Dev only */
  --cnvs-sys-breakpoints-zero: 0px; /* Use to set a media query `min-width` below small. */
  --cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);
  --cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);
  --cnvs-sys-font-weight-normal: var(--cnvs-base-font-weight-400);
  --cnvs-sys-font-weight-light: var(--cnvs-base-font-weight-300);
  --cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);
  --cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);
  --cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);
  --cnvs-sys-line-height-heading-large: var(--cnvs-base-line-height-350);
  --cnvs-sys-line-height-heading-medium: var(--cnvs-base-line-height-300);
  --cnvs-sys-line-height-heading-small: var(--cnvs-base-line-height-250);
  --cnvs-sys-line-height-body-large: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-medium: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-small: var(--cnvs-base-line-height-150);
  --cnvs-sys-line-height-subtext-large: var(--cnvs-base-line-height-100);
  --cnvs-sys-line-height-subtext-medium: var(--cnvs-base-line-height-50);
  --cnvs-sys-line-height-subtext-small: var(--cnvs-base-line-height-50);
  --cnvs-sys-font-size-subtext-small: var(--cnvs-base-font-size-25);
  --cnvs-sys-font-family-global: var(--cnvs-base-font-family-200);
  --cnvs-sys-font-family-mono: var(--cnvs-base-font-family-100);
  --cnvs-sys-font-family-default: var(--cnvs-base-font-family-50);
  --cnvs-sys-space-x20: calc(var(--cnvs-base-unit) * 20); /* - Use sparingly; - Helps to put focus on the primary element within your page; - Use to de-clutter your UI when a lot of space is available */
  --cnvs-sys-space-x16: calc(var(--cnvs-base-unit) * 16); /* - Use to de-clutter your UI when a lot of space is available; - Separate banner sections from page content; - Use to differentiate page content like page sections */
  --cnvs-sys-space-x10: calc(var(--cnvs-base-unit) * 10); /* • Used for outer margins on the overall page content ; • Used for inner margins on large items such as page sections */
  --cnvs-sys-space-x8: calc(var(--cnvs-base-unit) * 8); /* • Standard spacing between cards; • Used to separate groups of content ; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x6: calc(var(--cnvs-base-unit) * 6); /* • Padding around card content; • Related elements where more space between them can be afforded; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x4: calc(var(--cnvs-base-unit) * 4); /* Default space token. Used to group Inputs with related data */
  --cnvs-sys-space-x3: calc(var(--cnvs-base-unit) * 3); /* Use when compact padding is required */
  --cnvs-sys-space-x2: calc(var(--cnvs-base-unit) * 2); /* Commonly used to group compact elements like icon buttons */
  --cnvs-sys-space-x1: var(--cnvs-base-unit); /* Compact spacing between text or icons */
  --cnvs-sys-shape-round: calc(var(--cnvs-base-unit) * 250); /* Commonly used for our standard buttons and profile avatars: All Primary, Secondary Buttons, Radio Buttons and Notification Badges. */
  --cnvs-sys-shape-x2: calc(var(--cnvs-base-unit) * 2); /* Use this for all the containers and popups: All Cards, Modals, Tooltips and Toasts. */
  --cnvs-sys-shape-x1-half: calc(var(--cnvs-base-unit) * 1.5);
  --cnvs-sys-shape-x1: var(--cnvs-base-unit);
  --cnvs-sys-shape-half: calc(var(--cnvs-base-unit) * 0.5); /* Use this for subtle and small components that don’t require to group complex information like Status Indicators, Checkboxes and Color Swatches. */
  --cnvs-sys-opacity-shadow-second: var(--cnvs-base-opacity-100); /* Alpha on second shadow */
  --cnvs-sys-opacity-shadow-first: var(--cnvs-base-opacity-200); /* Alpha on first shadow */
  --cnvs-sys-opacity-contrast: var(--cnvs-base-opacity-500); /* Tooltips, Status Indicator */
  --cnvs-sys-opacity-overlay: var(--cnvs-base-opacity-400); /* Overlay */
  --cnvs-sys-opacity-disabled: var(--cnvs-base-opacity-300); /* Disabled states */
  --cnvs-sys-breakpoints-xl: 1440px; /* Used for extra large screens, such as wide monitors and TVs. */
  --cnvs-sys-breakpoints-l: 1024px; /* Large screens, such as desktops. */
  --cnvs-sys-breakpoints-m: 768px; /* Medium screens, such as laptops. */
  --cnvs-sys-breakpoints-s: 320px; /* The `min-width` for mobile devices, such as phones and tablets. */
  --cnvs-sys-color-shadow-default: var(--cnvs-base-palette-slate-900); /* Main shadow color */
  --cnvs-sys-color-shadow-2: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-100)); /* Second shadow color */
  --cnvs-sys-color-shadow-1: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-200)); /* First shadow color */
  --cnvs-sys-color-border-info-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950); /* Active state on AI borders */
  --cnvs-sys-color-border-container: var(--cnvs-base-palette-slate-300); /* Cards, Toasts, Surfaces */
  --cnvs-sys-color-border-divider: var(--cnvs-base-palette-slate-200); /* Dividers */
  --cnvs-sys-color-border-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on accent colors */
  --cnvs-sys-color-border-transparent: transparent; /* Transparent */
  --cnvs-sys-color-border-caution-strong: var(--cnvs-base-palette-amber-500); /* Warning outer (box shadow) */
  --cnvs-sys-color-border-caution-default: var(--cnvs-base-palette-amber-400); /* Warning inner */
  --cnvs-sys-color-border-critical-default: var(--cnvs-base-palette-red-500); /* Error */
  --cnvs-sys-color-border-primary-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Secondary Button Hover */
  --cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-900); /* Secondary Button */
  --cnvs-sys-color-border-input-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on checkboxes and radios */
  --cnvs-sys-color-border-input-strong: var(--cnvs-base-palette-slate-700); /* Input hover */
  --cnvs-sys-color-border-input-default: var(--cnvs-base-palette-slate-500); /* Inputs */
  --cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-slate-400); /* Disabled inputs */
  --cnvs-sys-color-fg-positive-stronger: var(--cnvs-base-palette-green-800); /* Error */
  --cnvs-sys-color-fg-positive-strong: var(--cnvs-base-palette-green-700); /* Error */
  --cnvs-sys-color-fg-positive-soft: var(--cnvs-base-palette-green-400); /* Error */
  --cnvs-sys-color-fg-positive-softer: var(--cnvs-base-palette-green-200); /* Error */
  --cnvs-sys-color-fg-positive-default: var(--cnvs-base-palette-green-600); /* Error */
  --cnvs-sys-color-fg-info-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-info-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-info-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950); /* AI icons and text */
  --cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Strong contrast */
  --cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast */
  --cnvs-sys-color-fg-caution-softer: var(--cnvs-base-palette-amber-500); /* Warning */
  --cnvs-sys-color-fg-caution-stronger: var(--cnvs-base-palette-amber-975); /* Warning on hover */
  --cnvs-sys-color-fg-caution-soft: var(--cnvs-base-palette-amber-700); /* Warning */
  --cnvs-sys-color-fg-caution-strong: var(--cnvs-base-palette-amber-950); /* Warning on hover */
  --cnvs-sys-color-fg-caution-default: var(--cnvs-base-palette-amber-900); /* Warning */
  --cnvs-sys-color-fg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-primary-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-primary-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-primary-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-primary-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-slate-400); /* Tab item foreground */
  --cnvs-sys-color-fg-muted-stronger: var(--cnvs-base-palette-slate-800);
  --cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-slate-600); /* Hint text */
  --cnvs-sys-color-fg-critical-softer: var(--cnvs-base-palette-red-200); /* Error */
  --cnvs-sys-color-fg-critical-soft: var(--cnvs-base-palette-red-400); /* Error */
  --cnvs-sys-color-fg-critical-stronger: var(--cnvs-base-palette-red-800); /* Error */
  --cnvs-sys-color-fg-critical-strong: var(--cnvs-base-palette-red-700); /* Error */
  --cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-red-600); /* Error */
  --cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse */
  --cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-slate-400); /* Disabled */
  --cnvs-sys-color-fg-stronger: var(--cnvs-base-palette-neutral-950); /* Heading on hover */
  --cnvs-sys-color-fg-strong: var(--cnvs-base-palette-neutral-900); /* Headings */
  --cnvs-sys-color-fg-default: var(--cnvs-base-palette-neutral-800); /* Body */
  --cnvs-sys-color-icon-info-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-disabled: var(--cnvs-base-palette-slate-400); /* Disabled icon color */
  --cnvs-sys-color-icon-caution-softer: var(--cnvs-base-palette-amber-500); /* Softer caution icon color */
  --cnvs-sys-color-icon-caution-soft: var(--cnvs-base-palette-amber-700); /* Soft caution icon color */
  --cnvs-sys-color-icon-caution-stronger: var(--cnvs-base-palette-amber-975); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-default: var(--cnvs-base-palette-amber-900); /* Caution icon color */
  --cnvs-sys-color-icon-critical-softer: var(--cnvs-base-palette-red-200); /* Error icon color */
  --cnvs-sys-color-icon-critical-soft: var(--cnvs-base-palette-red-400); /* Error icon color */
  --cnvs-sys-color-icon-critical-stronger: var(--cnvs-base-palette-red-800); /* Error icon color */
  --cnvs-sys-color-icon-critical-strong: var(--cnvs-base-palette-red-700); /* Error icon color */
  --cnvs-sys-color-icon-critical-default: var(--cnvs-base-palette-red-600); /* Error icon color */
  --cnvs-sys-color-icon-positive-softer: var(--cnvs-base-palette-green-200); /* Success icon color */
  --cnvs-sys-color-icon-positive-soft: var(--cnvs-base-palette-green-400); /* Success icon color */
  --cnvs-sys-color-icon-positive-stronger: var(--cnvs-base-palette-green-800); /* Success icon color */
  --cnvs-sys-color-icon-positive-strong: var(--cnvs-base-palette-green-700); /* Success icon color */
  --cnvs-sys-color-icon-positive-default: var(--cnvs-base-palette-green-600); /* Success icon color */
  --cnvs-sys-color-icon-primary-softer: var(--cnvs-base-palette-blue-200); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-soft: var(--cnvs-base-palette-blue-400); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse icon color */
  --cnvs-sys-color-icon-strong: var(--cnvs-base-palette-neutral-900); /* Hover icon color */
  --cnvs-sys-color-icon-soft: var(--cnvs-base-palette-slate-600); /* Disabled icon color */
  --cnvs-sys-color-icon-default: var(--cnvs-base-palette-neutral-800); /* Default icon color */
  --cnvs-sys-color-text-info-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-info-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-info-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-info-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-info-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-positive-softer: var(--cnvs-base-palette-green-200); /* Active links */
  --cnvs-sys-color-text-positive-soft: var(--cnvs-base-palette-green-400); /* Active links */
  --cnvs-sys-color-text-positive-stronger: var(--cnvs-base-palette-green-800); /* Active links */
  --cnvs-sys-color-text-positive-strong: var(--cnvs-base-palette-green-700); /* Branded hover text */
  --cnvs-sys-color-text-positive-default: var(--cnvs-base-palette-green-600); /* Branded text */
  --cnvs-sys-color-text-ai: var(--cnvs-base-palette-blue-950);
  --cnvs-sys-color-text-caution-softer: var(--cnvs-base-palette-amber-200); /* Softer warning text */
  --cnvs-sys-color-text-caution-stronger: var(--cnvs-base-palette-amber-975); /* Stronger warning text */
  --cnvs-sys-color-text-caution-soft: var(--cnvs-base-palette-amber-400); /* Disabled warning text */
  --cnvs-sys-color-text-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong warning text */
  --cnvs-sys-color-text-caution-default: var(--cnvs-base-palette-amber-900); /* Warning text */
  --cnvs-sys-color-text-primary-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-primary-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-primary-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-primary-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-primary-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-critical-softer: var(--cnvs-base-palette-red-200); /* Error text */
  --cnvs-sys-color-text-critical-soft: var(--cnvs-base-palette-red-400); /* Error text */
  --cnvs-sys-color-text-critical-stronger: var(--cnvs-base-palette-red-800); /* Error text */
  --cnvs-sys-color-text-critical-strong: var(--cnvs-base-palette-red-700); /* Error text */
  --cnvs-sys-color-text-critical-default: var(--cnvs-base-palette-red-600); /* Error text */
  --cnvs-sys-color-text-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse text color */
  --cnvs-sys-color-text-hint: var(--cnvs-base-palette-slate-600); /* Hint text color */
  --cnvs-sys-color-text-disabled: var(--cnvs-base-palette-slate-400); /* Disabled text color */
  --cnvs-sys-color-text-stronger: var(--cnvs-base-palette-neutral-950); /* Display text */
  --cnvs-sys-color-text-strong: var(--cnvs-base-palette-neutral-900); /* Heading text */
  --cnvs-sys-color-text-default: var(--cnvs-base-palette-neutral-800); /* Body text */
  --cnvs-sys-color-bg-info-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-info-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-info-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-info-soft: var(--cnvs-base-palette-blue-100); /* Disabled */
  --cnvs-sys-color-bg-info-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-info-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-ai-strongest: var(--cnvs-base-palette-blue-950); /* AI surfaces */
  --cnvs-sys-color-bg-ai-stronger: var(--cnvs-base-palette-blue-400); /* Active state on AI containers */
  --cnvs-sys-color-bg-ai-strong: var(--cnvs-base-palette-blue-200); /* Hover on AI container */
  --cnvs-sys-color-bg-ai-default: var(--cnvs-base-palette-blue-100); /* AI container */
  --cnvs-sys-color-bg-critical-stronger: var(--cnvs-base-palette-red-800); /* Stronger error background */
  --cnvs-sys-color-bg-critical-strong: var(--cnvs-base-palette-red-700); /* Strong error background */
  --cnvs-sys-color-bg-critical-default: var(--cnvs-base-palette-red-600); /* Default error background */
  --cnvs-sys-color-bg-critical-soft: var(--cnvs-base-palette-red-100); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softer: var(--cnvs-base-palette-red-50); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softest: var(--cnvs-base-palette-red-25); /* Input error background */
  --cnvs-sys-color-bg-caution-stronger: var(--cnvs-base-palette-amber-600); /* Stronger warning background */
  --cnvs-sys-color-bg-caution-strong: var(--cnvs-base-palette-amber-500); /* Strong warning background */
  --cnvs-sys-color-bg-caution-default: var(--cnvs-base-palette-amber-400); /* Default warning background */
  --cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-100); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softer: var(--cnvs-base-palette-amber-50); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softest: var(--cnvs-base-palette-amber-25); /* Disabled warning background */
  --cnvs-sys-color-bg-positive-stronger: var(--cnvs-base-palette-green-800); /* Active success background */
  --cnvs-sys-color-bg-positive-strong: var(--cnvs-base-palette-green-700); /* Hover success background */
  --cnvs-sys-color-bg-positive-default: var(--cnvs-base-palette-green-600); /* Disabled success background */
  --cnvs-sys-color-bg-positive-soft: var(--cnvs-base-palette-green-100); /* Disabled success background */
  --cnvs-sys-color-bg-positive-softer: var(--cnvs-base-palette-green-50); /* Surface success background */
  --cnvs-sys-color-bg-positive-softest: var(--cnvs-base-palette-green-25); /* Lightest surface success background */
  --cnvs-sys-color-bg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-primary-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-primary-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-100); /* Primary disabled */
  --cnvs-sys-color-bg-primary-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-primary-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-bg-muted-default: var(--cnvs-base-palette-slate-600);
  --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-slate-500);
  --cnvs-sys-color-bg-muted-softer: var(--cnvs-base-palette-slate-400);
  --cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-slate-300); /* Active state for segmented control, Pill */
  --cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-slate-200); /* Active states */
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-100); /* Surface hover, Secondary surfaces */
  --cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-slate-50); /* Alternative page background */
  --cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-slate-25); /* Disabled inputs */
  --cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
  --cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-400)); /* Overlay background */
  --cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-250)); /* Inverse Secondary Button Active state */
  --cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-100)); /* Inverse Secondary Button Hover state */
  --cnvs-sys-color-bg-transparent-default: transparent; /* Transparent background */
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0); /* Main background color */
  --cnvs-sys-color-static-amber-soft: var(--cnvs-base-palette-amber-100); /* Soft amber */
  --cnvs-sys-color-static-amber-strongest: var(--cnvs-base-palette-amber-950); /* Stronger amber */
  --cnvs-sys-color-static-amber-softer: var(--cnvs-base-palette-amber-50); /* Soft amber */
  --cnvs-sys-color-static-amber-stronger: var(--cnvs-base-palette-amber-600); /* Stronger amber */
  --cnvs-sys-color-static-amber-strong: var(--cnvs-base-palette-amber-500); /* Stronger amber */
  --cnvs-sys-color-static-amber-softest: var(--cnvs-base-palette-amber-25); /* Soft amber */
  --cnvs-sys-color-static-amber-default: var(--cnvs-base-palette-amber-400); /* amber */
  --cnvs-sys-color-static-gray-softer: var(--cnvs-base-palette-slate-100); /* Light gray */
  --cnvs-sys-color-static-gray-softest: var(--cnvs-base-palette-slate-50); /* Light gray */
  --cnvs-sys-color-static-gray-strongest: var(--cnvs-base-palette-slate-950); /* Strongerer gray */
  --cnvs-sys-color-static-gray-stronger: var(--cnvs-base-palette-slate-800); /* Strongerer gray */
  --cnvs-sys-color-static-gray-strong: var(--cnvs-base-palette-slate-700); /* Stronger gray */
  --cnvs-sys-color-static-gray-soft: var(--cnvs-base-palette-slate-200); /* Light gray */
  --cnvs-sys-color-static-gray-default: var(--cnvs-base-palette-slate-600); /* Gray */
  --cnvs-sys-color-static-black: var(--cnvs-base-palette-neutral-1000); /* Just black */
  --cnvs-sys-color-static-white: var(--cnvs-base-palette-neutral-0); /* Just white */
  --cnvs-sys-color-static-red-softer: var(--cnvs-base-palette-red-50); /* Light red */
  --cnvs-sys-color-static-red-strongest: var(--cnvs-base-palette-red-950); /* Strong red */
  --cnvs-sys-color-static-red-softest: var(--cnvs-base-palette-red-25); /* Light red */
  --cnvs-sys-color-static-red-stronger: var(--cnvs-base-palette-red-800); /* Strong red */
  --cnvs-sys-color-static-red-strong: var(--cnvs-base-palette-red-700); /* Strong red */
  --cnvs-sys-color-static-red-soft: var(--cnvs-base-palette-red-100); /* Light red */
  --cnvs-sys-color-static-red-default: var(--cnvs-base-palette-red-600); /* Red */
  --cnvs-sys-color-static-green-strongest: var(--cnvs-base-palette-green-950); /* Stronger green */
  --cnvs-sys-color-static-green-softest: var(--cnvs-base-palette-green-25); /* Light green */
  --cnvs-sys-color-static-green-stronger: var(--cnvs-base-palette-green-800); /* Stronger green */
  --cnvs-sys-color-static-green-softer: var(--cnvs-base-palette-green-50); /* Light green */
  --cnvs-sys-color-static-green-strong: var(--cnvs-base-palette-green-700); /* Stronger green */
  --cnvs-sys-color-static-green-soft: var(--cnvs-base-palette-green-100); /* Light green */
  --cnvs-sys-color-static-green-default: var(--cnvs-base-palette-green-600); /* Default green */
  --cnvs-sys-color-static-blue-strongest: var(--cnvs-base-palette-blue-950); /* Stronger blue */
  --cnvs-sys-color-static-blue-soft: var(--cnvs-base-palette-blue-100); /* Light blue */
  --cnvs-sys-color-static-blue-softer: var(--cnvs-base-palette-blue-50); /* Light blue */
  --cnvs-sys-color-static-blue-stronger: var(--cnvs-base-palette-blue-800); /* Stronger blue */
  --cnvs-sys-color-static-blue-strong: var(--cnvs-base-palette-blue-700); /* Stronger blue */
  --cnvs-sys-color-static-blue-softest: var(--cnvs-base-palette-blue-25); /* Light blue */
  --cnvs-sys-color-static-blue-default: var(--cnvs-base-palette-blue-600); /* Blue */
  --cnvs-sys-color-static-orange-strong: var(--cnvs-base-palette-amber-500);
  --cnvs-sys-color-static-orange-soft: var(--cnvs-base-palette-amber-100);
  --cnvs-sys-color-static-orange-default: var(--cnvs-base-palette-amber-400);
  --cnvs-sys-color-static-gold-stronger: var(--cnvs-base-palette-amber-600);
  --cnvs-sys-font-size-subtext-medium: var(--cnvs-base-font-size-50);
  --cnvs-sys-font-size-subtext-large: var(--cnvs-base-font-size-75);
  --cnvs-sys-font-size-body-small: var(--cnvs-base-font-size-100);
  --cnvs-sys-font-size-body-medium: var(--cnvs-base-font-size-125);
  --cnvs-sys-font-size-body-large: var(--cnvs-base-font-size-150);
  --cnvs-sys-font-size-heading-small: var(--cnvs-base-font-size-200);
  --cnvs-sys-font-size-heading-medium: var(--cnvs-base-font-size-250);
  --cnvs-sys-font-size-heading-large: var(--cnvs-base-font-size-300);
  --cnvs-sys-font-size-title-small: var(--cnvs-base-font-size-400);
  --cnvs-sys-font-size-title-medium: var(--cnvs-base-font-size-500);
  --cnvs-sys-font-size-title-large: var(--cnvs-base-font-size-600);
}

.cnvs-sys-type-subtext-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-small);
  font-size: var(--cnvs-sys-font-size-subtext-small);
  letter-spacing: var(--cnvs-base-letter-spacing-50);
}

.cnvs-sys-type-subtext-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-medium);
  font-size: var(--cnvs-sys-font-size-subtext-medium);
  letter-spacing: var(--cnvs-base-letter-spacing-100);
}

.cnvs-sys-type-subtext-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-large);
  font-size: var(--cnvs-sys-font-size-subtext-large);
  letter-spacing: var(--cnvs-base-letter-spacing-150);
}

.cnvs-sys-type-body-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-small);
  font-size: var(--cnvs-sys-font-size-body-small);
  letter-spacing: var(--cnvs-base-letter-spacing-200);
}

.cnvs-sys-type-body-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-medium);
  font-size: var(--cnvs-sys-font-size-body-medium);
}

.cnvs-sys-type-body-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-large);
  font-size: var(--cnvs-sys-font-size-body-large);
}

.cnvs-sys-type-heading-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-small);
  font-size: var(--cnvs-sys-font-size-heading-small);
}

.cnvs-sys-type-heading-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-medium);
  font-size: var(--cnvs-sys-font-size-heading-medium);
}

.cnvs-sys-type-heading-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-large);
  font-size: var(--cnvs-sys-font-size-heading-large);
}

.cnvs-sys-type-title-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-small);
  font-size: var(--cnvs-sys-font-size-title-small);
}

.cnvs-sys-type-title-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-medium);
  font-size: var(--cnvs-sys-font-size-title-medium);
}

.cnvs-sys-type-title-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-large);
  font-size: var(--cnvs-sys-font-size-title-large);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
  --cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);
  --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
  --cnvs-brand-neutral-lighter: var(--cnvs-base-palette-slate-50);
  --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-neutral-darkest: var(--cnvs-base-palette-slate-800);
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-slate-700);
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-slate-600);
  --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-25);
  --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
  --cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);
  --cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);
  --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
  --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
  --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);
  --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);
  --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
  --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);
  --cnvs-brand-alert-lighter: var(--cnvs-base-palette-amber-50);
  --cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-error-light: var(--cnvs-base-palette-red-200);
  --cnvs-brand-error-lighter: var(--cnvs-base-palette-red-50);
  --cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);
  --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
  --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
  --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
  --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
  --cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);
  --cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
  --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
  --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
  --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
  --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.text-theme {
  color: #333333;
}

.text-theme:disabled, .text-theme.disabled {
  outline: none;
  color: #a1aab3;
  cursor: not-allowed;
}

.text-theme.highlighted, .text-theme:active {
  background-color: #a6d2ff;
}

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.right-align {
  right: 0;
}

.left-align {
  left: 0;
}

.item-selected {
  border-radius: 99px;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #0057ae;
}

.item-container {
  position: relative;
  cursor: pointer;
  content: "";
  outline: none;
  box-sizing: border-box;
  overflow: visible;
  height: 45px;
  width: 45px;
  align-content: center;
}

.button-popup-open {
  background-color: #ffffff;
  border-radius: 0;
}

.subscribe-container {
  text-align: left;
}

.subscribe-container * {
  font-family: Workday Adelle Sans, Roboto, sans-serif;
}

.subscribe-container .title {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
}

.subscribe-container .button {
  width: 100%;
}

.subscribe-container .notify, .subscribe-container .manage {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.24px;
  margin-top: 14px;
}

.subscribe-container .failed {
  color: #de2e21;
  font-weight: 400;
  font-size: 14px;
}

.subscribe-container .manage {
  letter-spacing: 0.2px;
}

.subscribe-container .manage a {
  text-decoration: none;
}

.subscribe-container .wdc-subscribe-action-container {
  display: flex;
  align-items: center;
}

.subscribe-container .wdc-subscribe-action-container p.notify {
  color: #4A5561;
  background-color: #f1f3f6;
  padding: 0 4px;
}

.subscribe-container .wdc-subscribe-btn-container {
  flex-direction: column;
}
/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-amber-100: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-amber-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-amber-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-amber-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-amber-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-amber-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-amber-700: oklch(0.4824 0.1353 46.11 / 1);
  --cnvs-base-palette-amber-800: oklch(0.4143 0.1245 42.21 / 1);
  --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
  --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
  --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
  --cnvs-base-palette-azure-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-azure-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-azure-400: oklch(0.7283 0.1377 242.63 / 1);
  --cnvs-base-palette-azure-500: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-azure-600: oklch(0.5174 0.1257 243.24 / 1);
  --cnvs-base-palette-azure-700: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-azure-800: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
  --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
  --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
  --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
  --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
  --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blue-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-blue-300: oklch(0.7933 0.1076 252.08 / 1);
  --cnvs-base-palette-blue-400: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blue-500: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-blue-600: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blue-700: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blue-800: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
  --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
  --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
  --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-coral-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-coral-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-coral-400: oklch(0.7279 0.1703 38.58 / 1);
  --cnvs-base-palette-coral-500: oklch(0.6779 0.2096 40.36 / 1);
  --cnvs-base-palette-coral-600: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-coral-700: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-coral-800: oklch(0.393 0.143 33.49 / 1);
  --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
  --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
  --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
  --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
  --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-200: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-300: oklch(0.7817 0.1928 150.67 / 1);
  --cnvs-base-palette-green-400: oklch(0.702 0.1952 148.39 / 1);
  --cnvs-base-palette-green-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-green-600: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-700: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-800: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
  --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
  --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
  --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
  --cnvs-base-palette-indigo-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-indigo-300: oklch(0.7625 0.1242 281 / 1);
  --cnvs-base-palette-indigo-400: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-indigo-500: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-indigo-600: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-palette-indigo-700: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-indigo-800: oklch(0.379 0.1771 278.1 / 1);
  --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
  --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
  --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
  --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
  --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
  --cnvs-base-palette-neutral-100: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-neutral-200: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-neutral-300: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-neutral-400: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-neutral-500: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-neutral-600: oklch(0.5103 0 0 / 1);
  --cnvs-base-palette-neutral-700: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-neutral-800: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-neutral-900: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-neutral-950: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-neutral-975: oklch(0.1591 0 0 / 1);
  --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
  --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
  --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
  --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-orange-200: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-orange-300: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-orange-400: oklch(0.7261 0.1852 52.58 / 1);
  --cnvs-base-palette-orange-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-orange-600: oklch(0.53 0.165 40.39 / 1);
  --cnvs-base-palette-orange-700: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-orange-800: oklch(0.4077 0.1336 37.92 / 1);
  --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
  --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
  --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
  --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
  --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
  --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
  --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
  --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
  --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
  --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
  --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
  --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
  --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
  --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-palette-purple-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-purple-300: oklch(0.8108 0.1412 315.48 / 1);
  --cnvs-base-palette-purple-400: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-purple-500: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-purple-600: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-purple-700: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-purple-800: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
  --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
  --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
  --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-red-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-red-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-red-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-red-500: oklch(0.6495 0.2369 30.04 / 1);
  --cnvs-base-palette-red-600: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-red-700: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-red-800: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
  --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
  --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
  --cnvs-base-palette-slate-25: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-slate-50: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-slate-100: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-slate-200: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-slate-300: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-slate-400: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-slate-500: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-slate-600: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-slate-700: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-slate-800: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-slate-900: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-slate-950: oklch(0.2453 0.0136 253.1 / 1);
  --cnvs-base-palette-slate-975: oklch(0.18 0.008 248.33 / 1);
  --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
  --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-teal-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-teal-300: oklch(0.7836 0.0874 204.93 / 1);
  --cnvs-base-palette-teal-400: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-teal-500: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-teal-600: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-teal-700: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
  --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
  --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
  --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
  --cnvs-base-palette-cinnamon-100: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-cinnamon-200: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-cinnamon-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-cinnamon-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-cinnamon-500: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-cinnamon-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-peach-100: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-peach-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-peach-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-peach-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-peach-500: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-peach-600: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-chili-mango-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-chili-mango-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-chili-mango-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-chili-mango-400: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-600: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-cantaloupe-100: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-cantaloupe-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-cantaloupe-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-cantaloupe-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-cantaloupe-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-cantaloupe-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-sour-lemon-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-sour-lemon-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-sour-lemon-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-sour-lemon-400: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-500: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-600: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-juicy-pear-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-juicy-pear-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-juicy-pear-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-400: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-juicy-pear-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-kiwi-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-kiwi-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-kiwi-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-kiwi-400: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-apple-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-apple-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-apple-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-apple-500: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-watermelon-200: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-watermelon-300: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-watermelon-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-watermelon-500: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-jewel-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-jewel-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-jewel-300: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-jewel-400: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-jewel-500: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-jewel-600: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-toothpaste-100: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-toothpaste-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-toothpaste-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-toothpaste-400: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-toothpaste-500: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-toothpaste-600: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-blueberry-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-200: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blueberry-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blueberry-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blueberry-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-plum-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-plum-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-plum-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-plum-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-plum-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-plum-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-berry-smoothie-100: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-berry-smoothie-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-berry-smoothie-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-berry-smoothie-400: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-berry-smoothie-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-berry-smoothie-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blackberry-100: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-blackberry-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-blackberry-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-blackberry-400: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-blackberry-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-blackberry-600: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-island-punch-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-island-punch-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-island-punch-300: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-500: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-island-punch-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-grape-soda-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-grape-soda-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-grape-soda-300: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-grape-soda-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-grape-soda-500: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-grape-soda-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-pomegranate-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-pomegranate-200: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-pomegranate-300: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-400: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-500: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-pomegranate-600: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-fruit-punch-100: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-fruit-punch-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-fruit-punch-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-fruit-punch-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-500: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-root-beer-100: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-root-beer-200: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-root-beer-300: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-400: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-500: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-root-beer-600: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-toasted-marshmallow-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-toasted-marshmallow-200: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-toasted-marshmallow-300: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-toasted-marshmallow-400: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-toasted-marshmallow-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-toasted-marshmallow-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-licorice-100: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-licorice-200: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-licorice-300: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-licorice-400: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-licorice-500: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-licorice-600: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-soap-100: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-soap-200: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-soap-300: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-soap-400: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-soap-500: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-soap-600: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-french-vanilla-100: oklch(1 0 0 / 1);
  --cnvs-base-palette-french-vanilla-200: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-french-vanilla-300: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-french-vanilla-400: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-french-vanilla-500: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-french-vanilla-600: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-100: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-200: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-black-pepper-300: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-black-pepper-400: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-black-pepper-500: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-black-pepper-600: oklch(0 0 0 / 1);
  --cnvs-base-palette-coconut-100: #F0EEEE;
  --cnvs-base-palette-coconut-200: #e3dfdf;
  --cnvs-base-palette-coconut-300: #d1cbcc;
  --cnvs-base-palette-coconut-400: #b3acac;
  --cnvs-base-palette-coconut-500: #9e9595;
  --cnvs-base-palette-coconut-600: #8F8687;
  --cnvs-base-palette-cappuccino-100: #7A7374;
  --cnvs-base-palette-cappuccino-200: #706869;
  --cnvs-base-palette-cappuccino-300: #5E5757;
  --cnvs-base-palette-cappuccino-400: #4A4242;
  --cnvs-base-palette-cappuccino-500: #352f2f;
  --cnvs-base-palette-cappuccino-600: #231f20;
  --cnvs-base-opacity-0: 0;
  --cnvs-base-opacity-100: 0.08;
  --cnvs-base-opacity-200: 0.12;
  --cnvs-base-opacity-250: 0.2;
  --cnvs-base-opacity-300: 0.4;
  --cnvs-base-opacity-400: 0.64;
  --cnvs-base-opacity-500: 0.84;
  --cnvs-base-font-size-25: 0.625rem;
  --cnvs-base-font-size-50: 0.75rem;
  --cnvs-base-font-size-75: 0.875rem;
  --cnvs-base-font-size-100: 1rem;
  --cnvs-base-font-size-125: 1.125rem;
  --cnvs-base-font-size-150: 1.25rem;
  --cnvs-base-font-size-200: 1.5rem;
  --cnvs-base-font-size-250: 1.75rem;
  --cnvs-base-font-size-300: 2rem;
  --cnvs-base-font-size-400: 2.5rem;
  --cnvs-base-font-size-500: 3rem;
  --cnvs-base-font-size-600: 3.5rem;
  --cnvs-base-font-size-750: 4.5rem;
  --cnvs-base-font-size-900: 5.5rem;
  --cnvs-base-font-size-1050: 6.5rem;
  --cnvs-base-line-height-50: 1rem;
  --cnvs-base-line-height-100: 1.25rem;
  --cnvs-base-line-height-150: 1.5rem;
  --cnvs-base-line-height-200: 1.75rem;
  --cnvs-base-line-height-250: 2rem;
  --cnvs-base-line-height-300: 2.25rem;
  --cnvs-base-line-height-350: 2.5rem;
  --cnvs-base-line-height-400: 3rem;
  --cnvs-base-line-height-500: 3.5rem;
  --cnvs-base-line-height-600: 4rem;
  --cnvs-base-line-height-750: 4.5rem;
  --cnvs-base-line-height-900: 5.5rem;
  --cnvs-base-line-height-1050: 6.5rem;
  --cnvs-base-font-family-50: "Roboto"; /* Default font-family */
  --cnvs-base-font-family-100: "Roboto Mono";
  --cnvs-base-font-family-200: "Noto Sans";
  --cnvs-base-font-weight-300: 300;
  --cnvs-base-font-weight-400: 400;
  --cnvs-base-font-weight-500: 500;
  --cnvs-base-font-weight-700: 700;
  --cnvs-base-letter-spacing-50: 0.025rem;
  --cnvs-base-letter-spacing-100: 0.02rem;
  --cnvs-base-letter-spacing-150: 0.015rem;
  --cnvs-base-letter-spacing-200: 0.01rem;
  --cnvs-base-unit: 0.25rem; /* The base unit used in the grid system.;  */
  --cnvs-base-extended-palette-dragon-fruit-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-extended-palette-dragon-fruit-200: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-extended-palette-dragon-fruit-300: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-extended-palette-dragon-fruit-400: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-extended-palette-dragon-fruit-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-extended-palette-dragon-fruit-600: oklch(0.317 0.142 278.2 / 1);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Standard card depth */
  --cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Top navigation, Bottom Navigation */
  --cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Floating Action Buttons (FAB), Menus */
  --cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.5rem 2rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Bottom Sheets */
  --cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.625rem 2.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied) */
  --cnvs-sys-depth-6: 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.75rem 3rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied) */
  --cnvs-sys-space-zero: 0; /* Stacks, rows in tables */
  --cnvs-sys-shape-zero: 0rem; /* This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels. */
  --cnvs-sys-opacity-full: 1; /* Dev only */
  --cnvs-sys-opacity-zero: 0; /* Dev only */
  --cnvs-sys-breakpoints-zero: 0px; /* Use to set a media query `min-width` below small. */
  --cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);
  --cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);
  --cnvs-sys-font-weight-normal: var(--cnvs-base-font-weight-400);
  --cnvs-sys-font-weight-light: var(--cnvs-base-font-weight-300);
  --cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);
  --cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);
  --cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);
  --cnvs-sys-line-height-heading-large: var(--cnvs-base-line-height-350);
  --cnvs-sys-line-height-heading-medium: var(--cnvs-base-line-height-300);
  --cnvs-sys-line-height-heading-small: var(--cnvs-base-line-height-250);
  --cnvs-sys-line-height-body-large: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-medium: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-small: var(--cnvs-base-line-height-150);
  --cnvs-sys-line-height-subtext-large: var(--cnvs-base-line-height-100);
  --cnvs-sys-line-height-subtext-medium: var(--cnvs-base-line-height-50);
  --cnvs-sys-line-height-subtext-small: var(--cnvs-base-line-height-50);
  --cnvs-sys-font-size-subtext-small: var(--cnvs-base-font-size-25);
  --cnvs-sys-font-family-global: var(--cnvs-base-font-family-200);
  --cnvs-sys-font-family-mono: var(--cnvs-base-font-family-100);
  --cnvs-sys-font-family-default: var(--cnvs-base-font-family-50);
  --cnvs-sys-space-x20: calc(var(--cnvs-base-unit) * 20); /* - Use sparingly; - Helps to put focus on the primary element within your page; - Use to de-clutter your UI when a lot of space is available */
  --cnvs-sys-space-x16: calc(var(--cnvs-base-unit) * 16); /* - Use to de-clutter your UI when a lot of space is available; - Separate banner sections from page content; - Use to differentiate page content like page sections */
  --cnvs-sys-space-x10: calc(var(--cnvs-base-unit) * 10); /* • Used for outer margins on the overall page content ; • Used for inner margins on large items such as page sections */
  --cnvs-sys-space-x8: calc(var(--cnvs-base-unit) * 8); /* • Standard spacing between cards; • Used to separate groups of content ; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x6: calc(var(--cnvs-base-unit) * 6); /* • Padding around card content; • Related elements where more space between them can be afforded; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x4: calc(var(--cnvs-base-unit) * 4); /* Default space token. Used to group Inputs with related data */
  --cnvs-sys-space-x3: calc(var(--cnvs-base-unit) * 3); /* Use when compact padding is required */
  --cnvs-sys-space-x2: calc(var(--cnvs-base-unit) * 2); /* Commonly used to group compact elements like icon buttons */
  --cnvs-sys-space-x1: var(--cnvs-base-unit); /* Compact spacing between text or icons */
  --cnvs-sys-shape-round: calc(var(--cnvs-base-unit) * 250); /* Commonly used for our standard buttons and profile avatars: All Primary, Secondary Buttons, Radio Buttons and Notification Badges. */
  --cnvs-sys-shape-x2: calc(var(--cnvs-base-unit) * 2); /* Use this for all the containers and popups: All Cards, Modals, Tooltips and Toasts. */
  --cnvs-sys-shape-x1-half: calc(var(--cnvs-base-unit) * 1.5);
  --cnvs-sys-shape-x1: var(--cnvs-base-unit);
  --cnvs-sys-shape-half: calc(var(--cnvs-base-unit) * 0.5); /* Use this for subtle and small components that don’t require to group complex information like Status Indicators, Checkboxes and Color Swatches. */
  --cnvs-sys-opacity-shadow-second: var(--cnvs-base-opacity-100); /* Alpha on second shadow */
  --cnvs-sys-opacity-shadow-first: var(--cnvs-base-opacity-200); /* Alpha on first shadow */
  --cnvs-sys-opacity-contrast: var(--cnvs-base-opacity-500); /* Tooltips, Status Indicator */
  --cnvs-sys-opacity-overlay: var(--cnvs-base-opacity-400); /* Overlay */
  --cnvs-sys-opacity-disabled: var(--cnvs-base-opacity-300); /* Disabled states */
  --cnvs-sys-breakpoints-xl: 1440px; /* Used for extra large screens, such as wide monitors and TVs. */
  --cnvs-sys-breakpoints-l: 1024px; /* Large screens, such as desktops. */
  --cnvs-sys-breakpoints-m: 768px; /* Medium screens, such as laptops. */
  --cnvs-sys-breakpoints-s: 320px; /* The `min-width` for mobile devices, such as phones and tablets. */
  --cnvs-sys-color-shadow-default: var(--cnvs-base-palette-slate-900); /* Main shadow color */
  --cnvs-sys-color-shadow-2: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-100)); /* Second shadow color */
  --cnvs-sys-color-shadow-1: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-200)); /* First shadow color */
  --cnvs-sys-color-border-info-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950); /* Active state on AI borders */
  --cnvs-sys-color-border-container: var(--cnvs-base-palette-slate-300); /* Cards, Toasts, Surfaces */
  --cnvs-sys-color-border-divider: var(--cnvs-base-palette-slate-200); /* Dividers */
  --cnvs-sys-color-border-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on accent colors */
  --cnvs-sys-color-border-transparent: transparent; /* Transparent */
  --cnvs-sys-color-border-caution-strong: var(--cnvs-base-palette-amber-500); /* Warning outer (box shadow) */
  --cnvs-sys-color-border-caution-default: var(--cnvs-base-palette-amber-400); /* Warning inner */
  --cnvs-sys-color-border-critical-default: var(--cnvs-base-palette-red-500); /* Error */
  --cnvs-sys-color-border-primary-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Secondary Button Hover */
  --cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-900); /* Secondary Button */
  --cnvs-sys-color-border-input-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on checkboxes and radios */
  --cnvs-sys-color-border-input-strong: var(--cnvs-base-palette-slate-700); /* Input hover */
  --cnvs-sys-color-border-input-default: var(--cnvs-base-palette-slate-500); /* Inputs */
  --cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-slate-400); /* Disabled inputs */
  --cnvs-sys-color-fg-positive-stronger: var(--cnvs-base-palette-green-800); /* Error */
  --cnvs-sys-color-fg-positive-strong: var(--cnvs-base-palette-green-700); /* Error */
  --cnvs-sys-color-fg-positive-soft: var(--cnvs-base-palette-green-400); /* Error */
  --cnvs-sys-color-fg-positive-softer: var(--cnvs-base-palette-green-200); /* Error */
  --cnvs-sys-color-fg-positive-default: var(--cnvs-base-palette-green-600); /* Error */
  --cnvs-sys-color-fg-info-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-info-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-info-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950); /* AI icons and text */
  --cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Strong contrast */
  --cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast */
  --cnvs-sys-color-fg-caution-softer: var(--cnvs-base-palette-amber-500); /* Warning */
  --cnvs-sys-color-fg-caution-stronger: var(--cnvs-base-palette-amber-975); /* Warning on hover */
  --cnvs-sys-color-fg-caution-soft: var(--cnvs-base-palette-amber-700); /* Warning */
  --cnvs-sys-color-fg-caution-strong: var(--cnvs-base-palette-amber-950); /* Warning on hover */
  --cnvs-sys-color-fg-caution-default: var(--cnvs-base-palette-amber-900); /* Warning */
  --cnvs-sys-color-fg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-primary-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-primary-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-primary-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-primary-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-slate-400); /* Tab item foreground */
  --cnvs-sys-color-fg-muted-stronger: var(--cnvs-base-palette-slate-800);
  --cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-slate-600); /* Hint text */
  --cnvs-sys-color-fg-critical-softer: var(--cnvs-base-palette-red-200); /* Error */
  --cnvs-sys-color-fg-critical-soft: var(--cnvs-base-palette-red-400); /* Error */
  --cnvs-sys-color-fg-critical-stronger: var(--cnvs-base-palette-red-800); /* Error */
  --cnvs-sys-color-fg-critical-strong: var(--cnvs-base-palette-red-700); /* Error */
  --cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-red-600); /* Error */
  --cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse */
  --cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-slate-400); /* Disabled */
  --cnvs-sys-color-fg-stronger: var(--cnvs-base-palette-neutral-950); /* Heading on hover */
  --cnvs-sys-color-fg-strong: var(--cnvs-base-palette-neutral-900); /* Headings */
  --cnvs-sys-color-fg-default: var(--cnvs-base-palette-neutral-800); /* Body */
  --cnvs-sys-color-icon-info-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-disabled: var(--cnvs-base-palette-slate-400); /* Disabled icon color */
  --cnvs-sys-color-icon-caution-softer: var(--cnvs-base-palette-amber-500); /* Softer caution icon color */
  --cnvs-sys-color-icon-caution-soft: var(--cnvs-base-palette-amber-700); /* Soft caution icon color */
  --cnvs-sys-color-icon-caution-stronger: var(--cnvs-base-palette-amber-975); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-default: var(--cnvs-base-palette-amber-900); /* Caution icon color */
  --cnvs-sys-color-icon-critical-softer: var(--cnvs-base-palette-red-200); /* Error icon color */
  --cnvs-sys-color-icon-critical-soft: var(--cnvs-base-palette-red-400); /* Error icon color */
  --cnvs-sys-color-icon-critical-stronger: var(--cnvs-base-palette-red-800); /* Error icon color */
  --cnvs-sys-color-icon-critical-strong: var(--cnvs-base-palette-red-700); /* Error icon color */
  --cnvs-sys-color-icon-critical-default: var(--cnvs-base-palette-red-600); /* Error icon color */
  --cnvs-sys-color-icon-positive-softer: var(--cnvs-base-palette-green-200); /* Success icon color */
  --cnvs-sys-color-icon-positive-soft: var(--cnvs-base-palette-green-400); /* Success icon color */
  --cnvs-sys-color-icon-positive-stronger: var(--cnvs-base-palette-green-800); /* Success icon color */
  --cnvs-sys-color-icon-positive-strong: var(--cnvs-base-palette-green-700); /* Success icon color */
  --cnvs-sys-color-icon-positive-default: var(--cnvs-base-palette-green-600); /* Success icon color */
  --cnvs-sys-color-icon-primary-softer: var(--cnvs-base-palette-blue-200); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-soft: var(--cnvs-base-palette-blue-400); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse icon color */
  --cnvs-sys-color-icon-strong: var(--cnvs-base-palette-neutral-900); /* Hover icon color */
  --cnvs-sys-color-icon-soft: var(--cnvs-base-palette-slate-600); /* Disabled icon color */
  --cnvs-sys-color-icon-default: var(--cnvs-base-palette-neutral-800); /* Default icon color */
  --cnvs-sys-color-text-info-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-info-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-info-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-info-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-info-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-positive-softer: var(--cnvs-base-palette-green-200); /* Active links */
  --cnvs-sys-color-text-positive-soft: var(--cnvs-base-palette-green-400); /* Active links */
  --cnvs-sys-color-text-positive-stronger: var(--cnvs-base-palette-green-800); /* Active links */
  --cnvs-sys-color-text-positive-strong: var(--cnvs-base-palette-green-700); /* Branded hover text */
  --cnvs-sys-color-text-positive-default: var(--cnvs-base-palette-green-600); /* Branded text */
  --cnvs-sys-color-text-ai: var(--cnvs-base-palette-blue-950);
  --cnvs-sys-color-text-caution-softer: var(--cnvs-base-palette-amber-200); /* Softer warning text */
  --cnvs-sys-color-text-caution-stronger: var(--cnvs-base-palette-amber-975); /* Stronger warning text */
  --cnvs-sys-color-text-caution-soft: var(--cnvs-base-palette-amber-400); /* Disabled warning text */
  --cnvs-sys-color-text-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong warning text */
  --cnvs-sys-color-text-caution-default: var(--cnvs-base-palette-amber-900); /* Warning text */
  --cnvs-sys-color-text-primary-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-primary-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-primary-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-primary-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-primary-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-critical-softer: var(--cnvs-base-palette-red-200); /* Error text */
  --cnvs-sys-color-text-critical-soft: var(--cnvs-base-palette-red-400); /* Error text */
  --cnvs-sys-color-text-critical-stronger: var(--cnvs-base-palette-red-800); /* Error text */
  --cnvs-sys-color-text-critical-strong: var(--cnvs-base-palette-red-700); /* Error text */
  --cnvs-sys-color-text-critical-default: var(--cnvs-base-palette-red-600); /* Error text */
  --cnvs-sys-color-text-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse text color */
  --cnvs-sys-color-text-hint: var(--cnvs-base-palette-slate-600); /* Hint text color */
  --cnvs-sys-color-text-disabled: var(--cnvs-base-palette-slate-400); /* Disabled text color */
  --cnvs-sys-color-text-stronger: var(--cnvs-base-palette-neutral-950); /* Display text */
  --cnvs-sys-color-text-strong: var(--cnvs-base-palette-neutral-900); /* Heading text */
  --cnvs-sys-color-text-default: var(--cnvs-base-palette-neutral-800); /* Body text */
  --cnvs-sys-color-bg-info-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-info-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-info-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-info-soft: var(--cnvs-base-palette-blue-100); /* Disabled */
  --cnvs-sys-color-bg-info-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-info-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-ai-strongest: var(--cnvs-base-palette-blue-950); /* AI surfaces */
  --cnvs-sys-color-bg-ai-stronger: var(--cnvs-base-palette-blue-400); /* Active state on AI containers */
  --cnvs-sys-color-bg-ai-strong: var(--cnvs-base-palette-blue-200); /* Hover on AI container */
  --cnvs-sys-color-bg-ai-default: var(--cnvs-base-palette-blue-100); /* AI container */
  --cnvs-sys-color-bg-critical-stronger: var(--cnvs-base-palette-red-800); /* Stronger error background */
  --cnvs-sys-color-bg-critical-strong: var(--cnvs-base-palette-red-700); /* Strong error background */
  --cnvs-sys-color-bg-critical-default: var(--cnvs-base-palette-red-600); /* Default error background */
  --cnvs-sys-color-bg-critical-soft: var(--cnvs-base-palette-red-100); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softer: var(--cnvs-base-palette-red-50); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softest: var(--cnvs-base-palette-red-25); /* Input error background */
  --cnvs-sys-color-bg-caution-stronger: var(--cnvs-base-palette-amber-600); /* Stronger warning background */
  --cnvs-sys-color-bg-caution-strong: var(--cnvs-base-palette-amber-500); /* Strong warning background */
  --cnvs-sys-color-bg-caution-default: var(--cnvs-base-palette-amber-400); /* Default warning background */
  --cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-100); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softer: var(--cnvs-base-palette-amber-50); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softest: var(--cnvs-base-palette-amber-25); /* Disabled warning background */
  --cnvs-sys-color-bg-positive-stronger: var(--cnvs-base-palette-green-800); /* Active success background */
  --cnvs-sys-color-bg-positive-strong: var(--cnvs-base-palette-green-700); /* Hover success background */
  --cnvs-sys-color-bg-positive-default: var(--cnvs-base-palette-green-600); /* Disabled success background */
  --cnvs-sys-color-bg-positive-soft: var(--cnvs-base-palette-green-100); /* Disabled success background */
  --cnvs-sys-color-bg-positive-softer: var(--cnvs-base-palette-green-50); /* Surface success background */
  --cnvs-sys-color-bg-positive-softest: var(--cnvs-base-palette-green-25); /* Lightest surface success background */
  --cnvs-sys-color-bg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-primary-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-primary-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-100); /* Primary disabled */
  --cnvs-sys-color-bg-primary-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-primary-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-bg-muted-default: var(--cnvs-base-palette-slate-600);
  --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-slate-500);
  --cnvs-sys-color-bg-muted-softer: var(--cnvs-base-palette-slate-400);
  --cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-slate-300); /* Active state for segmented control, Pill */
  --cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-slate-200); /* Active states */
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-100); /* Surface hover, Secondary surfaces */
  --cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-slate-50); /* Alternative page background */
  --cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-slate-25); /* Disabled inputs */
  --cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
  --cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-400)); /* Overlay background */
  --cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-250)); /* Inverse Secondary Button Active state */
  --cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-100)); /* Inverse Secondary Button Hover state */
  --cnvs-sys-color-bg-transparent-default: transparent; /* Transparent background */
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0); /* Main background color */
  --cnvs-sys-color-static-amber-soft: var(--cnvs-base-palette-amber-100); /* Soft amber */
  --cnvs-sys-color-static-amber-strongest: var(--cnvs-base-palette-amber-950); /* Stronger amber */
  --cnvs-sys-color-static-amber-softer: var(--cnvs-base-palette-amber-50); /* Soft amber */
  --cnvs-sys-color-static-amber-stronger: var(--cnvs-base-palette-amber-600); /* Stronger amber */
  --cnvs-sys-color-static-amber-strong: var(--cnvs-base-palette-amber-500); /* Stronger amber */
  --cnvs-sys-color-static-amber-softest: var(--cnvs-base-palette-amber-25); /* Soft amber */
  --cnvs-sys-color-static-amber-default: var(--cnvs-base-palette-amber-400); /* amber */
  --cnvs-sys-color-static-gray-softer: var(--cnvs-base-palette-slate-100); /* Light gray */
  --cnvs-sys-color-static-gray-softest: var(--cnvs-base-palette-slate-50); /* Light gray */
  --cnvs-sys-color-static-gray-strongest: var(--cnvs-base-palette-slate-950); /* Strongerer gray */
  --cnvs-sys-color-static-gray-stronger: var(--cnvs-base-palette-slate-800); /* Strongerer gray */
  --cnvs-sys-color-static-gray-strong: var(--cnvs-base-palette-slate-700); /* Stronger gray */
  --cnvs-sys-color-static-gray-soft: var(--cnvs-base-palette-slate-200); /* Light gray */
  --cnvs-sys-color-static-gray-default: var(--cnvs-base-palette-slate-600); /* Gray */
  --cnvs-sys-color-static-black: var(--cnvs-base-palette-neutral-1000); /* Just black */
  --cnvs-sys-color-static-white: var(--cnvs-base-palette-neutral-0); /* Just white */
  --cnvs-sys-color-static-red-softer: var(--cnvs-base-palette-red-50); /* Light red */
  --cnvs-sys-color-static-red-strongest: var(--cnvs-base-palette-red-950); /* Strong red */
  --cnvs-sys-color-static-red-softest: var(--cnvs-base-palette-red-25); /* Light red */
  --cnvs-sys-color-static-red-stronger: var(--cnvs-base-palette-red-800); /* Strong red */
  --cnvs-sys-color-static-red-strong: var(--cnvs-base-palette-red-700); /* Strong red */
  --cnvs-sys-color-static-red-soft: var(--cnvs-base-palette-red-100); /* Light red */
  --cnvs-sys-color-static-red-default: var(--cnvs-base-palette-red-600); /* Red */
  --cnvs-sys-color-static-green-strongest: var(--cnvs-base-palette-green-950); /* Stronger green */
  --cnvs-sys-color-static-green-softest: var(--cnvs-base-palette-green-25); /* Light green */
  --cnvs-sys-color-static-green-stronger: var(--cnvs-base-palette-green-800); /* Stronger green */
  --cnvs-sys-color-static-green-softer: var(--cnvs-base-palette-green-50); /* Light green */
  --cnvs-sys-color-static-green-strong: var(--cnvs-base-palette-green-700); /* Stronger green */
  --cnvs-sys-color-static-green-soft: var(--cnvs-base-palette-green-100); /* Light green */
  --cnvs-sys-color-static-green-default: var(--cnvs-base-palette-green-600); /* Default green */
  --cnvs-sys-color-static-blue-strongest: var(--cnvs-base-palette-blue-950); /* Stronger blue */
  --cnvs-sys-color-static-blue-soft: var(--cnvs-base-palette-blue-100); /* Light blue */
  --cnvs-sys-color-static-blue-softer: var(--cnvs-base-palette-blue-50); /* Light blue */
  --cnvs-sys-color-static-blue-stronger: var(--cnvs-base-palette-blue-800); /* Stronger blue */
  --cnvs-sys-color-static-blue-strong: var(--cnvs-base-palette-blue-700); /* Stronger blue */
  --cnvs-sys-color-static-blue-softest: var(--cnvs-base-palette-blue-25); /* Light blue */
  --cnvs-sys-color-static-blue-default: var(--cnvs-base-palette-blue-600); /* Blue */
  --cnvs-sys-color-static-orange-strong: var(--cnvs-base-palette-amber-500);
  --cnvs-sys-color-static-orange-soft: var(--cnvs-base-palette-amber-100);
  --cnvs-sys-color-static-orange-default: var(--cnvs-base-palette-amber-400);
  --cnvs-sys-color-static-gold-stronger: var(--cnvs-base-palette-amber-600);
  --cnvs-sys-font-size-subtext-medium: var(--cnvs-base-font-size-50);
  --cnvs-sys-font-size-subtext-large: var(--cnvs-base-font-size-75);
  --cnvs-sys-font-size-body-small: var(--cnvs-base-font-size-100);
  --cnvs-sys-font-size-body-medium: var(--cnvs-base-font-size-125);
  --cnvs-sys-font-size-body-large: var(--cnvs-base-font-size-150);
  --cnvs-sys-font-size-heading-small: var(--cnvs-base-font-size-200);
  --cnvs-sys-font-size-heading-medium: var(--cnvs-base-font-size-250);
  --cnvs-sys-font-size-heading-large: var(--cnvs-base-font-size-300);
  --cnvs-sys-font-size-title-small: var(--cnvs-base-font-size-400);
  --cnvs-sys-font-size-title-medium: var(--cnvs-base-font-size-500);
  --cnvs-sys-font-size-title-large: var(--cnvs-base-font-size-600);
}

.cnvs-sys-type-subtext-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-small);
  font-size: var(--cnvs-sys-font-size-subtext-small);
  letter-spacing: var(--cnvs-base-letter-spacing-50);
}

.cnvs-sys-type-subtext-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-medium);
  font-size: var(--cnvs-sys-font-size-subtext-medium);
  letter-spacing: var(--cnvs-base-letter-spacing-100);
}

.cnvs-sys-type-subtext-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-large);
  font-size: var(--cnvs-sys-font-size-subtext-large);
  letter-spacing: var(--cnvs-base-letter-spacing-150);
}

.cnvs-sys-type-body-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-small);
  font-size: var(--cnvs-sys-font-size-body-small);
  letter-spacing: var(--cnvs-base-letter-spacing-200);
}

.cnvs-sys-type-body-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-medium);
  font-size: var(--cnvs-sys-font-size-body-medium);
}

.cnvs-sys-type-body-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-large);
  font-size: var(--cnvs-sys-font-size-body-large);
}

.cnvs-sys-type-heading-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-small);
  font-size: var(--cnvs-sys-font-size-heading-small);
}

.cnvs-sys-type-heading-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-medium);
  font-size: var(--cnvs-sys-font-size-heading-medium);
}

.cnvs-sys-type-heading-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-large);
  font-size: var(--cnvs-sys-font-size-heading-large);
}

.cnvs-sys-type-title-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-small);
  font-size: var(--cnvs-sys-font-size-title-small);
}

.cnvs-sys-type-title-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-medium);
  font-size: var(--cnvs-sys-font-size-title-medium);
}

.cnvs-sys-type-title-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-large);
  font-size: var(--cnvs-sys-font-size-title-large);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
  --cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);
  --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
  --cnvs-brand-neutral-lighter: var(--cnvs-base-palette-slate-50);
  --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-neutral-darkest: var(--cnvs-base-palette-slate-800);
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-slate-700);
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-slate-600);
  --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-25);
  --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
  --cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);
  --cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);
  --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
  --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
  --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);
  --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);
  --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
  --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);
  --cnvs-brand-alert-lighter: var(--cnvs-base-palette-amber-50);
  --cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-error-light: var(--cnvs-base-palette-red-200);
  --cnvs-brand-error-lighter: var(--cnvs-base-palette-red-50);
  --cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);
  --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
  --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
  --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
  --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
  --cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);
  --cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
  --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
  --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
  --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
  --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.text-theme {
  color: #333333;
}

.text-theme:disabled, .text-theme.disabled {
  outline: none;
  color: #a1aab3;
  cursor: not-allowed;
}

.text-theme.highlighted, .text-theme:active {
  background-color: #a6d2ff;
}

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.right-align {
  right: 0;
}

.left-align {
  left: 0;
}

.item-selected {
  border-radius: 99px;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #0057ae;
}

.item-container {
  position: relative;
  cursor: pointer;
  content: "";
  outline: none;
  box-sizing: border-box;
  overflow: visible;
  height: 45px;
  width: 45px;
  align-content: center;
}

.button-popup-open {
  background-color: #ffffff;
  border-radius: 0;
}

.journey-none {
  display: flex;
  height: 62px;
  box-sizing: border-box;
  background-color: rgb(255, 255, 255);
  border: none;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 4px, rgba(0, 0, 0, 0.16) 0 2px 8px;
  margin-top: 15px;
  justify-content: center;
  align-items: center;
}

.journey-none p {
  margin: auto;
}

.archive-milestone-title {
  color: #2B2B2B !important;
}

.archive-milestone-description {
  color: #3B3B3B;
  letter-spacing: 0.24px;
  line-height: 20px;
  margin-bottom: 0;
}

.archive-milestone-description-note {
  font-style: italic;
  margin-bottom: 14px;
}

.remove-milestone-title {
  color: #2B2B2B !important;
}

.remove-milestone-description {
  color: #3B3B3B;
  letter-spacing: 0.24px;
  line-height: 20px;
}

.journey-list-container * {
  scroll-behavior: smooth;
}

.journey-list-container .welcome-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
}

.journey-list-container .welcome-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 22.4px;
}

.journey-list-container .archive-help {
  vertical-align: top;
  position: absolute;
  top: 14px;
}

.title-common, .outer-container .multi-journey-container .journey-error .error-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 20px;
  color: #333333;
  background-color: #ffffff;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

.desc-common {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 0.24px;
  color: #333333;
  background-color: #ffffff;
  margin-block-start: -8px;
  margin-block-end: 1em;
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

.tooltip .tooltip-text {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: white;
  font-size: 12px;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  top: -60%;
  left: 120%;
  margin-top: 5px;
  margin-left: 10px;
  opacity: 0;
  transition: opacity 0.3s;
}

.outer-container {
  min-width: 375px;
  margin-bottom: 16px;
}

.outer-container .text-error, .outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .task-dialog div.complete-error span, .outer-container .multi-journey-container .journey-error .empty-message,
.outer-container .multi-journey-container .journey-error .error-message,
.outer-container .multi-journey-container .journey-error .help-message {
  color: #333333;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.outer-container .multi-journey-container .tab-header-expanded {
  border-bottom: 1px solid #E0E4E9;
  padding-bottom: 16px !important;
}

.outer-container .multi-journey-container .tab-header .first-column {
  padding-left: 20px;
}

.outer-container .multi-journey-container .tab-header .first-column-768 {
  width: 60% !important;
}

.outer-container .multi-journey-container .tab-header .first-column .milestone-badge-self-assigned {
  color: #0057ae;
  background-color: #E3F1FF;
}

.outer-container .multi-journey-container .tab-header .first-column .milestone-badge-skipped {
  color: #4D5662;
  background-color: #EAEDF0;
}

.outer-container .multi-journey-container .tab-header .first-column .self-assigned-icon {
  margin-bottom: 5px;
  display: flex;
  gap: 5px;
}

.outer-container .multi-journey-container .tab-header .first-column .milestone-badge-text {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.24px;
  padding: 2px 8px;
  border-radius: 16px;
}

.outer-container .multi-journey-container .tab-header .first-column .title-bar {
  margin-bottom: 8px;
}

.outer-container .multi-journey-container .tab-header .first-column .title-bar:hover {
  cursor: pointer;
}

.outer-container .multi-journey-container .tab-header .first-column .title-bar-div:hover {
  cursor: default;
}

.outer-container .multi-journey-container .tab-header .first-column .title-bar .header-title {
  margin: 0;
}

.outer-container .multi-journey-container .tab-header .first-column .title-bar .header-title-768 {
  font-size: 16px;
}

.outer-container .multi-journey-container .tab-header .first-column .title-bar .chevron-icon {
  float: right;
  margin-right: 20px;
  margin-top: 20px;
  padding: 15px 0 12px 0;
}

.outer-container .multi-journey-container .tab-header .second-column {
  text-align: center;
  vertical-align: middle !important;
  display: flex;
  justify-content: flex-end;
  width: 160px;
}

.outer-container .multi-journey-container .tab-header .second-column-archive-status {
  width: 182px;
  justify-content: start;
  flex-direction: column;
  align-items: center;
  margin-left: 24px;
  padding-left: 24px;
  border-left: 1px solid #E0E4E9;
}

.outer-container .multi-journey-container .tab-header .second-column .archive-resource {
  color: #ffffff;
  padding: 6px 16px;
  line-height: 20px;
  letter-spacing: 0.24px;
}

.outer-container .multi-journey-container .tab-header .second-column .archive-link-text {
  font-size: 12px;
  margin-left: 4px;
  color: #0065CC;
  padding-top: 1px;
  font-weight: 700;
}

.outer-container .multi-journey-container .tab-header .second-column .remove-milestone-text {
  font-size: 12px;
  margin-left: 4px;
  color: #0065CC;
  padding-top: 1px;
  font-weight: 700;
}

.outer-container .multi-journey-container .tab-header .second-column a {
  display: flex;
  height: fit-content;
}

.outer-container .multi-journey-container .tab-header .second-column .archive-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.32px;
  margin-bottom: 10%;
  margin-top: 0;
}

.outer-container .multi-journey-container .tab-content {
  padding-bottom: 20px;
}

.outer-container .multi-journey-container {
  box-sizing: border-box;
  background-color: rgb(255, 255, 255);
  border: none;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 4px, rgba(0, 0, 0, 0.16) 0 2px 8px;
  width: 100%;
}

.outer-container .multi-journey-container * {
  scroll-behavior: smooth;
}

.outer-container .multi-journey-container .journey-error {
  display: flex;
}

.outer-container .multi-journey-container .journey-error .error-title {
  line-height: 36px;
}

.outer-container .multi-journey-container .journey-error .empty-message,
.outer-container .multi-journey-container .journey-error .error-message,
.outer-container .multi-journey-container .journey-error .help-message {
  padding: 2px 0;
}

.outer-container .multi-journey-container .journey-error .error-message {
  padding-right: 60px;
  margin-bottom: 25px;
}

.outer-container .multi-journey-container .tab-header {
  display: flex;
  padding: 24px;
}

.outer-container .multi-journey-container .tab-header .first-column {
  flex: 1;
}

.outer-container .multi-journey-container .tab-header .first-column .header-text {
  color: #0875E1;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}

.outer-container .multi-journey-container .tab-header .first-column .header-title {
  font-size: 18px;
  line-height: 24px;
  color: #3B3B3B;
}

.outer-container .multi-journey-container .tab-header .first-column .description {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  margin: 0;
  color: #3B3B3B;
}

.outer-container .multi-journey-container .tab-list {
  list-style-type: none;
  color: white;
  align-items: center;
  margin: 0 24px;
  padding: 0;
  border-bottom: 1px solid #CBD0D7;
  margin-bottom: -2px;
}

.outer-container .multi-journey-container .tab-list .tab-item {
  border: 2px solid transparent;
  display: inline-block;
  padding: 16px 14px 12px 14px;
  height: 100%;
  box-sizing: border-box;
  border-bottom: 4px solid transparent;
}

.outer-container .multi-journey-container .tab-list .tab-item:hover {
  background-color: #f0f1f2 !important;
}

.outer-container .multi-journey-container .tab-list .tab-item.active {
  border-bottom: 4px solid #0875E1;
}

.outer-container .multi-journey-container .tab-list .tab-item.active button {
  color: #0065CC;
}

.outer-container .multi-journey-container .tab-list .tab-item button {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.24px;
  margin: 0;
  white-space: nowrap;
  position: relative;
  background-color: transparent;
  border: none;
  max-width: 100%;
  height: 100%;
  padding: 0 0 6px;
  cursor: pointer;
  font-weight: 500;
  color: #A8B0BB;
  align-items: center;
  text-align: center;
}

.outer-container .multi-journey-container .tab-list .tooltip-tab-item {
  border: 2px solid transparent;
  border-bottom: none;
  display: inline-block;
  padding: 6px 11px 7px;
  height: 100%;
  box-sizing: border-box;
}

.outer-container .multi-journey-container .tab-list .tooltip-tab-item .tooltip {
  margin-left: -5px;
}

.outer-container .multi-journey-container .tab-list .tooltip-tab-item .tooltip:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

.outer-container .multi-journey-container .tab-list .tooltip-tab-item .tooltip .tooltip-text {
  visibility: hidden;
  width: 280px;
  background-color: black;
  color: white;
  font-size: 12px;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  margin-left: 0;
  opacity: 0;
  transition: opacity 0.3s;
}

.outer-container .multi-journey-container .tab-list .tooltip-tab-item .phase-help {
  vertical-align: top;
  top: 14px;
}

.outer-container .multi-journey-container .tab-list .tooltip-tab-item .phase-help .wd-icon-info {
  width: 20px;
  height: 20px;
}

.outer-container .multi-journey-container .tab-content {
  margin: 16px 24px 0 24px;
}

.outer-container .multi-journey-container .tab-content .table-pane {
  width: 100%;
}

.outer-container .multi-journey-container .tab-content .table-pane .tab-cell {
  width: 50%;
}

.outer-container .multi-journey-container .tab-content .table-pane .tab-cell tr td:nth-child(2):hover {
  background-color: #f0f1f2 !important;
  border-radius: 8px;
  cursor: pointer;
}

.outer-container .multi-journey-container .tab-content .table-pane .tab-cell .vertical-action-menu-icon span > span {
  padding: 2px;
}

.outer-container .multi-journey-container .tab-content .table-pane .tab-cell .vertical-action-menu-icon span > span:hover {
  background-color: #E0E4E9 !important;
}

.outer-container .multi-journey-container .tab-content .table-pane .tab-cell .vertical-action-menu-icon-selected span:last-child {
  background-color: #E0E4E9 !important;
  border-radius: 4px;
}

.outer-container .multi-journey-container .tab-content .table-pane .tab-cell .task-action-menu-container {
  position: relative;
}

.outer-container .multi-journey-container .tab-content .table-pane .tab-cell .task-action-menu-container .task-action-menu {
  padding: 8px 0;
  border: 1px solid #c4c4c4;
  border-radius: 8px;
  position: absolute;
  z-index: 100;
  top: 30px;
  text-align: left;
  background-color: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.outer-container .multi-journey-container .tab-content .table-pane .tab-cell .task-action-menu-container .task-action-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.outer-container .multi-journey-container .tab-content .table-pane .tab-cell .task-action-menu-container .task-action-menu ul li.divider {
  height: 1px;
  margin: 11px 0;
  overflow: hidden;
  background-color: #c4c4c4;
  display: block;
  padding: 0;
}

.outer-container .multi-journey-container .tab-content .table-pane .tab-cell .task-action-menu-container .task-action-menu ul li a, .outer-container .multi-journey-container .tab-content .table-pane .tab-cell .task-action-menu-container .task-action-menu ul li button {
  display: block;
  width: 100%;
  text-align: left;
  padding: 10px 16px;
  line-height: 1.5;
  letter-spacing: 0.32px;
  color: #494949;
  white-space: nowrap;
  text-decoration: none;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  font-size: 14px;
}

.outer-container .multi-journey-container .tab-content .table-pane .tab-cell .task-action-menu-container .task-action-menu ul li a:hover, .outer-container .multi-journey-container .tab-content .table-pane .tab-cell .task-action-menu-container .task-action-menu ul li button:hover {
  box-shadow: none;
  background-color: #0065CC;
  color: white;
}

.outer-container .multi-journey-container .tab-content .table-pane .tab-cell .task-action-menu-container .task-action-menu ul li.disabled {
  opacity: 0.3;
  pointer-events: none;
}

.outer-container .multi-journey-container .tab-content .table-pane .task-status-icon {
  width: 18px;
  height: 18px;
}

.outer-container .multi-journey-container .tab-content table {
  table-layout: auto;
  margin: 0;
}

.outer-container .multi-journey-container .tab-content table tr {
  padding: 0 12px;
}

.outer-container .multi-journey-container .tab-content table .vertical-action-menu-cell {
  vertical-align: top;
}

.outer-container .multi-journey-container .tab-content table .tab-cell {
  border: none;
  vertical-align: top;
}

.outer-container .multi-journey-container .tab-content table .tab-cell td {
  border: none;
  padding: 8px 7px 0 7px;
}

.outer-container .multi-journey-container .tab-content table .tab-cell td .task-title {
  font-size: 14px;
  font-weight: 700;
  border: none;
  color: #0065CC;
  line-height: 20px;
  letter-spacing: 0.24px;
  margin-bottom: 5px;
}

.outer-container .multi-journey-container .tab-content table .tab-cell td .task-title:hover {
  background-color: transparent;
}

.outer-container .multi-journey-container .tab-content table .tab-cell td .task-description {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.32px;
  color: #5D6775;
}

.outer-container .multi-journey-container .tab-content table .tab-cell td .task-duration-heading {
  font-size: 12px;
  font-weight: 600;
  border: none;
  background-color: transparent;
  line-height: normal;
  margin: 0;
  opacity: 0.7;
}

.outer-container .multi-journey-container .tab-content table .tab-cell td .task-duration-heading:hover {
  background-color: transparent;
}

.outer-container .multi-journey-container .tab-content table .tab-cell td .task-duration {
  font-size: 12px;
  font-weight: 400;
  border: none;
  background-color: transparent;
  line-height: normal;
  margin: 0;
  opacity: 0.7;
}

.outer-container .multi-journey-container .tab-content table .tab-cell td .task-duration:hover {
  background-color: transparent;
}

.outer-container .multi-journey-container .tab-content table .tab-cell .image-cell {
  padding: 12px 3px 0 3px;
  vertical-align: top;
}

.outer-container .multi-journey-container .tab-content table .tab-cell .image-cell img {
  max-width: none !important;
}

.outer-container .multi-journey-container .footer-area {
  position: relative;
  border-top: 1px solid #E0E4E9;
}

.outer-container .multi-journey-container .footer-area .tab-footer {
  margin: 20px 0 20px 10px;
  display: inline-block;
}

.outer-container .multi-journey-container .footer-area .tab-footer .green {
  color: #12a67c;
}

.outer-container .multi-journey-container .footer-area .tab-footer .complete-by-heading {
  font-weight: 700;
  font-size: 13px;
  line-height: 15px;
}

.outer-container .multi-journey-container .footer-area .tab-footer .complete-by {
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
}

.outer-container .multi-journey-container .footer-area .tab-footer p {
  margin: 0;
}

.outer-container .multi-journey-container .footer-area .tab-footer .help-link {
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: #0875E1;
}

.outer-container .multi-journey-container .task-popup-container {
  position: relative;
  z-index: 400;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.65);
  animation-name: animation-1nbspbq;
  animation-duration: 0.3s;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay {
  width: 100%;
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .task-dialog {
  display: flex;
  flex-direction: column;
  background-color: rgb(255, 255, 255);
  border: 0 solid rgb(206, 211, 217);
  border-radius: 8px;
  color: #2B2B2B;
  box-shadow: rgba(31, 38, 46, 0.12) 0 6px 24px, rgba(31, 38, 46, 0.08) 0 12px 48px;
  width: 450px;
  padding: 26px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.015rem;
  font-weight: 400;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .task-dialog .popup-badges {
  display: grid;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .task-dialog .popup-badges .award-container {
  display: block;
  position: inherit;
  margin: 0;
  z-index: 2;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .task-dialog .task-dialog-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .task-dialog .skip-activity-description {
  color: #3B3B3B;
  letter-spacing: 0.24px;
  line-height: 20px;
  margin: 14px 0px;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .task-dialog .task-dialog-duration {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  line-height: normal;
  margin-top: 10px;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .task-dialog .task-dialog-desc {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.24px;
  margin-top: 7px;
  color: #3B3B3B;
  max-height: 120px;
  overflow: auto;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .task-dialog .task-dialog-button-primary {
  width: 100%;
  margin-top: 15px;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .task-dialog .task-dialog-button-primary span {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.24px;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .task-dialog .task-dialog-button-secondary {
  width: 100%;
  margin-top: 20px;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .task-dialog .task-dialog-button-secondary span {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.24px;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .task-dialog .task-dialog-button-secondary svg > g > path {
  fill: #12a67c;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .task-dialog div.complete-error {
  margin-top: 20px;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .task-dialog div.complete-error span {
  color: #de2e21;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .task-dialog div.confirm-archive {
  margin-top: 8px;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .task-dialog div.confirm-archive button.confirm-button {
  margin-right: 28px;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .task-dialog div.task-dialog-close {
  margin-top: -15px;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .task-dialog div.task-dialog-close button {
  border-radius: 0;
  float: right;
  margin-right: -22px;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .task-dialog div.task-dialog-close button svg.wd-icon {
  height: 20px;
  width: 20px;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .task-dialog div.task-dialog-close button svg.wd-icon g.wd-icon-container path.wd-icon-fill {
  fill: #5D6775;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .green {
  width: 300px;
  background-color: #12a67c;
  color: #ffffff;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .green .task-dialog-congrats {
  text-align: center;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .green .task-dialog-congrats h2 {
  color: #ffffff;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .green .detail {
  font-weight: 600;
  color: #ffffff;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .green .instruction {
  color: #ffffff;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .green .survey-link {
  font-weight: 600;
  color: #0065CC;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .green div.task-dialog-congrats-close {
  margin-top: -15px;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .green div.task-dialog-congrats-close button {
  border-radius: 0;
  float: right;
  margin-right: -22px;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .green div.task-dialog-congrats-close button svg.wd-icon {
  height: 12px;
  width: 12px;
}

.outer-container .multi-journey-container .task-popup-container .popup-overlay-container .popup-overlay .green div.task-dialog-congrats-close button svg.wd-icon g.wd-icon-container path.wd-icon-fill {
  fill: #f0f1f2;
}

.outer-container .multi-journey-container a {
  text-decoration: none;
}

.outer-container .journey-container {
  padding: 6px 15px;
}

.outer-container .journey-container .tab-header {
  border-bottom: 1px solid #E0E4E9;
}

.outer-container .award-container {
  display: inline-block;
  float: right;
  position: relative;
  margin: -30px 60px 0 0;
}

.outer-container .award-container span {
  margin-left: 7px;
}
/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-amber-100: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-amber-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-amber-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-amber-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-amber-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-amber-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-amber-700: oklch(0.4824 0.1353 46.11 / 1);
  --cnvs-base-palette-amber-800: oklch(0.4143 0.1245 42.21 / 1);
  --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
  --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
  --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
  --cnvs-base-palette-azure-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-azure-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-azure-400: oklch(0.7283 0.1377 242.63 / 1);
  --cnvs-base-palette-azure-500: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-azure-600: oklch(0.5174 0.1257 243.24 / 1);
  --cnvs-base-palette-azure-700: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-azure-800: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
  --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
  --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
  --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
  --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
  --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blue-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-blue-300: oklch(0.7933 0.1076 252.08 / 1);
  --cnvs-base-palette-blue-400: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blue-500: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-blue-600: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blue-700: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blue-800: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
  --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
  --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
  --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-coral-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-coral-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-coral-400: oklch(0.7279 0.1703 38.58 / 1);
  --cnvs-base-palette-coral-500: oklch(0.6779 0.2096 40.36 / 1);
  --cnvs-base-palette-coral-600: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-coral-700: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-coral-800: oklch(0.393 0.143 33.49 / 1);
  --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
  --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
  --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
  --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
  --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-200: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-300: oklch(0.7817 0.1928 150.67 / 1);
  --cnvs-base-palette-green-400: oklch(0.702 0.1952 148.39 / 1);
  --cnvs-base-palette-green-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-green-600: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-700: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-800: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
  --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
  --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
  --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
  --cnvs-base-palette-indigo-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-indigo-300: oklch(0.7625 0.1242 281 / 1);
  --cnvs-base-palette-indigo-400: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-indigo-500: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-indigo-600: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-palette-indigo-700: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-indigo-800: oklch(0.379 0.1771 278.1 / 1);
  --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
  --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
  --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
  --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
  --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
  --cnvs-base-palette-neutral-100: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-neutral-200: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-neutral-300: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-neutral-400: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-neutral-500: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-neutral-600: oklch(0.5103 0 0 / 1);
  --cnvs-base-palette-neutral-700: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-neutral-800: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-neutral-900: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-neutral-950: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-neutral-975: oklch(0.1591 0 0 / 1);
  --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
  --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
  --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
  --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-orange-200: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-orange-300: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-orange-400: oklch(0.7261 0.1852 52.58 / 1);
  --cnvs-base-palette-orange-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-orange-600: oklch(0.53 0.165 40.39 / 1);
  --cnvs-base-palette-orange-700: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-orange-800: oklch(0.4077 0.1336 37.92 / 1);
  --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
  --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
  --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
  --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
  --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
  --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
  --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
  --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
  --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
  --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
  --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
  --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
  --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
  --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-palette-purple-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-purple-300: oklch(0.8108 0.1412 315.48 / 1);
  --cnvs-base-palette-purple-400: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-purple-500: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-purple-600: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-purple-700: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-purple-800: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
  --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
  --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
  --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-red-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-red-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-red-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-red-500: oklch(0.6495 0.2369 30.04 / 1);
  --cnvs-base-palette-red-600: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-red-700: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-red-800: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
  --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
  --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
  --cnvs-base-palette-slate-25: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-slate-50: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-slate-100: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-slate-200: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-slate-300: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-slate-400: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-slate-500: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-slate-600: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-slate-700: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-slate-800: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-slate-900: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-slate-950: oklch(0.2453 0.0136 253.1 / 1);
  --cnvs-base-palette-slate-975: oklch(0.18 0.008 248.33 / 1);
  --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
  --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-teal-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-teal-300: oklch(0.7836 0.0874 204.93 / 1);
  --cnvs-base-palette-teal-400: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-teal-500: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-teal-600: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-teal-700: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
  --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
  --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
  --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
  --cnvs-base-palette-cinnamon-100: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-cinnamon-200: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-cinnamon-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-cinnamon-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-cinnamon-500: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-cinnamon-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-peach-100: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-peach-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-peach-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-peach-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-peach-500: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-peach-600: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-chili-mango-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-chili-mango-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-chili-mango-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-chili-mango-400: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-600: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-cantaloupe-100: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-cantaloupe-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-cantaloupe-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-cantaloupe-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-cantaloupe-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-cantaloupe-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-sour-lemon-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-sour-lemon-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-sour-lemon-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-sour-lemon-400: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-500: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-600: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-juicy-pear-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-juicy-pear-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-juicy-pear-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-400: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-juicy-pear-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-kiwi-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-kiwi-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-kiwi-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-kiwi-400: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-apple-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-apple-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-apple-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-apple-500: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-watermelon-200: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-watermelon-300: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-watermelon-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-watermelon-500: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-jewel-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-jewel-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-jewel-300: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-jewel-400: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-jewel-500: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-jewel-600: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-toothpaste-100: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-toothpaste-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-toothpaste-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-toothpaste-400: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-toothpaste-500: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-toothpaste-600: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-blueberry-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-200: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blueberry-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blueberry-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blueberry-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-plum-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-plum-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-plum-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-plum-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-plum-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-plum-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-berry-smoothie-100: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-berry-smoothie-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-berry-smoothie-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-berry-smoothie-400: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-berry-smoothie-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-berry-smoothie-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blackberry-100: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-blackberry-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-blackberry-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-blackberry-400: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-blackberry-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-blackberry-600: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-island-punch-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-island-punch-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-island-punch-300: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-500: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-island-punch-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-grape-soda-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-grape-soda-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-grape-soda-300: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-grape-soda-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-grape-soda-500: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-grape-soda-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-pomegranate-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-pomegranate-200: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-pomegranate-300: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-400: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-500: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-pomegranate-600: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-fruit-punch-100: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-fruit-punch-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-fruit-punch-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-fruit-punch-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-500: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-root-beer-100: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-root-beer-200: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-root-beer-300: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-400: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-500: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-root-beer-600: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-toasted-marshmallow-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-toasted-marshmallow-200: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-toasted-marshmallow-300: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-toasted-marshmallow-400: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-toasted-marshmallow-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-toasted-marshmallow-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-licorice-100: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-licorice-200: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-licorice-300: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-licorice-400: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-licorice-500: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-licorice-600: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-soap-100: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-soap-200: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-soap-300: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-soap-400: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-soap-500: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-soap-600: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-french-vanilla-100: oklch(1 0 0 / 1);
  --cnvs-base-palette-french-vanilla-200: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-french-vanilla-300: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-french-vanilla-400: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-french-vanilla-500: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-french-vanilla-600: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-100: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-200: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-black-pepper-300: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-black-pepper-400: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-black-pepper-500: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-black-pepper-600: oklch(0 0 0 / 1);
  --cnvs-base-palette-coconut-100: #F0EEEE;
  --cnvs-base-palette-coconut-200: #e3dfdf;
  --cnvs-base-palette-coconut-300: #d1cbcc;
  --cnvs-base-palette-coconut-400: #b3acac;
  --cnvs-base-palette-coconut-500: #9e9595;
  --cnvs-base-palette-coconut-600: #8F8687;
  --cnvs-base-palette-cappuccino-100: #7A7374;
  --cnvs-base-palette-cappuccino-200: #706869;
  --cnvs-base-palette-cappuccino-300: #5E5757;
  --cnvs-base-palette-cappuccino-400: #4A4242;
  --cnvs-base-palette-cappuccino-500: #352f2f;
  --cnvs-base-palette-cappuccino-600: #231f20;
  --cnvs-base-opacity-0: 0;
  --cnvs-base-opacity-100: 0.08;
  --cnvs-base-opacity-200: 0.12;
  --cnvs-base-opacity-250: 0.2;
  --cnvs-base-opacity-300: 0.4;
  --cnvs-base-opacity-400: 0.64;
  --cnvs-base-opacity-500: 0.84;
  --cnvs-base-font-size-25: 0.625rem;
  --cnvs-base-font-size-50: 0.75rem;
  --cnvs-base-font-size-75: 0.875rem;
  --cnvs-base-font-size-100: 1rem;
  --cnvs-base-font-size-125: 1.125rem;
  --cnvs-base-font-size-150: 1.25rem;
  --cnvs-base-font-size-200: 1.5rem;
  --cnvs-base-font-size-250: 1.75rem;
  --cnvs-base-font-size-300: 2rem;
  --cnvs-base-font-size-400: 2.5rem;
  --cnvs-base-font-size-500: 3rem;
  --cnvs-base-font-size-600: 3.5rem;
  --cnvs-base-font-size-750: 4.5rem;
  --cnvs-base-font-size-900: 5.5rem;
  --cnvs-base-font-size-1050: 6.5rem;
  --cnvs-base-line-height-50: 1rem;
  --cnvs-base-line-height-100: 1.25rem;
  --cnvs-base-line-height-150: 1.5rem;
  --cnvs-base-line-height-200: 1.75rem;
  --cnvs-base-line-height-250: 2rem;
  --cnvs-base-line-height-300: 2.25rem;
  --cnvs-base-line-height-350: 2.5rem;
  --cnvs-base-line-height-400: 3rem;
  --cnvs-base-line-height-500: 3.5rem;
  --cnvs-base-line-height-600: 4rem;
  --cnvs-base-line-height-750: 4.5rem;
  --cnvs-base-line-height-900: 5.5rem;
  --cnvs-base-line-height-1050: 6.5rem;
  --cnvs-base-font-family-50: "Roboto"; /* Default font-family */
  --cnvs-base-font-family-100: "Roboto Mono";
  --cnvs-base-font-family-200: "Noto Sans";
  --cnvs-base-font-weight-300: 300;
  --cnvs-base-font-weight-400: 400;
  --cnvs-base-font-weight-500: 500;
  --cnvs-base-font-weight-700: 700;
  --cnvs-base-letter-spacing-50: 0.025rem;
  --cnvs-base-letter-spacing-100: 0.02rem;
  --cnvs-base-letter-spacing-150: 0.015rem;
  --cnvs-base-letter-spacing-200: 0.01rem;
  --cnvs-base-unit: 0.25rem; /* The base unit used in the grid system.;  */
  --cnvs-base-extended-palette-dragon-fruit-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-extended-palette-dragon-fruit-200: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-extended-palette-dragon-fruit-300: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-extended-palette-dragon-fruit-400: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-extended-palette-dragon-fruit-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-extended-palette-dragon-fruit-600: oklch(0.317 0.142 278.2 / 1);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Standard card depth */
  --cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Top navigation, Bottom Navigation */
  --cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Floating Action Buttons (FAB), Menus */
  --cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.5rem 2rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Bottom Sheets */
  --cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.625rem 2.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied) */
  --cnvs-sys-depth-6: 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.75rem 3rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied) */
  --cnvs-sys-space-zero: 0; /* Stacks, rows in tables */
  --cnvs-sys-shape-zero: 0rem; /* This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels. */
  --cnvs-sys-opacity-full: 1; /* Dev only */
  --cnvs-sys-opacity-zero: 0; /* Dev only */
  --cnvs-sys-breakpoints-zero: 0px; /* Use to set a media query `min-width` below small. */
  --cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);
  --cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);
  --cnvs-sys-font-weight-normal: var(--cnvs-base-font-weight-400);
  --cnvs-sys-font-weight-light: var(--cnvs-base-font-weight-300);
  --cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);
  --cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);
  --cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);
  --cnvs-sys-line-height-heading-large: var(--cnvs-base-line-height-350);
  --cnvs-sys-line-height-heading-medium: var(--cnvs-base-line-height-300);
  --cnvs-sys-line-height-heading-small: var(--cnvs-base-line-height-250);
  --cnvs-sys-line-height-body-large: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-medium: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-small: var(--cnvs-base-line-height-150);
  --cnvs-sys-line-height-subtext-large: var(--cnvs-base-line-height-100);
  --cnvs-sys-line-height-subtext-medium: var(--cnvs-base-line-height-50);
  --cnvs-sys-line-height-subtext-small: var(--cnvs-base-line-height-50);
  --cnvs-sys-font-size-subtext-small: var(--cnvs-base-font-size-25);
  --cnvs-sys-font-family-global: var(--cnvs-base-font-family-200);
  --cnvs-sys-font-family-mono: var(--cnvs-base-font-family-100);
  --cnvs-sys-font-family-default: var(--cnvs-base-font-family-50);
  --cnvs-sys-space-x20: calc(var(--cnvs-base-unit) * 20); /* - Use sparingly; - Helps to put focus on the primary element within your page; - Use to de-clutter your UI when a lot of space is available */
  --cnvs-sys-space-x16: calc(var(--cnvs-base-unit) * 16); /* - Use to de-clutter your UI when a lot of space is available; - Separate banner sections from page content; - Use to differentiate page content like page sections */
  --cnvs-sys-space-x10: calc(var(--cnvs-base-unit) * 10); /* • Used for outer margins on the overall page content ; • Used for inner margins on large items such as page sections */
  --cnvs-sys-space-x8: calc(var(--cnvs-base-unit) * 8); /* • Standard spacing between cards; • Used to separate groups of content ; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x6: calc(var(--cnvs-base-unit) * 6); /* • Padding around card content; • Related elements where more space between them can be afforded; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x4: calc(var(--cnvs-base-unit) * 4); /* Default space token. Used to group Inputs with related data */
  --cnvs-sys-space-x3: calc(var(--cnvs-base-unit) * 3); /* Use when compact padding is required */
  --cnvs-sys-space-x2: calc(var(--cnvs-base-unit) * 2); /* Commonly used to group compact elements like icon buttons */
  --cnvs-sys-space-x1: var(--cnvs-base-unit); /* Compact spacing between text or icons */
  --cnvs-sys-shape-round: calc(var(--cnvs-base-unit) * 250); /* Commonly used for our standard buttons and profile avatars: All Primary, Secondary Buttons, Radio Buttons and Notification Badges. */
  --cnvs-sys-shape-x2: calc(var(--cnvs-base-unit) * 2); /* Use this for all the containers and popups: All Cards, Modals, Tooltips and Toasts. */
  --cnvs-sys-shape-x1-half: calc(var(--cnvs-base-unit) * 1.5);
  --cnvs-sys-shape-x1: var(--cnvs-base-unit);
  --cnvs-sys-shape-half: calc(var(--cnvs-base-unit) * 0.5); /* Use this for subtle and small components that don’t require to group complex information like Status Indicators, Checkboxes and Color Swatches. */
  --cnvs-sys-opacity-shadow-second: var(--cnvs-base-opacity-100); /* Alpha on second shadow */
  --cnvs-sys-opacity-shadow-first: var(--cnvs-base-opacity-200); /* Alpha on first shadow */
  --cnvs-sys-opacity-contrast: var(--cnvs-base-opacity-500); /* Tooltips, Status Indicator */
  --cnvs-sys-opacity-overlay: var(--cnvs-base-opacity-400); /* Overlay */
  --cnvs-sys-opacity-disabled: var(--cnvs-base-opacity-300); /* Disabled states */
  --cnvs-sys-breakpoints-xl: 1440px; /* Used for extra large screens, such as wide monitors and TVs. */
  --cnvs-sys-breakpoints-l: 1024px; /* Large screens, such as desktops. */
  --cnvs-sys-breakpoints-m: 768px; /* Medium screens, such as laptops. */
  --cnvs-sys-breakpoints-s: 320px; /* The `min-width` for mobile devices, such as phones and tablets. */
  --cnvs-sys-color-shadow-default: var(--cnvs-base-palette-slate-900); /* Main shadow color */
  --cnvs-sys-color-shadow-2: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-100)); /* Second shadow color */
  --cnvs-sys-color-shadow-1: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-200)); /* First shadow color */
  --cnvs-sys-color-border-info-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950); /* Active state on AI borders */
  --cnvs-sys-color-border-container: var(--cnvs-base-palette-slate-300); /* Cards, Toasts, Surfaces */
  --cnvs-sys-color-border-divider: var(--cnvs-base-palette-slate-200); /* Dividers */
  --cnvs-sys-color-border-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on accent colors */
  --cnvs-sys-color-border-transparent: transparent; /* Transparent */
  --cnvs-sys-color-border-caution-strong: var(--cnvs-base-palette-amber-500); /* Warning outer (box shadow) */
  --cnvs-sys-color-border-caution-default: var(--cnvs-base-palette-amber-400); /* Warning inner */
  --cnvs-sys-color-border-critical-default: var(--cnvs-base-palette-red-500); /* Error */
  --cnvs-sys-color-border-primary-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Secondary Button Hover */
  --cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-900); /* Secondary Button */
  --cnvs-sys-color-border-input-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on checkboxes and radios */
  --cnvs-sys-color-border-input-strong: var(--cnvs-base-palette-slate-700); /* Input hover */
  --cnvs-sys-color-border-input-default: var(--cnvs-base-palette-slate-500); /* Inputs */
  --cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-slate-400); /* Disabled inputs */
  --cnvs-sys-color-fg-positive-stronger: var(--cnvs-base-palette-green-800); /* Error */
  --cnvs-sys-color-fg-positive-strong: var(--cnvs-base-palette-green-700); /* Error */
  --cnvs-sys-color-fg-positive-soft: var(--cnvs-base-palette-green-400); /* Error */
  --cnvs-sys-color-fg-positive-softer: var(--cnvs-base-palette-green-200); /* Error */
  --cnvs-sys-color-fg-positive-default: var(--cnvs-base-palette-green-600); /* Error */
  --cnvs-sys-color-fg-info-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-info-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-info-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950); /* AI icons and text */
  --cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Strong contrast */
  --cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast */
  --cnvs-sys-color-fg-caution-softer: var(--cnvs-base-palette-amber-500); /* Warning */
  --cnvs-sys-color-fg-caution-stronger: var(--cnvs-base-palette-amber-975); /* Warning on hover */
  --cnvs-sys-color-fg-caution-soft: var(--cnvs-base-palette-amber-700); /* Warning */
  --cnvs-sys-color-fg-caution-strong: var(--cnvs-base-palette-amber-950); /* Warning on hover */
  --cnvs-sys-color-fg-caution-default: var(--cnvs-base-palette-amber-900); /* Warning */
  --cnvs-sys-color-fg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-primary-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-primary-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-primary-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-primary-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-slate-400); /* Tab item foreground */
  --cnvs-sys-color-fg-muted-stronger: var(--cnvs-base-palette-slate-800);
  --cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-slate-600); /* Hint text */
  --cnvs-sys-color-fg-critical-softer: var(--cnvs-base-palette-red-200); /* Error */
  --cnvs-sys-color-fg-critical-soft: var(--cnvs-base-palette-red-400); /* Error */
  --cnvs-sys-color-fg-critical-stronger: var(--cnvs-base-palette-red-800); /* Error */
  --cnvs-sys-color-fg-critical-strong: var(--cnvs-base-palette-red-700); /* Error */
  --cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-red-600); /* Error */
  --cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse */
  --cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-slate-400); /* Disabled */
  --cnvs-sys-color-fg-stronger: var(--cnvs-base-palette-neutral-950); /* Heading on hover */
  --cnvs-sys-color-fg-strong: var(--cnvs-base-palette-neutral-900); /* Headings */
  --cnvs-sys-color-fg-default: var(--cnvs-base-palette-neutral-800); /* Body */
  --cnvs-sys-color-icon-info-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-disabled: var(--cnvs-base-palette-slate-400); /* Disabled icon color */
  --cnvs-sys-color-icon-caution-softer: var(--cnvs-base-palette-amber-500); /* Softer caution icon color */
  --cnvs-sys-color-icon-caution-soft: var(--cnvs-base-palette-amber-700); /* Soft caution icon color */
  --cnvs-sys-color-icon-caution-stronger: var(--cnvs-base-palette-amber-975); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-default: var(--cnvs-base-palette-amber-900); /* Caution icon color */
  --cnvs-sys-color-icon-critical-softer: var(--cnvs-base-palette-red-200); /* Error icon color */
  --cnvs-sys-color-icon-critical-soft: var(--cnvs-base-palette-red-400); /* Error icon color */
  --cnvs-sys-color-icon-critical-stronger: var(--cnvs-base-palette-red-800); /* Error icon color */
  --cnvs-sys-color-icon-critical-strong: var(--cnvs-base-palette-red-700); /* Error icon color */
  --cnvs-sys-color-icon-critical-default: var(--cnvs-base-palette-red-600); /* Error icon color */
  --cnvs-sys-color-icon-positive-softer: var(--cnvs-base-palette-green-200); /* Success icon color */
  --cnvs-sys-color-icon-positive-soft: var(--cnvs-base-palette-green-400); /* Success icon color */
  --cnvs-sys-color-icon-positive-stronger: var(--cnvs-base-palette-green-800); /* Success icon color */
  --cnvs-sys-color-icon-positive-strong: var(--cnvs-base-palette-green-700); /* Success icon color */
  --cnvs-sys-color-icon-positive-default: var(--cnvs-base-palette-green-600); /* Success icon color */
  --cnvs-sys-color-icon-primary-softer: var(--cnvs-base-palette-blue-200); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-soft: var(--cnvs-base-palette-blue-400); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse icon color */
  --cnvs-sys-color-icon-strong: var(--cnvs-base-palette-neutral-900); /* Hover icon color */
  --cnvs-sys-color-icon-soft: var(--cnvs-base-palette-slate-600); /* Disabled icon color */
  --cnvs-sys-color-icon-default: var(--cnvs-base-palette-neutral-800); /* Default icon color */
  --cnvs-sys-color-text-info-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-info-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-info-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-info-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-info-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-positive-softer: var(--cnvs-base-palette-green-200); /* Active links */
  --cnvs-sys-color-text-positive-soft: var(--cnvs-base-palette-green-400); /* Active links */
  --cnvs-sys-color-text-positive-stronger: var(--cnvs-base-palette-green-800); /* Active links */
  --cnvs-sys-color-text-positive-strong: var(--cnvs-base-palette-green-700); /* Branded hover text */
  --cnvs-sys-color-text-positive-default: var(--cnvs-base-palette-green-600); /* Branded text */
  --cnvs-sys-color-text-ai: var(--cnvs-base-palette-blue-950);
  --cnvs-sys-color-text-caution-softer: var(--cnvs-base-palette-amber-200); /* Softer warning text */
  --cnvs-sys-color-text-caution-stronger: var(--cnvs-base-palette-amber-975); /* Stronger warning text */
  --cnvs-sys-color-text-caution-soft: var(--cnvs-base-palette-amber-400); /* Disabled warning text */
  --cnvs-sys-color-text-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong warning text */
  --cnvs-sys-color-text-caution-default: var(--cnvs-base-palette-amber-900); /* Warning text */
  --cnvs-sys-color-text-primary-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-primary-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-primary-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-primary-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-primary-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-critical-softer: var(--cnvs-base-palette-red-200); /* Error text */
  --cnvs-sys-color-text-critical-soft: var(--cnvs-base-palette-red-400); /* Error text */
  --cnvs-sys-color-text-critical-stronger: var(--cnvs-base-palette-red-800); /* Error text */
  --cnvs-sys-color-text-critical-strong: var(--cnvs-base-palette-red-700); /* Error text */
  --cnvs-sys-color-text-critical-default: var(--cnvs-base-palette-red-600); /* Error text */
  --cnvs-sys-color-text-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse text color */
  --cnvs-sys-color-text-hint: var(--cnvs-base-palette-slate-600); /* Hint text color */
  --cnvs-sys-color-text-disabled: var(--cnvs-base-palette-slate-400); /* Disabled text color */
  --cnvs-sys-color-text-stronger: var(--cnvs-base-palette-neutral-950); /* Display text */
  --cnvs-sys-color-text-strong: var(--cnvs-base-palette-neutral-900); /* Heading text */
  --cnvs-sys-color-text-default: var(--cnvs-base-palette-neutral-800); /* Body text */
  --cnvs-sys-color-bg-info-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-info-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-info-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-info-soft: var(--cnvs-base-palette-blue-100); /* Disabled */
  --cnvs-sys-color-bg-info-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-info-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-ai-strongest: var(--cnvs-base-palette-blue-950); /* AI surfaces */
  --cnvs-sys-color-bg-ai-stronger: var(--cnvs-base-palette-blue-400); /* Active state on AI containers */
  --cnvs-sys-color-bg-ai-strong: var(--cnvs-base-palette-blue-200); /* Hover on AI container */
  --cnvs-sys-color-bg-ai-default: var(--cnvs-base-palette-blue-100); /* AI container */
  --cnvs-sys-color-bg-critical-stronger: var(--cnvs-base-palette-red-800); /* Stronger error background */
  --cnvs-sys-color-bg-critical-strong: var(--cnvs-base-palette-red-700); /* Strong error background */
  --cnvs-sys-color-bg-critical-default: var(--cnvs-base-palette-red-600); /* Default error background */
  --cnvs-sys-color-bg-critical-soft: var(--cnvs-base-palette-red-100); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softer: var(--cnvs-base-palette-red-50); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softest: var(--cnvs-base-palette-red-25); /* Input error background */
  --cnvs-sys-color-bg-caution-stronger: var(--cnvs-base-palette-amber-600); /* Stronger warning background */
  --cnvs-sys-color-bg-caution-strong: var(--cnvs-base-palette-amber-500); /* Strong warning background */
  --cnvs-sys-color-bg-caution-default: var(--cnvs-base-palette-amber-400); /* Default warning background */
  --cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-100); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softer: var(--cnvs-base-palette-amber-50); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softest: var(--cnvs-base-palette-amber-25); /* Disabled warning background */
  --cnvs-sys-color-bg-positive-stronger: var(--cnvs-base-palette-green-800); /* Active success background */
  --cnvs-sys-color-bg-positive-strong: var(--cnvs-base-palette-green-700); /* Hover success background */
  --cnvs-sys-color-bg-positive-default: var(--cnvs-base-palette-green-600); /* Disabled success background */
  --cnvs-sys-color-bg-positive-soft: var(--cnvs-base-palette-green-100); /* Disabled success background */
  --cnvs-sys-color-bg-positive-softer: var(--cnvs-base-palette-green-50); /* Surface success background */
  --cnvs-sys-color-bg-positive-softest: var(--cnvs-base-palette-green-25); /* Lightest surface success background */
  --cnvs-sys-color-bg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-primary-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-primary-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-100); /* Primary disabled */
  --cnvs-sys-color-bg-primary-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-primary-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-bg-muted-default: var(--cnvs-base-palette-slate-600);
  --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-slate-500);
  --cnvs-sys-color-bg-muted-softer: var(--cnvs-base-palette-slate-400);
  --cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-slate-300); /* Active state for segmented control, Pill */
  --cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-slate-200); /* Active states */
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-100); /* Surface hover, Secondary surfaces */
  --cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-slate-50); /* Alternative page background */
  --cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-slate-25); /* Disabled inputs */
  --cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
  --cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-400)); /* Overlay background */
  --cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-250)); /* Inverse Secondary Button Active state */
  --cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-100)); /* Inverse Secondary Button Hover state */
  --cnvs-sys-color-bg-transparent-default: transparent; /* Transparent background */
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0); /* Main background color */
  --cnvs-sys-color-static-amber-soft: var(--cnvs-base-palette-amber-100); /* Soft amber */
  --cnvs-sys-color-static-amber-strongest: var(--cnvs-base-palette-amber-950); /* Stronger amber */
  --cnvs-sys-color-static-amber-softer: var(--cnvs-base-palette-amber-50); /* Soft amber */
  --cnvs-sys-color-static-amber-stronger: var(--cnvs-base-palette-amber-600); /* Stronger amber */
  --cnvs-sys-color-static-amber-strong: var(--cnvs-base-palette-amber-500); /* Stronger amber */
  --cnvs-sys-color-static-amber-softest: var(--cnvs-base-palette-amber-25); /* Soft amber */
  --cnvs-sys-color-static-amber-default: var(--cnvs-base-palette-amber-400); /* amber */
  --cnvs-sys-color-static-gray-softer: var(--cnvs-base-palette-slate-100); /* Light gray */
  --cnvs-sys-color-static-gray-softest: var(--cnvs-base-palette-slate-50); /* Light gray */
  --cnvs-sys-color-static-gray-strongest: var(--cnvs-base-palette-slate-950); /* Strongerer gray */
  --cnvs-sys-color-static-gray-stronger: var(--cnvs-base-palette-slate-800); /* Strongerer gray */
  --cnvs-sys-color-static-gray-strong: var(--cnvs-base-palette-slate-700); /* Stronger gray */
  --cnvs-sys-color-static-gray-soft: var(--cnvs-base-palette-slate-200); /* Light gray */
  --cnvs-sys-color-static-gray-default: var(--cnvs-base-palette-slate-600); /* Gray */
  --cnvs-sys-color-static-black: var(--cnvs-base-palette-neutral-1000); /* Just black */
  --cnvs-sys-color-static-white: var(--cnvs-base-palette-neutral-0); /* Just white */
  --cnvs-sys-color-static-red-softer: var(--cnvs-base-palette-red-50); /* Light red */
  --cnvs-sys-color-static-red-strongest: var(--cnvs-base-palette-red-950); /* Strong red */
  --cnvs-sys-color-static-red-softest: var(--cnvs-base-palette-red-25); /* Light red */
  --cnvs-sys-color-static-red-stronger: var(--cnvs-base-palette-red-800); /* Strong red */
  --cnvs-sys-color-static-red-strong: var(--cnvs-base-palette-red-700); /* Strong red */
  --cnvs-sys-color-static-red-soft: var(--cnvs-base-palette-red-100); /* Light red */
  --cnvs-sys-color-static-red-default: var(--cnvs-base-palette-red-600); /* Red */
  --cnvs-sys-color-static-green-strongest: var(--cnvs-base-palette-green-950); /* Stronger green */
  --cnvs-sys-color-static-green-softest: var(--cnvs-base-palette-green-25); /* Light green */
  --cnvs-sys-color-static-green-stronger: var(--cnvs-base-palette-green-800); /* Stronger green */
  --cnvs-sys-color-static-green-softer: var(--cnvs-base-palette-green-50); /* Light green */
  --cnvs-sys-color-static-green-strong: var(--cnvs-base-palette-green-700); /* Stronger green */
  --cnvs-sys-color-static-green-soft: var(--cnvs-base-palette-green-100); /* Light green */
  --cnvs-sys-color-static-green-default: var(--cnvs-base-palette-green-600); /* Default green */
  --cnvs-sys-color-static-blue-strongest: var(--cnvs-base-palette-blue-950); /* Stronger blue */
  --cnvs-sys-color-static-blue-soft: var(--cnvs-base-palette-blue-100); /* Light blue */
  --cnvs-sys-color-static-blue-softer: var(--cnvs-base-palette-blue-50); /* Light blue */
  --cnvs-sys-color-static-blue-stronger: var(--cnvs-base-palette-blue-800); /* Stronger blue */
  --cnvs-sys-color-static-blue-strong: var(--cnvs-base-palette-blue-700); /* Stronger blue */
  --cnvs-sys-color-static-blue-softest: var(--cnvs-base-palette-blue-25); /* Light blue */
  --cnvs-sys-color-static-blue-default: var(--cnvs-base-palette-blue-600); /* Blue */
  --cnvs-sys-color-static-orange-strong: var(--cnvs-base-palette-amber-500);
  --cnvs-sys-color-static-orange-soft: var(--cnvs-base-palette-amber-100);
  --cnvs-sys-color-static-orange-default: var(--cnvs-base-palette-amber-400);
  --cnvs-sys-color-static-gold-stronger: var(--cnvs-base-palette-amber-600);
  --cnvs-sys-font-size-subtext-medium: var(--cnvs-base-font-size-50);
  --cnvs-sys-font-size-subtext-large: var(--cnvs-base-font-size-75);
  --cnvs-sys-font-size-body-small: var(--cnvs-base-font-size-100);
  --cnvs-sys-font-size-body-medium: var(--cnvs-base-font-size-125);
  --cnvs-sys-font-size-body-large: var(--cnvs-base-font-size-150);
  --cnvs-sys-font-size-heading-small: var(--cnvs-base-font-size-200);
  --cnvs-sys-font-size-heading-medium: var(--cnvs-base-font-size-250);
  --cnvs-sys-font-size-heading-large: var(--cnvs-base-font-size-300);
  --cnvs-sys-font-size-title-small: var(--cnvs-base-font-size-400);
  --cnvs-sys-font-size-title-medium: var(--cnvs-base-font-size-500);
  --cnvs-sys-font-size-title-large: var(--cnvs-base-font-size-600);
}

.cnvs-sys-type-subtext-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-small);
  font-size: var(--cnvs-sys-font-size-subtext-small);
  letter-spacing: var(--cnvs-base-letter-spacing-50);
}

.cnvs-sys-type-subtext-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-medium);
  font-size: var(--cnvs-sys-font-size-subtext-medium);
  letter-spacing: var(--cnvs-base-letter-spacing-100);
}

.cnvs-sys-type-subtext-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-large);
  font-size: var(--cnvs-sys-font-size-subtext-large);
  letter-spacing: var(--cnvs-base-letter-spacing-150);
}

.cnvs-sys-type-body-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-small);
  font-size: var(--cnvs-sys-font-size-body-small);
  letter-spacing: var(--cnvs-base-letter-spacing-200);
}

.cnvs-sys-type-body-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-medium);
  font-size: var(--cnvs-sys-font-size-body-medium);
}

.cnvs-sys-type-body-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-large);
  font-size: var(--cnvs-sys-font-size-body-large);
}

.cnvs-sys-type-heading-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-small);
  font-size: var(--cnvs-sys-font-size-heading-small);
}

.cnvs-sys-type-heading-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-medium);
  font-size: var(--cnvs-sys-font-size-heading-medium);
}

.cnvs-sys-type-heading-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-large);
  font-size: var(--cnvs-sys-font-size-heading-large);
}

.cnvs-sys-type-title-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-small);
  font-size: var(--cnvs-sys-font-size-title-small);
}

.cnvs-sys-type-title-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-medium);
  font-size: var(--cnvs-sys-font-size-title-medium);
}

.cnvs-sys-type-title-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-large);
  font-size: var(--cnvs-sys-font-size-title-large);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
  --cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);
  --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
  --cnvs-brand-neutral-lighter: var(--cnvs-base-palette-slate-50);
  --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-neutral-darkest: var(--cnvs-base-palette-slate-800);
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-slate-700);
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-slate-600);
  --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-25);
  --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
  --cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);
  --cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);
  --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
  --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
  --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);
  --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);
  --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
  --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);
  --cnvs-brand-alert-lighter: var(--cnvs-base-palette-amber-50);
  --cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-error-light: var(--cnvs-base-palette-red-200);
  --cnvs-brand-error-lighter: var(--cnvs-base-palette-red-50);
  --cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);
  --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
  --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
  --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
  --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
  --cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);
  --cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
  --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
  --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
  --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
  --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.text-theme {
  color: #333333;
}

.text-theme:disabled, .text-theme.disabled {
  outline: none;
  color: #a1aab3;
  cursor: not-allowed;
}

.text-theme.highlighted, .text-theme:active {
  background-color: #a6d2ff;
}

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.right-align {
  right: 0;
}

.left-align {
  left: 0;
}

.item-selected {
  border-radius: 99px;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #0057ae;
}

.item-container {
  position: relative;
  cursor: pointer;
  content: "";
  outline: none;
  box-sizing: border-box;
  overflow: visible;
  height: 45px;
  width: 45px;
  align-content: center;
}

.button-popup-open {
  background-color: #ffffff;
  border-radius: 0;
}

.library-browse-path-container {
  padding: 20px;
}

.library-browse-path-container p {
  margin-bottom: 10px;
}

.library-browse-path-container .assignment-title {
  color: #3B3B3B;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.library-browse-path-container .assignment-desc {
  color: #494949;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.32px;
}

.library-browse-path-container button {
  margin-bottom: auto;
  height: 32px;
}

.library-browse-path-msg-container {
  background-color: #f0f1f2;
  margin-top: 15px;
  height: 84px;
}

.journey-selection .journey-title {
  font-size: 16px;
  margin: 0;
  font-weight: bold;
}

.journey-selection .journey-duration {
  color: #a1aab3;
}

.journey-selection .assignment-error p {
  color: #de2e21;
}

.journey-selection-list {
  max-height: 380px;
  min-height: 150px;
  overflow: auto;
  margin-bottom: 8px;
}

.journey-selection-item {
  padding: 12px;
  border: 1px solid gainsboro;
  border-radius: 8px;
  margin-bottom: 16px;
}
/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-amber-100: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-amber-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-amber-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-amber-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-amber-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-amber-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-amber-700: oklch(0.4824 0.1353 46.11 / 1);
  --cnvs-base-palette-amber-800: oklch(0.4143 0.1245 42.21 / 1);
  --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
  --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
  --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
  --cnvs-base-palette-azure-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-azure-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-azure-400: oklch(0.7283 0.1377 242.63 / 1);
  --cnvs-base-palette-azure-500: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-azure-600: oklch(0.5174 0.1257 243.24 / 1);
  --cnvs-base-palette-azure-700: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-azure-800: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
  --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
  --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
  --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
  --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
  --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blue-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-blue-300: oklch(0.7933 0.1076 252.08 / 1);
  --cnvs-base-palette-blue-400: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blue-500: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-blue-600: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blue-700: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blue-800: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
  --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
  --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
  --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-coral-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-coral-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-coral-400: oklch(0.7279 0.1703 38.58 / 1);
  --cnvs-base-palette-coral-500: oklch(0.6779 0.2096 40.36 / 1);
  --cnvs-base-palette-coral-600: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-coral-700: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-coral-800: oklch(0.393 0.143 33.49 / 1);
  --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
  --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
  --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
  --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
  --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-200: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-300: oklch(0.7817 0.1928 150.67 / 1);
  --cnvs-base-palette-green-400: oklch(0.702 0.1952 148.39 / 1);
  --cnvs-base-palette-green-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-green-600: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-700: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-800: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
  --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
  --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
  --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
  --cnvs-base-palette-indigo-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-indigo-300: oklch(0.7625 0.1242 281 / 1);
  --cnvs-base-palette-indigo-400: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-indigo-500: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-indigo-600: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-palette-indigo-700: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-indigo-800: oklch(0.379 0.1771 278.1 / 1);
  --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
  --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
  --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
  --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
  --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
  --cnvs-base-palette-neutral-100: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-neutral-200: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-neutral-300: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-neutral-400: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-neutral-500: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-neutral-600: oklch(0.5103 0 0 / 1);
  --cnvs-base-palette-neutral-700: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-neutral-800: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-neutral-900: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-neutral-950: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-neutral-975: oklch(0.1591 0 0 / 1);
  --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
  --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
  --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
  --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-orange-200: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-orange-300: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-orange-400: oklch(0.7261 0.1852 52.58 / 1);
  --cnvs-base-palette-orange-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-orange-600: oklch(0.53 0.165 40.39 / 1);
  --cnvs-base-palette-orange-700: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-orange-800: oklch(0.4077 0.1336 37.92 / 1);
  --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
  --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
  --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
  --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
  --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
  --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
  --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
  --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
  --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
  --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
  --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
  --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
  --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
  --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-palette-purple-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-purple-300: oklch(0.8108 0.1412 315.48 / 1);
  --cnvs-base-palette-purple-400: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-purple-500: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-purple-600: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-purple-700: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-purple-800: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
  --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
  --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
  --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-red-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-red-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-red-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-red-500: oklch(0.6495 0.2369 30.04 / 1);
  --cnvs-base-palette-red-600: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-red-700: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-red-800: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
  --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
  --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
  --cnvs-base-palette-slate-25: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-slate-50: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-slate-100: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-slate-200: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-slate-300: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-slate-400: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-slate-500: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-slate-600: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-slate-700: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-slate-800: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-slate-900: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-slate-950: oklch(0.2453 0.0136 253.1 / 1);
  --cnvs-base-palette-slate-975: oklch(0.18 0.008 248.33 / 1);
  --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
  --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-teal-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-teal-300: oklch(0.7836 0.0874 204.93 / 1);
  --cnvs-base-palette-teal-400: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-teal-500: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-teal-600: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-teal-700: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
  --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
  --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
  --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
  --cnvs-base-palette-cinnamon-100: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-cinnamon-200: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-cinnamon-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-cinnamon-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-cinnamon-500: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-cinnamon-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-peach-100: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-peach-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-peach-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-peach-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-peach-500: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-peach-600: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-chili-mango-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-chili-mango-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-chili-mango-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-chili-mango-400: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-600: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-cantaloupe-100: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-cantaloupe-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-cantaloupe-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-cantaloupe-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-cantaloupe-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-cantaloupe-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-sour-lemon-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-sour-lemon-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-sour-lemon-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-sour-lemon-400: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-500: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-600: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-juicy-pear-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-juicy-pear-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-juicy-pear-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-400: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-juicy-pear-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-kiwi-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-kiwi-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-kiwi-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-kiwi-400: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-apple-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-apple-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-apple-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-apple-500: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-watermelon-200: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-watermelon-300: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-watermelon-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-watermelon-500: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-jewel-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-jewel-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-jewel-300: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-jewel-400: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-jewel-500: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-jewel-600: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-toothpaste-100: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-toothpaste-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-toothpaste-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-toothpaste-400: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-toothpaste-500: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-toothpaste-600: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-blueberry-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-200: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blueberry-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blueberry-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blueberry-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-plum-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-plum-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-plum-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-plum-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-plum-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-plum-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-berry-smoothie-100: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-berry-smoothie-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-berry-smoothie-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-berry-smoothie-400: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-berry-smoothie-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-berry-smoothie-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blackberry-100: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-blackberry-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-blackberry-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-blackberry-400: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-blackberry-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-blackberry-600: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-island-punch-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-island-punch-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-island-punch-300: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-500: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-island-punch-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-grape-soda-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-grape-soda-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-grape-soda-300: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-grape-soda-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-grape-soda-500: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-grape-soda-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-pomegranate-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-pomegranate-200: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-pomegranate-300: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-400: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-500: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-pomegranate-600: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-fruit-punch-100: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-fruit-punch-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-fruit-punch-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-fruit-punch-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-500: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-root-beer-100: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-root-beer-200: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-root-beer-300: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-400: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-500: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-root-beer-600: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-toasted-marshmallow-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-toasted-marshmallow-200: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-toasted-marshmallow-300: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-toasted-marshmallow-400: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-toasted-marshmallow-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-toasted-marshmallow-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-licorice-100: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-licorice-200: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-licorice-300: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-licorice-400: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-licorice-500: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-licorice-600: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-soap-100: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-soap-200: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-soap-300: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-soap-400: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-soap-500: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-soap-600: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-french-vanilla-100: oklch(1 0 0 / 1);
  --cnvs-base-palette-french-vanilla-200: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-french-vanilla-300: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-french-vanilla-400: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-french-vanilla-500: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-french-vanilla-600: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-100: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-200: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-black-pepper-300: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-black-pepper-400: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-black-pepper-500: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-black-pepper-600: oklch(0 0 0 / 1);
  --cnvs-base-palette-coconut-100: #F0EEEE;
  --cnvs-base-palette-coconut-200: #e3dfdf;
  --cnvs-base-palette-coconut-300: #d1cbcc;
  --cnvs-base-palette-coconut-400: #b3acac;
  --cnvs-base-palette-coconut-500: #9e9595;
  --cnvs-base-palette-coconut-600: #8F8687;
  --cnvs-base-palette-cappuccino-100: #7A7374;
  --cnvs-base-palette-cappuccino-200: #706869;
  --cnvs-base-palette-cappuccino-300: #5E5757;
  --cnvs-base-palette-cappuccino-400: #4A4242;
  --cnvs-base-palette-cappuccino-500: #352f2f;
  --cnvs-base-palette-cappuccino-600: #231f20;
  --cnvs-base-opacity-0: 0;
  --cnvs-base-opacity-100: 0.08;
  --cnvs-base-opacity-200: 0.12;
  --cnvs-base-opacity-250: 0.2;
  --cnvs-base-opacity-300: 0.4;
  --cnvs-base-opacity-400: 0.64;
  --cnvs-base-opacity-500: 0.84;
  --cnvs-base-font-size-25: 0.625rem;
  --cnvs-base-font-size-50: 0.75rem;
  --cnvs-base-font-size-75: 0.875rem;
  --cnvs-base-font-size-100: 1rem;
  --cnvs-base-font-size-125: 1.125rem;
  --cnvs-base-font-size-150: 1.25rem;
  --cnvs-base-font-size-200: 1.5rem;
  --cnvs-base-font-size-250: 1.75rem;
  --cnvs-base-font-size-300: 2rem;
  --cnvs-base-font-size-400: 2.5rem;
  --cnvs-base-font-size-500: 3rem;
  --cnvs-base-font-size-600: 3.5rem;
  --cnvs-base-font-size-750: 4.5rem;
  --cnvs-base-font-size-900: 5.5rem;
  --cnvs-base-font-size-1050: 6.5rem;
  --cnvs-base-line-height-50: 1rem;
  --cnvs-base-line-height-100: 1.25rem;
  --cnvs-base-line-height-150: 1.5rem;
  --cnvs-base-line-height-200: 1.75rem;
  --cnvs-base-line-height-250: 2rem;
  --cnvs-base-line-height-300: 2.25rem;
  --cnvs-base-line-height-350: 2.5rem;
  --cnvs-base-line-height-400: 3rem;
  --cnvs-base-line-height-500: 3.5rem;
  --cnvs-base-line-height-600: 4rem;
  --cnvs-base-line-height-750: 4.5rem;
  --cnvs-base-line-height-900: 5.5rem;
  --cnvs-base-line-height-1050: 6.5rem;
  --cnvs-base-font-family-50: "Roboto"; /* Default font-family */
  --cnvs-base-font-family-100: "Roboto Mono";
  --cnvs-base-font-family-200: "Noto Sans";
  --cnvs-base-font-weight-300: 300;
  --cnvs-base-font-weight-400: 400;
  --cnvs-base-font-weight-500: 500;
  --cnvs-base-font-weight-700: 700;
  --cnvs-base-letter-spacing-50: 0.025rem;
  --cnvs-base-letter-spacing-100: 0.02rem;
  --cnvs-base-letter-spacing-150: 0.015rem;
  --cnvs-base-letter-spacing-200: 0.01rem;
  --cnvs-base-unit: 0.25rem; /* The base unit used in the grid system.;  */
  --cnvs-base-extended-palette-dragon-fruit-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-extended-palette-dragon-fruit-200: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-extended-palette-dragon-fruit-300: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-extended-palette-dragon-fruit-400: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-extended-palette-dragon-fruit-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-extended-palette-dragon-fruit-600: oklch(0.317 0.142 278.2 / 1);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Standard card depth */
  --cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Top navigation, Bottom Navigation */
  --cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Floating Action Buttons (FAB), Menus */
  --cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.5rem 2rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Bottom Sheets */
  --cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.625rem 2.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied) */
  --cnvs-sys-depth-6: 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.75rem 3rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied) */
  --cnvs-sys-space-zero: 0; /* Stacks, rows in tables */
  --cnvs-sys-shape-zero: 0rem; /* This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels. */
  --cnvs-sys-opacity-full: 1; /* Dev only */
  --cnvs-sys-opacity-zero: 0; /* Dev only */
  --cnvs-sys-breakpoints-zero: 0px; /* Use to set a media query `min-width` below small. */
  --cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);
  --cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);
  --cnvs-sys-font-weight-normal: var(--cnvs-base-font-weight-400);
  --cnvs-sys-font-weight-light: var(--cnvs-base-font-weight-300);
  --cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);
  --cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);
  --cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);
  --cnvs-sys-line-height-heading-large: var(--cnvs-base-line-height-350);
  --cnvs-sys-line-height-heading-medium: var(--cnvs-base-line-height-300);
  --cnvs-sys-line-height-heading-small: var(--cnvs-base-line-height-250);
  --cnvs-sys-line-height-body-large: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-medium: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-small: var(--cnvs-base-line-height-150);
  --cnvs-sys-line-height-subtext-large: var(--cnvs-base-line-height-100);
  --cnvs-sys-line-height-subtext-medium: var(--cnvs-base-line-height-50);
  --cnvs-sys-line-height-subtext-small: var(--cnvs-base-line-height-50);
  --cnvs-sys-font-size-subtext-small: var(--cnvs-base-font-size-25);
  --cnvs-sys-font-family-global: var(--cnvs-base-font-family-200);
  --cnvs-sys-font-family-mono: var(--cnvs-base-font-family-100);
  --cnvs-sys-font-family-default: var(--cnvs-base-font-family-50);
  --cnvs-sys-space-x20: calc(var(--cnvs-base-unit) * 20); /* - Use sparingly; - Helps to put focus on the primary element within your page; - Use to de-clutter your UI when a lot of space is available */
  --cnvs-sys-space-x16: calc(var(--cnvs-base-unit) * 16); /* - Use to de-clutter your UI when a lot of space is available; - Separate banner sections from page content; - Use to differentiate page content like page sections */
  --cnvs-sys-space-x10: calc(var(--cnvs-base-unit) * 10); /* • Used for outer margins on the overall page content ; • Used for inner margins on large items such as page sections */
  --cnvs-sys-space-x8: calc(var(--cnvs-base-unit) * 8); /* • Standard spacing between cards; • Used to separate groups of content ; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x6: calc(var(--cnvs-base-unit) * 6); /* • Padding around card content; • Related elements where more space between them can be afforded; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x4: calc(var(--cnvs-base-unit) * 4); /* Default space token. Used to group Inputs with related data */
  --cnvs-sys-space-x3: calc(var(--cnvs-base-unit) * 3); /* Use when compact padding is required */
  --cnvs-sys-space-x2: calc(var(--cnvs-base-unit) * 2); /* Commonly used to group compact elements like icon buttons */
  --cnvs-sys-space-x1: var(--cnvs-base-unit); /* Compact spacing between text or icons */
  --cnvs-sys-shape-round: calc(var(--cnvs-base-unit) * 250); /* Commonly used for our standard buttons and profile avatars: All Primary, Secondary Buttons, Radio Buttons and Notification Badges. */
  --cnvs-sys-shape-x2: calc(var(--cnvs-base-unit) * 2); /* Use this for all the containers and popups: All Cards, Modals, Tooltips and Toasts. */
  --cnvs-sys-shape-x1-half: calc(var(--cnvs-base-unit) * 1.5);
  --cnvs-sys-shape-x1: var(--cnvs-base-unit);
  --cnvs-sys-shape-half: calc(var(--cnvs-base-unit) * 0.5); /* Use this for subtle and small components that don’t require to group complex information like Status Indicators, Checkboxes and Color Swatches. */
  --cnvs-sys-opacity-shadow-second: var(--cnvs-base-opacity-100); /* Alpha on second shadow */
  --cnvs-sys-opacity-shadow-first: var(--cnvs-base-opacity-200); /* Alpha on first shadow */
  --cnvs-sys-opacity-contrast: var(--cnvs-base-opacity-500); /* Tooltips, Status Indicator */
  --cnvs-sys-opacity-overlay: var(--cnvs-base-opacity-400); /* Overlay */
  --cnvs-sys-opacity-disabled: var(--cnvs-base-opacity-300); /* Disabled states */
  --cnvs-sys-breakpoints-xl: 1440px; /* Used for extra large screens, such as wide monitors and TVs. */
  --cnvs-sys-breakpoints-l: 1024px; /* Large screens, such as desktops. */
  --cnvs-sys-breakpoints-m: 768px; /* Medium screens, such as laptops. */
  --cnvs-sys-breakpoints-s: 320px; /* The `min-width` for mobile devices, such as phones and tablets. */
  --cnvs-sys-color-shadow-default: var(--cnvs-base-palette-slate-900); /* Main shadow color */
  --cnvs-sys-color-shadow-2: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-100)); /* Second shadow color */
  --cnvs-sys-color-shadow-1: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-200)); /* First shadow color */
  --cnvs-sys-color-border-info-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950); /* Active state on AI borders */
  --cnvs-sys-color-border-container: var(--cnvs-base-palette-slate-300); /* Cards, Toasts, Surfaces */
  --cnvs-sys-color-border-divider: var(--cnvs-base-palette-slate-200); /* Dividers */
  --cnvs-sys-color-border-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on accent colors */
  --cnvs-sys-color-border-transparent: transparent; /* Transparent */
  --cnvs-sys-color-border-caution-strong: var(--cnvs-base-palette-amber-500); /* Warning outer (box shadow) */
  --cnvs-sys-color-border-caution-default: var(--cnvs-base-palette-amber-400); /* Warning inner */
  --cnvs-sys-color-border-critical-default: var(--cnvs-base-palette-red-500); /* Error */
  --cnvs-sys-color-border-primary-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Secondary Button Hover */
  --cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-900); /* Secondary Button */
  --cnvs-sys-color-border-input-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on checkboxes and radios */
  --cnvs-sys-color-border-input-strong: var(--cnvs-base-palette-slate-700); /* Input hover */
  --cnvs-sys-color-border-input-default: var(--cnvs-base-palette-slate-500); /* Inputs */
  --cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-slate-400); /* Disabled inputs */
  --cnvs-sys-color-fg-positive-stronger: var(--cnvs-base-palette-green-800); /* Error */
  --cnvs-sys-color-fg-positive-strong: var(--cnvs-base-palette-green-700); /* Error */
  --cnvs-sys-color-fg-positive-soft: var(--cnvs-base-palette-green-400); /* Error */
  --cnvs-sys-color-fg-positive-softer: var(--cnvs-base-palette-green-200); /* Error */
  --cnvs-sys-color-fg-positive-default: var(--cnvs-base-palette-green-600); /* Error */
  --cnvs-sys-color-fg-info-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-info-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-info-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950); /* AI icons and text */
  --cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Strong contrast */
  --cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast */
  --cnvs-sys-color-fg-caution-softer: var(--cnvs-base-palette-amber-500); /* Warning */
  --cnvs-sys-color-fg-caution-stronger: var(--cnvs-base-palette-amber-975); /* Warning on hover */
  --cnvs-sys-color-fg-caution-soft: var(--cnvs-base-palette-amber-700); /* Warning */
  --cnvs-sys-color-fg-caution-strong: var(--cnvs-base-palette-amber-950); /* Warning on hover */
  --cnvs-sys-color-fg-caution-default: var(--cnvs-base-palette-amber-900); /* Warning */
  --cnvs-sys-color-fg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-primary-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-primary-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-primary-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-primary-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-slate-400); /* Tab item foreground */
  --cnvs-sys-color-fg-muted-stronger: var(--cnvs-base-palette-slate-800);
  --cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-slate-600); /* Hint text */
  --cnvs-sys-color-fg-critical-softer: var(--cnvs-base-palette-red-200); /* Error */
  --cnvs-sys-color-fg-critical-soft: var(--cnvs-base-palette-red-400); /* Error */
  --cnvs-sys-color-fg-critical-stronger: var(--cnvs-base-palette-red-800); /* Error */
  --cnvs-sys-color-fg-critical-strong: var(--cnvs-base-palette-red-700); /* Error */
  --cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-red-600); /* Error */
  --cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse */
  --cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-slate-400); /* Disabled */
  --cnvs-sys-color-fg-stronger: var(--cnvs-base-palette-neutral-950); /* Heading on hover */
  --cnvs-sys-color-fg-strong: var(--cnvs-base-palette-neutral-900); /* Headings */
  --cnvs-sys-color-fg-default: var(--cnvs-base-palette-neutral-800); /* Body */
  --cnvs-sys-color-icon-info-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-disabled: var(--cnvs-base-palette-slate-400); /* Disabled icon color */
  --cnvs-sys-color-icon-caution-softer: var(--cnvs-base-palette-amber-500); /* Softer caution icon color */
  --cnvs-sys-color-icon-caution-soft: var(--cnvs-base-palette-amber-700); /* Soft caution icon color */
  --cnvs-sys-color-icon-caution-stronger: var(--cnvs-base-palette-amber-975); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-default: var(--cnvs-base-palette-amber-900); /* Caution icon color */
  --cnvs-sys-color-icon-critical-softer: var(--cnvs-base-palette-red-200); /* Error icon color */
  --cnvs-sys-color-icon-critical-soft: var(--cnvs-base-palette-red-400); /* Error icon color */
  --cnvs-sys-color-icon-critical-stronger: var(--cnvs-base-palette-red-800); /* Error icon color */
  --cnvs-sys-color-icon-critical-strong: var(--cnvs-base-palette-red-700); /* Error icon color */
  --cnvs-sys-color-icon-critical-default: var(--cnvs-base-palette-red-600); /* Error icon color */
  --cnvs-sys-color-icon-positive-softer: var(--cnvs-base-palette-green-200); /* Success icon color */
  --cnvs-sys-color-icon-positive-soft: var(--cnvs-base-palette-green-400); /* Success icon color */
  --cnvs-sys-color-icon-positive-stronger: var(--cnvs-base-palette-green-800); /* Success icon color */
  --cnvs-sys-color-icon-positive-strong: var(--cnvs-base-palette-green-700); /* Success icon color */
  --cnvs-sys-color-icon-positive-default: var(--cnvs-base-palette-green-600); /* Success icon color */
  --cnvs-sys-color-icon-primary-softer: var(--cnvs-base-palette-blue-200); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-soft: var(--cnvs-base-palette-blue-400); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse icon color */
  --cnvs-sys-color-icon-strong: var(--cnvs-base-palette-neutral-900); /* Hover icon color */
  --cnvs-sys-color-icon-soft: var(--cnvs-base-palette-slate-600); /* Disabled icon color */
  --cnvs-sys-color-icon-default: var(--cnvs-base-palette-neutral-800); /* Default icon color */
  --cnvs-sys-color-text-info-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-info-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-info-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-info-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-info-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-positive-softer: var(--cnvs-base-palette-green-200); /* Active links */
  --cnvs-sys-color-text-positive-soft: var(--cnvs-base-palette-green-400); /* Active links */
  --cnvs-sys-color-text-positive-stronger: var(--cnvs-base-palette-green-800); /* Active links */
  --cnvs-sys-color-text-positive-strong: var(--cnvs-base-palette-green-700); /* Branded hover text */
  --cnvs-sys-color-text-positive-default: var(--cnvs-base-palette-green-600); /* Branded text */
  --cnvs-sys-color-text-ai: var(--cnvs-base-palette-blue-950);
  --cnvs-sys-color-text-caution-softer: var(--cnvs-base-palette-amber-200); /* Softer warning text */
  --cnvs-sys-color-text-caution-stronger: var(--cnvs-base-palette-amber-975); /* Stronger warning text */
  --cnvs-sys-color-text-caution-soft: var(--cnvs-base-palette-amber-400); /* Disabled warning text */
  --cnvs-sys-color-text-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong warning text */
  --cnvs-sys-color-text-caution-default: var(--cnvs-base-palette-amber-900); /* Warning text */
  --cnvs-sys-color-text-primary-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-primary-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-primary-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-primary-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-primary-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-critical-softer: var(--cnvs-base-palette-red-200); /* Error text */
  --cnvs-sys-color-text-critical-soft: var(--cnvs-base-palette-red-400); /* Error text */
  --cnvs-sys-color-text-critical-stronger: var(--cnvs-base-palette-red-800); /* Error text */
  --cnvs-sys-color-text-critical-strong: var(--cnvs-base-palette-red-700); /* Error text */
  --cnvs-sys-color-text-critical-default: var(--cnvs-base-palette-red-600); /* Error text */
  --cnvs-sys-color-text-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse text color */
  --cnvs-sys-color-text-hint: var(--cnvs-base-palette-slate-600); /* Hint text color */
  --cnvs-sys-color-text-disabled: var(--cnvs-base-palette-slate-400); /* Disabled text color */
  --cnvs-sys-color-text-stronger: var(--cnvs-base-palette-neutral-950); /* Display text */
  --cnvs-sys-color-text-strong: var(--cnvs-base-palette-neutral-900); /* Heading text */
  --cnvs-sys-color-text-default: var(--cnvs-base-palette-neutral-800); /* Body text */
  --cnvs-sys-color-bg-info-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-info-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-info-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-info-soft: var(--cnvs-base-palette-blue-100); /* Disabled */
  --cnvs-sys-color-bg-info-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-info-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-ai-strongest: var(--cnvs-base-palette-blue-950); /* AI surfaces */
  --cnvs-sys-color-bg-ai-stronger: var(--cnvs-base-palette-blue-400); /* Active state on AI containers */
  --cnvs-sys-color-bg-ai-strong: var(--cnvs-base-palette-blue-200); /* Hover on AI container */
  --cnvs-sys-color-bg-ai-default: var(--cnvs-base-palette-blue-100); /* AI container */
  --cnvs-sys-color-bg-critical-stronger: var(--cnvs-base-palette-red-800); /* Stronger error background */
  --cnvs-sys-color-bg-critical-strong: var(--cnvs-base-palette-red-700); /* Strong error background */
  --cnvs-sys-color-bg-critical-default: var(--cnvs-base-palette-red-600); /* Default error background */
  --cnvs-sys-color-bg-critical-soft: var(--cnvs-base-palette-red-100); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softer: var(--cnvs-base-palette-red-50); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softest: var(--cnvs-base-palette-red-25); /* Input error background */
  --cnvs-sys-color-bg-caution-stronger: var(--cnvs-base-palette-amber-600); /* Stronger warning background */
  --cnvs-sys-color-bg-caution-strong: var(--cnvs-base-palette-amber-500); /* Strong warning background */
  --cnvs-sys-color-bg-caution-default: var(--cnvs-base-palette-amber-400); /* Default warning background */
  --cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-100); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softer: var(--cnvs-base-palette-amber-50); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softest: var(--cnvs-base-palette-amber-25); /* Disabled warning background */
  --cnvs-sys-color-bg-positive-stronger: var(--cnvs-base-palette-green-800); /* Active success background */
  --cnvs-sys-color-bg-positive-strong: var(--cnvs-base-palette-green-700); /* Hover success background */
  --cnvs-sys-color-bg-positive-default: var(--cnvs-base-palette-green-600); /* Disabled success background */
  --cnvs-sys-color-bg-positive-soft: var(--cnvs-base-palette-green-100); /* Disabled success background */
  --cnvs-sys-color-bg-positive-softer: var(--cnvs-base-palette-green-50); /* Surface success background */
  --cnvs-sys-color-bg-positive-softest: var(--cnvs-base-palette-green-25); /* Lightest surface success background */
  --cnvs-sys-color-bg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-primary-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-primary-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-100); /* Primary disabled */
  --cnvs-sys-color-bg-primary-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-primary-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-bg-muted-default: var(--cnvs-base-palette-slate-600);
  --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-slate-500);
  --cnvs-sys-color-bg-muted-softer: var(--cnvs-base-palette-slate-400);
  --cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-slate-300); /* Active state for segmented control, Pill */
  --cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-slate-200); /* Active states */
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-100); /* Surface hover, Secondary surfaces */
  --cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-slate-50); /* Alternative page background */
  --cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-slate-25); /* Disabled inputs */
  --cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
  --cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-400)); /* Overlay background */
  --cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-250)); /* Inverse Secondary Button Active state */
  --cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-100)); /* Inverse Secondary Button Hover state */
  --cnvs-sys-color-bg-transparent-default: transparent; /* Transparent background */
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0); /* Main background color */
  --cnvs-sys-color-static-amber-soft: var(--cnvs-base-palette-amber-100); /* Soft amber */
  --cnvs-sys-color-static-amber-strongest: var(--cnvs-base-palette-amber-950); /* Stronger amber */
  --cnvs-sys-color-static-amber-softer: var(--cnvs-base-palette-amber-50); /* Soft amber */
  --cnvs-sys-color-static-amber-stronger: var(--cnvs-base-palette-amber-600); /* Stronger amber */
  --cnvs-sys-color-static-amber-strong: var(--cnvs-base-palette-amber-500); /* Stronger amber */
  --cnvs-sys-color-static-amber-softest: var(--cnvs-base-palette-amber-25); /* Soft amber */
  --cnvs-sys-color-static-amber-default: var(--cnvs-base-palette-amber-400); /* amber */
  --cnvs-sys-color-static-gray-softer: var(--cnvs-base-palette-slate-100); /* Light gray */
  --cnvs-sys-color-static-gray-softest: var(--cnvs-base-palette-slate-50); /* Light gray */
  --cnvs-sys-color-static-gray-strongest: var(--cnvs-base-palette-slate-950); /* Strongerer gray */
  --cnvs-sys-color-static-gray-stronger: var(--cnvs-base-palette-slate-800); /* Strongerer gray */
  --cnvs-sys-color-static-gray-strong: var(--cnvs-base-palette-slate-700); /* Stronger gray */
  --cnvs-sys-color-static-gray-soft: var(--cnvs-base-palette-slate-200); /* Light gray */
  --cnvs-sys-color-static-gray-default: var(--cnvs-base-palette-slate-600); /* Gray */
  --cnvs-sys-color-static-black: var(--cnvs-base-palette-neutral-1000); /* Just black */
  --cnvs-sys-color-static-white: var(--cnvs-base-palette-neutral-0); /* Just white */
  --cnvs-sys-color-static-red-softer: var(--cnvs-base-palette-red-50); /* Light red */
  --cnvs-sys-color-static-red-strongest: var(--cnvs-base-palette-red-950); /* Strong red */
  --cnvs-sys-color-static-red-softest: var(--cnvs-base-palette-red-25); /* Light red */
  --cnvs-sys-color-static-red-stronger: var(--cnvs-base-palette-red-800); /* Strong red */
  --cnvs-sys-color-static-red-strong: var(--cnvs-base-palette-red-700); /* Strong red */
  --cnvs-sys-color-static-red-soft: var(--cnvs-base-palette-red-100); /* Light red */
  --cnvs-sys-color-static-red-default: var(--cnvs-base-palette-red-600); /* Red */
  --cnvs-sys-color-static-green-strongest: var(--cnvs-base-palette-green-950); /* Stronger green */
  --cnvs-sys-color-static-green-softest: var(--cnvs-base-palette-green-25); /* Light green */
  --cnvs-sys-color-static-green-stronger: var(--cnvs-base-palette-green-800); /* Stronger green */
  --cnvs-sys-color-static-green-softer: var(--cnvs-base-palette-green-50); /* Light green */
  --cnvs-sys-color-static-green-strong: var(--cnvs-base-palette-green-700); /* Stronger green */
  --cnvs-sys-color-static-green-soft: var(--cnvs-base-palette-green-100); /* Light green */
  --cnvs-sys-color-static-green-default: var(--cnvs-base-palette-green-600); /* Default green */
  --cnvs-sys-color-static-blue-strongest: var(--cnvs-base-palette-blue-950); /* Stronger blue */
  --cnvs-sys-color-static-blue-soft: var(--cnvs-base-palette-blue-100); /* Light blue */
  --cnvs-sys-color-static-blue-softer: var(--cnvs-base-palette-blue-50); /* Light blue */
  --cnvs-sys-color-static-blue-stronger: var(--cnvs-base-palette-blue-800); /* Stronger blue */
  --cnvs-sys-color-static-blue-strong: var(--cnvs-base-palette-blue-700); /* Stronger blue */
  --cnvs-sys-color-static-blue-softest: var(--cnvs-base-palette-blue-25); /* Light blue */
  --cnvs-sys-color-static-blue-default: var(--cnvs-base-palette-blue-600); /* Blue */
  --cnvs-sys-color-static-orange-strong: var(--cnvs-base-palette-amber-500);
  --cnvs-sys-color-static-orange-soft: var(--cnvs-base-palette-amber-100);
  --cnvs-sys-color-static-orange-default: var(--cnvs-base-palette-amber-400);
  --cnvs-sys-color-static-gold-stronger: var(--cnvs-base-palette-amber-600);
  --cnvs-sys-font-size-subtext-medium: var(--cnvs-base-font-size-50);
  --cnvs-sys-font-size-subtext-large: var(--cnvs-base-font-size-75);
  --cnvs-sys-font-size-body-small: var(--cnvs-base-font-size-100);
  --cnvs-sys-font-size-body-medium: var(--cnvs-base-font-size-125);
  --cnvs-sys-font-size-body-large: var(--cnvs-base-font-size-150);
  --cnvs-sys-font-size-heading-small: var(--cnvs-base-font-size-200);
  --cnvs-sys-font-size-heading-medium: var(--cnvs-base-font-size-250);
  --cnvs-sys-font-size-heading-large: var(--cnvs-base-font-size-300);
  --cnvs-sys-font-size-title-small: var(--cnvs-base-font-size-400);
  --cnvs-sys-font-size-title-medium: var(--cnvs-base-font-size-500);
  --cnvs-sys-font-size-title-large: var(--cnvs-base-font-size-600);
}

.cnvs-sys-type-subtext-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-small);
  font-size: var(--cnvs-sys-font-size-subtext-small);
  letter-spacing: var(--cnvs-base-letter-spacing-50);
}

.cnvs-sys-type-subtext-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-medium);
  font-size: var(--cnvs-sys-font-size-subtext-medium);
  letter-spacing: var(--cnvs-base-letter-spacing-100);
}

.cnvs-sys-type-subtext-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-large);
  font-size: var(--cnvs-sys-font-size-subtext-large);
  letter-spacing: var(--cnvs-base-letter-spacing-150);
}

.cnvs-sys-type-body-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-small);
  font-size: var(--cnvs-sys-font-size-body-small);
  letter-spacing: var(--cnvs-base-letter-spacing-200);
}

.cnvs-sys-type-body-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-medium);
  font-size: var(--cnvs-sys-font-size-body-medium);
}

.cnvs-sys-type-body-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-large);
  font-size: var(--cnvs-sys-font-size-body-large);
}

.cnvs-sys-type-heading-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-small);
  font-size: var(--cnvs-sys-font-size-heading-small);
}

.cnvs-sys-type-heading-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-medium);
  font-size: var(--cnvs-sys-font-size-heading-medium);
}

.cnvs-sys-type-heading-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-large);
  font-size: var(--cnvs-sys-font-size-heading-large);
}

.cnvs-sys-type-title-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-small);
  font-size: var(--cnvs-sys-font-size-title-small);
}

.cnvs-sys-type-title-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-medium);
  font-size: var(--cnvs-sys-font-size-title-medium);
}

.cnvs-sys-type-title-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-large);
  font-size: var(--cnvs-sys-font-size-title-large);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
  --cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);
  --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
  --cnvs-brand-neutral-lighter: var(--cnvs-base-palette-slate-50);
  --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-neutral-darkest: var(--cnvs-base-palette-slate-800);
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-slate-700);
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-slate-600);
  --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-25);
  --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
  --cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);
  --cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);
  --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
  --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
  --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);
  --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);
  --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
  --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);
  --cnvs-brand-alert-lighter: var(--cnvs-base-palette-amber-50);
  --cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-error-light: var(--cnvs-base-palette-red-200);
  --cnvs-brand-error-lighter: var(--cnvs-base-palette-red-50);
  --cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);
  --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
  --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
  --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
  --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
  --cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);
  --cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
  --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
  --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
  --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
  --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.text-theme {
  color: #333333;
}

.text-theme:disabled, .text-theme.disabled {
  outline: none;
  color: #a1aab3;
  cursor: not-allowed;
}

.text-theme.highlighted, .text-theme:active {
  background-color: #a6d2ff;
}

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.right-align {
  right: 0;
}

.left-align {
  left: 0;
}

.item-selected {
  border-radius: 99px;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #0057ae;
}

.item-container {
  position: relative;
  cursor: pointer;
  content: "";
  outline: none;
  box-sizing: border-box;
  overflow: visible;
  height: 45px;
  width: 45px;
  align-content: center;
}

.button-popup-open {
  background-color: #ffffff;
  border-radius: 0;
}

.progress-card-header {
  height: 90px;
}

.progress-card-body {
  padding: 4px 24px 8px 24px;
  border-bottom: #EAEDF0 1px solid;
}

.progress-card-body .journey-count {
  font-weight: 700;
  padding-right: 8px;
}

.progress-card-body .progress-card-title {
  font-size: 20px;
  color: #333333;
  font-weight: 700;
  margin-bottom: -4px;
  margin-top: revert;
}

.progress-card-body p {
  font-size: 12px;
  margin-top: revert;
}

.progress-card-body .progress-card-bar {
  height: 24px;
  margin-top: -10px;
  margin-bottom: 12px;
}

.progress-card-body .progress-card-bar progress[value] {
  appearance: none;
  border: none;
  width: 100%;
  height: 4px;
}

.progress-card-body .progress-card-bar progress[value]::-webkit-progress-bar {
  background-color: #ced3d9;
  border-radius: 3px;
}

.progress-card-body .progress-card-bar span.current-status {
  display: block;
  position: relative;
}

.progress-card-body .progress-card-bar span.current-status:after {
  content: "";
  display: inline-block;
  height: 12px;
  width: 12px;
  border-radius: 25px;
  background-color: #0875E1;
  position: absolute;
  right: -9px;
  top: 10.5px;
}

.progress-card-body .progress-card-bar span.current-status::before {
  content: "";
  display: inline-block;
  height: 8px;
  width: 8px;
  border-radius: 25px;
  background-color: #0875E1;
  position: absolute;
  left: -1px;
  top: 12px;
}

.progress-card-body .progress-card-bar .progress-bar-tag::-webkit-progress-value {
  background-color: #0875E1;
}

.progress-card-body .progress-card-active {
  margin: 12px 0;
  display: flex;
  align-items: center;
}

.progress-card-body .progress-card-active .active-path-circle {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 25px;
  background-color: #0875E1;
  margin-right: 8px;
}

.progress-card-body .progress-card-completed {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}

.progress-card-body .progress-card-completed .completed-path-circle {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 25px;
  background-color: #12a67c;
  margin-right: 8px;
}

.progress-card-body .progress-location-icon {
  position: relative;
  top: -15px;
  margin-right: -15px;
}

.progress-card-body .progress-location-icon {
  float: right;
}

.progress-card-body .progress-bar-tag::after {
  content: "";
  height: 15px;
  width: 15px;
  border-radius: 25px;
  background-color: #ffffff;
  position: relative;
  float: inline-end;
  top: -10px;
  right: -10px;
}

.progress-card-body .progress-bar-outer {
  padding-right: 11px;
}
/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-amber-100: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-amber-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-amber-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-amber-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-amber-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-amber-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-amber-700: oklch(0.4824 0.1353 46.11 / 1);
  --cnvs-base-palette-amber-800: oklch(0.4143 0.1245 42.21 / 1);
  --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
  --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
  --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
  --cnvs-base-palette-azure-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-azure-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-azure-400: oklch(0.7283 0.1377 242.63 / 1);
  --cnvs-base-palette-azure-500: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-azure-600: oklch(0.5174 0.1257 243.24 / 1);
  --cnvs-base-palette-azure-700: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-azure-800: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
  --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
  --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
  --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
  --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
  --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blue-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-blue-300: oklch(0.7933 0.1076 252.08 / 1);
  --cnvs-base-palette-blue-400: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blue-500: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-blue-600: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blue-700: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blue-800: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
  --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
  --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
  --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-coral-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-coral-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-coral-400: oklch(0.7279 0.1703 38.58 / 1);
  --cnvs-base-palette-coral-500: oklch(0.6779 0.2096 40.36 / 1);
  --cnvs-base-palette-coral-600: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-coral-700: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-coral-800: oklch(0.393 0.143 33.49 / 1);
  --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
  --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
  --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
  --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
  --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-200: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-300: oklch(0.7817 0.1928 150.67 / 1);
  --cnvs-base-palette-green-400: oklch(0.702 0.1952 148.39 / 1);
  --cnvs-base-palette-green-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-green-600: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-700: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-800: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
  --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
  --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
  --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
  --cnvs-base-palette-indigo-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-indigo-300: oklch(0.7625 0.1242 281 / 1);
  --cnvs-base-palette-indigo-400: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-indigo-500: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-indigo-600: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-palette-indigo-700: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-indigo-800: oklch(0.379 0.1771 278.1 / 1);
  --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
  --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
  --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
  --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
  --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
  --cnvs-base-palette-neutral-100: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-neutral-200: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-neutral-300: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-neutral-400: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-neutral-500: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-neutral-600: oklch(0.5103 0 0 / 1);
  --cnvs-base-palette-neutral-700: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-neutral-800: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-neutral-900: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-neutral-950: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-neutral-975: oklch(0.1591 0 0 / 1);
  --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
  --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
  --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
  --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-orange-200: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-orange-300: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-orange-400: oklch(0.7261 0.1852 52.58 / 1);
  --cnvs-base-palette-orange-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-orange-600: oklch(0.53 0.165 40.39 / 1);
  --cnvs-base-palette-orange-700: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-orange-800: oklch(0.4077 0.1336 37.92 / 1);
  --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
  --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
  --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
  --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
  --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
  --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
  --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
  --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
  --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
  --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
  --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
  --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
  --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
  --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-palette-purple-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-purple-300: oklch(0.8108 0.1412 315.48 / 1);
  --cnvs-base-palette-purple-400: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-purple-500: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-purple-600: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-purple-700: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-purple-800: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
  --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
  --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
  --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-red-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-red-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-red-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-red-500: oklch(0.6495 0.2369 30.04 / 1);
  --cnvs-base-palette-red-600: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-red-700: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-red-800: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
  --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
  --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
  --cnvs-base-palette-slate-25: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-slate-50: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-slate-100: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-slate-200: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-slate-300: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-slate-400: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-slate-500: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-slate-600: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-slate-700: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-slate-800: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-slate-900: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-slate-950: oklch(0.2453 0.0136 253.1 / 1);
  --cnvs-base-palette-slate-975: oklch(0.18 0.008 248.33 / 1);
  --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
  --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-teal-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-teal-300: oklch(0.7836 0.0874 204.93 / 1);
  --cnvs-base-palette-teal-400: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-teal-500: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-teal-600: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-teal-700: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
  --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
  --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
  --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
  --cnvs-base-palette-cinnamon-100: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-cinnamon-200: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-cinnamon-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-cinnamon-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-cinnamon-500: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-cinnamon-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-peach-100: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-peach-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-peach-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-peach-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-peach-500: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-peach-600: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-chili-mango-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-chili-mango-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-chili-mango-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-chili-mango-400: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-600: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-cantaloupe-100: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-cantaloupe-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-cantaloupe-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-cantaloupe-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-cantaloupe-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-cantaloupe-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-sour-lemon-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-sour-lemon-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-sour-lemon-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-sour-lemon-400: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-500: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-600: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-juicy-pear-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-juicy-pear-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-juicy-pear-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-400: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-juicy-pear-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-kiwi-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-kiwi-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-kiwi-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-kiwi-400: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-apple-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-apple-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-apple-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-apple-500: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-watermelon-200: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-watermelon-300: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-watermelon-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-watermelon-500: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-jewel-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-jewel-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-jewel-300: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-jewel-400: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-jewel-500: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-jewel-600: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-toothpaste-100: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-toothpaste-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-toothpaste-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-toothpaste-400: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-toothpaste-500: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-toothpaste-600: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-blueberry-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-200: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blueberry-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blueberry-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blueberry-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-plum-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-plum-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-plum-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-plum-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-plum-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-plum-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-berry-smoothie-100: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-berry-smoothie-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-berry-smoothie-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-berry-smoothie-400: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-berry-smoothie-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-berry-smoothie-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blackberry-100: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-blackberry-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-blackberry-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-blackberry-400: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-blackberry-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-blackberry-600: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-island-punch-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-island-punch-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-island-punch-300: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-500: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-island-punch-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-grape-soda-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-grape-soda-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-grape-soda-300: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-grape-soda-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-grape-soda-500: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-grape-soda-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-pomegranate-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-pomegranate-200: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-pomegranate-300: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-400: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-500: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-pomegranate-600: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-fruit-punch-100: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-fruit-punch-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-fruit-punch-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-fruit-punch-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-500: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-root-beer-100: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-root-beer-200: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-root-beer-300: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-400: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-500: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-root-beer-600: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-toasted-marshmallow-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-toasted-marshmallow-200: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-toasted-marshmallow-300: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-toasted-marshmallow-400: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-toasted-marshmallow-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-toasted-marshmallow-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-licorice-100: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-licorice-200: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-licorice-300: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-licorice-400: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-licorice-500: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-licorice-600: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-soap-100: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-soap-200: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-soap-300: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-soap-400: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-soap-500: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-soap-600: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-french-vanilla-100: oklch(1 0 0 / 1);
  --cnvs-base-palette-french-vanilla-200: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-french-vanilla-300: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-french-vanilla-400: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-french-vanilla-500: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-french-vanilla-600: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-100: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-200: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-black-pepper-300: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-black-pepper-400: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-black-pepper-500: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-black-pepper-600: oklch(0 0 0 / 1);
  --cnvs-base-palette-coconut-100: #F0EEEE;
  --cnvs-base-palette-coconut-200: #e3dfdf;
  --cnvs-base-palette-coconut-300: #d1cbcc;
  --cnvs-base-palette-coconut-400: #b3acac;
  --cnvs-base-palette-coconut-500: #9e9595;
  --cnvs-base-palette-coconut-600: #8F8687;
  --cnvs-base-palette-cappuccino-100: #7A7374;
  --cnvs-base-palette-cappuccino-200: #706869;
  --cnvs-base-palette-cappuccino-300: #5E5757;
  --cnvs-base-palette-cappuccino-400: #4A4242;
  --cnvs-base-palette-cappuccino-500: #352f2f;
  --cnvs-base-palette-cappuccino-600: #231f20;
  --cnvs-base-opacity-0: 0;
  --cnvs-base-opacity-100: 0.08;
  --cnvs-base-opacity-200: 0.12;
  --cnvs-base-opacity-250: 0.2;
  --cnvs-base-opacity-300: 0.4;
  --cnvs-base-opacity-400: 0.64;
  --cnvs-base-opacity-500: 0.84;
  --cnvs-base-font-size-25: 0.625rem;
  --cnvs-base-font-size-50: 0.75rem;
  --cnvs-base-font-size-75: 0.875rem;
  --cnvs-base-font-size-100: 1rem;
  --cnvs-base-font-size-125: 1.125rem;
  --cnvs-base-font-size-150: 1.25rem;
  --cnvs-base-font-size-200: 1.5rem;
  --cnvs-base-font-size-250: 1.75rem;
  --cnvs-base-font-size-300: 2rem;
  --cnvs-base-font-size-400: 2.5rem;
  --cnvs-base-font-size-500: 3rem;
  --cnvs-base-font-size-600: 3.5rem;
  --cnvs-base-font-size-750: 4.5rem;
  --cnvs-base-font-size-900: 5.5rem;
  --cnvs-base-font-size-1050: 6.5rem;
  --cnvs-base-line-height-50: 1rem;
  --cnvs-base-line-height-100: 1.25rem;
  --cnvs-base-line-height-150: 1.5rem;
  --cnvs-base-line-height-200: 1.75rem;
  --cnvs-base-line-height-250: 2rem;
  --cnvs-base-line-height-300: 2.25rem;
  --cnvs-base-line-height-350: 2.5rem;
  --cnvs-base-line-height-400: 3rem;
  --cnvs-base-line-height-500: 3.5rem;
  --cnvs-base-line-height-600: 4rem;
  --cnvs-base-line-height-750: 4.5rem;
  --cnvs-base-line-height-900: 5.5rem;
  --cnvs-base-line-height-1050: 6.5rem;
  --cnvs-base-font-family-50: "Roboto"; /* Default font-family */
  --cnvs-base-font-family-100: "Roboto Mono";
  --cnvs-base-font-family-200: "Noto Sans";
  --cnvs-base-font-weight-300: 300;
  --cnvs-base-font-weight-400: 400;
  --cnvs-base-font-weight-500: 500;
  --cnvs-base-font-weight-700: 700;
  --cnvs-base-letter-spacing-50: 0.025rem;
  --cnvs-base-letter-spacing-100: 0.02rem;
  --cnvs-base-letter-spacing-150: 0.015rem;
  --cnvs-base-letter-spacing-200: 0.01rem;
  --cnvs-base-unit: 0.25rem; /* The base unit used in the grid system.;  */
  --cnvs-base-extended-palette-dragon-fruit-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-extended-palette-dragon-fruit-200: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-extended-palette-dragon-fruit-300: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-extended-palette-dragon-fruit-400: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-extended-palette-dragon-fruit-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-extended-palette-dragon-fruit-600: oklch(0.317 0.142 278.2 / 1);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Standard card depth */
  --cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Top navigation, Bottom Navigation */
  --cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Floating Action Buttons (FAB), Menus */
  --cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.5rem 2rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Bottom Sheets */
  --cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.625rem 2.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied) */
  --cnvs-sys-depth-6: 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.75rem 3rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied) */
  --cnvs-sys-space-zero: 0; /* Stacks, rows in tables */
  --cnvs-sys-shape-zero: 0rem; /* This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels. */
  --cnvs-sys-opacity-full: 1; /* Dev only */
  --cnvs-sys-opacity-zero: 0; /* Dev only */
  --cnvs-sys-breakpoints-zero: 0px; /* Use to set a media query `min-width` below small. */
  --cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);
  --cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);
  --cnvs-sys-font-weight-normal: var(--cnvs-base-font-weight-400);
  --cnvs-sys-font-weight-light: var(--cnvs-base-font-weight-300);
  --cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);
  --cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);
  --cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);
  --cnvs-sys-line-height-heading-large: var(--cnvs-base-line-height-350);
  --cnvs-sys-line-height-heading-medium: var(--cnvs-base-line-height-300);
  --cnvs-sys-line-height-heading-small: var(--cnvs-base-line-height-250);
  --cnvs-sys-line-height-body-large: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-medium: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-small: var(--cnvs-base-line-height-150);
  --cnvs-sys-line-height-subtext-large: var(--cnvs-base-line-height-100);
  --cnvs-sys-line-height-subtext-medium: var(--cnvs-base-line-height-50);
  --cnvs-sys-line-height-subtext-small: var(--cnvs-base-line-height-50);
  --cnvs-sys-font-size-subtext-small: var(--cnvs-base-font-size-25);
  --cnvs-sys-font-family-global: var(--cnvs-base-font-family-200);
  --cnvs-sys-font-family-mono: var(--cnvs-base-font-family-100);
  --cnvs-sys-font-family-default: var(--cnvs-base-font-family-50);
  --cnvs-sys-space-x20: calc(var(--cnvs-base-unit) * 20); /* - Use sparingly; - Helps to put focus on the primary element within your page; - Use to de-clutter your UI when a lot of space is available */
  --cnvs-sys-space-x16: calc(var(--cnvs-base-unit) * 16); /* - Use to de-clutter your UI when a lot of space is available; - Separate banner sections from page content; - Use to differentiate page content like page sections */
  --cnvs-sys-space-x10: calc(var(--cnvs-base-unit) * 10); /* • Used for outer margins on the overall page content ; • Used for inner margins on large items such as page sections */
  --cnvs-sys-space-x8: calc(var(--cnvs-base-unit) * 8); /* • Standard spacing between cards; • Used to separate groups of content ; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x6: calc(var(--cnvs-base-unit) * 6); /* • Padding around card content; • Related elements where more space between them can be afforded; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x4: calc(var(--cnvs-base-unit) * 4); /* Default space token. Used to group Inputs with related data */
  --cnvs-sys-space-x3: calc(var(--cnvs-base-unit) * 3); /* Use when compact padding is required */
  --cnvs-sys-space-x2: calc(var(--cnvs-base-unit) * 2); /* Commonly used to group compact elements like icon buttons */
  --cnvs-sys-space-x1: var(--cnvs-base-unit); /* Compact spacing between text or icons */
  --cnvs-sys-shape-round: calc(var(--cnvs-base-unit) * 250); /* Commonly used for our standard buttons and profile avatars: All Primary, Secondary Buttons, Radio Buttons and Notification Badges. */
  --cnvs-sys-shape-x2: calc(var(--cnvs-base-unit) * 2); /* Use this for all the containers and popups: All Cards, Modals, Tooltips and Toasts. */
  --cnvs-sys-shape-x1-half: calc(var(--cnvs-base-unit) * 1.5);
  --cnvs-sys-shape-x1: var(--cnvs-base-unit);
  --cnvs-sys-shape-half: calc(var(--cnvs-base-unit) * 0.5); /* Use this for subtle and small components that don’t require to group complex information like Status Indicators, Checkboxes and Color Swatches. */
  --cnvs-sys-opacity-shadow-second: var(--cnvs-base-opacity-100); /* Alpha on second shadow */
  --cnvs-sys-opacity-shadow-first: var(--cnvs-base-opacity-200); /* Alpha on first shadow */
  --cnvs-sys-opacity-contrast: var(--cnvs-base-opacity-500); /* Tooltips, Status Indicator */
  --cnvs-sys-opacity-overlay: var(--cnvs-base-opacity-400); /* Overlay */
  --cnvs-sys-opacity-disabled: var(--cnvs-base-opacity-300); /* Disabled states */
  --cnvs-sys-breakpoints-xl: 1440px; /* Used for extra large screens, such as wide monitors and TVs. */
  --cnvs-sys-breakpoints-l: 1024px; /* Large screens, such as desktops. */
  --cnvs-sys-breakpoints-m: 768px; /* Medium screens, such as laptops. */
  --cnvs-sys-breakpoints-s: 320px; /* The `min-width` for mobile devices, such as phones and tablets. */
  --cnvs-sys-color-shadow-default: var(--cnvs-base-palette-slate-900); /* Main shadow color */
  --cnvs-sys-color-shadow-2: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-100)); /* Second shadow color */
  --cnvs-sys-color-shadow-1: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-200)); /* First shadow color */
  --cnvs-sys-color-border-info-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950); /* Active state on AI borders */
  --cnvs-sys-color-border-container: var(--cnvs-base-palette-slate-300); /* Cards, Toasts, Surfaces */
  --cnvs-sys-color-border-divider: var(--cnvs-base-palette-slate-200); /* Dividers */
  --cnvs-sys-color-border-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on accent colors */
  --cnvs-sys-color-border-transparent: transparent; /* Transparent */
  --cnvs-sys-color-border-caution-strong: var(--cnvs-base-palette-amber-500); /* Warning outer (box shadow) */
  --cnvs-sys-color-border-caution-default: var(--cnvs-base-palette-amber-400); /* Warning inner */
  --cnvs-sys-color-border-critical-default: var(--cnvs-base-palette-red-500); /* Error */
  --cnvs-sys-color-border-primary-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Secondary Button Hover */
  --cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-900); /* Secondary Button */
  --cnvs-sys-color-border-input-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on checkboxes and radios */
  --cnvs-sys-color-border-input-strong: var(--cnvs-base-palette-slate-700); /* Input hover */
  --cnvs-sys-color-border-input-default: var(--cnvs-base-palette-slate-500); /* Inputs */
  --cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-slate-400); /* Disabled inputs */
  --cnvs-sys-color-fg-positive-stronger: var(--cnvs-base-palette-green-800); /* Error */
  --cnvs-sys-color-fg-positive-strong: var(--cnvs-base-palette-green-700); /* Error */
  --cnvs-sys-color-fg-positive-soft: var(--cnvs-base-palette-green-400); /* Error */
  --cnvs-sys-color-fg-positive-softer: var(--cnvs-base-palette-green-200); /* Error */
  --cnvs-sys-color-fg-positive-default: var(--cnvs-base-palette-green-600); /* Error */
  --cnvs-sys-color-fg-info-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-info-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-info-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950); /* AI icons and text */
  --cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Strong contrast */
  --cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast */
  --cnvs-sys-color-fg-caution-softer: var(--cnvs-base-palette-amber-500); /* Warning */
  --cnvs-sys-color-fg-caution-stronger: var(--cnvs-base-palette-amber-975); /* Warning on hover */
  --cnvs-sys-color-fg-caution-soft: var(--cnvs-base-palette-amber-700); /* Warning */
  --cnvs-sys-color-fg-caution-strong: var(--cnvs-base-palette-amber-950); /* Warning on hover */
  --cnvs-sys-color-fg-caution-default: var(--cnvs-base-palette-amber-900); /* Warning */
  --cnvs-sys-color-fg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-primary-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-primary-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-primary-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-primary-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-slate-400); /* Tab item foreground */
  --cnvs-sys-color-fg-muted-stronger: var(--cnvs-base-palette-slate-800);
  --cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-slate-600); /* Hint text */
  --cnvs-sys-color-fg-critical-softer: var(--cnvs-base-palette-red-200); /* Error */
  --cnvs-sys-color-fg-critical-soft: var(--cnvs-base-palette-red-400); /* Error */
  --cnvs-sys-color-fg-critical-stronger: var(--cnvs-base-palette-red-800); /* Error */
  --cnvs-sys-color-fg-critical-strong: var(--cnvs-base-palette-red-700); /* Error */
  --cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-red-600); /* Error */
  --cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse */
  --cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-slate-400); /* Disabled */
  --cnvs-sys-color-fg-stronger: var(--cnvs-base-palette-neutral-950); /* Heading on hover */
  --cnvs-sys-color-fg-strong: var(--cnvs-base-palette-neutral-900); /* Headings */
  --cnvs-sys-color-fg-default: var(--cnvs-base-palette-neutral-800); /* Body */
  --cnvs-sys-color-icon-info-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-disabled: var(--cnvs-base-palette-slate-400); /* Disabled icon color */
  --cnvs-sys-color-icon-caution-softer: var(--cnvs-base-palette-amber-500); /* Softer caution icon color */
  --cnvs-sys-color-icon-caution-soft: var(--cnvs-base-palette-amber-700); /* Soft caution icon color */
  --cnvs-sys-color-icon-caution-stronger: var(--cnvs-base-palette-amber-975); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-default: var(--cnvs-base-palette-amber-900); /* Caution icon color */
  --cnvs-sys-color-icon-critical-softer: var(--cnvs-base-palette-red-200); /* Error icon color */
  --cnvs-sys-color-icon-critical-soft: var(--cnvs-base-palette-red-400); /* Error icon color */
  --cnvs-sys-color-icon-critical-stronger: var(--cnvs-base-palette-red-800); /* Error icon color */
  --cnvs-sys-color-icon-critical-strong: var(--cnvs-base-palette-red-700); /* Error icon color */
  --cnvs-sys-color-icon-critical-default: var(--cnvs-base-palette-red-600); /* Error icon color */
  --cnvs-sys-color-icon-positive-softer: var(--cnvs-base-palette-green-200); /* Success icon color */
  --cnvs-sys-color-icon-positive-soft: var(--cnvs-base-palette-green-400); /* Success icon color */
  --cnvs-sys-color-icon-positive-stronger: var(--cnvs-base-palette-green-800); /* Success icon color */
  --cnvs-sys-color-icon-positive-strong: var(--cnvs-base-palette-green-700); /* Success icon color */
  --cnvs-sys-color-icon-positive-default: var(--cnvs-base-palette-green-600); /* Success icon color */
  --cnvs-sys-color-icon-primary-softer: var(--cnvs-base-palette-blue-200); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-soft: var(--cnvs-base-palette-blue-400); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse icon color */
  --cnvs-sys-color-icon-strong: var(--cnvs-base-palette-neutral-900); /* Hover icon color */
  --cnvs-sys-color-icon-soft: var(--cnvs-base-palette-slate-600); /* Disabled icon color */
  --cnvs-sys-color-icon-default: var(--cnvs-base-palette-neutral-800); /* Default icon color */
  --cnvs-sys-color-text-info-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-info-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-info-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-info-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-info-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-positive-softer: var(--cnvs-base-palette-green-200); /* Active links */
  --cnvs-sys-color-text-positive-soft: var(--cnvs-base-palette-green-400); /* Active links */
  --cnvs-sys-color-text-positive-stronger: var(--cnvs-base-palette-green-800); /* Active links */
  --cnvs-sys-color-text-positive-strong: var(--cnvs-base-palette-green-700); /* Branded hover text */
  --cnvs-sys-color-text-positive-default: var(--cnvs-base-palette-green-600); /* Branded text */
  --cnvs-sys-color-text-ai: var(--cnvs-base-palette-blue-950);
  --cnvs-sys-color-text-caution-softer: var(--cnvs-base-palette-amber-200); /* Softer warning text */
  --cnvs-sys-color-text-caution-stronger: var(--cnvs-base-palette-amber-975); /* Stronger warning text */
  --cnvs-sys-color-text-caution-soft: var(--cnvs-base-palette-amber-400); /* Disabled warning text */
  --cnvs-sys-color-text-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong warning text */
  --cnvs-sys-color-text-caution-default: var(--cnvs-base-palette-amber-900); /* Warning text */
  --cnvs-sys-color-text-primary-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-primary-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-primary-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-primary-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-primary-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-critical-softer: var(--cnvs-base-palette-red-200); /* Error text */
  --cnvs-sys-color-text-critical-soft: var(--cnvs-base-palette-red-400); /* Error text */
  --cnvs-sys-color-text-critical-stronger: var(--cnvs-base-palette-red-800); /* Error text */
  --cnvs-sys-color-text-critical-strong: var(--cnvs-base-palette-red-700); /* Error text */
  --cnvs-sys-color-text-critical-default: var(--cnvs-base-palette-red-600); /* Error text */
  --cnvs-sys-color-text-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse text color */
  --cnvs-sys-color-text-hint: var(--cnvs-base-palette-slate-600); /* Hint text color */
  --cnvs-sys-color-text-disabled: var(--cnvs-base-palette-slate-400); /* Disabled text color */
  --cnvs-sys-color-text-stronger: var(--cnvs-base-palette-neutral-950); /* Display text */
  --cnvs-sys-color-text-strong: var(--cnvs-base-palette-neutral-900); /* Heading text */
  --cnvs-sys-color-text-default: var(--cnvs-base-palette-neutral-800); /* Body text */
  --cnvs-sys-color-bg-info-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-info-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-info-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-info-soft: var(--cnvs-base-palette-blue-100); /* Disabled */
  --cnvs-sys-color-bg-info-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-info-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-ai-strongest: var(--cnvs-base-palette-blue-950); /* AI surfaces */
  --cnvs-sys-color-bg-ai-stronger: var(--cnvs-base-palette-blue-400); /* Active state on AI containers */
  --cnvs-sys-color-bg-ai-strong: var(--cnvs-base-palette-blue-200); /* Hover on AI container */
  --cnvs-sys-color-bg-ai-default: var(--cnvs-base-palette-blue-100); /* AI container */
  --cnvs-sys-color-bg-critical-stronger: var(--cnvs-base-palette-red-800); /* Stronger error background */
  --cnvs-sys-color-bg-critical-strong: var(--cnvs-base-palette-red-700); /* Strong error background */
  --cnvs-sys-color-bg-critical-default: var(--cnvs-base-palette-red-600); /* Default error background */
  --cnvs-sys-color-bg-critical-soft: var(--cnvs-base-palette-red-100); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softer: var(--cnvs-base-palette-red-50); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softest: var(--cnvs-base-palette-red-25); /* Input error background */
  --cnvs-sys-color-bg-caution-stronger: var(--cnvs-base-palette-amber-600); /* Stronger warning background */
  --cnvs-sys-color-bg-caution-strong: var(--cnvs-base-palette-amber-500); /* Strong warning background */
  --cnvs-sys-color-bg-caution-default: var(--cnvs-base-palette-amber-400); /* Default warning background */
  --cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-100); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softer: var(--cnvs-base-palette-amber-50); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softest: var(--cnvs-base-palette-amber-25); /* Disabled warning background */
  --cnvs-sys-color-bg-positive-stronger: var(--cnvs-base-palette-green-800); /* Active success background */
  --cnvs-sys-color-bg-positive-strong: var(--cnvs-base-palette-green-700); /* Hover success background */
  --cnvs-sys-color-bg-positive-default: var(--cnvs-base-palette-green-600); /* Disabled success background */
  --cnvs-sys-color-bg-positive-soft: var(--cnvs-base-palette-green-100); /* Disabled success background */
  --cnvs-sys-color-bg-positive-softer: var(--cnvs-base-palette-green-50); /* Surface success background */
  --cnvs-sys-color-bg-positive-softest: var(--cnvs-base-palette-green-25); /* Lightest surface success background */
  --cnvs-sys-color-bg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-primary-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-primary-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-100); /* Primary disabled */
  --cnvs-sys-color-bg-primary-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-primary-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-bg-muted-default: var(--cnvs-base-palette-slate-600);
  --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-slate-500);
  --cnvs-sys-color-bg-muted-softer: var(--cnvs-base-palette-slate-400);
  --cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-slate-300); /* Active state for segmented control, Pill */
  --cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-slate-200); /* Active states */
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-100); /* Surface hover, Secondary surfaces */
  --cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-slate-50); /* Alternative page background */
  --cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-slate-25); /* Disabled inputs */
  --cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
  --cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-400)); /* Overlay background */
  --cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-250)); /* Inverse Secondary Button Active state */
  --cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-100)); /* Inverse Secondary Button Hover state */
  --cnvs-sys-color-bg-transparent-default: transparent; /* Transparent background */
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0); /* Main background color */
  --cnvs-sys-color-static-amber-soft: var(--cnvs-base-palette-amber-100); /* Soft amber */
  --cnvs-sys-color-static-amber-strongest: var(--cnvs-base-palette-amber-950); /* Stronger amber */
  --cnvs-sys-color-static-amber-softer: var(--cnvs-base-palette-amber-50); /* Soft amber */
  --cnvs-sys-color-static-amber-stronger: var(--cnvs-base-palette-amber-600); /* Stronger amber */
  --cnvs-sys-color-static-amber-strong: var(--cnvs-base-palette-amber-500); /* Stronger amber */
  --cnvs-sys-color-static-amber-softest: var(--cnvs-base-palette-amber-25); /* Soft amber */
  --cnvs-sys-color-static-amber-default: var(--cnvs-base-palette-amber-400); /* amber */
  --cnvs-sys-color-static-gray-softer: var(--cnvs-base-palette-slate-100); /* Light gray */
  --cnvs-sys-color-static-gray-softest: var(--cnvs-base-palette-slate-50); /* Light gray */
  --cnvs-sys-color-static-gray-strongest: var(--cnvs-base-palette-slate-950); /* Strongerer gray */
  --cnvs-sys-color-static-gray-stronger: var(--cnvs-base-palette-slate-800); /* Strongerer gray */
  --cnvs-sys-color-static-gray-strong: var(--cnvs-base-palette-slate-700); /* Stronger gray */
  --cnvs-sys-color-static-gray-soft: var(--cnvs-base-palette-slate-200); /* Light gray */
  --cnvs-sys-color-static-gray-default: var(--cnvs-base-palette-slate-600); /* Gray */
  --cnvs-sys-color-static-black: var(--cnvs-base-palette-neutral-1000); /* Just black */
  --cnvs-sys-color-static-white: var(--cnvs-base-palette-neutral-0); /* Just white */
  --cnvs-sys-color-static-red-softer: var(--cnvs-base-palette-red-50); /* Light red */
  --cnvs-sys-color-static-red-strongest: var(--cnvs-base-palette-red-950); /* Strong red */
  --cnvs-sys-color-static-red-softest: var(--cnvs-base-palette-red-25); /* Light red */
  --cnvs-sys-color-static-red-stronger: var(--cnvs-base-palette-red-800); /* Strong red */
  --cnvs-sys-color-static-red-strong: var(--cnvs-base-palette-red-700); /* Strong red */
  --cnvs-sys-color-static-red-soft: var(--cnvs-base-palette-red-100); /* Light red */
  --cnvs-sys-color-static-red-default: var(--cnvs-base-palette-red-600); /* Red */
  --cnvs-sys-color-static-green-strongest: var(--cnvs-base-palette-green-950); /* Stronger green */
  --cnvs-sys-color-static-green-softest: var(--cnvs-base-palette-green-25); /* Light green */
  --cnvs-sys-color-static-green-stronger: var(--cnvs-base-palette-green-800); /* Stronger green */
  --cnvs-sys-color-static-green-softer: var(--cnvs-base-palette-green-50); /* Light green */
  --cnvs-sys-color-static-green-strong: var(--cnvs-base-palette-green-700); /* Stronger green */
  --cnvs-sys-color-static-green-soft: var(--cnvs-base-palette-green-100); /* Light green */
  --cnvs-sys-color-static-green-default: var(--cnvs-base-palette-green-600); /* Default green */
  --cnvs-sys-color-static-blue-strongest: var(--cnvs-base-palette-blue-950); /* Stronger blue */
  --cnvs-sys-color-static-blue-soft: var(--cnvs-base-palette-blue-100); /* Light blue */
  --cnvs-sys-color-static-blue-softer: var(--cnvs-base-palette-blue-50); /* Light blue */
  --cnvs-sys-color-static-blue-stronger: var(--cnvs-base-palette-blue-800); /* Stronger blue */
  --cnvs-sys-color-static-blue-strong: var(--cnvs-base-palette-blue-700); /* Stronger blue */
  --cnvs-sys-color-static-blue-softest: var(--cnvs-base-palette-blue-25); /* Light blue */
  --cnvs-sys-color-static-blue-default: var(--cnvs-base-palette-blue-600); /* Blue */
  --cnvs-sys-color-static-orange-strong: var(--cnvs-base-palette-amber-500);
  --cnvs-sys-color-static-orange-soft: var(--cnvs-base-palette-amber-100);
  --cnvs-sys-color-static-orange-default: var(--cnvs-base-palette-amber-400);
  --cnvs-sys-color-static-gold-stronger: var(--cnvs-base-palette-amber-600);
  --cnvs-sys-font-size-subtext-medium: var(--cnvs-base-font-size-50);
  --cnvs-sys-font-size-subtext-large: var(--cnvs-base-font-size-75);
  --cnvs-sys-font-size-body-small: var(--cnvs-base-font-size-100);
  --cnvs-sys-font-size-body-medium: var(--cnvs-base-font-size-125);
  --cnvs-sys-font-size-body-large: var(--cnvs-base-font-size-150);
  --cnvs-sys-font-size-heading-small: var(--cnvs-base-font-size-200);
  --cnvs-sys-font-size-heading-medium: var(--cnvs-base-font-size-250);
  --cnvs-sys-font-size-heading-large: var(--cnvs-base-font-size-300);
  --cnvs-sys-font-size-title-small: var(--cnvs-base-font-size-400);
  --cnvs-sys-font-size-title-medium: var(--cnvs-base-font-size-500);
  --cnvs-sys-font-size-title-large: var(--cnvs-base-font-size-600);
}

.cnvs-sys-type-subtext-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-small);
  font-size: var(--cnvs-sys-font-size-subtext-small);
  letter-spacing: var(--cnvs-base-letter-spacing-50);
}

.cnvs-sys-type-subtext-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-medium);
  font-size: var(--cnvs-sys-font-size-subtext-medium);
  letter-spacing: var(--cnvs-base-letter-spacing-100);
}

.cnvs-sys-type-subtext-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-large);
  font-size: var(--cnvs-sys-font-size-subtext-large);
  letter-spacing: var(--cnvs-base-letter-spacing-150);
}

.cnvs-sys-type-body-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-small);
  font-size: var(--cnvs-sys-font-size-body-small);
  letter-spacing: var(--cnvs-base-letter-spacing-200);
}

.cnvs-sys-type-body-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-medium);
  font-size: var(--cnvs-sys-font-size-body-medium);
}

.cnvs-sys-type-body-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-large);
  font-size: var(--cnvs-sys-font-size-body-large);
}

.cnvs-sys-type-heading-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-small);
  font-size: var(--cnvs-sys-font-size-heading-small);
}

.cnvs-sys-type-heading-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-medium);
  font-size: var(--cnvs-sys-font-size-heading-medium);
}

.cnvs-sys-type-heading-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-large);
  font-size: var(--cnvs-sys-font-size-heading-large);
}

.cnvs-sys-type-title-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-small);
  font-size: var(--cnvs-sys-font-size-title-small);
}

.cnvs-sys-type-title-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-medium);
  font-size: var(--cnvs-sys-font-size-title-medium);
}

.cnvs-sys-type-title-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-large);
  font-size: var(--cnvs-sys-font-size-title-large);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
  --cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);
  --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
  --cnvs-brand-neutral-lighter: var(--cnvs-base-palette-slate-50);
  --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-neutral-darkest: var(--cnvs-base-palette-slate-800);
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-slate-700);
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-slate-600);
  --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-25);
  --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
  --cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);
  --cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);
  --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
  --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
  --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);
  --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);
  --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
  --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);
  --cnvs-brand-alert-lighter: var(--cnvs-base-palette-amber-50);
  --cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-error-light: var(--cnvs-base-palette-red-200);
  --cnvs-brand-error-lighter: var(--cnvs-base-palette-red-50);
  --cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);
  --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
  --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
  --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
  --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
  --cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);
  --cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
  --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
  --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
  --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
  --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.text-theme {
  color: #333333;
}

.text-theme:disabled, .text-theme.disabled {
  outline: none;
  color: #a1aab3;
  cursor: not-allowed;
}

.text-theme.highlighted, .text-theme:active {
  background-color: #a6d2ff;
}

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.right-align {
  right: 0;
}

.left-align {
  left: 0;
}

.item-selected {
  border-radius: 99px;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #0057ae;
}

.item-container {
  position: relative;
  cursor: pointer;
  content: "";
  outline: none;
  box-sizing: border-box;
  overflow: visible;
  height: 45px;
  width: 45px;
  align-content: center;
}

.button-popup-open {
  background-color: #ffffff;
  border-radius: 0;
}

.org-path-overview-container {
  padding: 20px;
  max-width: 288px;
  font-family: "Workday Adelle Sans", "sans-serif";
}

.org-path-overview-container .title {
  font-size: 20px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 12px;
}

.org-path-overview-container .description {
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 16px;
}

.org-path-overview-container .user-info {
  display: flex;
  align-items: flex-start;
  position: relative;
  margin-bottom: 8px;
}

.org-path-overview-container .user-icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  flex-shrink: 0;
  align-self: center;
}

.org-path-overview-container .user-count-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.org-path-overview-container .user-title {
  font-size: 14px;
}

.org-path-overview-container .count {
  font-size: 14px;
  font-weight: 700;
}

.org-path-overview-container .status-container {
  position: relative;
  padding-left: 0;
  margin-left: 12px;
}

.org-path-overview-container .vertical-line {
  position: absolute;
  left: 12;
  top: 0;
  height: 85%;
  width: 1px;
  background-color: #ced3d9;
}

.org-path-overview-container .status-list {
  list-style: none;
  padding-left: 0;
  padding-top: 10px;
  margin: 0;
}

.org-path-overview-container .status-list li {
  padding-left: 12px;
}

.org-path-overview-container .status-item {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  position: relative;
}

.org-path-overview-container .status-item .horizontal-line {
  position: absolute;
  left: -12px;
  top: 50%;
  width: 16px;
  height: 1px;
  background-color: #ced3d9;
}

.org-path-overview-container .status-item svg {
  margin-right: 8px;
  margin-left: 5px;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
}

.org-path-overview-container .status-item .status-text {
  display: flex;
  flex-wrap: wrap;
}

.org-path-overview-container .status-item .status-text span {
  font-size: 14px;
  line-height: 1.5;
}

.org-path-overview-container .separator {
  height: 1px;
  background-color: #ced3d9;
  margin: 16px 0 12px 0;
  width: 100%;
}

.org-path-overview-container .view-all {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #0875E1;
  text-decoration: underline;
  margin: 10px 0;
}
/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-amber-100: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-amber-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-amber-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-amber-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-amber-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-amber-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-amber-700: oklch(0.4824 0.1353 46.11 / 1);
  --cnvs-base-palette-amber-800: oklch(0.4143 0.1245 42.21 / 1);
  --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
  --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
  --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
  --cnvs-base-palette-azure-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-azure-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-azure-400: oklch(0.7283 0.1377 242.63 / 1);
  --cnvs-base-palette-azure-500: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-azure-600: oklch(0.5174 0.1257 243.24 / 1);
  --cnvs-base-palette-azure-700: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-azure-800: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
  --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
  --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
  --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
  --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
  --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blue-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-blue-300: oklch(0.7933 0.1076 252.08 / 1);
  --cnvs-base-palette-blue-400: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blue-500: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-blue-600: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blue-700: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blue-800: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
  --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
  --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
  --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-coral-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-coral-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-coral-400: oklch(0.7279 0.1703 38.58 / 1);
  --cnvs-base-palette-coral-500: oklch(0.6779 0.2096 40.36 / 1);
  --cnvs-base-palette-coral-600: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-coral-700: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-coral-800: oklch(0.393 0.143 33.49 / 1);
  --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
  --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
  --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
  --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
  --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-200: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-300: oklch(0.7817 0.1928 150.67 / 1);
  --cnvs-base-palette-green-400: oklch(0.702 0.1952 148.39 / 1);
  --cnvs-base-palette-green-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-green-600: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-700: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-800: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
  --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
  --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
  --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
  --cnvs-base-palette-indigo-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-indigo-300: oklch(0.7625 0.1242 281 / 1);
  --cnvs-base-palette-indigo-400: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-indigo-500: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-indigo-600: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-palette-indigo-700: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-indigo-800: oklch(0.379 0.1771 278.1 / 1);
  --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
  --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
  --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
  --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
  --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
  --cnvs-base-palette-neutral-100: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-neutral-200: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-neutral-300: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-neutral-400: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-neutral-500: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-neutral-600: oklch(0.5103 0 0 / 1);
  --cnvs-base-palette-neutral-700: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-neutral-800: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-neutral-900: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-neutral-950: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-neutral-975: oklch(0.1591 0 0 / 1);
  --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
  --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
  --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
  --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-orange-200: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-orange-300: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-orange-400: oklch(0.7261 0.1852 52.58 / 1);
  --cnvs-base-palette-orange-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-orange-600: oklch(0.53 0.165 40.39 / 1);
  --cnvs-base-palette-orange-700: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-orange-800: oklch(0.4077 0.1336 37.92 / 1);
  --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
  --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
  --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
  --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
  --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
  --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
  --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
  --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
  --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
  --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
  --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
  --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
  --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
  --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-palette-purple-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-purple-300: oklch(0.8108 0.1412 315.48 / 1);
  --cnvs-base-palette-purple-400: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-purple-500: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-purple-600: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-purple-700: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-purple-800: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
  --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
  --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
  --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-red-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-red-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-red-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-red-500: oklch(0.6495 0.2369 30.04 / 1);
  --cnvs-base-palette-red-600: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-red-700: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-red-800: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
  --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
  --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
  --cnvs-base-palette-slate-25: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-slate-50: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-slate-100: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-slate-200: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-slate-300: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-slate-400: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-slate-500: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-slate-600: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-slate-700: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-slate-800: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-slate-900: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-slate-950: oklch(0.2453 0.0136 253.1 / 1);
  --cnvs-base-palette-slate-975: oklch(0.18 0.008 248.33 / 1);
  --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
  --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-teal-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-teal-300: oklch(0.7836 0.0874 204.93 / 1);
  --cnvs-base-palette-teal-400: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-teal-500: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-teal-600: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-teal-700: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
  --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
  --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
  --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
  --cnvs-base-palette-cinnamon-100: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-cinnamon-200: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-cinnamon-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-cinnamon-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-cinnamon-500: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-cinnamon-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-peach-100: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-peach-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-peach-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-peach-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-peach-500: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-peach-600: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-chili-mango-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-chili-mango-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-chili-mango-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-chili-mango-400: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-600: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-cantaloupe-100: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-cantaloupe-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-cantaloupe-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-cantaloupe-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-cantaloupe-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-cantaloupe-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-sour-lemon-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-sour-lemon-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-sour-lemon-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-sour-lemon-400: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-500: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-600: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-juicy-pear-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-juicy-pear-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-juicy-pear-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-400: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-juicy-pear-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-kiwi-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-kiwi-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-kiwi-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-kiwi-400: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-apple-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-apple-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-apple-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-apple-500: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-watermelon-200: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-watermelon-300: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-watermelon-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-watermelon-500: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-jewel-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-jewel-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-jewel-300: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-jewel-400: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-jewel-500: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-jewel-600: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-toothpaste-100: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-toothpaste-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-toothpaste-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-toothpaste-400: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-toothpaste-500: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-toothpaste-600: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-blueberry-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-200: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blueberry-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blueberry-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blueberry-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-plum-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-plum-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-plum-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-plum-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-plum-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-plum-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-berry-smoothie-100: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-berry-smoothie-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-berry-smoothie-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-berry-smoothie-400: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-berry-smoothie-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-berry-smoothie-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blackberry-100: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-blackberry-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-blackberry-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-blackberry-400: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-blackberry-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-blackberry-600: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-island-punch-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-island-punch-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-island-punch-300: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-500: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-island-punch-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-grape-soda-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-grape-soda-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-grape-soda-300: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-grape-soda-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-grape-soda-500: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-grape-soda-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-pomegranate-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-pomegranate-200: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-pomegranate-300: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-400: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-500: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-pomegranate-600: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-fruit-punch-100: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-fruit-punch-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-fruit-punch-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-fruit-punch-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-500: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-root-beer-100: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-root-beer-200: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-root-beer-300: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-400: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-500: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-root-beer-600: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-toasted-marshmallow-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-toasted-marshmallow-200: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-toasted-marshmallow-300: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-toasted-marshmallow-400: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-toasted-marshmallow-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-toasted-marshmallow-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-licorice-100: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-licorice-200: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-licorice-300: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-licorice-400: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-licorice-500: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-licorice-600: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-soap-100: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-soap-200: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-soap-300: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-soap-400: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-soap-500: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-soap-600: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-french-vanilla-100: oklch(1 0 0 / 1);
  --cnvs-base-palette-french-vanilla-200: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-french-vanilla-300: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-french-vanilla-400: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-french-vanilla-500: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-french-vanilla-600: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-100: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-200: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-black-pepper-300: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-black-pepper-400: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-black-pepper-500: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-black-pepper-600: oklch(0 0 0 / 1);
  --cnvs-base-palette-coconut-100: #F0EEEE;
  --cnvs-base-palette-coconut-200: #e3dfdf;
  --cnvs-base-palette-coconut-300: #d1cbcc;
  --cnvs-base-palette-coconut-400: #b3acac;
  --cnvs-base-palette-coconut-500: #9e9595;
  --cnvs-base-palette-coconut-600: #8F8687;
  --cnvs-base-palette-cappuccino-100: #7A7374;
  --cnvs-base-palette-cappuccino-200: #706869;
  --cnvs-base-palette-cappuccino-300: #5E5757;
  --cnvs-base-palette-cappuccino-400: #4A4242;
  --cnvs-base-palette-cappuccino-500: #352f2f;
  --cnvs-base-palette-cappuccino-600: #231f20;
  --cnvs-base-opacity-0: 0;
  --cnvs-base-opacity-100: 0.08;
  --cnvs-base-opacity-200: 0.12;
  --cnvs-base-opacity-250: 0.2;
  --cnvs-base-opacity-300: 0.4;
  --cnvs-base-opacity-400: 0.64;
  --cnvs-base-opacity-500: 0.84;
  --cnvs-base-font-size-25: 0.625rem;
  --cnvs-base-font-size-50: 0.75rem;
  --cnvs-base-font-size-75: 0.875rem;
  --cnvs-base-font-size-100: 1rem;
  --cnvs-base-font-size-125: 1.125rem;
  --cnvs-base-font-size-150: 1.25rem;
  --cnvs-base-font-size-200: 1.5rem;
  --cnvs-base-font-size-250: 1.75rem;
  --cnvs-base-font-size-300: 2rem;
  --cnvs-base-font-size-400: 2.5rem;
  --cnvs-base-font-size-500: 3rem;
  --cnvs-base-font-size-600: 3.5rem;
  --cnvs-base-font-size-750: 4.5rem;
  --cnvs-base-font-size-900: 5.5rem;
  --cnvs-base-font-size-1050: 6.5rem;
  --cnvs-base-line-height-50: 1rem;
  --cnvs-base-line-height-100: 1.25rem;
  --cnvs-base-line-height-150: 1.5rem;
  --cnvs-base-line-height-200: 1.75rem;
  --cnvs-base-line-height-250: 2rem;
  --cnvs-base-line-height-300: 2.25rem;
  --cnvs-base-line-height-350: 2.5rem;
  --cnvs-base-line-height-400: 3rem;
  --cnvs-base-line-height-500: 3.5rem;
  --cnvs-base-line-height-600: 4rem;
  --cnvs-base-line-height-750: 4.5rem;
  --cnvs-base-line-height-900: 5.5rem;
  --cnvs-base-line-height-1050: 6.5rem;
  --cnvs-base-font-family-50: "Roboto"; /* Default font-family */
  --cnvs-base-font-family-100: "Roboto Mono";
  --cnvs-base-font-family-200: "Noto Sans";
  --cnvs-base-font-weight-300: 300;
  --cnvs-base-font-weight-400: 400;
  --cnvs-base-font-weight-500: 500;
  --cnvs-base-font-weight-700: 700;
  --cnvs-base-letter-spacing-50: 0.025rem;
  --cnvs-base-letter-spacing-100: 0.02rem;
  --cnvs-base-letter-spacing-150: 0.015rem;
  --cnvs-base-letter-spacing-200: 0.01rem;
  --cnvs-base-unit: 0.25rem; /* The base unit used in the grid system.;  */
  --cnvs-base-extended-palette-dragon-fruit-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-extended-palette-dragon-fruit-200: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-extended-palette-dragon-fruit-300: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-extended-palette-dragon-fruit-400: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-extended-palette-dragon-fruit-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-extended-palette-dragon-fruit-600: oklch(0.317 0.142 278.2 / 1);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Standard card depth */
  --cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Top navigation, Bottom Navigation */
  --cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Floating Action Buttons (FAB), Menus */
  --cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.5rem 2rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Bottom Sheets */
  --cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.625rem 2.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied) */
  --cnvs-sys-depth-6: 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.75rem 3rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied) */
  --cnvs-sys-space-zero: 0; /* Stacks, rows in tables */
  --cnvs-sys-shape-zero: 0rem; /* This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels. */
  --cnvs-sys-opacity-full: 1; /* Dev only */
  --cnvs-sys-opacity-zero: 0; /* Dev only */
  --cnvs-sys-breakpoints-zero: 0px; /* Use to set a media query `min-width` below small. */
  --cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);
  --cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);
  --cnvs-sys-font-weight-normal: var(--cnvs-base-font-weight-400);
  --cnvs-sys-font-weight-light: var(--cnvs-base-font-weight-300);
  --cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);
  --cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);
  --cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);
  --cnvs-sys-line-height-heading-large: var(--cnvs-base-line-height-350);
  --cnvs-sys-line-height-heading-medium: var(--cnvs-base-line-height-300);
  --cnvs-sys-line-height-heading-small: var(--cnvs-base-line-height-250);
  --cnvs-sys-line-height-body-large: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-medium: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-small: var(--cnvs-base-line-height-150);
  --cnvs-sys-line-height-subtext-large: var(--cnvs-base-line-height-100);
  --cnvs-sys-line-height-subtext-medium: var(--cnvs-base-line-height-50);
  --cnvs-sys-line-height-subtext-small: var(--cnvs-base-line-height-50);
  --cnvs-sys-font-size-subtext-small: var(--cnvs-base-font-size-25);
  --cnvs-sys-font-family-global: var(--cnvs-base-font-family-200);
  --cnvs-sys-font-family-mono: var(--cnvs-base-font-family-100);
  --cnvs-sys-font-family-default: var(--cnvs-base-font-family-50);
  --cnvs-sys-space-x20: calc(var(--cnvs-base-unit) * 20); /* - Use sparingly; - Helps to put focus on the primary element within your page; - Use to de-clutter your UI when a lot of space is available */
  --cnvs-sys-space-x16: calc(var(--cnvs-base-unit) * 16); /* - Use to de-clutter your UI when a lot of space is available; - Separate banner sections from page content; - Use to differentiate page content like page sections */
  --cnvs-sys-space-x10: calc(var(--cnvs-base-unit) * 10); /* • Used for outer margins on the overall page content ; • Used for inner margins on large items such as page sections */
  --cnvs-sys-space-x8: calc(var(--cnvs-base-unit) * 8); /* • Standard spacing between cards; • Used to separate groups of content ; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x6: calc(var(--cnvs-base-unit) * 6); /* • Padding around card content; • Related elements where more space between them can be afforded; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x4: calc(var(--cnvs-base-unit) * 4); /* Default space token. Used to group Inputs with related data */
  --cnvs-sys-space-x3: calc(var(--cnvs-base-unit) * 3); /* Use when compact padding is required */
  --cnvs-sys-space-x2: calc(var(--cnvs-base-unit) * 2); /* Commonly used to group compact elements like icon buttons */
  --cnvs-sys-space-x1: var(--cnvs-base-unit); /* Compact spacing between text or icons */
  --cnvs-sys-shape-round: calc(var(--cnvs-base-unit) * 250); /* Commonly used for our standard buttons and profile avatars: All Primary, Secondary Buttons, Radio Buttons and Notification Badges. */
  --cnvs-sys-shape-x2: calc(var(--cnvs-base-unit) * 2); /* Use this for all the containers and popups: All Cards, Modals, Tooltips and Toasts. */
  --cnvs-sys-shape-x1-half: calc(var(--cnvs-base-unit) * 1.5);
  --cnvs-sys-shape-x1: var(--cnvs-base-unit);
  --cnvs-sys-shape-half: calc(var(--cnvs-base-unit) * 0.5); /* Use this for subtle and small components that don’t require to group complex information like Status Indicators, Checkboxes and Color Swatches. */
  --cnvs-sys-opacity-shadow-second: var(--cnvs-base-opacity-100); /* Alpha on second shadow */
  --cnvs-sys-opacity-shadow-first: var(--cnvs-base-opacity-200); /* Alpha on first shadow */
  --cnvs-sys-opacity-contrast: var(--cnvs-base-opacity-500); /* Tooltips, Status Indicator */
  --cnvs-sys-opacity-overlay: var(--cnvs-base-opacity-400); /* Overlay */
  --cnvs-sys-opacity-disabled: var(--cnvs-base-opacity-300); /* Disabled states */
  --cnvs-sys-breakpoints-xl: 1440px; /* Used for extra large screens, such as wide monitors and TVs. */
  --cnvs-sys-breakpoints-l: 1024px; /* Large screens, such as desktops. */
  --cnvs-sys-breakpoints-m: 768px; /* Medium screens, such as laptops. */
  --cnvs-sys-breakpoints-s: 320px; /* The `min-width` for mobile devices, such as phones and tablets. */
  --cnvs-sys-color-shadow-default: var(--cnvs-base-palette-slate-900); /* Main shadow color */
  --cnvs-sys-color-shadow-2: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-100)); /* Second shadow color */
  --cnvs-sys-color-shadow-1: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-200)); /* First shadow color */
  --cnvs-sys-color-border-info-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950); /* Active state on AI borders */
  --cnvs-sys-color-border-container: var(--cnvs-base-palette-slate-300); /* Cards, Toasts, Surfaces */
  --cnvs-sys-color-border-divider: var(--cnvs-base-palette-slate-200); /* Dividers */
  --cnvs-sys-color-border-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on accent colors */
  --cnvs-sys-color-border-transparent: transparent; /* Transparent */
  --cnvs-sys-color-border-caution-strong: var(--cnvs-base-palette-amber-500); /* Warning outer (box shadow) */
  --cnvs-sys-color-border-caution-default: var(--cnvs-base-palette-amber-400); /* Warning inner */
  --cnvs-sys-color-border-critical-default: var(--cnvs-base-palette-red-500); /* Error */
  --cnvs-sys-color-border-primary-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Secondary Button Hover */
  --cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-900); /* Secondary Button */
  --cnvs-sys-color-border-input-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on checkboxes and radios */
  --cnvs-sys-color-border-input-strong: var(--cnvs-base-palette-slate-700); /* Input hover */
  --cnvs-sys-color-border-input-default: var(--cnvs-base-palette-slate-500); /* Inputs */
  --cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-slate-400); /* Disabled inputs */
  --cnvs-sys-color-fg-positive-stronger: var(--cnvs-base-palette-green-800); /* Error */
  --cnvs-sys-color-fg-positive-strong: var(--cnvs-base-palette-green-700); /* Error */
  --cnvs-sys-color-fg-positive-soft: var(--cnvs-base-palette-green-400); /* Error */
  --cnvs-sys-color-fg-positive-softer: var(--cnvs-base-palette-green-200); /* Error */
  --cnvs-sys-color-fg-positive-default: var(--cnvs-base-palette-green-600); /* Error */
  --cnvs-sys-color-fg-info-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-info-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-info-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950); /* AI icons and text */
  --cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Strong contrast */
  --cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast */
  --cnvs-sys-color-fg-caution-softer: var(--cnvs-base-palette-amber-500); /* Warning */
  --cnvs-sys-color-fg-caution-stronger: var(--cnvs-base-palette-amber-975); /* Warning on hover */
  --cnvs-sys-color-fg-caution-soft: var(--cnvs-base-palette-amber-700); /* Warning */
  --cnvs-sys-color-fg-caution-strong: var(--cnvs-base-palette-amber-950); /* Warning on hover */
  --cnvs-sys-color-fg-caution-default: var(--cnvs-base-palette-amber-900); /* Warning */
  --cnvs-sys-color-fg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-primary-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-primary-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-primary-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-primary-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-slate-400); /* Tab item foreground */
  --cnvs-sys-color-fg-muted-stronger: var(--cnvs-base-palette-slate-800);
  --cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-slate-600); /* Hint text */
  --cnvs-sys-color-fg-critical-softer: var(--cnvs-base-palette-red-200); /* Error */
  --cnvs-sys-color-fg-critical-soft: var(--cnvs-base-palette-red-400); /* Error */
  --cnvs-sys-color-fg-critical-stronger: var(--cnvs-base-palette-red-800); /* Error */
  --cnvs-sys-color-fg-critical-strong: var(--cnvs-base-palette-red-700); /* Error */
  --cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-red-600); /* Error */
  --cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse */
  --cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-slate-400); /* Disabled */
  --cnvs-sys-color-fg-stronger: var(--cnvs-base-palette-neutral-950); /* Heading on hover */
  --cnvs-sys-color-fg-strong: var(--cnvs-base-palette-neutral-900); /* Headings */
  --cnvs-sys-color-fg-default: var(--cnvs-base-palette-neutral-800); /* Body */
  --cnvs-sys-color-icon-info-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-disabled: var(--cnvs-base-palette-slate-400); /* Disabled icon color */
  --cnvs-sys-color-icon-caution-softer: var(--cnvs-base-palette-amber-500); /* Softer caution icon color */
  --cnvs-sys-color-icon-caution-soft: var(--cnvs-base-palette-amber-700); /* Soft caution icon color */
  --cnvs-sys-color-icon-caution-stronger: var(--cnvs-base-palette-amber-975); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-default: var(--cnvs-base-palette-amber-900); /* Caution icon color */
  --cnvs-sys-color-icon-critical-softer: var(--cnvs-base-palette-red-200); /* Error icon color */
  --cnvs-sys-color-icon-critical-soft: var(--cnvs-base-palette-red-400); /* Error icon color */
  --cnvs-sys-color-icon-critical-stronger: var(--cnvs-base-palette-red-800); /* Error icon color */
  --cnvs-sys-color-icon-critical-strong: var(--cnvs-base-palette-red-700); /* Error icon color */
  --cnvs-sys-color-icon-critical-default: var(--cnvs-base-palette-red-600); /* Error icon color */
  --cnvs-sys-color-icon-positive-softer: var(--cnvs-base-palette-green-200); /* Success icon color */
  --cnvs-sys-color-icon-positive-soft: var(--cnvs-base-palette-green-400); /* Success icon color */
  --cnvs-sys-color-icon-positive-stronger: var(--cnvs-base-palette-green-800); /* Success icon color */
  --cnvs-sys-color-icon-positive-strong: var(--cnvs-base-palette-green-700); /* Success icon color */
  --cnvs-sys-color-icon-positive-default: var(--cnvs-base-palette-green-600); /* Success icon color */
  --cnvs-sys-color-icon-primary-softer: var(--cnvs-base-palette-blue-200); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-soft: var(--cnvs-base-palette-blue-400); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse icon color */
  --cnvs-sys-color-icon-strong: var(--cnvs-base-palette-neutral-900); /* Hover icon color */
  --cnvs-sys-color-icon-soft: var(--cnvs-base-palette-slate-600); /* Disabled icon color */
  --cnvs-sys-color-icon-default: var(--cnvs-base-palette-neutral-800); /* Default icon color */
  --cnvs-sys-color-text-info-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-info-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-info-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-info-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-info-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-positive-softer: var(--cnvs-base-palette-green-200); /* Active links */
  --cnvs-sys-color-text-positive-soft: var(--cnvs-base-palette-green-400); /* Active links */
  --cnvs-sys-color-text-positive-stronger: var(--cnvs-base-palette-green-800); /* Active links */
  --cnvs-sys-color-text-positive-strong: var(--cnvs-base-palette-green-700); /* Branded hover text */
  --cnvs-sys-color-text-positive-default: var(--cnvs-base-palette-green-600); /* Branded text */
  --cnvs-sys-color-text-ai: var(--cnvs-base-palette-blue-950);
  --cnvs-sys-color-text-caution-softer: var(--cnvs-base-palette-amber-200); /* Softer warning text */
  --cnvs-sys-color-text-caution-stronger: var(--cnvs-base-palette-amber-975); /* Stronger warning text */
  --cnvs-sys-color-text-caution-soft: var(--cnvs-base-palette-amber-400); /* Disabled warning text */
  --cnvs-sys-color-text-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong warning text */
  --cnvs-sys-color-text-caution-default: var(--cnvs-base-palette-amber-900); /* Warning text */
  --cnvs-sys-color-text-primary-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-primary-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-primary-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-primary-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-primary-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-critical-softer: var(--cnvs-base-palette-red-200); /* Error text */
  --cnvs-sys-color-text-critical-soft: var(--cnvs-base-palette-red-400); /* Error text */
  --cnvs-sys-color-text-critical-stronger: var(--cnvs-base-palette-red-800); /* Error text */
  --cnvs-sys-color-text-critical-strong: var(--cnvs-base-palette-red-700); /* Error text */
  --cnvs-sys-color-text-critical-default: var(--cnvs-base-palette-red-600); /* Error text */
  --cnvs-sys-color-text-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse text color */
  --cnvs-sys-color-text-hint: var(--cnvs-base-palette-slate-600); /* Hint text color */
  --cnvs-sys-color-text-disabled: var(--cnvs-base-palette-slate-400); /* Disabled text color */
  --cnvs-sys-color-text-stronger: var(--cnvs-base-palette-neutral-950); /* Display text */
  --cnvs-sys-color-text-strong: var(--cnvs-base-palette-neutral-900); /* Heading text */
  --cnvs-sys-color-text-default: var(--cnvs-base-palette-neutral-800); /* Body text */
  --cnvs-sys-color-bg-info-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-info-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-info-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-info-soft: var(--cnvs-base-palette-blue-100); /* Disabled */
  --cnvs-sys-color-bg-info-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-info-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-ai-strongest: var(--cnvs-base-palette-blue-950); /* AI surfaces */
  --cnvs-sys-color-bg-ai-stronger: var(--cnvs-base-palette-blue-400); /* Active state on AI containers */
  --cnvs-sys-color-bg-ai-strong: var(--cnvs-base-palette-blue-200); /* Hover on AI container */
  --cnvs-sys-color-bg-ai-default: var(--cnvs-base-palette-blue-100); /* AI container */
  --cnvs-sys-color-bg-critical-stronger: var(--cnvs-base-palette-red-800); /* Stronger error background */
  --cnvs-sys-color-bg-critical-strong: var(--cnvs-base-palette-red-700); /* Strong error background */
  --cnvs-sys-color-bg-critical-default: var(--cnvs-base-palette-red-600); /* Default error background */
  --cnvs-sys-color-bg-critical-soft: var(--cnvs-base-palette-red-100); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softer: var(--cnvs-base-palette-red-50); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softest: var(--cnvs-base-palette-red-25); /* Input error background */
  --cnvs-sys-color-bg-caution-stronger: var(--cnvs-base-palette-amber-600); /* Stronger warning background */
  --cnvs-sys-color-bg-caution-strong: var(--cnvs-base-palette-amber-500); /* Strong warning background */
  --cnvs-sys-color-bg-caution-default: var(--cnvs-base-palette-amber-400); /* Default warning background */
  --cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-100); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softer: var(--cnvs-base-palette-amber-50); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softest: var(--cnvs-base-palette-amber-25); /* Disabled warning background */
  --cnvs-sys-color-bg-positive-stronger: var(--cnvs-base-palette-green-800); /* Active success background */
  --cnvs-sys-color-bg-positive-strong: var(--cnvs-base-palette-green-700); /* Hover success background */
  --cnvs-sys-color-bg-positive-default: var(--cnvs-base-palette-green-600); /* Disabled success background */
  --cnvs-sys-color-bg-positive-soft: var(--cnvs-base-palette-green-100); /* Disabled success background */
  --cnvs-sys-color-bg-positive-softer: var(--cnvs-base-palette-green-50); /* Surface success background */
  --cnvs-sys-color-bg-positive-softest: var(--cnvs-base-palette-green-25); /* Lightest surface success background */
  --cnvs-sys-color-bg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-primary-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-primary-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-100); /* Primary disabled */
  --cnvs-sys-color-bg-primary-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-primary-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-bg-muted-default: var(--cnvs-base-palette-slate-600);
  --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-slate-500);
  --cnvs-sys-color-bg-muted-softer: var(--cnvs-base-palette-slate-400);
  --cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-slate-300); /* Active state for segmented control, Pill */
  --cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-slate-200); /* Active states */
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-100); /* Surface hover, Secondary surfaces */
  --cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-slate-50); /* Alternative page background */
  --cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-slate-25); /* Disabled inputs */
  --cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
  --cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-400)); /* Overlay background */
  --cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-250)); /* Inverse Secondary Button Active state */
  --cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-100)); /* Inverse Secondary Button Hover state */
  --cnvs-sys-color-bg-transparent-default: transparent; /* Transparent background */
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0); /* Main background color */
  --cnvs-sys-color-static-amber-soft: var(--cnvs-base-palette-amber-100); /* Soft amber */
  --cnvs-sys-color-static-amber-strongest: var(--cnvs-base-palette-amber-950); /* Stronger amber */
  --cnvs-sys-color-static-amber-softer: var(--cnvs-base-palette-amber-50); /* Soft amber */
  --cnvs-sys-color-static-amber-stronger: var(--cnvs-base-palette-amber-600); /* Stronger amber */
  --cnvs-sys-color-static-amber-strong: var(--cnvs-base-palette-amber-500); /* Stronger amber */
  --cnvs-sys-color-static-amber-softest: var(--cnvs-base-palette-amber-25); /* Soft amber */
  --cnvs-sys-color-static-amber-default: var(--cnvs-base-palette-amber-400); /* amber */
  --cnvs-sys-color-static-gray-softer: var(--cnvs-base-palette-slate-100); /* Light gray */
  --cnvs-sys-color-static-gray-softest: var(--cnvs-base-palette-slate-50); /* Light gray */
  --cnvs-sys-color-static-gray-strongest: var(--cnvs-base-palette-slate-950); /* Strongerer gray */
  --cnvs-sys-color-static-gray-stronger: var(--cnvs-base-palette-slate-800); /* Strongerer gray */
  --cnvs-sys-color-static-gray-strong: var(--cnvs-base-palette-slate-700); /* Stronger gray */
  --cnvs-sys-color-static-gray-soft: var(--cnvs-base-palette-slate-200); /* Light gray */
  --cnvs-sys-color-static-gray-default: var(--cnvs-base-palette-slate-600); /* Gray */
  --cnvs-sys-color-static-black: var(--cnvs-base-palette-neutral-1000); /* Just black */
  --cnvs-sys-color-static-white: var(--cnvs-base-palette-neutral-0); /* Just white */
  --cnvs-sys-color-static-red-softer: var(--cnvs-base-palette-red-50); /* Light red */
  --cnvs-sys-color-static-red-strongest: var(--cnvs-base-palette-red-950); /* Strong red */
  --cnvs-sys-color-static-red-softest: var(--cnvs-base-palette-red-25); /* Light red */
  --cnvs-sys-color-static-red-stronger: var(--cnvs-base-palette-red-800); /* Strong red */
  --cnvs-sys-color-static-red-strong: var(--cnvs-base-palette-red-700); /* Strong red */
  --cnvs-sys-color-static-red-soft: var(--cnvs-base-palette-red-100); /* Light red */
  --cnvs-sys-color-static-red-default: var(--cnvs-base-palette-red-600); /* Red */
  --cnvs-sys-color-static-green-strongest: var(--cnvs-base-palette-green-950); /* Stronger green */
  --cnvs-sys-color-static-green-softest: var(--cnvs-base-palette-green-25); /* Light green */
  --cnvs-sys-color-static-green-stronger: var(--cnvs-base-palette-green-800); /* Stronger green */
  --cnvs-sys-color-static-green-softer: var(--cnvs-base-palette-green-50); /* Light green */
  --cnvs-sys-color-static-green-strong: var(--cnvs-base-palette-green-700); /* Stronger green */
  --cnvs-sys-color-static-green-soft: var(--cnvs-base-palette-green-100); /* Light green */
  --cnvs-sys-color-static-green-default: var(--cnvs-base-palette-green-600); /* Default green */
  --cnvs-sys-color-static-blue-strongest: var(--cnvs-base-palette-blue-950); /* Stronger blue */
  --cnvs-sys-color-static-blue-soft: var(--cnvs-base-palette-blue-100); /* Light blue */
  --cnvs-sys-color-static-blue-softer: var(--cnvs-base-palette-blue-50); /* Light blue */
  --cnvs-sys-color-static-blue-stronger: var(--cnvs-base-palette-blue-800); /* Stronger blue */
  --cnvs-sys-color-static-blue-strong: var(--cnvs-base-palette-blue-700); /* Stronger blue */
  --cnvs-sys-color-static-blue-softest: var(--cnvs-base-palette-blue-25); /* Light blue */
  --cnvs-sys-color-static-blue-default: var(--cnvs-base-palette-blue-600); /* Blue */
  --cnvs-sys-color-static-orange-strong: var(--cnvs-base-palette-amber-500);
  --cnvs-sys-color-static-orange-soft: var(--cnvs-base-palette-amber-100);
  --cnvs-sys-color-static-orange-default: var(--cnvs-base-palette-amber-400);
  --cnvs-sys-color-static-gold-stronger: var(--cnvs-base-palette-amber-600);
  --cnvs-sys-font-size-subtext-medium: var(--cnvs-base-font-size-50);
  --cnvs-sys-font-size-subtext-large: var(--cnvs-base-font-size-75);
  --cnvs-sys-font-size-body-small: var(--cnvs-base-font-size-100);
  --cnvs-sys-font-size-body-medium: var(--cnvs-base-font-size-125);
  --cnvs-sys-font-size-body-large: var(--cnvs-base-font-size-150);
  --cnvs-sys-font-size-heading-small: var(--cnvs-base-font-size-200);
  --cnvs-sys-font-size-heading-medium: var(--cnvs-base-font-size-250);
  --cnvs-sys-font-size-heading-large: var(--cnvs-base-font-size-300);
  --cnvs-sys-font-size-title-small: var(--cnvs-base-font-size-400);
  --cnvs-sys-font-size-title-medium: var(--cnvs-base-font-size-500);
  --cnvs-sys-font-size-title-large: var(--cnvs-base-font-size-600);
}

.cnvs-sys-type-subtext-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-small);
  font-size: var(--cnvs-sys-font-size-subtext-small);
  letter-spacing: var(--cnvs-base-letter-spacing-50);
}

.cnvs-sys-type-subtext-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-medium);
  font-size: var(--cnvs-sys-font-size-subtext-medium);
  letter-spacing: var(--cnvs-base-letter-spacing-100);
}

.cnvs-sys-type-subtext-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-large);
  font-size: var(--cnvs-sys-font-size-subtext-large);
  letter-spacing: var(--cnvs-base-letter-spacing-150);
}

.cnvs-sys-type-body-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-small);
  font-size: var(--cnvs-sys-font-size-body-small);
  letter-spacing: var(--cnvs-base-letter-spacing-200);
}

.cnvs-sys-type-body-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-medium);
  font-size: var(--cnvs-sys-font-size-body-medium);
}

.cnvs-sys-type-body-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-large);
  font-size: var(--cnvs-sys-font-size-body-large);
}

.cnvs-sys-type-heading-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-small);
  font-size: var(--cnvs-sys-font-size-heading-small);
}

.cnvs-sys-type-heading-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-medium);
  font-size: var(--cnvs-sys-font-size-heading-medium);
}

.cnvs-sys-type-heading-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-large);
  font-size: var(--cnvs-sys-font-size-heading-large);
}

.cnvs-sys-type-title-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-small);
  font-size: var(--cnvs-sys-font-size-title-small);
}

.cnvs-sys-type-title-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-medium);
  font-size: var(--cnvs-sys-font-size-title-medium);
}

.cnvs-sys-type-title-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-large);
  font-size: var(--cnvs-sys-font-size-title-large);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
  --cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);
  --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
  --cnvs-brand-neutral-lighter: var(--cnvs-base-palette-slate-50);
  --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-neutral-darkest: var(--cnvs-base-palette-slate-800);
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-slate-700);
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-slate-600);
  --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-25);
  --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
  --cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);
  --cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);
  --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
  --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
  --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);
  --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);
  --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
  --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);
  --cnvs-brand-alert-lighter: var(--cnvs-base-palette-amber-50);
  --cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-error-light: var(--cnvs-base-palette-red-200);
  --cnvs-brand-error-lighter: var(--cnvs-base-palette-red-50);
  --cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);
  --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
  --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
  --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
  --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
  --cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);
  --cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
  --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
  --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
  --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
  --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.text-theme {
  color: #333333;
}

.text-theme:disabled, .text-theme.disabled {
  outline: none;
  color: #a1aab3;
  cursor: not-allowed;
}

.text-theme.highlighted, .text-theme:active {
  background-color: #a6d2ff;
}

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.right-align {
  right: 0;
}

.left-align {
  left: 0;
}

.item-selected {
  border-radius: 99px;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #0057ae;
}

.item-container {
  position: relative;
  cursor: pointer;
  content: "";
  outline: none;
  box-sizing: border-box;
  overflow: visible;
  height: 45px;
  width: 45px;
  align-content: center;
}

.button-popup-open {
  background-color: #ffffff;
  border-radius: 0;
}

.loading {
  position: absolute;
  width: 80px;
  z-index: 99;
  left: 50%;
  top: 15%;
}

.org-path-detail-container, .org-path-detail-container-mobile {
  width: 100%;
}

.org-path-detail-container *, .org-path-detail-container-mobile * {
  font-family: "Workday Adelle Sans", "sans-serif";
  scroll-behavior: smooth;
}

.org-path-detail-container .over-due-color, .org-path-detail-container .not-started-color, .org-path-detail-container .active-color, .org-path-detail-container .completed-color, .org-path-detail-container-mobile .over-due-color, .org-path-detail-container-mobile .not-started-color, .org-path-detail-container-mobile .active-color, .org-path-detail-container-mobile .completed-color {
  font-weight: 700;
  font-size: 14px;
  width: fit-content;
  margin-left: 30px;
}

.org-path-detail-container .over-due-color, .org-path-detail-container .not-started-color, .org-path-detail-container-mobile .over-due-color, .org-path-detail-container-mobile .not-started-color {
  margin: 0;
}

.org-path-detail-container .over-due-color, .org-path-detail-container-mobile .over-due-color {
  color: #a31b12;
  background-color: #ffefee;
}

.org-path-detail-container .not-started-color, .org-path-detail-container-mobile .not-started-color {
  color: #8c6000;
  background-color: #ffeed9;
}

.org-path-detail-container .active-color, .org-path-detail-container-mobile .active-color {
  color: #0065CC;
  background-color: #eef1f3;
}

.org-path-detail-container .completed-color, .org-path-detail-container-mobile .completed-color {
  color: #319c4c;
  background-color: #eef1f3;
}

.org-path-detail-container .text-left, .org-path-detail-container-mobile .text-left {
  width: 40%;
  height: 38px;
  float: left;
  text-align: left;
  padding-left: 5px;
}

.org-path-detail-container .text-right, .org-path-detail-container-mobile .text-right {
  width: 40%;
  height: 38px;
  float: right;
  text-align: right;
  padding: 15px 20px 0 0;
  font-weight: 700;
}

.org-path-detail-container div.divider, .org-path-detail-container-mobile div.divider {
  width: 100%;
  border: 1px solid #ced3d9;
}

.org-path-detail-container .org-path-filter-td, .org-path-detail-container-mobile .org-path-filter-td {
  width: 333px;
  vertical-align: baseline;
  border-right: 1px solid #ced3d9;
  border-bottom: none;
  border-top: none;
  border-left: none;
}

.org-path-detail-container .org-path-filter-td .org-path-filter-container, .org-path-detail-container-mobile .org-path-filter-td .org-path-filter-container {
  padding: 12px 20px 30px 20px;
  text-align: left;
}

.org-path-detail-container .org-path-filter-td .org-path-filter-container .title, .org-path-detail-container-mobile .org-path-filter-td .org-path-filter-container .title {
  line-height: 30px;
}

.org-path-detail-container .org-path-filter-td .org-path-filter-container .status, .org-path-detail-container-mobile .org-path-filter-td .org-path-filter-container .status {
  margin-block-start: 16px;
}

.org-path-detail-container .org-path-filter-td .org-path-filter-container .description, .org-path-detail-container-mobile .org-path-filter-td .org-path-filter-container .description {
  font-weight: 400;
  font-size: 12px;
  color: #4D5662;
}

.org-path-detail-container .org-path-filter-td .org-path-filter-container .user-summary, .org-path-detail-container-mobile .org-path-filter-td .org-path-filter-container .user-summary {
  font-size: 14px;
  letter-spacing: 0.16px;
  position: absolute;
  left: 40px;
  top: 6px;
}

.org-path-detail-container .org-path-filter-td .org-path-filter-container .status, .org-path-detail-container-mobile .org-path-filter-td .org-path-filter-container .status {
  list-style: none;
  margin: 20px 0;
  padding-inline-start: 0;
}

.org-path-detail-container .org-path-filter-td .org-path-filter-container .status .status-block, .org-path-detail-container-mobile .org-path-filter-td .org-path-filter-container .status .status-block {
  margin: 20px 0;
}

.org-path-detail-container .org-path-filter-td .org-path-filter-container .status .status-block div, .org-path-detail-container-mobile .org-path-filter-td .org-path-filter-container .status .status-block div {
  margin-bottom: 5px;
  display: block;
  height: 36px;
}

.org-path-detail-container .org-path-filter-td .org-path-filter-container .status .status-block div .status-checkbox, .org-path-detail-container-mobile .org-path-filter-td .org-path-filter-container .status .status-block div .status-checkbox {
  height: 24px;
  width: 24px;
  margin-right: 10px;
  position: absolute;
  accent-color: dodgerblue;
}

.org-path-detail-container .org-path-filter-td .org-path-filter-container .status .status-block div .facets-item-label, .org-path-detail-container-mobile .org-path-filter-td .org-path-filter-container .status .status-block div .facets-item-label {
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0.24px;
  color: #494949;
  vertical-align: top;
}

.org-path-detail-container .org-path-filter-td .org-path-filter-container .search-user, .org-path-detail-container-mobile .org-path-filter-td .org-path-filter-container .search-user {
  margin-left: 0;
  width: 100%;
}

.org-path-detail-container .org-path-content-td, .org-path-detail-container-mobile .org-path-content-td {
  border: none;
}

.org-path-detail-container .org-path-content-td .org-user-paths-title, .org-path-detail-container-mobile .org-path-content-td .org-user-paths-title {
  width: 100%;
  height: 60px;
}

.org-path-detail-container .org-path-content-td .org-path-content, .org-path-detail-container-mobile .org-path-content-td .org-path-content {
  padding: 14px 20px;
}

.org-path-detail-container .org-path-content-td .org-path-content .title, .org-path-detail-container .org-path-content-td .org-path-content .description, .org-path-detail-container-mobile .org-path-content-td .org-path-content .title, .org-path-detail-container-mobile .org-path-content-td .org-path-content .description {
  text-align: left;
}

.org-path-detail-container .org-path-content-td .org-path-content progress, .org-path-detail-container-mobile .org-path-content-td .org-path-content progress {
  height: 6px;
  width: 100%;
}

.org-path-detail-container .org-path-content-td .org-path-content progress.overdue::-webkit-progress-value, .org-path-detail-container-mobile .org-path-content-td .org-path-content progress.overdue::-webkit-progress-value {
  -webkit-appearance: none;
  transition: all 0.7s;
  background: #a31b12;
}

.org-path-detail-container .org-path-content-td .org-path-content progress.not-started::-webkit-progress-value, .org-path-detail-container-mobile .org-path-content-td .org-path-content progress.not-started::-webkit-progress-value {
  -webkit-appearance: none;
  background: #f6f7f8;
}

.org-path-detail-container .org-path-content-td .org-path-content progress.active::-webkit-progress-value, .org-path-detail-container-mobile .org-path-content-td .org-path-content progress.active::-webkit-progress-value {
  -webkit-appearance: none;
  transition: all 0.7s;
  background: #0065CC;
}

.org-path-detail-container .org-path-content-td .org-path-content progress.completed::-webkit-progress-value, .org-path-detail-container-mobile .org-path-content-td .org-path-content progress.completed::-webkit-progress-value {
  -webkit-appearance: none;
  transition: all 0.7s;
  background: #319c4c;
}

.org-path-detail-container .org-path-content-td .org-path-content progress.overdue::-moz-progress-bar, .org-path-detail-container-mobile .org-path-content-td .org-path-content progress.overdue::-moz-progress-bar {
  -webkit-appearance: none;
  background: #a31b12;
}

.org-path-detail-container .org-path-content-td .org-path-content progress.not-started::-moz-progress-bar, .org-path-detail-container-mobile .org-path-content-td .org-path-content progress.not-started::-moz-progress-bar {
  -webkit-appearance: none;
  background: #f6f7f8;
}

.org-path-detail-container .org-path-content-td .org-path-content progress.active::-moz-progress-bar, .org-path-detail-container-mobile .org-path-content-td .org-path-content progress.active::-moz-progress-bar {
  -webkit-appearance: none;
  background: #0065CC;
}

.org-path-detail-container .org-path-content-td .org-path-content progress.completed::-moz-progress-bar, .org-path-detail-container-mobile .org-path-content-td .org-path-content progress.completed::-moz-progress-bar {
  -webkit-appearance: none;
  background: #319c4c;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-empty-container, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-empty-container {
  padding: 20px;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-empty-container .empty-content, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-empty-container .empty-content {
  width: 100%;
  text-align: center;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container {
  border: 1px #ced3d9;
  border-radius: 8px;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title {
  width: 100%;
  border-spacing: 0;
  border-bottom: 1px solid #ced3d9;
  margin: 0;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title-expand, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title-expand {
  background-color: #f6f7f8;
  border-right: 1px solid #ced3d9;
  border-left: 1px solid #ced3d9;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title-first, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title-first {
  border-color: #ced3d9;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title-white, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title-white {
  background-color: #ffffff;
  border-right: 1px solid #ced3d9;
  border-left: 1px solid #ced3d9;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .empty-content, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .empty-content {
  width: 100%;
  text-align: center;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .empty-content .collapse-expand-decorator, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .empty-content .collapse-expand-decorator {
  width: 100%;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr {
  background-color: #f6f7f8;
  text-align: left;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr-white, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr-white {
  background-color: #ffffff;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr .user-name, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr .user-name {
  padding: 0 12px 20px 12px;
  position: relative;
  display: inline-block;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr .user-name .over-due-color, .org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr .user-name .not-started-color, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr .user-name .over-due-color, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr .user-name .not-started-color {
  margin-right: 20px;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr .user-name > li, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr .user-name > li {
  padding-left: 15px;
  display: inline-block;
  width: 95%;
  padding-bottom: 15px;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr .user-name > li p, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr .user-name > li p {
  margin-left: 10px;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr .first-child-style, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr .first-child-style {
  border: 1px #ced3d9;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr .other-child-style, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr .other-child-style {
  border: 1px #ced3d9;
  border-top-style: none;
  border-left-style: solid;
  border-right-style: solid;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr td, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr td {
  border: 1px none;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr td .chevron-icon, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr td .chevron-icon {
  float: right;
  right: 20px;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr-expanded, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr-expanded {
  border-right: 1px solid #ced3d9;
  border-left: 1px solid #ced3d9;
  text-align: left;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr-expanded td, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr-expanded td {
  border: none;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr-expanded td .user-name, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr-expanded td .user-name {
  padding-left: 15px;
  position: relative;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr-expanded td .user-name .user-name-h3, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr-expanded td .user-name .user-name-h3 {
  display: inline-block;
  margin-left: -3px;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr-expanded td .chevron-icon, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr-expanded td .chevron-icon {
  float: right;
  right: 20px;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr-expanded-odd, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr-expanded-odd {
  background-color: #ffffff;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr-expanded-even, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-name-tr-expanded-even {
  background-color: #d4d4d4;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-paths-summary-tr .user-paths-summary-td, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-paths-summary-tr .user-paths-summary-td {
  border: none;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-paths-summary-tr .user-paths-summary-td .stats-summary-container, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-paths-summary-tr .user-paths-summary-td .stats-summary-container {
  background-color: #EAEDF0;
  padding: 10px 0;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-paths-summary-tr .user-paths-summary-td .stats-summary-container .stats-summary, .org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-paths-summary-tr .user-paths-summary-td .stats-summary-container .stats-summary > li, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-paths-summary-tr .user-paths-summary-td .stats-summary-container .stats-summary, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-paths-summary-tr .user-paths-summary-td .stats-summary-container .stats-summary > li {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: super;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-paths-summary-tr .user-paths-summary-td .stats-summary-container .stats-summary, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-paths-summary-tr .user-paths-summary-td .stats-summary-container .stats-summary {
  width: 100%;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-paths-summary-tr .user-paths-summary-td .stats-summary-container .stats-summary li, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-paths-summary-tr .user-paths-summary-td .stats-summary-container .stats-summary li {
  text-align: center;
  font-size: 18px;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-paths-summary-tr .user-paths-summary-td .stats-summary-container .stats-summary li h3.mobile, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-paths-summary-tr .user-paths-summary-td .stats-summary-container .stats-summary li h3.mobile {
  font-size: 18px;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .space-tr, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .space-tr {
  height: 16px;
  border-top-style: hidden;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-paths-td, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-paths-td {
  padding-left: 25px;
  text-align: left;
  border-top-style: hidden;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-paths-td .each-path, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-paths-td .each-path {
  margin: 8px 40px 8px 30px;
}

.org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-paths-td .active-color, .org-path-detail-container .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-paths-td .completed-color, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-paths-td .active-color, .org-path-detail-container-mobile .org-path-content-td .org-path-content .org-path-content-container .user-name-title .user-paths-td .completed-color {
  margin-left: 0;
}

.org-path-detail-container .org-path-content-td .pagination-table, .org-path-detail-container-mobile .org-path-content-td .pagination-table {
  width: 100%;
  text-align: left;
}

.org-path-detail-container .org-path-content-td .pagination-table td, .org-path-detail-container-mobile .org-path-content-td .pagination-table td {
  border: none;
  padding: 0;
  vertical-align: bottom;
}

.org-path-detail-container .org-path-content-td .pagination-table .page-choice-container, .org-path-detail-container-mobile .org-path-content-td .pagination-table .page-choice-container {
  box-sizing: border-box;
  font-size: 18px;
  margin: 0 20px 0;
  padding-right: 16px;
  display: flex;
  gap: 0.25rem;
  float: right;
}

.org-path-detail-container .org-path-content-td .pagination-table .page-choice-container .page-choice, .org-path-detail-container-mobile .org-path-content-td .pagination-table .page-choice-container .page-choice {
  box-sizing: border-box;
  display: flex;
  align-self: center;
}

.org-path-detail-container .org-path-content-td .pagination-table .page-choice-container .page-choice button, .org-path-detail-container-mobile .org-path-content-td .pagination-table .page-choice-container .page-choice button {
  height: 32px;
  margin: 0 5px 0 5px;
  font-size: 20px;
  background: white;
  border: none;
  border-bottom: 2px solid #EAEDF0;
}

.org-path-detail-container .org-path-content-td .pagination-table .page-choice-container-mobile, .org-path-detail-container-mobile .org-path-content-td .pagination-table .page-choice-container-mobile {
  float: left;
  margin-left: -20px;
  margin-top: 10px;
}

.org-path-detail-container .org-path-content-td .pagination-table .pagination-container, .org-path-detail-container-mobile .org-path-content-td .pagination-table .pagination-container {
  margin-top: 20px;
  font-size: 16px;
  padding-left: 16px;
}

.org-path-detail-container .org-path-content-td .pagination-table .pagination-container button, .org-path-detail-container-mobile .org-path-content-td .pagination-table .pagination-container button {
  font-size: 20px;
}

.org-path-detail-container .org-path-content-td .pagination-table .pagination-container button svg, .org-path-detail-container-mobile .org-path-content-td .pagination-table .pagination-container button svg {
  height: 32px;
  width: 32px;
}
/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-amber-100: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-amber-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-amber-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-amber-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-amber-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-amber-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-amber-700: oklch(0.4824 0.1353 46.11 / 1);
  --cnvs-base-palette-amber-800: oklch(0.4143 0.1245 42.21 / 1);
  --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
  --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
  --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
  --cnvs-base-palette-azure-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-azure-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-azure-400: oklch(0.7283 0.1377 242.63 / 1);
  --cnvs-base-palette-azure-500: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-azure-600: oklch(0.5174 0.1257 243.24 / 1);
  --cnvs-base-palette-azure-700: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-azure-800: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
  --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
  --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
  --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
  --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
  --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blue-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-blue-300: oklch(0.7933 0.1076 252.08 / 1);
  --cnvs-base-palette-blue-400: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blue-500: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-blue-600: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blue-700: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blue-800: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
  --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
  --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
  --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-coral-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-coral-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-coral-400: oklch(0.7279 0.1703 38.58 / 1);
  --cnvs-base-palette-coral-500: oklch(0.6779 0.2096 40.36 / 1);
  --cnvs-base-palette-coral-600: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-coral-700: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-coral-800: oklch(0.393 0.143 33.49 / 1);
  --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
  --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
  --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
  --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
  --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-200: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-300: oklch(0.7817 0.1928 150.67 / 1);
  --cnvs-base-palette-green-400: oklch(0.702 0.1952 148.39 / 1);
  --cnvs-base-palette-green-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-green-600: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-700: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-800: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
  --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
  --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
  --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
  --cnvs-base-palette-indigo-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-indigo-300: oklch(0.7625 0.1242 281 / 1);
  --cnvs-base-palette-indigo-400: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-indigo-500: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-indigo-600: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-palette-indigo-700: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-indigo-800: oklch(0.379 0.1771 278.1 / 1);
  --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
  --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
  --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
  --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
  --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
  --cnvs-base-palette-neutral-100: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-neutral-200: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-neutral-300: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-neutral-400: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-neutral-500: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-neutral-600: oklch(0.5103 0 0 / 1);
  --cnvs-base-palette-neutral-700: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-neutral-800: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-neutral-900: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-neutral-950: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-neutral-975: oklch(0.1591 0 0 / 1);
  --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
  --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
  --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
  --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-orange-200: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-orange-300: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-orange-400: oklch(0.7261 0.1852 52.58 / 1);
  --cnvs-base-palette-orange-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-orange-600: oklch(0.53 0.165 40.39 / 1);
  --cnvs-base-palette-orange-700: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-orange-800: oklch(0.4077 0.1336 37.92 / 1);
  --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
  --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
  --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
  --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
  --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
  --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
  --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
  --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
  --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
  --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
  --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
  --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
  --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
  --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-palette-purple-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-purple-300: oklch(0.8108 0.1412 315.48 / 1);
  --cnvs-base-palette-purple-400: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-purple-500: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-purple-600: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-purple-700: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-purple-800: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
  --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
  --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
  --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-red-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-red-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-red-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-red-500: oklch(0.6495 0.2369 30.04 / 1);
  --cnvs-base-palette-red-600: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-red-700: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-red-800: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
  --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
  --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
  --cnvs-base-palette-slate-25: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-slate-50: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-slate-100: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-slate-200: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-slate-300: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-slate-400: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-slate-500: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-slate-600: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-slate-700: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-slate-800: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-slate-900: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-slate-950: oklch(0.2453 0.0136 253.1 / 1);
  --cnvs-base-palette-slate-975: oklch(0.18 0.008 248.33 / 1);
  --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
  --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-teal-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-teal-300: oklch(0.7836 0.0874 204.93 / 1);
  --cnvs-base-palette-teal-400: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-teal-500: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-teal-600: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-teal-700: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
  --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
  --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
  --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
  --cnvs-base-palette-cinnamon-100: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-cinnamon-200: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-cinnamon-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-cinnamon-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-cinnamon-500: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-cinnamon-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-peach-100: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-peach-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-peach-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-peach-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-peach-500: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-peach-600: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-chili-mango-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-chili-mango-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-chili-mango-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-chili-mango-400: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-600: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-cantaloupe-100: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-cantaloupe-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-cantaloupe-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-cantaloupe-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-cantaloupe-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-cantaloupe-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-sour-lemon-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-sour-lemon-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-sour-lemon-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-sour-lemon-400: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-500: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-600: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-juicy-pear-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-juicy-pear-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-juicy-pear-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-400: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-juicy-pear-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-kiwi-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-kiwi-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-kiwi-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-kiwi-400: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-apple-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-apple-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-apple-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-apple-500: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-watermelon-200: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-watermelon-300: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-watermelon-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-watermelon-500: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-jewel-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-jewel-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-jewel-300: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-jewel-400: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-jewel-500: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-jewel-600: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-toothpaste-100: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-toothpaste-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-toothpaste-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-toothpaste-400: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-toothpaste-500: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-toothpaste-600: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-blueberry-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-200: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blueberry-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blueberry-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blueberry-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-plum-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-plum-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-plum-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-plum-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-plum-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-plum-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-berry-smoothie-100: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-berry-smoothie-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-berry-smoothie-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-berry-smoothie-400: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-berry-smoothie-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-berry-smoothie-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blackberry-100: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-blackberry-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-blackberry-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-blackberry-400: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-blackberry-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-blackberry-600: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-island-punch-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-island-punch-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-island-punch-300: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-500: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-island-punch-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-grape-soda-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-grape-soda-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-grape-soda-300: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-grape-soda-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-grape-soda-500: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-grape-soda-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-pomegranate-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-pomegranate-200: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-pomegranate-300: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-400: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-500: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-pomegranate-600: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-fruit-punch-100: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-fruit-punch-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-fruit-punch-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-fruit-punch-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-500: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-root-beer-100: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-root-beer-200: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-root-beer-300: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-400: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-500: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-root-beer-600: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-toasted-marshmallow-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-toasted-marshmallow-200: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-toasted-marshmallow-300: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-toasted-marshmallow-400: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-toasted-marshmallow-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-toasted-marshmallow-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-licorice-100: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-licorice-200: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-licorice-300: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-licorice-400: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-licorice-500: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-licorice-600: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-soap-100: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-soap-200: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-soap-300: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-soap-400: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-soap-500: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-soap-600: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-french-vanilla-100: oklch(1 0 0 / 1);
  --cnvs-base-palette-french-vanilla-200: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-french-vanilla-300: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-french-vanilla-400: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-french-vanilla-500: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-french-vanilla-600: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-100: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-200: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-black-pepper-300: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-black-pepper-400: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-black-pepper-500: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-black-pepper-600: oklch(0 0 0 / 1);
  --cnvs-base-palette-coconut-100: #F0EEEE;
  --cnvs-base-palette-coconut-200: #e3dfdf;
  --cnvs-base-palette-coconut-300: #d1cbcc;
  --cnvs-base-palette-coconut-400: #b3acac;
  --cnvs-base-palette-coconut-500: #9e9595;
  --cnvs-base-palette-coconut-600: #8F8687;
  --cnvs-base-palette-cappuccino-100: #7A7374;
  --cnvs-base-palette-cappuccino-200: #706869;
  --cnvs-base-palette-cappuccino-300: #5E5757;
  --cnvs-base-palette-cappuccino-400: #4A4242;
  --cnvs-base-palette-cappuccino-500: #352f2f;
  --cnvs-base-palette-cappuccino-600: #231f20;
  --cnvs-base-opacity-0: 0;
  --cnvs-base-opacity-100: 0.08;
  --cnvs-base-opacity-200: 0.12;
  --cnvs-base-opacity-250: 0.2;
  --cnvs-base-opacity-300: 0.4;
  --cnvs-base-opacity-400: 0.64;
  --cnvs-base-opacity-500: 0.84;
  --cnvs-base-font-size-25: 0.625rem;
  --cnvs-base-font-size-50: 0.75rem;
  --cnvs-base-font-size-75: 0.875rem;
  --cnvs-base-font-size-100: 1rem;
  --cnvs-base-font-size-125: 1.125rem;
  --cnvs-base-font-size-150: 1.25rem;
  --cnvs-base-font-size-200: 1.5rem;
  --cnvs-base-font-size-250: 1.75rem;
  --cnvs-base-font-size-300: 2rem;
  --cnvs-base-font-size-400: 2.5rem;
  --cnvs-base-font-size-500: 3rem;
  --cnvs-base-font-size-600: 3.5rem;
  --cnvs-base-font-size-750: 4.5rem;
  --cnvs-base-font-size-900: 5.5rem;
  --cnvs-base-font-size-1050: 6.5rem;
  --cnvs-base-line-height-50: 1rem;
  --cnvs-base-line-height-100: 1.25rem;
  --cnvs-base-line-height-150: 1.5rem;
  --cnvs-base-line-height-200: 1.75rem;
  --cnvs-base-line-height-250: 2rem;
  --cnvs-base-line-height-300: 2.25rem;
  --cnvs-base-line-height-350: 2.5rem;
  --cnvs-base-line-height-400: 3rem;
  --cnvs-base-line-height-500: 3.5rem;
  --cnvs-base-line-height-600: 4rem;
  --cnvs-base-line-height-750: 4.5rem;
  --cnvs-base-line-height-900: 5.5rem;
  --cnvs-base-line-height-1050: 6.5rem;
  --cnvs-base-font-family-50: "Roboto"; /* Default font-family */
  --cnvs-base-font-family-100: "Roboto Mono";
  --cnvs-base-font-family-200: "Noto Sans";
  --cnvs-base-font-weight-300: 300;
  --cnvs-base-font-weight-400: 400;
  --cnvs-base-font-weight-500: 500;
  --cnvs-base-font-weight-700: 700;
  --cnvs-base-letter-spacing-50: 0.025rem;
  --cnvs-base-letter-spacing-100: 0.02rem;
  --cnvs-base-letter-spacing-150: 0.015rem;
  --cnvs-base-letter-spacing-200: 0.01rem;
  --cnvs-base-unit: 0.25rem; /* The base unit used in the grid system.;  */
  --cnvs-base-extended-palette-dragon-fruit-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-extended-palette-dragon-fruit-200: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-extended-palette-dragon-fruit-300: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-extended-palette-dragon-fruit-400: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-extended-palette-dragon-fruit-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-extended-palette-dragon-fruit-600: oklch(0.317 0.142 278.2 / 1);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Standard card depth */
  --cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Top navigation, Bottom Navigation */
  --cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Floating Action Buttons (FAB), Menus */
  --cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.5rem 2rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Bottom Sheets */
  --cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.625rem 2.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied) */
  --cnvs-sys-depth-6: 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.75rem 3rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied) */
  --cnvs-sys-space-zero: 0; /* Stacks, rows in tables */
  --cnvs-sys-shape-zero: 0rem; /* This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels. */
  --cnvs-sys-opacity-full: 1; /* Dev only */
  --cnvs-sys-opacity-zero: 0; /* Dev only */
  --cnvs-sys-breakpoints-zero: 0px; /* Use to set a media query `min-width` below small. */
  --cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);
  --cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);
  --cnvs-sys-font-weight-normal: var(--cnvs-base-font-weight-400);
  --cnvs-sys-font-weight-light: var(--cnvs-base-font-weight-300);
  --cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);
  --cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);
  --cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);
  --cnvs-sys-line-height-heading-large: var(--cnvs-base-line-height-350);
  --cnvs-sys-line-height-heading-medium: var(--cnvs-base-line-height-300);
  --cnvs-sys-line-height-heading-small: var(--cnvs-base-line-height-250);
  --cnvs-sys-line-height-body-large: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-medium: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-small: var(--cnvs-base-line-height-150);
  --cnvs-sys-line-height-subtext-large: var(--cnvs-base-line-height-100);
  --cnvs-sys-line-height-subtext-medium: var(--cnvs-base-line-height-50);
  --cnvs-sys-line-height-subtext-small: var(--cnvs-base-line-height-50);
  --cnvs-sys-font-size-subtext-small: var(--cnvs-base-font-size-25);
  --cnvs-sys-font-family-global: var(--cnvs-base-font-family-200);
  --cnvs-sys-font-family-mono: var(--cnvs-base-font-family-100);
  --cnvs-sys-font-family-default: var(--cnvs-base-font-family-50);
  --cnvs-sys-space-x20: calc(var(--cnvs-base-unit) * 20); /* - Use sparingly; - Helps to put focus on the primary element within your page; - Use to de-clutter your UI when a lot of space is available */
  --cnvs-sys-space-x16: calc(var(--cnvs-base-unit) * 16); /* - Use to de-clutter your UI when a lot of space is available; - Separate banner sections from page content; - Use to differentiate page content like page sections */
  --cnvs-sys-space-x10: calc(var(--cnvs-base-unit) * 10); /* • Used for outer margins on the overall page content ; • Used for inner margins on large items such as page sections */
  --cnvs-sys-space-x8: calc(var(--cnvs-base-unit) * 8); /* • Standard spacing between cards; • Used to separate groups of content ; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x6: calc(var(--cnvs-base-unit) * 6); /* • Padding around card content; • Related elements where more space between them can be afforded; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x4: calc(var(--cnvs-base-unit) * 4); /* Default space token. Used to group Inputs with related data */
  --cnvs-sys-space-x3: calc(var(--cnvs-base-unit) * 3); /* Use when compact padding is required */
  --cnvs-sys-space-x2: calc(var(--cnvs-base-unit) * 2); /* Commonly used to group compact elements like icon buttons */
  --cnvs-sys-space-x1: var(--cnvs-base-unit); /* Compact spacing between text or icons */
  --cnvs-sys-shape-round: calc(var(--cnvs-base-unit) * 250); /* Commonly used for our standard buttons and profile avatars: All Primary, Secondary Buttons, Radio Buttons and Notification Badges. */
  --cnvs-sys-shape-x2: calc(var(--cnvs-base-unit) * 2); /* Use this for all the containers and popups: All Cards, Modals, Tooltips and Toasts. */
  --cnvs-sys-shape-x1-half: calc(var(--cnvs-base-unit) * 1.5);
  --cnvs-sys-shape-x1: var(--cnvs-base-unit);
  --cnvs-sys-shape-half: calc(var(--cnvs-base-unit) * 0.5); /* Use this for subtle and small components that don’t require to group complex information like Status Indicators, Checkboxes and Color Swatches. */
  --cnvs-sys-opacity-shadow-second: var(--cnvs-base-opacity-100); /* Alpha on second shadow */
  --cnvs-sys-opacity-shadow-first: var(--cnvs-base-opacity-200); /* Alpha on first shadow */
  --cnvs-sys-opacity-contrast: var(--cnvs-base-opacity-500); /* Tooltips, Status Indicator */
  --cnvs-sys-opacity-overlay: var(--cnvs-base-opacity-400); /* Overlay */
  --cnvs-sys-opacity-disabled: var(--cnvs-base-opacity-300); /* Disabled states */
  --cnvs-sys-breakpoints-xl: 1440px; /* Used for extra large screens, such as wide monitors and TVs. */
  --cnvs-sys-breakpoints-l: 1024px; /* Large screens, such as desktops. */
  --cnvs-sys-breakpoints-m: 768px; /* Medium screens, such as laptops. */
  --cnvs-sys-breakpoints-s: 320px; /* The `min-width` for mobile devices, such as phones and tablets. */
  --cnvs-sys-color-shadow-default: var(--cnvs-base-palette-slate-900); /* Main shadow color */
  --cnvs-sys-color-shadow-2: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-100)); /* Second shadow color */
  --cnvs-sys-color-shadow-1: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-200)); /* First shadow color */
  --cnvs-sys-color-border-info-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950); /* Active state on AI borders */
  --cnvs-sys-color-border-container: var(--cnvs-base-palette-slate-300); /* Cards, Toasts, Surfaces */
  --cnvs-sys-color-border-divider: var(--cnvs-base-palette-slate-200); /* Dividers */
  --cnvs-sys-color-border-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on accent colors */
  --cnvs-sys-color-border-transparent: transparent; /* Transparent */
  --cnvs-sys-color-border-caution-strong: var(--cnvs-base-palette-amber-500); /* Warning outer (box shadow) */
  --cnvs-sys-color-border-caution-default: var(--cnvs-base-palette-amber-400); /* Warning inner */
  --cnvs-sys-color-border-critical-default: var(--cnvs-base-palette-red-500); /* Error */
  --cnvs-sys-color-border-primary-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Secondary Button Hover */
  --cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-900); /* Secondary Button */
  --cnvs-sys-color-border-input-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on checkboxes and radios */
  --cnvs-sys-color-border-input-strong: var(--cnvs-base-palette-slate-700); /* Input hover */
  --cnvs-sys-color-border-input-default: var(--cnvs-base-palette-slate-500); /* Inputs */
  --cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-slate-400); /* Disabled inputs */
  --cnvs-sys-color-fg-positive-stronger: var(--cnvs-base-palette-green-800); /* Error */
  --cnvs-sys-color-fg-positive-strong: var(--cnvs-base-palette-green-700); /* Error */
  --cnvs-sys-color-fg-positive-soft: var(--cnvs-base-palette-green-400); /* Error */
  --cnvs-sys-color-fg-positive-softer: var(--cnvs-base-palette-green-200); /* Error */
  --cnvs-sys-color-fg-positive-default: var(--cnvs-base-palette-green-600); /* Error */
  --cnvs-sys-color-fg-info-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-info-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-info-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950); /* AI icons and text */
  --cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Strong contrast */
  --cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast */
  --cnvs-sys-color-fg-caution-softer: var(--cnvs-base-palette-amber-500); /* Warning */
  --cnvs-sys-color-fg-caution-stronger: var(--cnvs-base-palette-amber-975); /* Warning on hover */
  --cnvs-sys-color-fg-caution-soft: var(--cnvs-base-palette-amber-700); /* Warning */
  --cnvs-sys-color-fg-caution-strong: var(--cnvs-base-palette-amber-950); /* Warning on hover */
  --cnvs-sys-color-fg-caution-default: var(--cnvs-base-palette-amber-900); /* Warning */
  --cnvs-sys-color-fg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-primary-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-primary-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-primary-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-primary-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-slate-400); /* Tab item foreground */
  --cnvs-sys-color-fg-muted-stronger: var(--cnvs-base-palette-slate-800);
  --cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-slate-600); /* Hint text */
  --cnvs-sys-color-fg-critical-softer: var(--cnvs-base-palette-red-200); /* Error */
  --cnvs-sys-color-fg-critical-soft: var(--cnvs-base-palette-red-400); /* Error */
  --cnvs-sys-color-fg-critical-stronger: var(--cnvs-base-palette-red-800); /* Error */
  --cnvs-sys-color-fg-critical-strong: var(--cnvs-base-palette-red-700); /* Error */
  --cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-red-600); /* Error */
  --cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse */
  --cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-slate-400); /* Disabled */
  --cnvs-sys-color-fg-stronger: var(--cnvs-base-palette-neutral-950); /* Heading on hover */
  --cnvs-sys-color-fg-strong: var(--cnvs-base-palette-neutral-900); /* Headings */
  --cnvs-sys-color-fg-default: var(--cnvs-base-palette-neutral-800); /* Body */
  --cnvs-sys-color-icon-info-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-disabled: var(--cnvs-base-palette-slate-400); /* Disabled icon color */
  --cnvs-sys-color-icon-caution-softer: var(--cnvs-base-palette-amber-500); /* Softer caution icon color */
  --cnvs-sys-color-icon-caution-soft: var(--cnvs-base-palette-amber-700); /* Soft caution icon color */
  --cnvs-sys-color-icon-caution-stronger: var(--cnvs-base-palette-amber-975); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-default: var(--cnvs-base-palette-amber-900); /* Caution icon color */
  --cnvs-sys-color-icon-critical-softer: var(--cnvs-base-palette-red-200); /* Error icon color */
  --cnvs-sys-color-icon-critical-soft: var(--cnvs-base-palette-red-400); /* Error icon color */
  --cnvs-sys-color-icon-critical-stronger: var(--cnvs-base-palette-red-800); /* Error icon color */
  --cnvs-sys-color-icon-critical-strong: var(--cnvs-base-palette-red-700); /* Error icon color */
  --cnvs-sys-color-icon-critical-default: var(--cnvs-base-palette-red-600); /* Error icon color */
  --cnvs-sys-color-icon-positive-softer: var(--cnvs-base-palette-green-200); /* Success icon color */
  --cnvs-sys-color-icon-positive-soft: var(--cnvs-base-palette-green-400); /* Success icon color */
  --cnvs-sys-color-icon-positive-stronger: var(--cnvs-base-palette-green-800); /* Success icon color */
  --cnvs-sys-color-icon-positive-strong: var(--cnvs-base-palette-green-700); /* Success icon color */
  --cnvs-sys-color-icon-positive-default: var(--cnvs-base-palette-green-600); /* Success icon color */
  --cnvs-sys-color-icon-primary-softer: var(--cnvs-base-palette-blue-200); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-soft: var(--cnvs-base-palette-blue-400); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse icon color */
  --cnvs-sys-color-icon-strong: var(--cnvs-base-palette-neutral-900); /* Hover icon color */
  --cnvs-sys-color-icon-soft: var(--cnvs-base-palette-slate-600); /* Disabled icon color */
  --cnvs-sys-color-icon-default: var(--cnvs-base-palette-neutral-800); /* Default icon color */
  --cnvs-sys-color-text-info-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-info-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-info-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-info-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-info-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-positive-softer: var(--cnvs-base-palette-green-200); /* Active links */
  --cnvs-sys-color-text-positive-soft: var(--cnvs-base-palette-green-400); /* Active links */
  --cnvs-sys-color-text-positive-stronger: var(--cnvs-base-palette-green-800); /* Active links */
  --cnvs-sys-color-text-positive-strong: var(--cnvs-base-palette-green-700); /* Branded hover text */
  --cnvs-sys-color-text-positive-default: var(--cnvs-base-palette-green-600); /* Branded text */
  --cnvs-sys-color-text-ai: var(--cnvs-base-palette-blue-950);
  --cnvs-sys-color-text-caution-softer: var(--cnvs-base-palette-amber-200); /* Softer warning text */
  --cnvs-sys-color-text-caution-stronger: var(--cnvs-base-palette-amber-975); /* Stronger warning text */
  --cnvs-sys-color-text-caution-soft: var(--cnvs-base-palette-amber-400); /* Disabled warning text */
  --cnvs-sys-color-text-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong warning text */
  --cnvs-sys-color-text-caution-default: var(--cnvs-base-palette-amber-900); /* Warning text */
  --cnvs-sys-color-text-primary-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-primary-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-primary-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-primary-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-primary-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-critical-softer: var(--cnvs-base-palette-red-200); /* Error text */
  --cnvs-sys-color-text-critical-soft: var(--cnvs-base-palette-red-400); /* Error text */
  --cnvs-sys-color-text-critical-stronger: var(--cnvs-base-palette-red-800); /* Error text */
  --cnvs-sys-color-text-critical-strong: var(--cnvs-base-palette-red-700); /* Error text */
  --cnvs-sys-color-text-critical-default: var(--cnvs-base-palette-red-600); /* Error text */
  --cnvs-sys-color-text-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse text color */
  --cnvs-sys-color-text-hint: var(--cnvs-base-palette-slate-600); /* Hint text color */
  --cnvs-sys-color-text-disabled: var(--cnvs-base-palette-slate-400); /* Disabled text color */
  --cnvs-sys-color-text-stronger: var(--cnvs-base-palette-neutral-950); /* Display text */
  --cnvs-sys-color-text-strong: var(--cnvs-base-palette-neutral-900); /* Heading text */
  --cnvs-sys-color-text-default: var(--cnvs-base-palette-neutral-800); /* Body text */
  --cnvs-sys-color-bg-info-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-info-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-info-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-info-soft: var(--cnvs-base-palette-blue-100); /* Disabled */
  --cnvs-sys-color-bg-info-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-info-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-ai-strongest: var(--cnvs-base-palette-blue-950); /* AI surfaces */
  --cnvs-sys-color-bg-ai-stronger: var(--cnvs-base-palette-blue-400); /* Active state on AI containers */
  --cnvs-sys-color-bg-ai-strong: var(--cnvs-base-palette-blue-200); /* Hover on AI container */
  --cnvs-sys-color-bg-ai-default: var(--cnvs-base-palette-blue-100); /* AI container */
  --cnvs-sys-color-bg-critical-stronger: var(--cnvs-base-palette-red-800); /* Stronger error background */
  --cnvs-sys-color-bg-critical-strong: var(--cnvs-base-palette-red-700); /* Strong error background */
  --cnvs-sys-color-bg-critical-default: var(--cnvs-base-palette-red-600); /* Default error background */
  --cnvs-sys-color-bg-critical-soft: var(--cnvs-base-palette-red-100); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softer: var(--cnvs-base-palette-red-50); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softest: var(--cnvs-base-palette-red-25); /* Input error background */
  --cnvs-sys-color-bg-caution-stronger: var(--cnvs-base-palette-amber-600); /* Stronger warning background */
  --cnvs-sys-color-bg-caution-strong: var(--cnvs-base-palette-amber-500); /* Strong warning background */
  --cnvs-sys-color-bg-caution-default: var(--cnvs-base-palette-amber-400); /* Default warning background */
  --cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-100); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softer: var(--cnvs-base-palette-amber-50); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softest: var(--cnvs-base-palette-amber-25); /* Disabled warning background */
  --cnvs-sys-color-bg-positive-stronger: var(--cnvs-base-palette-green-800); /* Active success background */
  --cnvs-sys-color-bg-positive-strong: var(--cnvs-base-palette-green-700); /* Hover success background */
  --cnvs-sys-color-bg-positive-default: var(--cnvs-base-palette-green-600); /* Disabled success background */
  --cnvs-sys-color-bg-positive-soft: var(--cnvs-base-palette-green-100); /* Disabled success background */
  --cnvs-sys-color-bg-positive-softer: var(--cnvs-base-palette-green-50); /* Surface success background */
  --cnvs-sys-color-bg-positive-softest: var(--cnvs-base-palette-green-25); /* Lightest surface success background */
  --cnvs-sys-color-bg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-primary-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-primary-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-100); /* Primary disabled */
  --cnvs-sys-color-bg-primary-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-primary-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-bg-muted-default: var(--cnvs-base-palette-slate-600);
  --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-slate-500);
  --cnvs-sys-color-bg-muted-softer: var(--cnvs-base-palette-slate-400);
  --cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-slate-300); /* Active state for segmented control, Pill */
  --cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-slate-200); /* Active states */
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-100); /* Surface hover, Secondary surfaces */
  --cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-slate-50); /* Alternative page background */
  --cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-slate-25); /* Disabled inputs */
  --cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
  --cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-400)); /* Overlay background */
  --cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-250)); /* Inverse Secondary Button Active state */
  --cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-100)); /* Inverse Secondary Button Hover state */
  --cnvs-sys-color-bg-transparent-default: transparent; /* Transparent background */
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0); /* Main background color */
  --cnvs-sys-color-static-amber-soft: var(--cnvs-base-palette-amber-100); /* Soft amber */
  --cnvs-sys-color-static-amber-strongest: var(--cnvs-base-palette-amber-950); /* Stronger amber */
  --cnvs-sys-color-static-amber-softer: var(--cnvs-base-palette-amber-50); /* Soft amber */
  --cnvs-sys-color-static-amber-stronger: var(--cnvs-base-palette-amber-600); /* Stronger amber */
  --cnvs-sys-color-static-amber-strong: var(--cnvs-base-palette-amber-500); /* Stronger amber */
  --cnvs-sys-color-static-amber-softest: var(--cnvs-base-palette-amber-25); /* Soft amber */
  --cnvs-sys-color-static-amber-default: var(--cnvs-base-palette-amber-400); /* amber */
  --cnvs-sys-color-static-gray-softer: var(--cnvs-base-palette-slate-100); /* Light gray */
  --cnvs-sys-color-static-gray-softest: var(--cnvs-base-palette-slate-50); /* Light gray */
  --cnvs-sys-color-static-gray-strongest: var(--cnvs-base-palette-slate-950); /* Strongerer gray */
  --cnvs-sys-color-static-gray-stronger: var(--cnvs-base-palette-slate-800); /* Strongerer gray */
  --cnvs-sys-color-static-gray-strong: var(--cnvs-base-palette-slate-700); /* Stronger gray */
  --cnvs-sys-color-static-gray-soft: var(--cnvs-base-palette-slate-200); /* Light gray */
  --cnvs-sys-color-static-gray-default: var(--cnvs-base-palette-slate-600); /* Gray */
  --cnvs-sys-color-static-black: var(--cnvs-base-palette-neutral-1000); /* Just black */
  --cnvs-sys-color-static-white: var(--cnvs-base-palette-neutral-0); /* Just white */
  --cnvs-sys-color-static-red-softer: var(--cnvs-base-palette-red-50); /* Light red */
  --cnvs-sys-color-static-red-strongest: var(--cnvs-base-palette-red-950); /* Strong red */
  --cnvs-sys-color-static-red-softest: var(--cnvs-base-palette-red-25); /* Light red */
  --cnvs-sys-color-static-red-stronger: var(--cnvs-base-palette-red-800); /* Strong red */
  --cnvs-sys-color-static-red-strong: var(--cnvs-base-palette-red-700); /* Strong red */
  --cnvs-sys-color-static-red-soft: var(--cnvs-base-palette-red-100); /* Light red */
  --cnvs-sys-color-static-red-default: var(--cnvs-base-palette-red-600); /* Red */
  --cnvs-sys-color-static-green-strongest: var(--cnvs-base-palette-green-950); /* Stronger green */
  --cnvs-sys-color-static-green-softest: var(--cnvs-base-palette-green-25); /* Light green */
  --cnvs-sys-color-static-green-stronger: var(--cnvs-base-palette-green-800); /* Stronger green */
  --cnvs-sys-color-static-green-softer: var(--cnvs-base-palette-green-50); /* Light green */
  --cnvs-sys-color-static-green-strong: var(--cnvs-base-palette-green-700); /* Stronger green */
  --cnvs-sys-color-static-green-soft: var(--cnvs-base-palette-green-100); /* Light green */
  --cnvs-sys-color-static-green-default: var(--cnvs-base-palette-green-600); /* Default green */
  --cnvs-sys-color-static-blue-strongest: var(--cnvs-base-palette-blue-950); /* Stronger blue */
  --cnvs-sys-color-static-blue-soft: var(--cnvs-base-palette-blue-100); /* Light blue */
  --cnvs-sys-color-static-blue-softer: var(--cnvs-base-palette-blue-50); /* Light blue */
  --cnvs-sys-color-static-blue-stronger: var(--cnvs-base-palette-blue-800); /* Stronger blue */
  --cnvs-sys-color-static-blue-strong: var(--cnvs-base-palette-blue-700); /* Stronger blue */
  --cnvs-sys-color-static-blue-softest: var(--cnvs-base-palette-blue-25); /* Light blue */
  --cnvs-sys-color-static-blue-default: var(--cnvs-base-palette-blue-600); /* Blue */
  --cnvs-sys-color-static-orange-strong: var(--cnvs-base-palette-amber-500);
  --cnvs-sys-color-static-orange-soft: var(--cnvs-base-palette-amber-100);
  --cnvs-sys-color-static-orange-default: var(--cnvs-base-palette-amber-400);
  --cnvs-sys-color-static-gold-stronger: var(--cnvs-base-palette-amber-600);
  --cnvs-sys-font-size-subtext-medium: var(--cnvs-base-font-size-50);
  --cnvs-sys-font-size-subtext-large: var(--cnvs-base-font-size-75);
  --cnvs-sys-font-size-body-small: var(--cnvs-base-font-size-100);
  --cnvs-sys-font-size-body-medium: var(--cnvs-base-font-size-125);
  --cnvs-sys-font-size-body-large: var(--cnvs-base-font-size-150);
  --cnvs-sys-font-size-heading-small: var(--cnvs-base-font-size-200);
  --cnvs-sys-font-size-heading-medium: var(--cnvs-base-font-size-250);
  --cnvs-sys-font-size-heading-large: var(--cnvs-base-font-size-300);
  --cnvs-sys-font-size-title-small: var(--cnvs-base-font-size-400);
  --cnvs-sys-font-size-title-medium: var(--cnvs-base-font-size-500);
  --cnvs-sys-font-size-title-large: var(--cnvs-base-font-size-600);
}

.cnvs-sys-type-subtext-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-small);
  font-size: var(--cnvs-sys-font-size-subtext-small);
  letter-spacing: var(--cnvs-base-letter-spacing-50);
}

.cnvs-sys-type-subtext-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-medium);
  font-size: var(--cnvs-sys-font-size-subtext-medium);
  letter-spacing: var(--cnvs-base-letter-spacing-100);
}

.cnvs-sys-type-subtext-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-large);
  font-size: var(--cnvs-sys-font-size-subtext-large);
  letter-spacing: var(--cnvs-base-letter-spacing-150);
}

.cnvs-sys-type-body-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-small);
  font-size: var(--cnvs-sys-font-size-body-small);
  letter-spacing: var(--cnvs-base-letter-spacing-200);
}

.cnvs-sys-type-body-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-medium);
  font-size: var(--cnvs-sys-font-size-body-medium);
}

.cnvs-sys-type-body-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-large);
  font-size: var(--cnvs-sys-font-size-body-large);
}

.cnvs-sys-type-heading-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-small);
  font-size: var(--cnvs-sys-font-size-heading-small);
}

.cnvs-sys-type-heading-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-medium);
  font-size: var(--cnvs-sys-font-size-heading-medium);
}

.cnvs-sys-type-heading-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-large);
  font-size: var(--cnvs-sys-font-size-heading-large);
}

.cnvs-sys-type-title-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-small);
  font-size: var(--cnvs-sys-font-size-title-small);
}

.cnvs-sys-type-title-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-medium);
  font-size: var(--cnvs-sys-font-size-title-medium);
}

.cnvs-sys-type-title-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-large);
  font-size: var(--cnvs-sys-font-size-title-large);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
  --cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);
  --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
  --cnvs-brand-neutral-lighter: var(--cnvs-base-palette-slate-50);
  --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-neutral-darkest: var(--cnvs-base-palette-slate-800);
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-slate-700);
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-slate-600);
  --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-25);
  --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
  --cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);
  --cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);
  --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
  --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
  --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);
  --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);
  --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
  --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);
  --cnvs-brand-alert-lighter: var(--cnvs-base-palette-amber-50);
  --cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-error-light: var(--cnvs-base-palette-red-200);
  --cnvs-brand-error-lighter: var(--cnvs-base-palette-red-50);
  --cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);
  --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
  --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
  --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
  --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
  --cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);
  --cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
  --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
  --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
  --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
  --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.text-theme {
  color: #333333;
}

.text-theme:disabled, .text-theme.disabled {
  outline: none;
  color: #a1aab3;
  cursor: not-allowed;
}

.text-theme.highlighted, .text-theme:active {
  background-color: #a6d2ff;
}

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.right-align {
  right: 0;
}

.left-align {
  left: 0;
}

.item-selected {
  border-radius: 99px;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #0057ae;
}

.item-container {
  position: relative;
  cursor: pointer;
  content: "";
  outline: none;
  box-sizing: border-box;
  overflow: visible;
  height: 45px;
  width: 45px;
  align-content: center;
}

.button-popup-open {
  background-color: #ffffff;
  border-radius: 0;
}

.tenant-calculator-container {
  border-radius: 5px;
  display: flex;
}

.tenant-calculator-container * {
  font-family: "Workday Adelle Sans", "sans-serif";
  scroll-behavior: smooth;
}

.tenant-calculator-container .description {
  width: 68%;
  padding: 18px;
  background-color: #022043;
  display: inline-block;
  float: left;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.tenant-calculator-container .description .welcome-message {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  line-height: 22px;
  letter-spacing: 0.24px;
  margin-top: 0;
}

.tenant-calculator-container .image-container {
  width: 32%;
}

.tenant-calculator-container .image-container img {
  object-fit: unset;
  height: 100%;
  width: 100%;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.tenant-calculator-container .tenant-popup .menu-title h1 {
  line-height: 28px;
}

.tenant-calculator-container .tenant-popup .menu-title .close-button {
  align-self: center;
}

.tenant-calculator-container .tenant-popup .menu-title .close-button:hover {
  background-color: #0875E1;
}

.tenant-calculator-container .tenant-popup .step-container {
  position: relative;
  margin: 20px 0;
}

.tenant-calculator-container .tenant-popup .step-container .progress-container {
  position: relative;
  width: 80%;
  margin: 50px auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tenant-calculator-container .tenant-popup .step-container .progress-label {
  vertical-align: super;
  font-weight: 700;
  font-size: 20px;
  padding-left: 8px;
}

.tenant-calculator-container .tenant-popup .step-container .progress-line {
  color: #ffffff;
  position: absolute;
  top: 54%;
  left: 12%;
  width: 82%;
  height: 6px;
  background: #ddd;
  z-index: 0;
  transform: translateY(-50%);
}

.tenant-calculator-container .tenant-popup .step-container .step {
  position: absolute;
  text-align: center;
  top: 56%;
  width: 32px;
  height: 32px;
  align-content: center;
  background: #ddd;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  font-weight: 800;
  font-size: 20px;
}

.tenant-calculator-container .tenant-popup .step-container .active {
  background: #0875E1;
  color: #ffffff;
  font-weight: 800;
  font-size: 20px;
}

.tenant-calculator-container .tenant-popup .step-data-container {
  position: relative;
}

.tenant-calculator-container .tenant-popup .step-data-container .title {
  line-height: 28px;
}

.tenant-calculator-container .tenant-popup .step-data-container .step-row {
  background-color: #f6f7f8;
  margin: 20px 0;
  padding: 2px 15px;
  border: 1px solid #CBD0D7;
  border-radius: 8px;
  position: relative;
}

.tenant-calculator-container .tenant-popup .step-data-container .step-row-active {
  background-color: #0875E1;
  color: #ffffff;
}

.tenant-calculator-container .tenant-popup .step-data-container .step-row .icon {
  position: absolute;
  left: 10px;
  top: 18px;
  height: 46px;
  width: 46px;
}

.tenant-calculator-container .tenant-popup .step-data-container .step-row .icon-short {
  top: 4px;
}

.tenant-calculator-container .tenant-popup .step-data-container .step-row .content h3 {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.24px;
}

.tenant-calculator-container .tenant-popup .step-data-container .step-row .content p {
  font-size: 13px;
  margin-top: -12px;
}

.tenant-calculator-container .tenant-popup .step-data-container .step-row .content-pad-left {
  padding-left: 50px;
}

.tenant-calculator-container .tenant-popup .step-data-container .step-row-check {
  position: relative;
}

.tenant-calculator-container .tenant-popup .step-data-container .step-row-check .status-checkbox {
  height: 18px;
  width: 18px;
}

.tenant-calculator-container .tenant-popup .step-data-container .step-row-check .status-label {
  font-size: 15px;
  font-weight: 700;
  vertical-align: super;
  padding-left: 5px;
  line-height: 20px;
  letter-spacing: 0.24px;
}

.tenant-calculator-container .tenant-popup .step-data-container .step-row-check .desc {
  margin-left: 35px;
  margin-top: -4px;
  font-size: 12px;
}

.tenant-calculator-container .tenant-popup .step-data-container .list {
  margin-top: 20px;
  overflow-y: scroll;
}

.tenant-calculator-container .tenant-popup .step-data-container .list-checkbox, .tenant-calculator-container .tenant-popup .step-data-container .list .notes-desc {
  background-color: #f6f7f8;
  padding: 10px;
  margin: 25px 0;
  border-radius: 8px;
  border: 1px solid #CBD0D7;
  max-height: 400px;
  overflow-y: scroll;
}

.tenant-calculator-container .tenant-popup .step-data-container .list .notes {
  display: inline;
}

.tenant-calculator-container .tenant-popup .step-data-container .list .notes-desc {
  font-size: 12px;
  letter-spacing: 0.24px;
  line-height: 20px;
}

.tenant-calculator-container .tenant-popup .step-data-container .list .hide-show {
  font-size: 18px;
  padding-left: 10px;
}

.tenant-calculator-container .tenant-popup .step-data-container .list .hide-show a {
  text-decoration: none;
}

.tenant-calculator-container .tenant-popup .step-data-container .list .hide-show a:visited {
  color: #0875e1;
}

.tenant-calculator-container .tenant-popup .step-data-container .total {
  text-align: center;
  padding: 10px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #E0E4E9;
  border-top: 1px solid #E0E4E9;
}

.tenant-calculator-container .tenant-popup .step-data-container .total h3 {
  margin-top: 0;
}

.tenant-calculator-container .tenant-popup .step-data-container .total .total-count {
  font-size: 60px;
  color: #0875e1;
}

.tenant-calculator-container .tenant-popup .step-data-container .total .empty-state {
  margin: 40px;
  font-size: 18px;
  font-weight: 500;
}

.tenant-calculator-container .tenant-popup .step-data-container .total .detail-period {
  font-size: 13px;
  text-align: left;
}

.tenant-calculator-container .tenant-popup .step-data-container .details {
  background-color: #f6f7f8;
  padding: 10px;
  margin-top: 30px;
  border-radius: 8px;
  border: 1px solid #CBD0D7;
}

.tenant-calculator-container .tenant-popup .step-data-container .details .detail-item {
  font-size: 15px;
  font-weight: 500;
}

.tenant-calculator-container .tenant-popup .step-data-container .details .detail-item .detail-count {
  text-align: center;
  border-radius: 100px;
  background-color: #d7eafc;
  line-height: 1.8;
  min-width: 32px;
  min-height: 32px;
  color: #0875E1;
  font-weight: 800;
  display: inline-block;
  padding-top: 4px;
}

.tenant-calculator-container .tenant-popup .step-data-container .details .detail-item .detail-desc {
  margin-left: 10px;
  max-width: 650px;
  display: inline-block;
  vertical-align: middle;
}

.tenant-calculator-container .tenant-popup .step-data-container .footer {
  align-content: center;
  min-height: 60px;
  margin: 30px 0;
}

.tenant-calculator-container .tenant-popup .step-data-container .footer .disclaimer {
  font-size: 10px;
  font-weight: 400;
  text-decoration: auto;
  display: inline-block;
  max-width: 320px;
  margin-top: -10px;
}

.tenant-calculator-container .tenant-popup .step-data-container .footer .space {
  width: 50%;
  display: inline-block;
}

.tenant-calculator-container .tenant-popup .step-data-container .footer .close {
  position: initial;
  margin-left: 20px;
  vertical-align: top;
}

.tenant-calculator-container .tenant-popup .step-data-container .footer .start-again {
  position: initial;
  margin-left: 50px;
  vertical-align: top;
}

.tenant-calculator-container .tenant-popup .step-data-container .footer .previous {
  position: initial;
  margin-left: 20px;
  vertical-align: top;
}

.tenant-calculator-container .tenant-popup .step-navigation-container {
  text-align: right;
  margin: 15px 0 20px;
  border: #eef1f3;
}

.tenant-calculator-container .tenant-popup .step-navigation-container .error {
  display: inline;
  float: left;
  color: #a31b12;
  font-weight: 800;
}

.tenant-calculator-container .launch-calculator {
  cursor: pointer;
  max-width: 285px;
  width: initial;
}

.tenant-calculator-container .launch-calculator-simple {
  color: #0875E1;
}
/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-amber-100: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-amber-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-amber-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-amber-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-amber-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-amber-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-amber-700: oklch(0.4824 0.1353 46.11 / 1);
  --cnvs-base-palette-amber-800: oklch(0.4143 0.1245 42.21 / 1);
  --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
  --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
  --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
  --cnvs-base-palette-azure-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-azure-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-azure-400: oklch(0.7283 0.1377 242.63 / 1);
  --cnvs-base-palette-azure-500: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-azure-600: oklch(0.5174 0.1257 243.24 / 1);
  --cnvs-base-palette-azure-700: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-azure-800: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
  --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
  --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
  --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
  --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
  --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blue-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-blue-300: oklch(0.7933 0.1076 252.08 / 1);
  --cnvs-base-palette-blue-400: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blue-500: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-blue-600: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blue-700: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blue-800: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
  --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
  --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
  --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-coral-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-coral-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-coral-400: oklch(0.7279 0.1703 38.58 / 1);
  --cnvs-base-palette-coral-500: oklch(0.6779 0.2096 40.36 / 1);
  --cnvs-base-palette-coral-600: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-coral-700: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-coral-800: oklch(0.393 0.143 33.49 / 1);
  --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
  --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
  --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
  --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
  --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-200: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-300: oklch(0.7817 0.1928 150.67 / 1);
  --cnvs-base-palette-green-400: oklch(0.702 0.1952 148.39 / 1);
  --cnvs-base-palette-green-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-green-600: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-700: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-800: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
  --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
  --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
  --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
  --cnvs-base-palette-indigo-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-indigo-300: oklch(0.7625 0.1242 281 / 1);
  --cnvs-base-palette-indigo-400: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-indigo-500: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-indigo-600: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-palette-indigo-700: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-indigo-800: oklch(0.379 0.1771 278.1 / 1);
  --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
  --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
  --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
  --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
  --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
  --cnvs-base-palette-neutral-100: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-neutral-200: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-neutral-300: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-neutral-400: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-neutral-500: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-neutral-600: oklch(0.5103 0 0 / 1);
  --cnvs-base-palette-neutral-700: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-neutral-800: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-neutral-900: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-neutral-950: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-neutral-975: oklch(0.1591 0 0 / 1);
  --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
  --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
  --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
  --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-orange-200: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-orange-300: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-orange-400: oklch(0.7261 0.1852 52.58 / 1);
  --cnvs-base-palette-orange-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-orange-600: oklch(0.53 0.165 40.39 / 1);
  --cnvs-base-palette-orange-700: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-orange-800: oklch(0.4077 0.1336 37.92 / 1);
  --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
  --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
  --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
  --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
  --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
  --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
  --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
  --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
  --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
  --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
  --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
  --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
  --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
  --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-palette-purple-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-purple-300: oklch(0.8108 0.1412 315.48 / 1);
  --cnvs-base-palette-purple-400: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-purple-500: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-purple-600: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-purple-700: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-purple-800: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
  --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
  --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
  --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-red-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-red-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-red-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-red-500: oklch(0.6495 0.2369 30.04 / 1);
  --cnvs-base-palette-red-600: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-red-700: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-red-800: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
  --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
  --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
  --cnvs-base-palette-slate-25: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-slate-50: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-slate-100: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-slate-200: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-slate-300: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-slate-400: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-slate-500: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-slate-600: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-slate-700: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-slate-800: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-slate-900: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-slate-950: oklch(0.2453 0.0136 253.1 / 1);
  --cnvs-base-palette-slate-975: oklch(0.18 0.008 248.33 / 1);
  --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
  --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-teal-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-teal-300: oklch(0.7836 0.0874 204.93 / 1);
  --cnvs-base-palette-teal-400: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-teal-500: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-teal-600: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-teal-700: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
  --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
  --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
  --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
  --cnvs-base-palette-cinnamon-100: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-cinnamon-200: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-cinnamon-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-cinnamon-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-cinnamon-500: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-cinnamon-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-peach-100: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-peach-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-peach-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-peach-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-peach-500: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-peach-600: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-chili-mango-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-chili-mango-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-chili-mango-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-chili-mango-400: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-600: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-cantaloupe-100: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-cantaloupe-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-cantaloupe-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-cantaloupe-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-cantaloupe-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-cantaloupe-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-sour-lemon-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-sour-lemon-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-sour-lemon-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-sour-lemon-400: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-500: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-600: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-juicy-pear-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-juicy-pear-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-juicy-pear-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-400: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-juicy-pear-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-kiwi-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-kiwi-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-kiwi-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-kiwi-400: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-apple-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-apple-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-apple-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-apple-500: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-watermelon-200: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-watermelon-300: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-watermelon-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-watermelon-500: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-jewel-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-jewel-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-jewel-300: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-jewel-400: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-jewel-500: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-jewel-600: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-toothpaste-100: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-toothpaste-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-toothpaste-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-toothpaste-400: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-toothpaste-500: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-toothpaste-600: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-blueberry-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-200: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blueberry-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blueberry-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blueberry-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-plum-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-plum-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-plum-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-plum-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-plum-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-plum-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-berry-smoothie-100: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-berry-smoothie-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-berry-smoothie-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-berry-smoothie-400: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-berry-smoothie-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-berry-smoothie-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blackberry-100: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-blackberry-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-blackberry-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-blackberry-400: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-blackberry-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-blackberry-600: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-island-punch-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-island-punch-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-island-punch-300: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-500: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-island-punch-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-grape-soda-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-grape-soda-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-grape-soda-300: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-grape-soda-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-grape-soda-500: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-grape-soda-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-pomegranate-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-pomegranate-200: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-pomegranate-300: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-400: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-500: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-pomegranate-600: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-fruit-punch-100: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-fruit-punch-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-fruit-punch-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-fruit-punch-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-500: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-root-beer-100: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-root-beer-200: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-root-beer-300: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-400: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-500: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-root-beer-600: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-toasted-marshmallow-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-toasted-marshmallow-200: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-toasted-marshmallow-300: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-toasted-marshmallow-400: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-toasted-marshmallow-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-toasted-marshmallow-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-licorice-100: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-licorice-200: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-licorice-300: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-licorice-400: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-licorice-500: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-licorice-600: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-soap-100: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-soap-200: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-soap-300: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-soap-400: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-soap-500: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-soap-600: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-french-vanilla-100: oklch(1 0 0 / 1);
  --cnvs-base-palette-french-vanilla-200: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-french-vanilla-300: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-french-vanilla-400: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-french-vanilla-500: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-french-vanilla-600: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-100: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-200: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-black-pepper-300: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-black-pepper-400: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-black-pepper-500: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-black-pepper-600: oklch(0 0 0 / 1);
  --cnvs-base-palette-coconut-100: #F0EEEE;
  --cnvs-base-palette-coconut-200: #e3dfdf;
  --cnvs-base-palette-coconut-300: #d1cbcc;
  --cnvs-base-palette-coconut-400: #b3acac;
  --cnvs-base-palette-coconut-500: #9e9595;
  --cnvs-base-palette-coconut-600: #8F8687;
  --cnvs-base-palette-cappuccino-100: #7A7374;
  --cnvs-base-palette-cappuccino-200: #706869;
  --cnvs-base-palette-cappuccino-300: #5E5757;
  --cnvs-base-palette-cappuccino-400: #4A4242;
  --cnvs-base-palette-cappuccino-500: #352f2f;
  --cnvs-base-palette-cappuccino-600: #231f20;
  --cnvs-base-opacity-0: 0;
  --cnvs-base-opacity-100: 0.08;
  --cnvs-base-opacity-200: 0.12;
  --cnvs-base-opacity-250: 0.2;
  --cnvs-base-opacity-300: 0.4;
  --cnvs-base-opacity-400: 0.64;
  --cnvs-base-opacity-500: 0.84;
  --cnvs-base-font-size-25: 0.625rem;
  --cnvs-base-font-size-50: 0.75rem;
  --cnvs-base-font-size-75: 0.875rem;
  --cnvs-base-font-size-100: 1rem;
  --cnvs-base-font-size-125: 1.125rem;
  --cnvs-base-font-size-150: 1.25rem;
  --cnvs-base-font-size-200: 1.5rem;
  --cnvs-base-font-size-250: 1.75rem;
  --cnvs-base-font-size-300: 2rem;
  --cnvs-base-font-size-400: 2.5rem;
  --cnvs-base-font-size-500: 3rem;
  --cnvs-base-font-size-600: 3.5rem;
  --cnvs-base-font-size-750: 4.5rem;
  --cnvs-base-font-size-900: 5.5rem;
  --cnvs-base-font-size-1050: 6.5rem;
  --cnvs-base-line-height-50: 1rem;
  --cnvs-base-line-height-100: 1.25rem;
  --cnvs-base-line-height-150: 1.5rem;
  --cnvs-base-line-height-200: 1.75rem;
  --cnvs-base-line-height-250: 2rem;
  --cnvs-base-line-height-300: 2.25rem;
  --cnvs-base-line-height-350: 2.5rem;
  --cnvs-base-line-height-400: 3rem;
  --cnvs-base-line-height-500: 3.5rem;
  --cnvs-base-line-height-600: 4rem;
  --cnvs-base-line-height-750: 4.5rem;
  --cnvs-base-line-height-900: 5.5rem;
  --cnvs-base-line-height-1050: 6.5rem;
  --cnvs-base-font-family-50: "Roboto"; /* Default font-family */
  --cnvs-base-font-family-100: "Roboto Mono";
  --cnvs-base-font-family-200: "Noto Sans";
  --cnvs-base-font-weight-300: 300;
  --cnvs-base-font-weight-400: 400;
  --cnvs-base-font-weight-500: 500;
  --cnvs-base-font-weight-700: 700;
  --cnvs-base-letter-spacing-50: 0.025rem;
  --cnvs-base-letter-spacing-100: 0.02rem;
  --cnvs-base-letter-spacing-150: 0.015rem;
  --cnvs-base-letter-spacing-200: 0.01rem;
  --cnvs-base-unit: 0.25rem; /* The base unit used in the grid system.;  */
  --cnvs-base-extended-palette-dragon-fruit-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-extended-palette-dragon-fruit-200: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-extended-palette-dragon-fruit-300: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-extended-palette-dragon-fruit-400: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-extended-palette-dragon-fruit-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-extended-palette-dragon-fruit-600: oklch(0.317 0.142 278.2 / 1);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Standard card depth */
  --cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Top navigation, Bottom Navigation */
  --cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Floating Action Buttons (FAB), Menus */
  --cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.5rem 2rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Bottom Sheets */
  --cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.625rem 2.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied) */
  --cnvs-sys-depth-6: 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.75rem 3rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied) */
  --cnvs-sys-space-zero: 0; /* Stacks, rows in tables */
  --cnvs-sys-shape-zero: 0rem; /* This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels. */
  --cnvs-sys-opacity-full: 1; /* Dev only */
  --cnvs-sys-opacity-zero: 0; /* Dev only */
  --cnvs-sys-breakpoints-zero: 0px; /* Use to set a media query `min-width` below small. */
  --cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);
  --cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);
  --cnvs-sys-font-weight-normal: var(--cnvs-base-font-weight-400);
  --cnvs-sys-font-weight-light: var(--cnvs-base-font-weight-300);
  --cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);
  --cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);
  --cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);
  --cnvs-sys-line-height-heading-large: var(--cnvs-base-line-height-350);
  --cnvs-sys-line-height-heading-medium: var(--cnvs-base-line-height-300);
  --cnvs-sys-line-height-heading-small: var(--cnvs-base-line-height-250);
  --cnvs-sys-line-height-body-large: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-medium: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-small: var(--cnvs-base-line-height-150);
  --cnvs-sys-line-height-subtext-large: var(--cnvs-base-line-height-100);
  --cnvs-sys-line-height-subtext-medium: var(--cnvs-base-line-height-50);
  --cnvs-sys-line-height-subtext-small: var(--cnvs-base-line-height-50);
  --cnvs-sys-font-size-subtext-small: var(--cnvs-base-font-size-25);
  --cnvs-sys-font-family-global: var(--cnvs-base-font-family-200);
  --cnvs-sys-font-family-mono: var(--cnvs-base-font-family-100);
  --cnvs-sys-font-family-default: var(--cnvs-base-font-family-50);
  --cnvs-sys-space-x20: calc(var(--cnvs-base-unit) * 20); /* - Use sparingly; - Helps to put focus on the primary element within your page; - Use to de-clutter your UI when a lot of space is available */
  --cnvs-sys-space-x16: calc(var(--cnvs-base-unit) * 16); /* - Use to de-clutter your UI when a lot of space is available; - Separate banner sections from page content; - Use to differentiate page content like page sections */
  --cnvs-sys-space-x10: calc(var(--cnvs-base-unit) * 10); /* • Used for outer margins on the overall page content ; • Used for inner margins on large items such as page sections */
  --cnvs-sys-space-x8: calc(var(--cnvs-base-unit) * 8); /* • Standard spacing between cards; • Used to separate groups of content ; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x6: calc(var(--cnvs-base-unit) * 6); /* • Padding around card content; • Related elements where more space between them can be afforded; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x4: calc(var(--cnvs-base-unit) * 4); /* Default space token. Used to group Inputs with related data */
  --cnvs-sys-space-x3: calc(var(--cnvs-base-unit) * 3); /* Use when compact padding is required */
  --cnvs-sys-space-x2: calc(var(--cnvs-base-unit) * 2); /* Commonly used to group compact elements like icon buttons */
  --cnvs-sys-space-x1: var(--cnvs-base-unit); /* Compact spacing between text or icons */
  --cnvs-sys-shape-round: calc(var(--cnvs-base-unit) * 250); /* Commonly used for our standard buttons and profile avatars: All Primary, Secondary Buttons, Radio Buttons and Notification Badges. */
  --cnvs-sys-shape-x2: calc(var(--cnvs-base-unit) * 2); /* Use this for all the containers and popups: All Cards, Modals, Tooltips and Toasts. */
  --cnvs-sys-shape-x1-half: calc(var(--cnvs-base-unit) * 1.5);
  --cnvs-sys-shape-x1: var(--cnvs-base-unit);
  --cnvs-sys-shape-half: calc(var(--cnvs-base-unit) * 0.5); /* Use this for subtle and small components that don’t require to group complex information like Status Indicators, Checkboxes and Color Swatches. */
  --cnvs-sys-opacity-shadow-second: var(--cnvs-base-opacity-100); /* Alpha on second shadow */
  --cnvs-sys-opacity-shadow-first: var(--cnvs-base-opacity-200); /* Alpha on first shadow */
  --cnvs-sys-opacity-contrast: var(--cnvs-base-opacity-500); /* Tooltips, Status Indicator */
  --cnvs-sys-opacity-overlay: var(--cnvs-base-opacity-400); /* Overlay */
  --cnvs-sys-opacity-disabled: var(--cnvs-base-opacity-300); /* Disabled states */
  --cnvs-sys-breakpoints-xl: 1440px; /* Used for extra large screens, such as wide monitors and TVs. */
  --cnvs-sys-breakpoints-l: 1024px; /* Large screens, such as desktops. */
  --cnvs-sys-breakpoints-m: 768px; /* Medium screens, such as laptops. */
  --cnvs-sys-breakpoints-s: 320px; /* The `min-width` for mobile devices, such as phones and tablets. */
  --cnvs-sys-color-shadow-default: var(--cnvs-base-palette-slate-900); /* Main shadow color */
  --cnvs-sys-color-shadow-2: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-100)); /* Second shadow color */
  --cnvs-sys-color-shadow-1: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-200)); /* First shadow color */
  --cnvs-sys-color-border-info-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950); /* Active state on AI borders */
  --cnvs-sys-color-border-container: var(--cnvs-base-palette-slate-300); /* Cards, Toasts, Surfaces */
  --cnvs-sys-color-border-divider: var(--cnvs-base-palette-slate-200); /* Dividers */
  --cnvs-sys-color-border-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on accent colors */
  --cnvs-sys-color-border-transparent: transparent; /* Transparent */
  --cnvs-sys-color-border-caution-strong: var(--cnvs-base-palette-amber-500); /* Warning outer (box shadow) */
  --cnvs-sys-color-border-caution-default: var(--cnvs-base-palette-amber-400); /* Warning inner */
  --cnvs-sys-color-border-critical-default: var(--cnvs-base-palette-red-500); /* Error */
  --cnvs-sys-color-border-primary-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Secondary Button Hover */
  --cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-900); /* Secondary Button */
  --cnvs-sys-color-border-input-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on checkboxes and radios */
  --cnvs-sys-color-border-input-strong: var(--cnvs-base-palette-slate-700); /* Input hover */
  --cnvs-sys-color-border-input-default: var(--cnvs-base-palette-slate-500); /* Inputs */
  --cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-slate-400); /* Disabled inputs */
  --cnvs-sys-color-fg-positive-stronger: var(--cnvs-base-palette-green-800); /* Error */
  --cnvs-sys-color-fg-positive-strong: var(--cnvs-base-palette-green-700); /* Error */
  --cnvs-sys-color-fg-positive-soft: var(--cnvs-base-palette-green-400); /* Error */
  --cnvs-sys-color-fg-positive-softer: var(--cnvs-base-palette-green-200); /* Error */
  --cnvs-sys-color-fg-positive-default: var(--cnvs-base-palette-green-600); /* Error */
  --cnvs-sys-color-fg-info-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-info-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-info-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950); /* AI icons and text */
  --cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Strong contrast */
  --cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast */
  --cnvs-sys-color-fg-caution-softer: var(--cnvs-base-palette-amber-500); /* Warning */
  --cnvs-sys-color-fg-caution-stronger: var(--cnvs-base-palette-amber-975); /* Warning on hover */
  --cnvs-sys-color-fg-caution-soft: var(--cnvs-base-palette-amber-700); /* Warning */
  --cnvs-sys-color-fg-caution-strong: var(--cnvs-base-palette-amber-950); /* Warning on hover */
  --cnvs-sys-color-fg-caution-default: var(--cnvs-base-palette-amber-900); /* Warning */
  --cnvs-sys-color-fg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-primary-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-primary-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-primary-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-primary-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-slate-400); /* Tab item foreground */
  --cnvs-sys-color-fg-muted-stronger: var(--cnvs-base-palette-slate-800);
  --cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-slate-600); /* Hint text */
  --cnvs-sys-color-fg-critical-softer: var(--cnvs-base-palette-red-200); /* Error */
  --cnvs-sys-color-fg-critical-soft: var(--cnvs-base-palette-red-400); /* Error */
  --cnvs-sys-color-fg-critical-stronger: var(--cnvs-base-palette-red-800); /* Error */
  --cnvs-sys-color-fg-critical-strong: var(--cnvs-base-palette-red-700); /* Error */
  --cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-red-600); /* Error */
  --cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse */
  --cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-slate-400); /* Disabled */
  --cnvs-sys-color-fg-stronger: var(--cnvs-base-palette-neutral-950); /* Heading on hover */
  --cnvs-sys-color-fg-strong: var(--cnvs-base-palette-neutral-900); /* Headings */
  --cnvs-sys-color-fg-default: var(--cnvs-base-palette-neutral-800); /* Body */
  --cnvs-sys-color-icon-info-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-disabled: var(--cnvs-base-palette-slate-400); /* Disabled icon color */
  --cnvs-sys-color-icon-caution-softer: var(--cnvs-base-palette-amber-500); /* Softer caution icon color */
  --cnvs-sys-color-icon-caution-soft: var(--cnvs-base-palette-amber-700); /* Soft caution icon color */
  --cnvs-sys-color-icon-caution-stronger: var(--cnvs-base-palette-amber-975); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-default: var(--cnvs-base-palette-amber-900); /* Caution icon color */
  --cnvs-sys-color-icon-critical-softer: var(--cnvs-base-palette-red-200); /* Error icon color */
  --cnvs-sys-color-icon-critical-soft: var(--cnvs-base-palette-red-400); /* Error icon color */
  --cnvs-sys-color-icon-critical-stronger: var(--cnvs-base-palette-red-800); /* Error icon color */
  --cnvs-sys-color-icon-critical-strong: var(--cnvs-base-palette-red-700); /* Error icon color */
  --cnvs-sys-color-icon-critical-default: var(--cnvs-base-palette-red-600); /* Error icon color */
  --cnvs-sys-color-icon-positive-softer: var(--cnvs-base-palette-green-200); /* Success icon color */
  --cnvs-sys-color-icon-positive-soft: var(--cnvs-base-palette-green-400); /* Success icon color */
  --cnvs-sys-color-icon-positive-stronger: var(--cnvs-base-palette-green-800); /* Success icon color */
  --cnvs-sys-color-icon-positive-strong: var(--cnvs-base-palette-green-700); /* Success icon color */
  --cnvs-sys-color-icon-positive-default: var(--cnvs-base-palette-green-600); /* Success icon color */
  --cnvs-sys-color-icon-primary-softer: var(--cnvs-base-palette-blue-200); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-soft: var(--cnvs-base-palette-blue-400); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse icon color */
  --cnvs-sys-color-icon-strong: var(--cnvs-base-palette-neutral-900); /* Hover icon color */
  --cnvs-sys-color-icon-soft: var(--cnvs-base-palette-slate-600); /* Disabled icon color */
  --cnvs-sys-color-icon-default: var(--cnvs-base-palette-neutral-800); /* Default icon color */
  --cnvs-sys-color-text-info-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-info-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-info-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-info-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-info-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-positive-softer: var(--cnvs-base-palette-green-200); /* Active links */
  --cnvs-sys-color-text-positive-soft: var(--cnvs-base-palette-green-400); /* Active links */
  --cnvs-sys-color-text-positive-stronger: var(--cnvs-base-palette-green-800); /* Active links */
  --cnvs-sys-color-text-positive-strong: var(--cnvs-base-palette-green-700); /* Branded hover text */
  --cnvs-sys-color-text-positive-default: var(--cnvs-base-palette-green-600); /* Branded text */
  --cnvs-sys-color-text-ai: var(--cnvs-base-palette-blue-950);
  --cnvs-sys-color-text-caution-softer: var(--cnvs-base-palette-amber-200); /* Softer warning text */
  --cnvs-sys-color-text-caution-stronger: var(--cnvs-base-palette-amber-975); /* Stronger warning text */
  --cnvs-sys-color-text-caution-soft: var(--cnvs-base-palette-amber-400); /* Disabled warning text */
  --cnvs-sys-color-text-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong warning text */
  --cnvs-sys-color-text-caution-default: var(--cnvs-base-palette-amber-900); /* Warning text */
  --cnvs-sys-color-text-primary-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-primary-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-primary-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-primary-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-primary-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-critical-softer: var(--cnvs-base-palette-red-200); /* Error text */
  --cnvs-sys-color-text-critical-soft: var(--cnvs-base-palette-red-400); /* Error text */
  --cnvs-sys-color-text-critical-stronger: var(--cnvs-base-palette-red-800); /* Error text */
  --cnvs-sys-color-text-critical-strong: var(--cnvs-base-palette-red-700); /* Error text */
  --cnvs-sys-color-text-critical-default: var(--cnvs-base-palette-red-600); /* Error text */
  --cnvs-sys-color-text-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse text color */
  --cnvs-sys-color-text-hint: var(--cnvs-base-palette-slate-600); /* Hint text color */
  --cnvs-sys-color-text-disabled: var(--cnvs-base-palette-slate-400); /* Disabled text color */
  --cnvs-sys-color-text-stronger: var(--cnvs-base-palette-neutral-950); /* Display text */
  --cnvs-sys-color-text-strong: var(--cnvs-base-palette-neutral-900); /* Heading text */
  --cnvs-sys-color-text-default: var(--cnvs-base-palette-neutral-800); /* Body text */
  --cnvs-sys-color-bg-info-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-info-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-info-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-info-soft: var(--cnvs-base-palette-blue-100); /* Disabled */
  --cnvs-sys-color-bg-info-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-info-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-ai-strongest: var(--cnvs-base-palette-blue-950); /* AI surfaces */
  --cnvs-sys-color-bg-ai-stronger: var(--cnvs-base-palette-blue-400); /* Active state on AI containers */
  --cnvs-sys-color-bg-ai-strong: var(--cnvs-base-palette-blue-200); /* Hover on AI container */
  --cnvs-sys-color-bg-ai-default: var(--cnvs-base-palette-blue-100); /* AI container */
  --cnvs-sys-color-bg-critical-stronger: var(--cnvs-base-palette-red-800); /* Stronger error background */
  --cnvs-sys-color-bg-critical-strong: var(--cnvs-base-palette-red-700); /* Strong error background */
  --cnvs-sys-color-bg-critical-default: var(--cnvs-base-palette-red-600); /* Default error background */
  --cnvs-sys-color-bg-critical-soft: var(--cnvs-base-palette-red-100); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softer: var(--cnvs-base-palette-red-50); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softest: var(--cnvs-base-palette-red-25); /* Input error background */
  --cnvs-sys-color-bg-caution-stronger: var(--cnvs-base-palette-amber-600); /* Stronger warning background */
  --cnvs-sys-color-bg-caution-strong: var(--cnvs-base-palette-amber-500); /* Strong warning background */
  --cnvs-sys-color-bg-caution-default: var(--cnvs-base-palette-amber-400); /* Default warning background */
  --cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-100); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softer: var(--cnvs-base-palette-amber-50); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softest: var(--cnvs-base-palette-amber-25); /* Disabled warning background */
  --cnvs-sys-color-bg-positive-stronger: var(--cnvs-base-palette-green-800); /* Active success background */
  --cnvs-sys-color-bg-positive-strong: var(--cnvs-base-palette-green-700); /* Hover success background */
  --cnvs-sys-color-bg-positive-default: var(--cnvs-base-palette-green-600); /* Disabled success background */
  --cnvs-sys-color-bg-positive-soft: var(--cnvs-base-palette-green-100); /* Disabled success background */
  --cnvs-sys-color-bg-positive-softer: var(--cnvs-base-palette-green-50); /* Surface success background */
  --cnvs-sys-color-bg-positive-softest: var(--cnvs-base-palette-green-25); /* Lightest surface success background */
  --cnvs-sys-color-bg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-primary-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-primary-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-100); /* Primary disabled */
  --cnvs-sys-color-bg-primary-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-primary-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-bg-muted-default: var(--cnvs-base-palette-slate-600);
  --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-slate-500);
  --cnvs-sys-color-bg-muted-softer: var(--cnvs-base-palette-slate-400);
  --cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-slate-300); /* Active state for segmented control, Pill */
  --cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-slate-200); /* Active states */
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-100); /* Surface hover, Secondary surfaces */
  --cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-slate-50); /* Alternative page background */
  --cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-slate-25); /* Disabled inputs */
  --cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
  --cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-400)); /* Overlay background */
  --cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-250)); /* Inverse Secondary Button Active state */
  --cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-100)); /* Inverse Secondary Button Hover state */
  --cnvs-sys-color-bg-transparent-default: transparent; /* Transparent background */
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0); /* Main background color */
  --cnvs-sys-color-static-amber-soft: var(--cnvs-base-palette-amber-100); /* Soft amber */
  --cnvs-sys-color-static-amber-strongest: var(--cnvs-base-palette-amber-950); /* Stronger amber */
  --cnvs-sys-color-static-amber-softer: var(--cnvs-base-palette-amber-50); /* Soft amber */
  --cnvs-sys-color-static-amber-stronger: var(--cnvs-base-palette-amber-600); /* Stronger amber */
  --cnvs-sys-color-static-amber-strong: var(--cnvs-base-palette-amber-500); /* Stronger amber */
  --cnvs-sys-color-static-amber-softest: var(--cnvs-base-palette-amber-25); /* Soft amber */
  --cnvs-sys-color-static-amber-default: var(--cnvs-base-palette-amber-400); /* amber */
  --cnvs-sys-color-static-gray-softer: var(--cnvs-base-palette-slate-100); /* Light gray */
  --cnvs-sys-color-static-gray-softest: var(--cnvs-base-palette-slate-50); /* Light gray */
  --cnvs-sys-color-static-gray-strongest: var(--cnvs-base-palette-slate-950); /* Strongerer gray */
  --cnvs-sys-color-static-gray-stronger: var(--cnvs-base-palette-slate-800); /* Strongerer gray */
  --cnvs-sys-color-static-gray-strong: var(--cnvs-base-palette-slate-700); /* Stronger gray */
  --cnvs-sys-color-static-gray-soft: var(--cnvs-base-palette-slate-200); /* Light gray */
  --cnvs-sys-color-static-gray-default: var(--cnvs-base-palette-slate-600); /* Gray */
  --cnvs-sys-color-static-black: var(--cnvs-base-palette-neutral-1000); /* Just black */
  --cnvs-sys-color-static-white: var(--cnvs-base-palette-neutral-0); /* Just white */
  --cnvs-sys-color-static-red-softer: var(--cnvs-base-palette-red-50); /* Light red */
  --cnvs-sys-color-static-red-strongest: var(--cnvs-base-palette-red-950); /* Strong red */
  --cnvs-sys-color-static-red-softest: var(--cnvs-base-palette-red-25); /* Light red */
  --cnvs-sys-color-static-red-stronger: var(--cnvs-base-palette-red-800); /* Strong red */
  --cnvs-sys-color-static-red-strong: var(--cnvs-base-palette-red-700); /* Strong red */
  --cnvs-sys-color-static-red-soft: var(--cnvs-base-palette-red-100); /* Light red */
  --cnvs-sys-color-static-red-default: var(--cnvs-base-palette-red-600); /* Red */
  --cnvs-sys-color-static-green-strongest: var(--cnvs-base-palette-green-950); /* Stronger green */
  --cnvs-sys-color-static-green-softest: var(--cnvs-base-palette-green-25); /* Light green */
  --cnvs-sys-color-static-green-stronger: var(--cnvs-base-palette-green-800); /* Stronger green */
  --cnvs-sys-color-static-green-softer: var(--cnvs-base-palette-green-50); /* Light green */
  --cnvs-sys-color-static-green-strong: var(--cnvs-base-palette-green-700); /* Stronger green */
  --cnvs-sys-color-static-green-soft: var(--cnvs-base-palette-green-100); /* Light green */
  --cnvs-sys-color-static-green-default: var(--cnvs-base-palette-green-600); /* Default green */
  --cnvs-sys-color-static-blue-strongest: var(--cnvs-base-palette-blue-950); /* Stronger blue */
  --cnvs-sys-color-static-blue-soft: var(--cnvs-base-palette-blue-100); /* Light blue */
  --cnvs-sys-color-static-blue-softer: var(--cnvs-base-palette-blue-50); /* Light blue */
  --cnvs-sys-color-static-blue-stronger: var(--cnvs-base-palette-blue-800); /* Stronger blue */
  --cnvs-sys-color-static-blue-strong: var(--cnvs-base-palette-blue-700); /* Stronger blue */
  --cnvs-sys-color-static-blue-softest: var(--cnvs-base-palette-blue-25); /* Light blue */
  --cnvs-sys-color-static-blue-default: var(--cnvs-base-palette-blue-600); /* Blue */
  --cnvs-sys-color-static-orange-strong: var(--cnvs-base-palette-amber-500);
  --cnvs-sys-color-static-orange-soft: var(--cnvs-base-palette-amber-100);
  --cnvs-sys-color-static-orange-default: var(--cnvs-base-palette-amber-400);
  --cnvs-sys-color-static-gold-stronger: var(--cnvs-base-palette-amber-600);
  --cnvs-sys-font-size-subtext-medium: var(--cnvs-base-font-size-50);
  --cnvs-sys-font-size-subtext-large: var(--cnvs-base-font-size-75);
  --cnvs-sys-font-size-body-small: var(--cnvs-base-font-size-100);
  --cnvs-sys-font-size-body-medium: var(--cnvs-base-font-size-125);
  --cnvs-sys-font-size-body-large: var(--cnvs-base-font-size-150);
  --cnvs-sys-font-size-heading-small: var(--cnvs-base-font-size-200);
  --cnvs-sys-font-size-heading-medium: var(--cnvs-base-font-size-250);
  --cnvs-sys-font-size-heading-large: var(--cnvs-base-font-size-300);
  --cnvs-sys-font-size-title-small: var(--cnvs-base-font-size-400);
  --cnvs-sys-font-size-title-medium: var(--cnvs-base-font-size-500);
  --cnvs-sys-font-size-title-large: var(--cnvs-base-font-size-600);
}

.cnvs-sys-type-subtext-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-small);
  font-size: var(--cnvs-sys-font-size-subtext-small);
  letter-spacing: var(--cnvs-base-letter-spacing-50);
}

.cnvs-sys-type-subtext-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-medium);
  font-size: var(--cnvs-sys-font-size-subtext-medium);
  letter-spacing: var(--cnvs-base-letter-spacing-100);
}

.cnvs-sys-type-subtext-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-large);
  font-size: var(--cnvs-sys-font-size-subtext-large);
  letter-spacing: var(--cnvs-base-letter-spacing-150);
}

.cnvs-sys-type-body-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-small);
  font-size: var(--cnvs-sys-font-size-body-small);
  letter-spacing: var(--cnvs-base-letter-spacing-200);
}

.cnvs-sys-type-body-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-medium);
  font-size: var(--cnvs-sys-font-size-body-medium);
}

.cnvs-sys-type-body-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-large);
  font-size: var(--cnvs-sys-font-size-body-large);
}

.cnvs-sys-type-heading-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-small);
  font-size: var(--cnvs-sys-font-size-heading-small);
}

.cnvs-sys-type-heading-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-medium);
  font-size: var(--cnvs-sys-font-size-heading-medium);
}

.cnvs-sys-type-heading-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-large);
  font-size: var(--cnvs-sys-font-size-heading-large);
}

.cnvs-sys-type-title-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-small);
  font-size: var(--cnvs-sys-font-size-title-small);
}

.cnvs-sys-type-title-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-medium);
  font-size: var(--cnvs-sys-font-size-title-medium);
}

.cnvs-sys-type-title-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-large);
  font-size: var(--cnvs-sys-font-size-title-large);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
  --cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);
  --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
  --cnvs-brand-neutral-lighter: var(--cnvs-base-palette-slate-50);
  --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-neutral-darkest: var(--cnvs-base-palette-slate-800);
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-slate-700);
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-slate-600);
  --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-25);
  --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
  --cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);
  --cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);
  --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
  --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
  --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);
  --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);
  --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
  --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);
  --cnvs-brand-alert-lighter: var(--cnvs-base-palette-amber-50);
  --cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-error-light: var(--cnvs-base-palette-red-200);
  --cnvs-brand-error-lighter: var(--cnvs-base-palette-red-50);
  --cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);
  --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
  --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
  --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
  --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
  --cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);
  --cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
  --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
  --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
  --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
  --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.text-theme {
  color: #333333;
}

.text-theme:disabled, .text-theme.disabled {
  outline: none;
  color: #a1aab3;
  cursor: not-allowed;
}

.text-theme.highlighted, .text-theme:active {
  background-color: #a6d2ff;
}

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.right-align {
  right: 0;
}

.left-align {
  left: 0;
}

.item-selected {
  border-radius: 99px;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #0057ae;
}

.item-container {
  position: relative;
  cursor: pointer;
  content: "";
  outline: none;
  box-sizing: border-box;
  overflow: visible;
  height: 45px;
  width: 45px;
  align-content: center;
}

.button-popup-open {
  background-color: #ffffff;
  border-radius: 0;
}

.wdc-flip-card-list {
  display: flex;
  margin: auto;
  justify-content: space-around !important;
  align-items: stretch;
  text-align: left;
  max-width: 1408px;
}

.wdc-flip-card-list .wdc-flip-card {
  height: auto;
  border-radius: 8px;
  background-color: #ffffff;
  box-sizing: border-box;
  flex: 1;
  min-width: 293px;
  justify-content: center;
  align-items: center;
}

.wdc-flip-card-list .wdc-flip-card .wdc-flip-card-front {
  display: flex;
  flex-direction: column;
}

.wdc-flip-card-list .wdc-flip-card .wdc-flip-card-front .wdc-flip-card-image {
  height: 200px;
  width: 100%;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  max-height: 200px;
  object-fit: cover;
  object-position: top left;
}

.wdc-flip-card-list .wdc-flip-card .wdc-flip-card-back .close-button {
  margin-top: 10px;
  margin-right: 10px;
  margin-left: auto;
}

.wdc-flip-card-list .wdc-flip-card .wdc-flip-card-back .close-button span {
  width: 24px;
  height: 24px;
}

.wdc-flip-card-list .wdc-flip-card .wdc-flip-card-back .wdc-flip-card-links {
  margin-top: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 10px;
}

.wdc-flip-card-list .wdc-flip-card .wdc-flip-card-back .wdc-flip-card-links .wdc-flip-card-link-item {
  line-height: 28px;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.24px;
  margin: 0 20px 0 30px;
}

.wdc-flip-card-list .wdc-flip-card .wdc-flip-card-back .wdc-flip-card-links .wdc-flip-card-link-item::marker {
  color: #022043;
}

.wdc-flip-card-list .wdc-flip-card .wdc-flip-card-back .wdc-flip-card-links .wdc-flip-card-link-item .wdc-flip-card-link {
  color: #022043;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.24px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.wdc-flip-card-list .wdc-flip-card .wdc-flip-card-back .wdc-flip-card-links .item-img {
  vertical-align: middle;
}

.wdc-flip-card-list .wdc-flip-card .wdc-flip-card-front, .wdc-flip-card-list .wdc-flip-card .wdc-flip-card-back {
  display: flex;
  flex-direction: column;
  padding-bottom: 10px;
  height: 100%;
  box-sizing: border-box;
}

.wdc-flip-card-list .wdc-flip-card .wdc-flip-card-front .wdc-flip-card-title, .wdc-flip-card-list .wdc-flip-card .wdc-flip-card-front .wdc-flip-card-desc, .wdc-flip-card-list .wdc-flip-card .wdc-flip-card-front .wdc-flip-card-toggle, .wdc-flip-card-list .wdc-flip-card .wdc-flip-card-back .wdc-flip-card-title, .wdc-flip-card-list .wdc-flip-card .wdc-flip-card-back .wdc-flip-card-desc, .wdc-flip-card-list .wdc-flip-card .wdc-flip-card-back .wdc-flip-card-toggle {
  color: #022043;
  padding: 0 24px;
}

.wdc-flip-card-list .wdc-flip-card .wdc-flip-card-front .wdc-flip-card-title, .wdc-flip-card-list .wdc-flip-card .wdc-flip-card-back .wdc-flip-card-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0.16px;
}

.wdc-flip-card-list .wdc-flip-card .wdc-flip-card-front a, .wdc-flip-card-list .wdc-flip-card .wdc-flip-card-back a {
  margin-top: auto;
  align-self: flex-start;
}

.wdc-flip-card-list .wdc-flip-card .wdc-flip-card-front a .wdc-flip-card-toggle, .wdc-flip-card-list .wdc-flip-card .wdc-flip-card-back a .wdc-flip-card-toggle {
  color: #0057ae;
  margin-bottom: 10px;
  font-size: 15px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.wdc-flip-card-list .wdc-flip-card .wdc-flip-card-front a .wdc-flip-card-toggle button, .wdc-flip-card-list .wdc-flip-card .wdc-flip-card-back a .wdc-flip-card-toggle button {
  margin-right: 0;
}

.wdc-flip-card-list .wdc-flip-card .wdc-flip-card-front .wdc-flip-card-desc, .wdc-flip-card-list .wdc-flip-card .wdc-flip-card-back .wdc-flip-card-desc {
  margin-top: 0;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.24px;
}

.wdc-flip-card-list .wdc-flip-card .wdc-flip-card-front .wdc-flip-card-desc ul li, .wdc-flip-card-list .wdc-flip-card .wdc-flip-card-front .wdc-flip-card-desc p, .wdc-flip-card-list .wdc-flip-card .wdc-flip-card-front .wdc-flip-card-desc a, .wdc-flip-card-list .wdc-flip-card .wdc-flip-card-front .wdc-flip-card-desc .text-after-hours, .wdc-flip-card-list .wdc-flip-card .wdc-flip-card-back .wdc-flip-card-desc ul li, .wdc-flip-card-list .wdc-flip-card .wdc-flip-card-back .wdc-flip-card-desc p, .wdc-flip-card-list .wdc-flip-card .wdc-flip-card-back .wdc-flip-card-desc a, .wdc-flip-card-list .wdc-flip-card .wdc-flip-card-back .wdc-flip-card-desc .text-after-hours {
  color: #022043;
  margin-top: 0;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.24px;
}

@media (max-width: 991px) {
  .wdc-flip-card-list {
    flex-direction: column;
    align-items: center;
  }
  .wdc-flip-card-list .wdc-flip-card {
    width: 100%;
  }
}
/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-amber-100: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-amber-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-amber-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-amber-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-amber-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-amber-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-amber-700: oklch(0.4824 0.1353 46.11 / 1);
  --cnvs-base-palette-amber-800: oklch(0.4143 0.1245 42.21 / 1);
  --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
  --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
  --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
  --cnvs-base-palette-azure-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-azure-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-azure-400: oklch(0.7283 0.1377 242.63 / 1);
  --cnvs-base-palette-azure-500: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-azure-600: oklch(0.5174 0.1257 243.24 / 1);
  --cnvs-base-palette-azure-700: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-azure-800: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
  --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
  --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
  --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
  --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
  --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blue-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-blue-300: oklch(0.7933 0.1076 252.08 / 1);
  --cnvs-base-palette-blue-400: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blue-500: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-blue-600: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blue-700: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blue-800: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
  --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
  --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
  --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-coral-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-coral-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-coral-400: oklch(0.7279 0.1703 38.58 / 1);
  --cnvs-base-palette-coral-500: oklch(0.6779 0.2096 40.36 / 1);
  --cnvs-base-palette-coral-600: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-coral-700: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-coral-800: oklch(0.393 0.143 33.49 / 1);
  --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
  --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
  --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
  --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
  --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-200: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-300: oklch(0.7817 0.1928 150.67 / 1);
  --cnvs-base-palette-green-400: oklch(0.702 0.1952 148.39 / 1);
  --cnvs-base-palette-green-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-green-600: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-700: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-800: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
  --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
  --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
  --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
  --cnvs-base-palette-indigo-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-indigo-300: oklch(0.7625 0.1242 281 / 1);
  --cnvs-base-palette-indigo-400: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-indigo-500: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-indigo-600: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-palette-indigo-700: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-indigo-800: oklch(0.379 0.1771 278.1 / 1);
  --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
  --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
  --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
  --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
  --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
  --cnvs-base-palette-neutral-100: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-neutral-200: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-neutral-300: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-neutral-400: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-neutral-500: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-neutral-600: oklch(0.5103 0 0 / 1);
  --cnvs-base-palette-neutral-700: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-neutral-800: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-neutral-900: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-neutral-950: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-neutral-975: oklch(0.1591 0 0 / 1);
  --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
  --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
  --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
  --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-orange-200: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-orange-300: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-orange-400: oklch(0.7261 0.1852 52.58 / 1);
  --cnvs-base-palette-orange-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-orange-600: oklch(0.53 0.165 40.39 / 1);
  --cnvs-base-palette-orange-700: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-orange-800: oklch(0.4077 0.1336 37.92 / 1);
  --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
  --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
  --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
  --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
  --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
  --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
  --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
  --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
  --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
  --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
  --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
  --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
  --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
  --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-palette-purple-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-purple-300: oklch(0.8108 0.1412 315.48 / 1);
  --cnvs-base-palette-purple-400: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-purple-500: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-purple-600: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-purple-700: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-purple-800: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
  --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
  --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
  --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-red-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-red-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-red-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-red-500: oklch(0.6495 0.2369 30.04 / 1);
  --cnvs-base-palette-red-600: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-red-700: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-red-800: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
  --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
  --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
  --cnvs-base-palette-slate-25: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-slate-50: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-slate-100: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-slate-200: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-slate-300: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-slate-400: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-slate-500: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-slate-600: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-slate-700: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-slate-800: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-slate-900: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-slate-950: oklch(0.2453 0.0136 253.1 / 1);
  --cnvs-base-palette-slate-975: oklch(0.18 0.008 248.33 / 1);
  --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
  --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-teal-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-teal-300: oklch(0.7836 0.0874 204.93 / 1);
  --cnvs-base-palette-teal-400: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-teal-500: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-teal-600: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-teal-700: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
  --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
  --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
  --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
  --cnvs-base-palette-cinnamon-100: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-cinnamon-200: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-cinnamon-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-cinnamon-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-cinnamon-500: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-cinnamon-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-peach-100: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-peach-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-peach-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-peach-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-peach-500: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-peach-600: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-chili-mango-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-chili-mango-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-chili-mango-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-chili-mango-400: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-600: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-cantaloupe-100: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-cantaloupe-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-cantaloupe-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-cantaloupe-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-cantaloupe-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-cantaloupe-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-sour-lemon-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-sour-lemon-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-sour-lemon-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-sour-lemon-400: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-500: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-600: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-juicy-pear-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-juicy-pear-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-juicy-pear-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-400: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-juicy-pear-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-kiwi-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-kiwi-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-kiwi-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-kiwi-400: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-apple-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-apple-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-apple-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-apple-500: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-watermelon-200: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-watermelon-300: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-watermelon-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-watermelon-500: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-jewel-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-jewel-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-jewel-300: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-jewel-400: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-jewel-500: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-jewel-600: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-toothpaste-100: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-toothpaste-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-toothpaste-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-toothpaste-400: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-toothpaste-500: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-toothpaste-600: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-blueberry-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-200: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blueberry-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blueberry-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blueberry-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-plum-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-plum-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-plum-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-plum-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-plum-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-plum-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-berry-smoothie-100: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-berry-smoothie-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-berry-smoothie-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-berry-smoothie-400: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-berry-smoothie-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-berry-smoothie-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blackberry-100: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-blackberry-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-blackberry-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-blackberry-400: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-blackberry-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-blackberry-600: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-island-punch-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-island-punch-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-island-punch-300: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-500: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-island-punch-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-grape-soda-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-grape-soda-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-grape-soda-300: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-grape-soda-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-grape-soda-500: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-grape-soda-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-pomegranate-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-pomegranate-200: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-pomegranate-300: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-400: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-500: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-pomegranate-600: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-fruit-punch-100: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-fruit-punch-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-fruit-punch-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-fruit-punch-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-500: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-root-beer-100: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-root-beer-200: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-root-beer-300: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-400: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-500: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-root-beer-600: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-toasted-marshmallow-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-toasted-marshmallow-200: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-toasted-marshmallow-300: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-toasted-marshmallow-400: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-toasted-marshmallow-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-toasted-marshmallow-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-licorice-100: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-licorice-200: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-licorice-300: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-licorice-400: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-licorice-500: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-licorice-600: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-soap-100: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-soap-200: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-soap-300: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-soap-400: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-soap-500: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-soap-600: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-french-vanilla-100: oklch(1 0 0 / 1);
  --cnvs-base-palette-french-vanilla-200: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-french-vanilla-300: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-french-vanilla-400: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-french-vanilla-500: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-french-vanilla-600: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-100: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-200: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-black-pepper-300: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-black-pepper-400: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-black-pepper-500: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-black-pepper-600: oklch(0 0 0 / 1);
  --cnvs-base-palette-coconut-100: #F0EEEE;
  --cnvs-base-palette-coconut-200: #e3dfdf;
  --cnvs-base-palette-coconut-300: #d1cbcc;
  --cnvs-base-palette-coconut-400: #b3acac;
  --cnvs-base-palette-coconut-500: #9e9595;
  --cnvs-base-palette-coconut-600: #8F8687;
  --cnvs-base-palette-cappuccino-100: #7A7374;
  --cnvs-base-palette-cappuccino-200: #706869;
  --cnvs-base-palette-cappuccino-300: #5E5757;
  --cnvs-base-palette-cappuccino-400: #4A4242;
  --cnvs-base-palette-cappuccino-500: #352f2f;
  --cnvs-base-palette-cappuccino-600: #231f20;
  --cnvs-base-opacity-0: 0;
  --cnvs-base-opacity-100: 0.08;
  --cnvs-base-opacity-200: 0.12;
  --cnvs-base-opacity-250: 0.2;
  --cnvs-base-opacity-300: 0.4;
  --cnvs-base-opacity-400: 0.64;
  --cnvs-base-opacity-500: 0.84;
  --cnvs-base-font-size-25: 0.625rem;
  --cnvs-base-font-size-50: 0.75rem;
  --cnvs-base-font-size-75: 0.875rem;
  --cnvs-base-font-size-100: 1rem;
  --cnvs-base-font-size-125: 1.125rem;
  --cnvs-base-font-size-150: 1.25rem;
  --cnvs-base-font-size-200: 1.5rem;
  --cnvs-base-font-size-250: 1.75rem;
  --cnvs-base-font-size-300: 2rem;
  --cnvs-base-font-size-400: 2.5rem;
  --cnvs-base-font-size-500: 3rem;
  --cnvs-base-font-size-600: 3.5rem;
  --cnvs-base-font-size-750: 4.5rem;
  --cnvs-base-font-size-900: 5.5rem;
  --cnvs-base-font-size-1050: 6.5rem;
  --cnvs-base-line-height-50: 1rem;
  --cnvs-base-line-height-100: 1.25rem;
  --cnvs-base-line-height-150: 1.5rem;
  --cnvs-base-line-height-200: 1.75rem;
  --cnvs-base-line-height-250: 2rem;
  --cnvs-base-line-height-300: 2.25rem;
  --cnvs-base-line-height-350: 2.5rem;
  --cnvs-base-line-height-400: 3rem;
  --cnvs-base-line-height-500: 3.5rem;
  --cnvs-base-line-height-600: 4rem;
  --cnvs-base-line-height-750: 4.5rem;
  --cnvs-base-line-height-900: 5.5rem;
  --cnvs-base-line-height-1050: 6.5rem;
  --cnvs-base-font-family-50: "Roboto"; /* Default font-family */
  --cnvs-base-font-family-100: "Roboto Mono";
  --cnvs-base-font-family-200: "Noto Sans";
  --cnvs-base-font-weight-300: 300;
  --cnvs-base-font-weight-400: 400;
  --cnvs-base-font-weight-500: 500;
  --cnvs-base-font-weight-700: 700;
  --cnvs-base-letter-spacing-50: 0.025rem;
  --cnvs-base-letter-spacing-100: 0.02rem;
  --cnvs-base-letter-spacing-150: 0.015rem;
  --cnvs-base-letter-spacing-200: 0.01rem;
  --cnvs-base-unit: 0.25rem; /* The base unit used in the grid system.;  */
  --cnvs-base-extended-palette-dragon-fruit-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-extended-palette-dragon-fruit-200: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-extended-palette-dragon-fruit-300: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-extended-palette-dragon-fruit-400: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-extended-palette-dragon-fruit-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-extended-palette-dragon-fruit-600: oklch(0.317 0.142 278.2 / 1);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Standard card depth */
  --cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Top navigation, Bottom Navigation */
  --cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Floating Action Buttons (FAB), Menus */
  --cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.5rem 2rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Bottom Sheets */
  --cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.625rem 2.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied) */
  --cnvs-sys-depth-6: 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.75rem 3rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied) */
  --cnvs-sys-space-zero: 0; /* Stacks, rows in tables */
  --cnvs-sys-shape-zero: 0rem; /* This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels. */
  --cnvs-sys-opacity-full: 1; /* Dev only */
  --cnvs-sys-opacity-zero: 0; /* Dev only */
  --cnvs-sys-breakpoints-zero: 0px; /* Use to set a media query `min-width` below small. */
  --cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);
  --cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);
  --cnvs-sys-font-weight-normal: var(--cnvs-base-font-weight-400);
  --cnvs-sys-font-weight-light: var(--cnvs-base-font-weight-300);
  --cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);
  --cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);
  --cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);
  --cnvs-sys-line-height-heading-large: var(--cnvs-base-line-height-350);
  --cnvs-sys-line-height-heading-medium: var(--cnvs-base-line-height-300);
  --cnvs-sys-line-height-heading-small: var(--cnvs-base-line-height-250);
  --cnvs-sys-line-height-body-large: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-medium: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-small: var(--cnvs-base-line-height-150);
  --cnvs-sys-line-height-subtext-large: var(--cnvs-base-line-height-100);
  --cnvs-sys-line-height-subtext-medium: var(--cnvs-base-line-height-50);
  --cnvs-sys-line-height-subtext-small: var(--cnvs-base-line-height-50);
  --cnvs-sys-font-size-subtext-small: var(--cnvs-base-font-size-25);
  --cnvs-sys-font-family-global: var(--cnvs-base-font-family-200);
  --cnvs-sys-font-family-mono: var(--cnvs-base-font-family-100);
  --cnvs-sys-font-family-default: var(--cnvs-base-font-family-50);
  --cnvs-sys-space-x20: calc(var(--cnvs-base-unit) * 20); /* - Use sparingly; - Helps to put focus on the primary element within your page; - Use to de-clutter your UI when a lot of space is available */
  --cnvs-sys-space-x16: calc(var(--cnvs-base-unit) * 16); /* - Use to de-clutter your UI when a lot of space is available; - Separate banner sections from page content; - Use to differentiate page content like page sections */
  --cnvs-sys-space-x10: calc(var(--cnvs-base-unit) * 10); /* • Used for outer margins on the overall page content ; • Used for inner margins on large items such as page sections */
  --cnvs-sys-space-x8: calc(var(--cnvs-base-unit) * 8); /* • Standard spacing between cards; • Used to separate groups of content ; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x6: calc(var(--cnvs-base-unit) * 6); /* • Padding around card content; • Related elements where more space between them can be afforded; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x4: calc(var(--cnvs-base-unit) * 4); /* Default space token. Used to group Inputs with related data */
  --cnvs-sys-space-x3: calc(var(--cnvs-base-unit) * 3); /* Use when compact padding is required */
  --cnvs-sys-space-x2: calc(var(--cnvs-base-unit) * 2); /* Commonly used to group compact elements like icon buttons */
  --cnvs-sys-space-x1: var(--cnvs-base-unit); /* Compact spacing between text or icons */
  --cnvs-sys-shape-round: calc(var(--cnvs-base-unit) * 250); /* Commonly used for our standard buttons and profile avatars: All Primary, Secondary Buttons, Radio Buttons and Notification Badges. */
  --cnvs-sys-shape-x2: calc(var(--cnvs-base-unit) * 2); /* Use this for all the containers and popups: All Cards, Modals, Tooltips and Toasts. */
  --cnvs-sys-shape-x1-half: calc(var(--cnvs-base-unit) * 1.5);
  --cnvs-sys-shape-x1: var(--cnvs-base-unit);
  --cnvs-sys-shape-half: calc(var(--cnvs-base-unit) * 0.5); /* Use this for subtle and small components that don’t require to group complex information like Status Indicators, Checkboxes and Color Swatches. */
  --cnvs-sys-opacity-shadow-second: var(--cnvs-base-opacity-100); /* Alpha on second shadow */
  --cnvs-sys-opacity-shadow-first: var(--cnvs-base-opacity-200); /* Alpha on first shadow */
  --cnvs-sys-opacity-contrast: var(--cnvs-base-opacity-500); /* Tooltips, Status Indicator */
  --cnvs-sys-opacity-overlay: var(--cnvs-base-opacity-400); /* Overlay */
  --cnvs-sys-opacity-disabled: var(--cnvs-base-opacity-300); /* Disabled states */
  --cnvs-sys-breakpoints-xl: 1440px; /* Used for extra large screens, such as wide monitors and TVs. */
  --cnvs-sys-breakpoints-l: 1024px; /* Large screens, such as desktops. */
  --cnvs-sys-breakpoints-m: 768px; /* Medium screens, such as laptops. */
  --cnvs-sys-breakpoints-s: 320px; /* The `min-width` for mobile devices, such as phones and tablets. */
  --cnvs-sys-color-shadow-default: var(--cnvs-base-palette-slate-900); /* Main shadow color */
  --cnvs-sys-color-shadow-2: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-100)); /* Second shadow color */
  --cnvs-sys-color-shadow-1: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-200)); /* First shadow color */
  --cnvs-sys-color-border-info-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950); /* Active state on AI borders */
  --cnvs-sys-color-border-container: var(--cnvs-base-palette-slate-300); /* Cards, Toasts, Surfaces */
  --cnvs-sys-color-border-divider: var(--cnvs-base-palette-slate-200); /* Dividers */
  --cnvs-sys-color-border-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on accent colors */
  --cnvs-sys-color-border-transparent: transparent; /* Transparent */
  --cnvs-sys-color-border-caution-strong: var(--cnvs-base-palette-amber-500); /* Warning outer (box shadow) */
  --cnvs-sys-color-border-caution-default: var(--cnvs-base-palette-amber-400); /* Warning inner */
  --cnvs-sys-color-border-critical-default: var(--cnvs-base-palette-red-500); /* Error */
  --cnvs-sys-color-border-primary-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Secondary Button Hover */
  --cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-900); /* Secondary Button */
  --cnvs-sys-color-border-input-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on checkboxes and radios */
  --cnvs-sys-color-border-input-strong: var(--cnvs-base-palette-slate-700); /* Input hover */
  --cnvs-sys-color-border-input-default: var(--cnvs-base-palette-slate-500); /* Inputs */
  --cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-slate-400); /* Disabled inputs */
  --cnvs-sys-color-fg-positive-stronger: var(--cnvs-base-palette-green-800); /* Error */
  --cnvs-sys-color-fg-positive-strong: var(--cnvs-base-palette-green-700); /* Error */
  --cnvs-sys-color-fg-positive-soft: var(--cnvs-base-palette-green-400); /* Error */
  --cnvs-sys-color-fg-positive-softer: var(--cnvs-base-palette-green-200); /* Error */
  --cnvs-sys-color-fg-positive-default: var(--cnvs-base-palette-green-600); /* Error */
  --cnvs-sys-color-fg-info-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-info-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-info-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950); /* AI icons and text */
  --cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Strong contrast */
  --cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast */
  --cnvs-sys-color-fg-caution-softer: var(--cnvs-base-palette-amber-500); /* Warning */
  --cnvs-sys-color-fg-caution-stronger: var(--cnvs-base-palette-amber-975); /* Warning on hover */
  --cnvs-sys-color-fg-caution-soft: var(--cnvs-base-palette-amber-700); /* Warning */
  --cnvs-sys-color-fg-caution-strong: var(--cnvs-base-palette-amber-950); /* Warning on hover */
  --cnvs-sys-color-fg-caution-default: var(--cnvs-base-palette-amber-900); /* Warning */
  --cnvs-sys-color-fg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-primary-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-primary-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-primary-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-primary-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-slate-400); /* Tab item foreground */
  --cnvs-sys-color-fg-muted-stronger: var(--cnvs-base-palette-slate-800);
  --cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-slate-600); /* Hint text */
  --cnvs-sys-color-fg-critical-softer: var(--cnvs-base-palette-red-200); /* Error */
  --cnvs-sys-color-fg-critical-soft: var(--cnvs-base-palette-red-400); /* Error */
  --cnvs-sys-color-fg-critical-stronger: var(--cnvs-base-palette-red-800); /* Error */
  --cnvs-sys-color-fg-critical-strong: var(--cnvs-base-palette-red-700); /* Error */
  --cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-red-600); /* Error */
  --cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse */
  --cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-slate-400); /* Disabled */
  --cnvs-sys-color-fg-stronger: var(--cnvs-base-palette-neutral-950); /* Heading on hover */
  --cnvs-sys-color-fg-strong: var(--cnvs-base-palette-neutral-900); /* Headings */
  --cnvs-sys-color-fg-default: var(--cnvs-base-palette-neutral-800); /* Body */
  --cnvs-sys-color-icon-info-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-disabled: var(--cnvs-base-palette-slate-400); /* Disabled icon color */
  --cnvs-sys-color-icon-caution-softer: var(--cnvs-base-palette-amber-500); /* Softer caution icon color */
  --cnvs-sys-color-icon-caution-soft: var(--cnvs-base-palette-amber-700); /* Soft caution icon color */
  --cnvs-sys-color-icon-caution-stronger: var(--cnvs-base-palette-amber-975); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-default: var(--cnvs-base-palette-amber-900); /* Caution icon color */
  --cnvs-sys-color-icon-critical-softer: var(--cnvs-base-palette-red-200); /* Error icon color */
  --cnvs-sys-color-icon-critical-soft: var(--cnvs-base-palette-red-400); /* Error icon color */
  --cnvs-sys-color-icon-critical-stronger: var(--cnvs-base-palette-red-800); /* Error icon color */
  --cnvs-sys-color-icon-critical-strong: var(--cnvs-base-palette-red-700); /* Error icon color */
  --cnvs-sys-color-icon-critical-default: var(--cnvs-base-palette-red-600); /* Error icon color */
  --cnvs-sys-color-icon-positive-softer: var(--cnvs-base-palette-green-200); /* Success icon color */
  --cnvs-sys-color-icon-positive-soft: var(--cnvs-base-palette-green-400); /* Success icon color */
  --cnvs-sys-color-icon-positive-stronger: var(--cnvs-base-palette-green-800); /* Success icon color */
  --cnvs-sys-color-icon-positive-strong: var(--cnvs-base-palette-green-700); /* Success icon color */
  --cnvs-sys-color-icon-positive-default: var(--cnvs-base-palette-green-600); /* Success icon color */
  --cnvs-sys-color-icon-primary-softer: var(--cnvs-base-palette-blue-200); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-soft: var(--cnvs-base-palette-blue-400); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse icon color */
  --cnvs-sys-color-icon-strong: var(--cnvs-base-palette-neutral-900); /* Hover icon color */
  --cnvs-sys-color-icon-soft: var(--cnvs-base-palette-slate-600); /* Disabled icon color */
  --cnvs-sys-color-icon-default: var(--cnvs-base-palette-neutral-800); /* Default icon color */
  --cnvs-sys-color-text-info-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-info-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-info-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-info-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-info-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-positive-softer: var(--cnvs-base-palette-green-200); /* Active links */
  --cnvs-sys-color-text-positive-soft: var(--cnvs-base-palette-green-400); /* Active links */
  --cnvs-sys-color-text-positive-stronger: var(--cnvs-base-palette-green-800); /* Active links */
  --cnvs-sys-color-text-positive-strong: var(--cnvs-base-palette-green-700); /* Branded hover text */
  --cnvs-sys-color-text-positive-default: var(--cnvs-base-palette-green-600); /* Branded text */
  --cnvs-sys-color-text-ai: var(--cnvs-base-palette-blue-950);
  --cnvs-sys-color-text-caution-softer: var(--cnvs-base-palette-amber-200); /* Softer warning text */
  --cnvs-sys-color-text-caution-stronger: var(--cnvs-base-palette-amber-975); /* Stronger warning text */
  --cnvs-sys-color-text-caution-soft: var(--cnvs-base-palette-amber-400); /* Disabled warning text */
  --cnvs-sys-color-text-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong warning text */
  --cnvs-sys-color-text-caution-default: var(--cnvs-base-palette-amber-900); /* Warning text */
  --cnvs-sys-color-text-primary-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-primary-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-primary-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-primary-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-primary-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-critical-softer: var(--cnvs-base-palette-red-200); /* Error text */
  --cnvs-sys-color-text-critical-soft: var(--cnvs-base-palette-red-400); /* Error text */
  --cnvs-sys-color-text-critical-stronger: var(--cnvs-base-palette-red-800); /* Error text */
  --cnvs-sys-color-text-critical-strong: var(--cnvs-base-palette-red-700); /* Error text */
  --cnvs-sys-color-text-critical-default: var(--cnvs-base-palette-red-600); /* Error text */
  --cnvs-sys-color-text-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse text color */
  --cnvs-sys-color-text-hint: var(--cnvs-base-palette-slate-600); /* Hint text color */
  --cnvs-sys-color-text-disabled: var(--cnvs-base-palette-slate-400); /* Disabled text color */
  --cnvs-sys-color-text-stronger: var(--cnvs-base-palette-neutral-950); /* Display text */
  --cnvs-sys-color-text-strong: var(--cnvs-base-palette-neutral-900); /* Heading text */
  --cnvs-sys-color-text-default: var(--cnvs-base-palette-neutral-800); /* Body text */
  --cnvs-sys-color-bg-info-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-info-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-info-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-info-soft: var(--cnvs-base-palette-blue-100); /* Disabled */
  --cnvs-sys-color-bg-info-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-info-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-ai-strongest: var(--cnvs-base-palette-blue-950); /* AI surfaces */
  --cnvs-sys-color-bg-ai-stronger: var(--cnvs-base-palette-blue-400); /* Active state on AI containers */
  --cnvs-sys-color-bg-ai-strong: var(--cnvs-base-palette-blue-200); /* Hover on AI container */
  --cnvs-sys-color-bg-ai-default: var(--cnvs-base-palette-blue-100); /* AI container */
  --cnvs-sys-color-bg-critical-stronger: var(--cnvs-base-palette-red-800); /* Stronger error background */
  --cnvs-sys-color-bg-critical-strong: var(--cnvs-base-palette-red-700); /* Strong error background */
  --cnvs-sys-color-bg-critical-default: var(--cnvs-base-palette-red-600); /* Default error background */
  --cnvs-sys-color-bg-critical-soft: var(--cnvs-base-palette-red-100); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softer: var(--cnvs-base-palette-red-50); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softest: var(--cnvs-base-palette-red-25); /* Input error background */
  --cnvs-sys-color-bg-caution-stronger: var(--cnvs-base-palette-amber-600); /* Stronger warning background */
  --cnvs-sys-color-bg-caution-strong: var(--cnvs-base-palette-amber-500); /* Strong warning background */
  --cnvs-sys-color-bg-caution-default: var(--cnvs-base-palette-amber-400); /* Default warning background */
  --cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-100); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softer: var(--cnvs-base-palette-amber-50); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softest: var(--cnvs-base-palette-amber-25); /* Disabled warning background */
  --cnvs-sys-color-bg-positive-stronger: var(--cnvs-base-palette-green-800); /* Active success background */
  --cnvs-sys-color-bg-positive-strong: var(--cnvs-base-palette-green-700); /* Hover success background */
  --cnvs-sys-color-bg-positive-default: var(--cnvs-base-palette-green-600); /* Disabled success background */
  --cnvs-sys-color-bg-positive-soft: var(--cnvs-base-palette-green-100); /* Disabled success background */
  --cnvs-sys-color-bg-positive-softer: var(--cnvs-base-palette-green-50); /* Surface success background */
  --cnvs-sys-color-bg-positive-softest: var(--cnvs-base-palette-green-25); /* Lightest surface success background */
  --cnvs-sys-color-bg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-primary-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-primary-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-100); /* Primary disabled */
  --cnvs-sys-color-bg-primary-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-primary-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-bg-muted-default: var(--cnvs-base-palette-slate-600);
  --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-slate-500);
  --cnvs-sys-color-bg-muted-softer: var(--cnvs-base-palette-slate-400);
  --cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-slate-300); /* Active state for segmented control, Pill */
  --cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-slate-200); /* Active states */
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-100); /* Surface hover, Secondary surfaces */
  --cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-slate-50); /* Alternative page background */
  --cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-slate-25); /* Disabled inputs */
  --cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
  --cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-400)); /* Overlay background */
  --cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-250)); /* Inverse Secondary Button Active state */
  --cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-100)); /* Inverse Secondary Button Hover state */
  --cnvs-sys-color-bg-transparent-default: transparent; /* Transparent background */
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0); /* Main background color */
  --cnvs-sys-color-static-amber-soft: var(--cnvs-base-palette-amber-100); /* Soft amber */
  --cnvs-sys-color-static-amber-strongest: var(--cnvs-base-palette-amber-950); /* Stronger amber */
  --cnvs-sys-color-static-amber-softer: var(--cnvs-base-palette-amber-50); /* Soft amber */
  --cnvs-sys-color-static-amber-stronger: var(--cnvs-base-palette-amber-600); /* Stronger amber */
  --cnvs-sys-color-static-amber-strong: var(--cnvs-base-palette-amber-500); /* Stronger amber */
  --cnvs-sys-color-static-amber-softest: var(--cnvs-base-palette-amber-25); /* Soft amber */
  --cnvs-sys-color-static-amber-default: var(--cnvs-base-palette-amber-400); /* amber */
  --cnvs-sys-color-static-gray-softer: var(--cnvs-base-palette-slate-100); /* Light gray */
  --cnvs-sys-color-static-gray-softest: var(--cnvs-base-palette-slate-50); /* Light gray */
  --cnvs-sys-color-static-gray-strongest: var(--cnvs-base-palette-slate-950); /* Strongerer gray */
  --cnvs-sys-color-static-gray-stronger: var(--cnvs-base-palette-slate-800); /* Strongerer gray */
  --cnvs-sys-color-static-gray-strong: var(--cnvs-base-palette-slate-700); /* Stronger gray */
  --cnvs-sys-color-static-gray-soft: var(--cnvs-base-palette-slate-200); /* Light gray */
  --cnvs-sys-color-static-gray-default: var(--cnvs-base-palette-slate-600); /* Gray */
  --cnvs-sys-color-static-black: var(--cnvs-base-palette-neutral-1000); /* Just black */
  --cnvs-sys-color-static-white: var(--cnvs-base-palette-neutral-0); /* Just white */
  --cnvs-sys-color-static-red-softer: var(--cnvs-base-palette-red-50); /* Light red */
  --cnvs-sys-color-static-red-strongest: var(--cnvs-base-palette-red-950); /* Strong red */
  --cnvs-sys-color-static-red-softest: var(--cnvs-base-palette-red-25); /* Light red */
  --cnvs-sys-color-static-red-stronger: var(--cnvs-base-palette-red-800); /* Strong red */
  --cnvs-sys-color-static-red-strong: var(--cnvs-base-palette-red-700); /* Strong red */
  --cnvs-sys-color-static-red-soft: var(--cnvs-base-palette-red-100); /* Light red */
  --cnvs-sys-color-static-red-default: var(--cnvs-base-palette-red-600); /* Red */
  --cnvs-sys-color-static-green-strongest: var(--cnvs-base-palette-green-950); /* Stronger green */
  --cnvs-sys-color-static-green-softest: var(--cnvs-base-palette-green-25); /* Light green */
  --cnvs-sys-color-static-green-stronger: var(--cnvs-base-palette-green-800); /* Stronger green */
  --cnvs-sys-color-static-green-softer: var(--cnvs-base-palette-green-50); /* Light green */
  --cnvs-sys-color-static-green-strong: var(--cnvs-base-palette-green-700); /* Stronger green */
  --cnvs-sys-color-static-green-soft: var(--cnvs-base-palette-green-100); /* Light green */
  --cnvs-sys-color-static-green-default: var(--cnvs-base-palette-green-600); /* Default green */
  --cnvs-sys-color-static-blue-strongest: var(--cnvs-base-palette-blue-950); /* Stronger blue */
  --cnvs-sys-color-static-blue-soft: var(--cnvs-base-palette-blue-100); /* Light blue */
  --cnvs-sys-color-static-blue-softer: var(--cnvs-base-palette-blue-50); /* Light blue */
  --cnvs-sys-color-static-blue-stronger: var(--cnvs-base-palette-blue-800); /* Stronger blue */
  --cnvs-sys-color-static-blue-strong: var(--cnvs-base-palette-blue-700); /* Stronger blue */
  --cnvs-sys-color-static-blue-softest: var(--cnvs-base-palette-blue-25); /* Light blue */
  --cnvs-sys-color-static-blue-default: var(--cnvs-base-palette-blue-600); /* Blue */
  --cnvs-sys-color-static-orange-strong: var(--cnvs-base-palette-amber-500);
  --cnvs-sys-color-static-orange-soft: var(--cnvs-base-palette-amber-100);
  --cnvs-sys-color-static-orange-default: var(--cnvs-base-palette-amber-400);
  --cnvs-sys-color-static-gold-stronger: var(--cnvs-base-palette-amber-600);
  --cnvs-sys-font-size-subtext-medium: var(--cnvs-base-font-size-50);
  --cnvs-sys-font-size-subtext-large: var(--cnvs-base-font-size-75);
  --cnvs-sys-font-size-body-small: var(--cnvs-base-font-size-100);
  --cnvs-sys-font-size-body-medium: var(--cnvs-base-font-size-125);
  --cnvs-sys-font-size-body-large: var(--cnvs-base-font-size-150);
  --cnvs-sys-font-size-heading-small: var(--cnvs-base-font-size-200);
  --cnvs-sys-font-size-heading-medium: var(--cnvs-base-font-size-250);
  --cnvs-sys-font-size-heading-large: var(--cnvs-base-font-size-300);
  --cnvs-sys-font-size-title-small: var(--cnvs-base-font-size-400);
  --cnvs-sys-font-size-title-medium: var(--cnvs-base-font-size-500);
  --cnvs-sys-font-size-title-large: var(--cnvs-base-font-size-600);
}

.cnvs-sys-type-subtext-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-small);
  font-size: var(--cnvs-sys-font-size-subtext-small);
  letter-spacing: var(--cnvs-base-letter-spacing-50);
}

.cnvs-sys-type-subtext-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-medium);
  font-size: var(--cnvs-sys-font-size-subtext-medium);
  letter-spacing: var(--cnvs-base-letter-spacing-100);
}

.cnvs-sys-type-subtext-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-large);
  font-size: var(--cnvs-sys-font-size-subtext-large);
  letter-spacing: var(--cnvs-base-letter-spacing-150);
}

.cnvs-sys-type-body-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-small);
  font-size: var(--cnvs-sys-font-size-body-small);
  letter-spacing: var(--cnvs-base-letter-spacing-200);
}

.cnvs-sys-type-body-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-medium);
  font-size: var(--cnvs-sys-font-size-body-medium);
}

.cnvs-sys-type-body-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-large);
  font-size: var(--cnvs-sys-font-size-body-large);
}

.cnvs-sys-type-heading-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-small);
  font-size: var(--cnvs-sys-font-size-heading-small);
}

.cnvs-sys-type-heading-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-medium);
  font-size: var(--cnvs-sys-font-size-heading-medium);
}

.cnvs-sys-type-heading-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-large);
  font-size: var(--cnvs-sys-font-size-heading-large);
}

.cnvs-sys-type-title-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-small);
  font-size: var(--cnvs-sys-font-size-title-small);
}

.cnvs-sys-type-title-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-medium);
  font-size: var(--cnvs-sys-font-size-title-medium);
}

.cnvs-sys-type-title-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-large);
  font-size: var(--cnvs-sys-font-size-title-large);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
  --cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);
  --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
  --cnvs-brand-neutral-lighter: var(--cnvs-base-palette-slate-50);
  --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-neutral-darkest: var(--cnvs-base-palette-slate-800);
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-slate-700);
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-slate-600);
  --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-25);
  --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
  --cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);
  --cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);
  --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
  --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
  --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);
  --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);
  --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
  --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);
  --cnvs-brand-alert-lighter: var(--cnvs-base-palette-amber-50);
  --cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-error-light: var(--cnvs-base-palette-red-200);
  --cnvs-brand-error-lighter: var(--cnvs-base-palette-red-50);
  --cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);
  --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
  --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
  --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
  --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
  --cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);
  --cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
  --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
  --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
  --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
  --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.text-theme {
  color: #333333;
}

.text-theme:disabled, .text-theme.disabled {
  outline: none;
  color: #a1aab3;
  cursor: not-allowed;
}

.text-theme.highlighted, .text-theme:active {
  background-color: #a6d2ff;
}

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.right-align {
  right: 0;
}

.left-align {
  left: 0;
}

.item-selected {
  border-radius: 99px;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #0057ae;
}

.item-container {
  position: relative;
  cursor: pointer;
  content: "";
  outline: none;
  box-sizing: border-box;
  overflow: visible;
  height: 45px;
  width: 45px;
  align-content: center;
}

.button-popup-open {
  background-color: #ffffff;
  border-radius: 0;
}

.wdc-stepper {
  display: flex;
  flex-direction: column;
}

.wdc-stepper .wdc-step-container {
  padding-left: 32px;
  padding-right: 32px;
}

.wdc-stepper .wdc-step-container:nth-child(even) {
  background-color: #f6f7f8;
}

.wdc-stepper .wdc-step-container .wdc-step {
  display: flex;
  position: relative;
  flex-direction: column;
  max-width: 88rem;
  margin: 0 auto;
  padding-top: 48px;
}

@media (max-width: 576px) {
  .wdc-stepper .wdc-step-container .wdc-step {
    padding-top: 32px;
  }
}

.wdc-stepper .wdc-step-container .wdc-step .wdc-step-header {
  display: flex;
  align-items: center;
}

.wdc-stepper .wdc-step-container .wdc-step .wdc-step-header .circle {
  margin-right: 15px;
  border-radius: 50%;
  background-color: #022043;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 42px;
  z-index: 1;
  min-width: 70px;
  min-height: 70px;
}

@media (max-width: 768px) {
  .wdc-stepper .wdc-step-container .wdc-step .wdc-step-header .circle {
    min-width: 50px;
    min-height: 50px;
    font-size: 32px;
  }
}

.wdc-stepper .wdc-step-container .wdc-step .wdc-step-header .wdc-step-title {
  font-weight: 700;
  font-size: 24px;
  color: #022043;
}

@media (max-width: 768px) {
  .wdc-stepper .wdc-step-container .wdc-step .wdc-step-header .wdc-step-title {
    font-size: 20px;
  }
}

.wdc-stepper .wdc-step-container .wdc-step .wdc-step-line {
  width: 3px;
  background-color: #022043;
  min-height: 100%;
  position: absolute;
  left: calc(70px / 2);
  z-index: 1;
}

@media (max-width: 768px) {
  .wdc-stepper .wdc-step-container .wdc-step .wdc-step-line {
    left: calc(50px / 2);
  }
}

@media (max-width: 576px) {
  .wdc-stepper .wdc-step-container .wdc-step .wdc-step-line {
    display: none;
  }
}

.wdc-stepper .wdc-step-container .wdc-step .content {
  display: flex;
  margin-bottom: 40px;
}

@media (max-width: 576px) {
  .wdc-stepper .wdc-step-container .wdc-step .content {
    margin-bottom: 30px;
  }
}

.wdc-stepper .wdc-step-container .wdc-step .content .wdc-step-line-container {
  margin-right: 15px;
  min-width: 70px;
  min-height: 70px;
}

@media (max-width: 768px) {
  .wdc-stepper .wdc-step-container .wdc-step .content .wdc-step-line-container {
    min-width: 50px;
    min-height: 50px;
  }
}

@media (max-width: 576px) {
  .wdc-stepper .wdc-step-container .wdc-step .content .wdc-step-line-container {
    display: none;
  }
}

@media (max-width: 576px) {
  .wdc-stepper .wdc-step-container .wdc-step .content .wdc-step-description {
    margin-top: 17px;
  }
}

.wdc-stepper .wdc-step-container .wdc-step .content .wdc-step-description * {
  font-size: 20px;
}

@media (max-width: 768px) {
  .wdc-stepper .wdc-step-container .wdc-step .content .wdc-step-description * {
    font-size: 16px;
  }
}

.wdc-stepper .wdc-step-container .wdc-step .content .wdc-step-description p {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}

@media (max-width: 768px) {
  .wdc-stepper .wdc-step-container .wdc-step .content .wdc-step-description p {
    font-size: 16px;
  }
}

.wdc-stepper .wdc-step-container .wdc-step .content .wdc-step-description h1, .wdc-stepper .wdc-step-container .wdc-step .content .wdc-step-description h2, .wdc-stepper .wdc-step-container .wdc-step .content .wdc-step-description h3, .wdc-stepper .wdc-step-container .wdc-step .content .wdc-step-description h4, .wdc-stepper .wdc-step-container .wdc-step .content .wdc-step-description h5, .wdc-stepper .wdc-step-container .wdc-step .content .wdc-step-description h6 {
  margin: 0;
}

.wdc-stepper .wdc-step-container .wdc-step .content .wdc-step-description li {
  margin-bottom: 20px;
}

.wdc-stepper .wdc-step-container .wdc-step a {
  color: #0057ae;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  font-style: normal;
}

@media (max-width: 768px) {
  .wdc-stepper .wdc-step-container .wdc-step a {
    font-size: 16px;
  }
}
/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-amber-100: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-amber-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-amber-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-amber-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-amber-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-amber-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-amber-700: oklch(0.4824 0.1353 46.11 / 1);
  --cnvs-base-palette-amber-800: oklch(0.4143 0.1245 42.21 / 1);
  --cnvs-base-palette-amber-900: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-amber-950: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-amber-975: oklch(0.2165 0.0674 40.35 / 1);
  --cnvs-base-palette-azure-25: oklch(0.981 0.0131 220.96 / 1);
  --cnvs-base-palette-azure-50: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-azure-100: oklch(0.9321 0.0425 227.25 / 1);
  --cnvs-base-palette-azure-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-azure-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-azure-400: oklch(0.7283 0.1377 242.63 / 1);
  --cnvs-base-palette-azure-500: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-azure-600: oklch(0.5174 0.1257 243.24 / 1);
  --cnvs-base-palette-azure-700: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-azure-800: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-azure-900: oklch(0.326 0.07 235.91 / 1);
  --cnvs-base-palette-azure-950: oklch(0.249 0.053 235.41 / 1);
  --cnvs-base-palette-azure-975: oklch(0.2138 0.0455 235.23 / 1);
  --cnvs-base-palette-blue-25: oklch(0.969 0.0155 248.07 / 1);
  --cnvs-base-palette-blue-50: oklch(0.9523 0.0239 248.12 / 1);
  --cnvs-base-palette-blue-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blue-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-blue-300: oklch(0.7933 0.1076 252.08 / 1);
  --cnvs-base-palette-blue-400: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blue-500: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-blue-600: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blue-700: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blue-800: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blue-900: oklch(0.3152 0.1054 261.09 / 1);
  --cnvs-base-palette-blue-950: oklch(0.2452 0.0752 254.55 / 1);
  --cnvs-base-palette-blue-975: oklch(0.209 0.07 255.61 / 1);
  --cnvs-base-palette-coral-25: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-coral-50: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-coral-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-coral-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-coral-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-coral-400: oklch(0.7279 0.1703 38.58 / 1);
  --cnvs-base-palette-coral-500: oklch(0.6779 0.2096 40.36 / 1);
  --cnvs-base-palette-coral-600: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-coral-700: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-coral-800: oklch(0.393 0.143 33.49 / 1);
  --cnvs-base-palette-coral-900: oklch(0.3043 0.1137 32.49 / 1);
  --cnvs-base-palette-coral-950: oklch(0.236 0.0899 31.8 / 1);
  --cnvs-base-palette-coral-975: oklch(0.2114 0.07 29.72 / 1);
  --cnvs-base-palette-green-25: oklch(0.9824 0.0282 148.77 / 1);
  --cnvs-base-palette-green-50: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-100: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-200: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-300: oklch(0.7817 0.1928 150.67 / 1);
  --cnvs-base-palette-green-400: oklch(0.702 0.1952 148.39 / 1);
  --cnvs-base-palette-green-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-green-600: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-700: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-800: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-green-900: oklch(0.3197 0.0997 145.3 / 1);
  --cnvs-base-palette-green-950: oklch(0.2548 0.0796 145.23 / 1);
  --cnvs-base-palette-green-975: oklch(0.2118 0.0653 145.69 / 1);
  --cnvs-base-palette-indigo-25: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-indigo-50: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-indigo-100: oklch(0.9201 0.0395 282.43 / 1);
  --cnvs-base-palette-indigo-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-indigo-300: oklch(0.7625 0.1242 281 / 1);
  --cnvs-base-palette-indigo-400: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-indigo-500: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-indigo-600: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-palette-indigo-700: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-indigo-800: oklch(0.379 0.1771 278.1 / 1);
  --cnvs-base-palette-indigo-900: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-indigo-950: oklch(0.2448 0.1108 277.85 / 1);
  --cnvs-base-palette-indigo-975: oklch(0.1951 0.0693 277.85 / 1);
  --cnvs-base-palette-neutral-0: oklch(1 0 0 / 1);
  --cnvs-base-palette-neutral-25: oklch(0.9851 0 0 / 1);
  --cnvs-base-palette-neutral-50: oklch(0.9702 0 0 / 1);
  --cnvs-base-palette-neutral-100: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-neutral-200: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-neutral-300: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-neutral-400: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-neutral-500: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-neutral-600: oklch(0.5103 0 0 / 1);
  --cnvs-base-palette-neutral-700: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-neutral-800: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-neutral-900: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-neutral-950: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-neutral-975: oklch(0.1591 0 0 / 1);
  --cnvs-base-palette-neutral-1000: oklch(0 0 0 / 1);
  --cnvs-base-palette-orange-25: oklch(0.9673 0.0205 67.52 / 1);
  --cnvs-base-palette-orange-50: oklch(0.9523 0.0366 72.6 / 1);
  --cnvs-base-palette-orange-100: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-orange-200: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-orange-300: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-orange-400: oklch(0.7261 0.1852 52.58 / 1);
  --cnvs-base-palette-orange-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-orange-600: oklch(0.53 0.165 40.39 / 1);
  --cnvs-base-palette-orange-700: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-orange-800: oklch(0.4077 0.1336 37.92 / 1);
  --cnvs-base-palette-orange-900: oklch(0.3243 0.1084 37.05 / 1);
  --cnvs-base-palette-orange-950: oklch(0.2421 0.082 36.47 / 1);
  --cnvs-base-palette-orange-975: oklch(0.2121 0.0706 37.19 / 1);
  --cnvs-base-palette-magenta-25: oklch(0.9782 0.0191 325.55 / 1);
  --cnvs-base-palette-magenta-50: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-magenta-100: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-magenta-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-magenta-300: oklch(0.807 0.166 333.78 / 1);
  --cnvs-base-palette-magenta-400: oklch(0.737 0.198 341.58 / 1);
  --cnvs-base-palette-magenta-500: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-magenta-600: oklch(0.534 0.183 344.19 / 1);
  --cnvs-base-palette-magenta-700: oklch(0.4641 0.1602 344.45 / 1);
  --cnvs-base-palette-magenta-800: oklch(0.4011 0.1269 344.4 / 1);
  --cnvs-base-palette-magenta-900: oklch(0.297 0.095 343.19 / 1);
  --cnvs-base-palette-magenta-950: oklch(0.2332 0.0908 343.78 / 1);
  --cnvs-base-palette-magenta-975: oklch(0.2016 0.0706 345.97 / 1);
  --cnvs-base-palette-purple-25: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-purple-50: oklch(0.951 0.0321 311.49 / 1);
  --cnvs-base-palette-purple-100: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-palette-purple-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-purple-300: oklch(0.8108 0.1412 315.48 / 1);
  --cnvs-base-palette-purple-400: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-purple-500: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-purple-600: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-purple-700: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-purple-800: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-purple-900: oklch(0.3143 0.0996 313.76 / 1);
  --cnvs-base-palette-purple-950: oklch(0.2351 0.0734 313.34 / 1);
  --cnvs-base-palette-purple-975: oklch(0.194 0.062 312.79 / 1);
  --cnvs-base-palette-red-25: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-red-50: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-red-100: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-red-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-red-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-red-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-red-500: oklch(0.6495 0.2369 30.04 / 1);
  --cnvs-base-palette-red-600: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-red-700: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-red-800: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-red-900: oklch(0.291 0.118 25.59 / 1);
  --cnvs-base-palette-red-950: oklch(0.2318 0.0937 24.02 / 1);
  --cnvs-base-palette-red-975: oklch(0.1988 0.0718 20.63 / 1);
  --cnvs-base-palette-slate-25: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-slate-50: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-slate-100: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-slate-200: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-slate-300: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-slate-400: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-slate-500: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-slate-600: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-slate-700: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-slate-800: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-slate-900: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-slate-950: oklch(0.2453 0.0136 253.1 / 1);
  --cnvs-base-palette-slate-975: oklch(0.18 0.008 248.33 / 1);
  --cnvs-base-palette-teal-25: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-teal-50: oklch(0.9575 0.0424 203.83 / 1);
  --cnvs-base-palette-teal-100: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-teal-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-teal-300: oklch(0.7836 0.0874 204.93 / 1);
  --cnvs-base-palette-teal-400: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-teal-500: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-teal-600: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-teal-700: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
  --cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
  --cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
  --cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
  --cnvs-base-palette-cinnamon-100: oklch(0.9533 0.0231 23.95 / 1);
  --cnvs-base-palette-cinnamon-200: oklch(0.9225 0.0394 25.51 / 1);
  --cnvs-base-palette-cinnamon-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-cinnamon-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-cinnamon-500: oklch(0.5342 0.2172 29.53 / 1);
  --cnvs-base-palette-cinnamon-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-peach-100: oklch(0.9659 0.0171 35.14 / 1);
  --cnvs-base-palette-peach-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-peach-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-peach-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-peach-500: oklch(0.5394 0.1828 36.43 / 1);
  --cnvs-base-palette-peach-600: oklch(0.4616 0.1629 34.74 / 1);
  --cnvs-base-palette-chili-mango-100: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-chili-mango-200: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-chili-mango-300: oklch(0.7671 0.1418 38.37 / 1);
  --cnvs-base-palette-chili-mango-400: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-500: oklch(0.6617 0.1893 44.93 / 1);
  --cnvs-base-palette-chili-mango-600: oklch(0.4689 0.1456 40.5 / 1);
  --cnvs-base-palette-cantaloupe-100: oklch(0.969 0.0619 101.63 / 1);
  --cnvs-base-palette-cantaloupe-200: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-cantaloupe-300: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-cantaloupe-400: oklch(0.7909 0.1711 70.15 / 1);
  --cnvs-base-palette-cantaloupe-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-cantaloupe-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-sour-lemon-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-sour-lemon-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-sour-lemon-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-sour-lemon-400: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-500: oklch(0.8432 0.1713 85.24 / 1);
  --cnvs-base-palette-sour-lemon-600: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-juicy-pear-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-juicy-pear-200: oklch(0.9567 0.0948 100.22 / 1);
  --cnvs-base-palette-juicy-pear-300: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-400: oklch(0.9191 0.1547 99.7 / 1);
  --cnvs-base-palette-juicy-pear-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-juicy-pear-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-kiwi-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-kiwi-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-kiwi-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-kiwi-400: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-500: oklch(0.6362 0.1974 145.47 / 1);
  --cnvs-base-palette-kiwi-600: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-100: oklch(0.9655 0.0561 149.93 / 1);
  --cnvs-base-palette-green-apple-200: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-green-apple-300: oklch(0.8506 0.1804 149.93 / 1);
  --cnvs-base-palette-green-apple-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-green-apple-500: oklch(0.4463 0.1422 144.58 / 1);
  --cnvs-base-palette-green-apple-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-watermelon-200: oklch(0.935 0.046 205.09 / 1);
  --cnvs-base-palette-watermelon-300: oklch(0.9278 0.1024 149.88 / 1);
  --cnvs-base-palette-watermelon-400: oklch(0.5069 0.1569 145.56 / 1);
  --cnvs-base-palette-watermelon-500: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-watermelon-600: oklch(0.3955 0.1156 147.66 / 1);
  --cnvs-base-palette-jewel-100: oklch(0.9827 0.021 200.66 / 1);
  --cnvs-base-palette-jewel-200: oklch(0.8766 0.0677 204.24 / 1);
  --cnvs-base-palette-jewel-300: oklch(0.7154 0.1006 206.05 / 1);
  --cnvs-base-palette-jewel-400: oklch(0.6385 0.1093 205.92 / 1);
  --cnvs-base-palette-jewel-500: oklch(0.5141 0.0882 207.28 / 1);
  --cnvs-base-palette-jewel-600: oklch(0.4634 0.0796 207.82 / 1);
  --cnvs-base-palette-toothpaste-100: oklch(0.9549 0.0295 223.86 / 1);
  --cnvs-base-palette-toothpaste-200: oklch(0.8594 0.0867 230.07 / 1);
  --cnvs-base-palette-toothpaste-300: oklch(0.7991 0.107 239.24 / 1);
  --cnvs-base-palette-toothpaste-400: oklch(0.6555 0.1553 244.48 / 1);
  --cnvs-base-palette-toothpaste-500: oklch(0.4618 0.1098 242.11 / 1);
  --cnvs-base-palette-toothpaste-600: oklch(0.3912 0.0855 237.05 / 1);
  --cnvs-base-palette-blueberry-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-200: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-blueberry-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-blueberry-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-blueberry-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-blueberry-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-plum-100: oklch(0.928 0.0359 250.6 / 1);
  --cnvs-base-palette-plum-200: oklch(0.8627 0.0701 250.6 / 1);
  --cnvs-base-palette-plum-300: oklch(0.708 0.1549 255.41 / 1);
  --cnvs-base-palette-plum-400: oklch(0.5198 0.1782 256.11 / 1);
  --cnvs-base-palette-plum-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-plum-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-berry-smoothie-100: oklch(0.9499 0.0243 280.81 / 1);
  --cnvs-base-palette-berry-smoothie-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-berry-smoothie-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-berry-smoothie-400: oklch(0.6023 0.2032 255.68 / 1);
  --cnvs-base-palette-berry-smoothie-500: oklch(0.4658 0.1562 255.5 / 1);
  --cnvs-base-palette-berry-smoothie-600: oklch(0.3908 0.128 256 / 1);
  --cnvs-base-palette-blackberry-100: oklch(0.9703 0.0147 286 / 1);
  --cnvs-base-palette-blackberry-200: oklch(0.8503 0.0754 280.52 / 1);
  --cnvs-base-palette-blackberry-300: oklch(0.712 0.1531 280.1 / 1);
  --cnvs-base-palette-blackberry-400: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-palette-blackberry-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-palette-blackberry-600: oklch(0.317 0.142 278.2 / 1);
  --cnvs-base-palette-island-punch-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-palette-island-punch-200: oklch(0.8701 0.0965 316.6 / 1);
  --cnvs-base-palette-island-punch-300: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-island-punch-500: oklch(0.476 0.156 313.2 / 1);
  --cnvs-base-palette-island-punch-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-grape-soda-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-grape-soda-200: oklch(0.887 0.1029 327.44 / 1);
  --cnvs-base-palette-grape-soda-300: oklch(0.734 0.1621 315.88 / 1);
  --cnvs-base-palette-grape-soda-400: oklch(0.628 0.1681 312.69 / 1);
  --cnvs-base-palette-grape-soda-500: oklch(0.5177 0.162 313.92 / 1);
  --cnvs-base-palette-grape-soda-600: oklch(0.422 0.136 315.49 / 1);
  --cnvs-base-palette-pomegranate-100: oklch(0.9637 0.0322 325.69 / 1);
  --cnvs-base-palette-pomegranate-200: oklch(0.9253 0.0627 329.34 / 1);
  --cnvs-base-palette-pomegranate-300: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-400: oklch(0.6557 0.2007 346.62 / 1);
  --cnvs-base-palette-pomegranate-500: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-pomegranate-600: oklch(0.3712 0.1509 26.08 / 1);
  --cnvs-base-palette-fruit-punch-100: oklch(0.9667 0.0163 21.82 / 1);
  --cnvs-base-palette-fruit-punch-200: oklch(0.8339 0.092 28.19 / 1);
  --cnvs-base-palette-fruit-punch-300: oklch(0.7533 0.1484 28.45 / 1);
  --cnvs-base-palette-fruit-punch-400: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-500: oklch(0.6857 0.2037 29.76 / 1);
  --cnvs-base-palette-fruit-punch-600: oklch(0.4517 0.1847 28.2 / 1);
  --cnvs-base-palette-root-beer-100: oklch(0.9837 0.0085 44.54 / 1);
  --cnvs-base-palette-root-beer-200: oklch(0.9344 0.0339 35.8 / 1);
  --cnvs-base-palette-root-beer-300: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-400: oklch(0.8476 0.0856 37.59 / 1);
  --cnvs-base-palette-root-beer-500: oklch(0.32 0.098 41.19 / 1);
  --cnvs-base-palette-root-beer-600: oklch(0.2489 0.0771 40.64 / 1);
  --cnvs-base-palette-toasted-marshmallow-100: oklch(0.9779 0.0214 95.33 / 1);
  --cnvs-base-palette-toasted-marshmallow-200: oklch(0.9243 0.0542 67.95 / 1);
  --cnvs-base-palette-toasted-marshmallow-300: oklch(0.8606 0.1002 65.34 / 1);
  --cnvs-base-palette-toasted-marshmallow-400: oklch(0.7839 0.1608 63.57 / 1);
  --cnvs-base-palette-toasted-marshmallow-500: oklch(0.6601 0.1537 60.7 / 1);
  --cnvs-base-palette-toasted-marshmallow-600: oklch(0.5505 0.1439 50.78 / 1);
  --cnvs-base-palette-licorice-100: oklch(0.754 0.0181 256.33 / 1);
  --cnvs-base-palette-licorice-200: oklch(0.629 0.0281 255.62 / 1);
  --cnvs-base-palette-licorice-300: oklch(0.5103 0.0255 256.8 / 1);
  --cnvs-base-palette-licorice-400: oklch(0.45 0.022 255.52 / 1);
  --cnvs-base-palette-licorice-500: oklch(0.3685 0.0218 256.4 / 1);
  --cnvs-base-palette-licorice-600: oklch(0.278 0.0156 252.4 / 1);
  --cnvs-base-palette-soap-100: oklch(0.9846 0.0018 248.57 / 1);
  --cnvs-base-palette-soap-200: oklch(0.9692 0.0035 248.23 / 1);
  --cnvs-base-palette-soap-300: oklch(0.9447 0.0053 248.12 / 1);
  --cnvs-base-palette-soap-400: oklch(0.917 0.0081 254 / 1);
  --cnvs-base-palette-soap-500: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-soap-600: oklch(0.856 0.0111 256.85 / 1);
  --cnvs-base-palette-french-vanilla-100: oklch(1 0 0 / 1);
  --cnvs-base-palette-french-vanilla-200: oklch(0.9431 0 0 / 1);
  --cnvs-base-palette-french-vanilla-300: oklch(0.8699 0 0 / 1);
  --cnvs-base-palette-french-vanilla-400: oklch(0.8015 0 0 / 1);
  --cnvs-base-palette-french-vanilla-500: oklch(0.72 0 0 / 1);
  --cnvs-base-palette-french-vanilla-600: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-100: oklch(0.6234 0 0 / 1);
  --cnvs-base-palette-black-pepper-200: oklch(0.4494 0 0 / 1);
  --cnvs-base-palette-black-pepper-300: oklch(0.3523 0 0 / 1);
  --cnvs-base-palette-black-pepper-400: oklch(0.2891 0 0 / 1);
  --cnvs-base-palette-black-pepper-500: oklch(0.2308 0 0 / 1);
  --cnvs-base-palette-black-pepper-600: oklch(0 0 0 / 1);
  --cnvs-base-palette-coconut-100: #F0EEEE;
  --cnvs-base-palette-coconut-200: #e3dfdf;
  --cnvs-base-palette-coconut-300: #d1cbcc;
  --cnvs-base-palette-coconut-400: #b3acac;
  --cnvs-base-palette-coconut-500: #9e9595;
  --cnvs-base-palette-coconut-600: #8F8687;
  --cnvs-base-palette-cappuccino-100: #7A7374;
  --cnvs-base-palette-cappuccino-200: #706869;
  --cnvs-base-palette-cappuccino-300: #5E5757;
  --cnvs-base-palette-cappuccino-400: #4A4242;
  --cnvs-base-palette-cappuccino-500: #352f2f;
  --cnvs-base-palette-cappuccino-600: #231f20;
  --cnvs-base-opacity-0: 0;
  --cnvs-base-opacity-100: 0.08;
  --cnvs-base-opacity-200: 0.12;
  --cnvs-base-opacity-250: 0.2;
  --cnvs-base-opacity-300: 0.4;
  --cnvs-base-opacity-400: 0.64;
  --cnvs-base-opacity-500: 0.84;
  --cnvs-base-font-size-25: 0.625rem;
  --cnvs-base-font-size-50: 0.75rem;
  --cnvs-base-font-size-75: 0.875rem;
  --cnvs-base-font-size-100: 1rem;
  --cnvs-base-font-size-125: 1.125rem;
  --cnvs-base-font-size-150: 1.25rem;
  --cnvs-base-font-size-200: 1.5rem;
  --cnvs-base-font-size-250: 1.75rem;
  --cnvs-base-font-size-300: 2rem;
  --cnvs-base-font-size-400: 2.5rem;
  --cnvs-base-font-size-500: 3rem;
  --cnvs-base-font-size-600: 3.5rem;
  --cnvs-base-font-size-750: 4.5rem;
  --cnvs-base-font-size-900: 5.5rem;
  --cnvs-base-font-size-1050: 6.5rem;
  --cnvs-base-line-height-50: 1rem;
  --cnvs-base-line-height-100: 1.25rem;
  --cnvs-base-line-height-150: 1.5rem;
  --cnvs-base-line-height-200: 1.75rem;
  --cnvs-base-line-height-250: 2rem;
  --cnvs-base-line-height-300: 2.25rem;
  --cnvs-base-line-height-350: 2.5rem;
  --cnvs-base-line-height-400: 3rem;
  --cnvs-base-line-height-500: 3.5rem;
  --cnvs-base-line-height-600: 4rem;
  --cnvs-base-line-height-750: 4.5rem;
  --cnvs-base-line-height-900: 5.5rem;
  --cnvs-base-line-height-1050: 6.5rem;
  --cnvs-base-font-family-50: "Roboto"; /* Default font-family */
  --cnvs-base-font-family-100: "Roboto Mono";
  --cnvs-base-font-family-200: "Noto Sans";
  --cnvs-base-font-weight-300: 300;
  --cnvs-base-font-weight-400: 400;
  --cnvs-base-font-weight-500: 500;
  --cnvs-base-font-weight-700: 700;
  --cnvs-base-letter-spacing-50: 0.025rem;
  --cnvs-base-letter-spacing-100: 0.02rem;
  --cnvs-base-letter-spacing-150: 0.015rem;
  --cnvs-base-letter-spacing-200: 0.01rem;
  --cnvs-base-unit: 0.25rem; /* The base unit used in the grid system.;  */
  --cnvs-base-extended-palette-dragon-fruit-100: oklch(0.9776 0.0147 312 / 1);
  --cnvs-base-extended-palette-dragon-fruit-200: oklch(0.909 0.0637 314.43 / 1);
  --cnvs-base-extended-palette-dragon-fruit-300: oklch(0.615 0.2131 280.7 / 1);
  --cnvs-base-extended-palette-dragon-fruit-400: oklch(0.5289 0.2241 281.65 / 1);
  --cnvs-base-extended-palette-dragon-fruit-500: oklch(0.466 0.1961 280.9 / 1);
  --cnvs-base-extended-palette-dragon-fruit-600: oklch(0.317 0.142 278.2 / 1);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Standard card depth */
  --cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Top navigation, Bottom Navigation */
  --cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Floating Action Buttons (FAB), Menus */
  --cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.5rem 2rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Bottom Sheets */
  --cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.625rem 2.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied) */
  --cnvs-sys-depth-6: 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.12), 0 0.75rem 3rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h  /  0.08); /* Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied) */
  --cnvs-sys-space-zero: 0; /* Stacks, rows in tables */
  --cnvs-sys-shape-zero: 0rem; /* This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels. */
  --cnvs-sys-opacity-full: 1; /* Dev only */
  --cnvs-sys-opacity-zero: 0; /* Dev only */
  --cnvs-sys-breakpoints-zero: 0px; /* Use to set a media query `min-width` below small. */
  --cnvs-sys-font-weight-bold: var(--cnvs-base-font-weight-700);
  --cnvs-sys-font-weight-medium: var(--cnvs-base-font-weight-500);
  --cnvs-sys-font-weight-normal: var(--cnvs-base-font-weight-400);
  --cnvs-sys-font-weight-light: var(--cnvs-base-font-weight-300);
  --cnvs-sys-line-height-title-large: var(--cnvs-base-line-height-600);
  --cnvs-sys-line-height-title-medium: var(--cnvs-base-line-height-500);
  --cnvs-sys-line-height-title-small: var(--cnvs-base-line-height-400);
  --cnvs-sys-line-height-heading-large: var(--cnvs-base-line-height-350);
  --cnvs-sys-line-height-heading-medium: var(--cnvs-base-line-height-300);
  --cnvs-sys-line-height-heading-small: var(--cnvs-base-line-height-250);
  --cnvs-sys-line-height-body-large: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-medium: var(--cnvs-base-line-height-200);
  --cnvs-sys-line-height-body-small: var(--cnvs-base-line-height-150);
  --cnvs-sys-line-height-subtext-large: var(--cnvs-base-line-height-100);
  --cnvs-sys-line-height-subtext-medium: var(--cnvs-base-line-height-50);
  --cnvs-sys-line-height-subtext-small: var(--cnvs-base-line-height-50);
  --cnvs-sys-font-size-subtext-small: var(--cnvs-base-font-size-25);
  --cnvs-sys-font-family-global: var(--cnvs-base-font-family-200);
  --cnvs-sys-font-family-mono: var(--cnvs-base-font-family-100);
  --cnvs-sys-font-family-default: var(--cnvs-base-font-family-50);
  --cnvs-sys-space-x20: calc(var(--cnvs-base-unit) * 20); /* - Use sparingly; - Helps to put focus on the primary element within your page; - Use to de-clutter your UI when a lot of space is available */
  --cnvs-sys-space-x16: calc(var(--cnvs-base-unit) * 16); /* - Use to de-clutter your UI when a lot of space is available; - Separate banner sections from page content; - Use to differentiate page content like page sections */
  --cnvs-sys-space-x10: calc(var(--cnvs-base-unit) * 10); /* • Used for outer margins on the overall page content ; • Used for inner margins on large items such as page sections */
  --cnvs-sys-space-x8: calc(var(--cnvs-base-unit) * 8); /* • Standard spacing between cards; • Used to separate groups of content ; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x6: calc(var(--cnvs-base-unit) * 6); /* • Padding around card content; • Related elements where more space between them can be afforded; • Separate section headings or titles from body text or inputs */
  --cnvs-sys-space-x4: calc(var(--cnvs-base-unit) * 4); /* Default space token. Used to group Inputs with related data */
  --cnvs-sys-space-x3: calc(var(--cnvs-base-unit) * 3); /* Use when compact padding is required */
  --cnvs-sys-space-x2: calc(var(--cnvs-base-unit) * 2); /* Commonly used to group compact elements like icon buttons */
  --cnvs-sys-space-x1: var(--cnvs-base-unit); /* Compact spacing between text or icons */
  --cnvs-sys-shape-round: calc(var(--cnvs-base-unit) * 250); /* Commonly used for our standard buttons and profile avatars: All Primary, Secondary Buttons, Radio Buttons and Notification Badges. */
  --cnvs-sys-shape-x2: calc(var(--cnvs-base-unit) * 2); /* Use this for all the containers and popups: All Cards, Modals, Tooltips and Toasts. */
  --cnvs-sys-shape-x1-half: calc(var(--cnvs-base-unit) * 1.5);
  --cnvs-sys-shape-x1: var(--cnvs-base-unit);
  --cnvs-sys-shape-half: calc(var(--cnvs-base-unit) * 0.5); /* Use this for subtle and small components that don’t require to group complex information like Status Indicators, Checkboxes and Color Swatches. */
  --cnvs-sys-opacity-shadow-second: var(--cnvs-base-opacity-100); /* Alpha on second shadow */
  --cnvs-sys-opacity-shadow-first: var(--cnvs-base-opacity-200); /* Alpha on first shadow */
  --cnvs-sys-opacity-contrast: var(--cnvs-base-opacity-500); /* Tooltips, Status Indicator */
  --cnvs-sys-opacity-overlay: var(--cnvs-base-opacity-400); /* Overlay */
  --cnvs-sys-opacity-disabled: var(--cnvs-base-opacity-300); /* Disabled states */
  --cnvs-sys-breakpoints-xl: 1440px; /* Used for extra large screens, such as wide monitors and TVs. */
  --cnvs-sys-breakpoints-l: 1024px; /* Large screens, such as desktops. */
  --cnvs-sys-breakpoints-m: 768px; /* Medium screens, such as laptops. */
  --cnvs-sys-breakpoints-s: 320px; /* The `min-width` for mobile devices, such as phones and tablets. */
  --cnvs-sys-color-shadow-default: var(--cnvs-base-palette-slate-900); /* Main shadow color */
  --cnvs-sys-color-shadow-2: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-100)); /* Second shadow color */
  --cnvs-sys-color-shadow-1: oklch(from var(--cnvs-base-palette-slate-900) l c h  /  var(--cnvs-base-opacity-200)); /* First shadow color */
  --cnvs-sys-color-border-info-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-ai: var(--cnvs-base-palette-blue-950); /* Active state on AI borders */
  --cnvs-sys-color-border-container: var(--cnvs-base-palette-slate-300); /* Cards, Toasts, Surfaces */
  --cnvs-sys-color-border-divider: var(--cnvs-base-palette-slate-200); /* Dividers */
  --cnvs-sys-color-border-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on accent colors */
  --cnvs-sys-color-border-transparent: transparent; /* Transparent */
  --cnvs-sys-color-border-caution-strong: var(--cnvs-base-palette-amber-500); /* Warning outer (box shadow) */
  --cnvs-sys-color-border-caution-default: var(--cnvs-base-palette-amber-400); /* Warning inner */
  --cnvs-sys-color-border-critical-default: var(--cnvs-base-palette-red-500); /* Error */
  --cnvs-sys-color-border-primary-default: var(--cnvs-base-palette-blue-500); /* Brand, Focus */
  --cnvs-sys-color-border-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Secondary Button Hover */
  --cnvs-sys-color-border-contrast-default: var(--cnvs-base-palette-neutral-900); /* Secondary Button */
  --cnvs-sys-color-border-input-inverse: var(--cnvs-base-palette-neutral-0); /* Borders on checkboxes and radios */
  --cnvs-sys-color-border-input-strong: var(--cnvs-base-palette-slate-700); /* Input hover */
  --cnvs-sys-color-border-input-default: var(--cnvs-base-palette-slate-500); /* Inputs */
  --cnvs-sys-color-border-input-disabled: var(--cnvs-base-palette-slate-400); /* Disabled inputs */
  --cnvs-sys-color-fg-positive-stronger: var(--cnvs-base-palette-green-800); /* Error */
  --cnvs-sys-color-fg-positive-strong: var(--cnvs-base-palette-green-700); /* Error */
  --cnvs-sys-color-fg-positive-soft: var(--cnvs-base-palette-green-400); /* Error */
  --cnvs-sys-color-fg-positive-softer: var(--cnvs-base-palette-green-200); /* Error */
  --cnvs-sys-color-fg-positive-default: var(--cnvs-base-palette-green-600); /* Error */
  --cnvs-sys-color-fg-info-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-info-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-info-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-info-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-info-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-ai: var(--cnvs-base-palette-blue-950); /* AI icons and text */
  --cnvs-sys-color-fg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Strong contrast */
  --cnvs-sys-color-fg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast */
  --cnvs-sys-color-fg-caution-softer: var(--cnvs-base-palette-amber-500); /* Warning */
  --cnvs-sys-color-fg-caution-stronger: var(--cnvs-base-palette-amber-975); /* Warning on hover */
  --cnvs-sys-color-fg-caution-soft: var(--cnvs-base-palette-amber-700); /* Warning */
  --cnvs-sys-color-fg-caution-strong: var(--cnvs-base-palette-amber-950); /* Warning on hover */
  --cnvs-sys-color-fg-caution-default: var(--cnvs-base-palette-amber-900); /* Warning */
  --cnvs-sys-color-fg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Links on hover */
  --cnvs-sys-color-fg-primary-softer: var(--cnvs-base-palette-blue-200); /* Link Inverse, Disabled */
  --cnvs-sys-color-fg-primary-soft: var(--cnvs-base-palette-blue-400);
  --cnvs-sys-color-fg-primary-strong: var(--cnvs-base-palette-blue-700); /* Links on hover */
  --cnvs-sys-color-fg-primary-default: var(--cnvs-base-palette-blue-600); /* Links, Accent */
  --cnvs-sys-color-fg-muted-soft: var(--cnvs-base-palette-slate-400); /* Tab item foreground */
  --cnvs-sys-color-fg-muted-stronger: var(--cnvs-base-palette-slate-800);
  --cnvs-sys-color-fg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-fg-muted-default: var(--cnvs-base-palette-slate-600); /* Hint text */
  --cnvs-sys-color-fg-critical-softer: var(--cnvs-base-palette-red-200); /* Error */
  --cnvs-sys-color-fg-critical-soft: var(--cnvs-base-palette-red-400); /* Error */
  --cnvs-sys-color-fg-critical-stronger: var(--cnvs-base-palette-red-800); /* Error */
  --cnvs-sys-color-fg-critical-strong: var(--cnvs-base-palette-red-700); /* Error */
  --cnvs-sys-color-fg-critical-default: var(--cnvs-base-palette-red-600); /* Error */
  --cnvs-sys-color-fg-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse */
  --cnvs-sys-color-fg-disabled: var(--cnvs-base-palette-slate-400); /* Disabled */
  --cnvs-sys-color-fg-stronger: var(--cnvs-base-palette-neutral-950); /* Heading on hover */
  --cnvs-sys-color-fg-strong: var(--cnvs-base-palette-neutral-900); /* Headings */
  --cnvs-sys-color-fg-default: var(--cnvs-base-palette-neutral-800); /* Body */
  --cnvs-sys-color-icon-info-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-info-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-disabled: var(--cnvs-base-palette-slate-400); /* Disabled icon color */
  --cnvs-sys-color-icon-caution-softer: var(--cnvs-base-palette-amber-500); /* Softer caution icon color */
  --cnvs-sys-color-icon-caution-soft: var(--cnvs-base-palette-amber-700); /* Soft caution icon color */
  --cnvs-sys-color-icon-caution-stronger: var(--cnvs-base-palette-amber-975); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong caution icon color */
  --cnvs-sys-color-icon-caution-default: var(--cnvs-base-palette-amber-900); /* Caution icon color */
  --cnvs-sys-color-icon-critical-softer: var(--cnvs-base-palette-red-200); /* Error icon color */
  --cnvs-sys-color-icon-critical-soft: var(--cnvs-base-palette-red-400); /* Error icon color */
  --cnvs-sys-color-icon-critical-stronger: var(--cnvs-base-palette-red-800); /* Error icon color */
  --cnvs-sys-color-icon-critical-strong: var(--cnvs-base-palette-red-700); /* Error icon color */
  --cnvs-sys-color-icon-critical-default: var(--cnvs-base-palette-red-600); /* Error icon color */
  --cnvs-sys-color-icon-positive-softer: var(--cnvs-base-palette-green-200); /* Success icon color */
  --cnvs-sys-color-icon-positive-soft: var(--cnvs-base-palette-green-400); /* Success icon color */
  --cnvs-sys-color-icon-positive-stronger: var(--cnvs-base-palette-green-800); /* Success icon color */
  --cnvs-sys-color-icon-positive-strong: var(--cnvs-base-palette-green-700); /* Success icon color */
  --cnvs-sys-color-icon-positive-default: var(--cnvs-base-palette-green-600); /* Success icon color */
  --cnvs-sys-color-icon-primary-softer: var(--cnvs-base-palette-blue-200); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-soft: var(--cnvs-base-palette-blue-400); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-stronger: var(--cnvs-base-palette-blue-800); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-strong: var(--cnvs-base-palette-blue-700); /* Stronger brand icon color */
  --cnvs-sys-color-icon-primary-default: var(--cnvs-base-palette-blue-600); /* Brand icon color */
  --cnvs-sys-color-icon-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse icon color */
  --cnvs-sys-color-icon-strong: var(--cnvs-base-palette-neutral-900); /* Hover icon color */
  --cnvs-sys-color-icon-soft: var(--cnvs-base-palette-slate-600); /* Disabled icon color */
  --cnvs-sys-color-icon-default: var(--cnvs-base-palette-neutral-800); /* Default icon color */
  --cnvs-sys-color-text-info-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-info-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-info-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-info-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-info-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-positive-softer: var(--cnvs-base-palette-green-200); /* Active links */
  --cnvs-sys-color-text-positive-soft: var(--cnvs-base-palette-green-400); /* Active links */
  --cnvs-sys-color-text-positive-stronger: var(--cnvs-base-palette-green-800); /* Active links */
  --cnvs-sys-color-text-positive-strong: var(--cnvs-base-palette-green-700); /* Branded hover text */
  --cnvs-sys-color-text-positive-default: var(--cnvs-base-palette-green-600); /* Branded text */
  --cnvs-sys-color-text-ai: var(--cnvs-base-palette-blue-950);
  --cnvs-sys-color-text-caution-softer: var(--cnvs-base-palette-amber-200); /* Softer warning text */
  --cnvs-sys-color-text-caution-stronger: var(--cnvs-base-palette-amber-975); /* Stronger warning text */
  --cnvs-sys-color-text-caution-soft: var(--cnvs-base-palette-amber-400); /* Disabled warning text */
  --cnvs-sys-color-text-caution-strong: var(--cnvs-base-palette-amber-950); /* Strong warning text */
  --cnvs-sys-color-text-caution-default: var(--cnvs-base-palette-amber-900); /* Warning text */
  --cnvs-sys-color-text-primary-softer: var(--cnvs-base-palette-blue-200); /* Active links */
  --cnvs-sys-color-text-primary-soft: var(--cnvs-base-palette-blue-400); /* Active links */
  --cnvs-sys-color-text-primary-stronger: var(--cnvs-base-palette-blue-800); /* Active links */
  --cnvs-sys-color-text-primary-strong: var(--cnvs-base-palette-blue-700); /* Branded hover text */
  --cnvs-sys-color-text-primary-default: var(--cnvs-base-palette-blue-600); /* Branded text */
  --cnvs-sys-color-text-critical-softer: var(--cnvs-base-palette-red-200); /* Error text */
  --cnvs-sys-color-text-critical-soft: var(--cnvs-base-palette-red-400); /* Error text */
  --cnvs-sys-color-text-critical-stronger: var(--cnvs-base-palette-red-800); /* Error text */
  --cnvs-sys-color-text-critical-strong: var(--cnvs-base-palette-red-700); /* Error text */
  --cnvs-sys-color-text-critical-default: var(--cnvs-base-palette-red-600); /* Error text */
  --cnvs-sys-color-text-inverse: var(--cnvs-base-palette-neutral-0); /* Inverse text color */
  --cnvs-sys-color-text-hint: var(--cnvs-base-palette-slate-600); /* Hint text color */
  --cnvs-sys-color-text-disabled: var(--cnvs-base-palette-slate-400); /* Disabled text color */
  --cnvs-sys-color-text-stronger: var(--cnvs-base-palette-neutral-950); /* Display text */
  --cnvs-sys-color-text-strong: var(--cnvs-base-palette-neutral-900); /* Heading text */
  --cnvs-sys-color-text-default: var(--cnvs-base-palette-neutral-800); /* Body text */
  --cnvs-sys-color-bg-info-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-info-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-info-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-info-soft: var(--cnvs-base-palette-blue-100); /* Disabled */
  --cnvs-sys-color-bg-info-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-info-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-ai-strongest: var(--cnvs-base-palette-blue-950); /* AI surfaces */
  --cnvs-sys-color-bg-ai-stronger: var(--cnvs-base-palette-blue-400); /* Active state on AI containers */
  --cnvs-sys-color-bg-ai-strong: var(--cnvs-base-palette-blue-200); /* Hover on AI container */
  --cnvs-sys-color-bg-ai-default: var(--cnvs-base-palette-blue-100); /* AI container */
  --cnvs-sys-color-bg-critical-stronger: var(--cnvs-base-palette-red-800); /* Stronger error background */
  --cnvs-sys-color-bg-critical-strong: var(--cnvs-base-palette-red-700); /* Strong error background */
  --cnvs-sys-color-bg-critical-default: var(--cnvs-base-palette-red-600); /* Default error background */
  --cnvs-sys-color-bg-critical-soft: var(--cnvs-base-palette-red-100); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softer: var(--cnvs-base-palette-red-50); /* Disabled error background */
  --cnvs-sys-color-bg-critical-softest: var(--cnvs-base-palette-red-25); /* Input error background */
  --cnvs-sys-color-bg-caution-stronger: var(--cnvs-base-palette-amber-600); /* Stronger warning background */
  --cnvs-sys-color-bg-caution-strong: var(--cnvs-base-palette-amber-500); /* Strong warning background */
  --cnvs-sys-color-bg-caution-default: var(--cnvs-base-palette-amber-400); /* Default warning background */
  --cnvs-sys-color-bg-caution-soft: var(--cnvs-base-palette-amber-100); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softer: var(--cnvs-base-palette-amber-50); /* Softer warning background */
  --cnvs-sys-color-bg-caution-softest: var(--cnvs-base-palette-amber-25); /* Disabled warning background */
  --cnvs-sys-color-bg-positive-stronger: var(--cnvs-base-palette-green-800); /* Active success background */
  --cnvs-sys-color-bg-positive-strong: var(--cnvs-base-palette-green-700); /* Hover success background */
  --cnvs-sys-color-bg-positive-default: var(--cnvs-base-palette-green-600); /* Disabled success background */
  --cnvs-sys-color-bg-positive-soft: var(--cnvs-base-palette-green-100); /* Disabled success background */
  --cnvs-sys-color-bg-positive-softer: var(--cnvs-base-palette-green-50); /* Surface success background */
  --cnvs-sys-color-bg-positive-softest: var(--cnvs-base-palette-green-25); /* Lightest surface success background */
  --cnvs-sys-color-bg-primary-stronger: var(--cnvs-base-palette-blue-800); /* Brand active background */
  --cnvs-sys-color-bg-primary-strong: var(--cnvs-base-palette-blue-700); /* Brand hover background */
  --cnvs-sys-color-bg-primary-default: var(--cnvs-base-palette-blue-600); /* Primary brand color */
  --cnvs-sys-color-bg-primary-soft: var(--cnvs-base-palette-blue-100); /* Primary disabled */
  --cnvs-sys-color-bg-primary-softer: var(--cnvs-base-palette-blue-50); /* Select */
  --cnvs-sys-color-bg-primary-softest: var(--cnvs-base-palette-blue-25); /* Surface */
  --cnvs-sys-color-bg-contrast-strong: var(--cnvs-base-palette-neutral-950); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-contrast-default: var(--cnvs-base-palette-neutral-900); /* Contrast backgrounds, like Secondary Buttons */
  --cnvs-sys-color-bg-muted-strong: var(--cnvs-base-palette-slate-700);
  --cnvs-sys-color-bg-muted-default: var(--cnvs-base-palette-slate-600);
  --cnvs-sys-color-bg-muted-soft: var(--cnvs-base-palette-slate-500);
  --cnvs-sys-color-bg-muted-softer: var(--cnvs-base-palette-slate-400);
  --cnvs-sys-color-bg-alt-stronger: var(--cnvs-base-palette-slate-300); /* Active state for segmented control, Pill */
  --cnvs-sys-color-bg-alt-strong: var(--cnvs-base-palette-slate-200); /* Active states */
  --cnvs-sys-color-bg-alt-default: var(--cnvs-base-palette-slate-100); /* Surface hover, Secondary surfaces */
  --cnvs-sys-color-bg-alt-soft: var(--cnvs-base-palette-slate-50); /* Alternative page background */
  --cnvs-sys-color-bg-alt-softer: var(--cnvs-base-palette-slate-25); /* Disabled inputs */
  --cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-500)); /* Tooltip, Status Indicator */
  --cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-400)); /* Overlay background */
  --cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-250)); /* Inverse Secondary Button Active state */
  --cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h  /  var(--cnvs-base-opacity-100)); /* Inverse Secondary Button Hover state */
  --cnvs-sys-color-bg-transparent-default: transparent; /* Transparent background */
  --cnvs-sys-color-bg-default: var(--cnvs-base-palette-neutral-0); /* Main background color */
  --cnvs-sys-color-static-amber-soft: var(--cnvs-base-palette-amber-100); /* Soft amber */
  --cnvs-sys-color-static-amber-strongest: var(--cnvs-base-palette-amber-950); /* Stronger amber */
  --cnvs-sys-color-static-amber-softer: var(--cnvs-base-palette-amber-50); /* Soft amber */
  --cnvs-sys-color-static-amber-stronger: var(--cnvs-base-palette-amber-600); /* Stronger amber */
  --cnvs-sys-color-static-amber-strong: var(--cnvs-base-palette-amber-500); /* Stronger amber */
  --cnvs-sys-color-static-amber-softest: var(--cnvs-base-palette-amber-25); /* Soft amber */
  --cnvs-sys-color-static-amber-default: var(--cnvs-base-palette-amber-400); /* amber */
  --cnvs-sys-color-static-gray-softer: var(--cnvs-base-palette-slate-100); /* Light gray */
  --cnvs-sys-color-static-gray-softest: var(--cnvs-base-palette-slate-50); /* Light gray */
  --cnvs-sys-color-static-gray-strongest: var(--cnvs-base-palette-slate-950); /* Strongerer gray */
  --cnvs-sys-color-static-gray-stronger: var(--cnvs-base-palette-slate-800); /* Strongerer gray */
  --cnvs-sys-color-static-gray-strong: var(--cnvs-base-palette-slate-700); /* Stronger gray */
  --cnvs-sys-color-static-gray-soft: var(--cnvs-base-palette-slate-200); /* Light gray */
  --cnvs-sys-color-static-gray-default: var(--cnvs-base-palette-slate-600); /* Gray */
  --cnvs-sys-color-static-black: var(--cnvs-base-palette-neutral-1000); /* Just black */
  --cnvs-sys-color-static-white: var(--cnvs-base-palette-neutral-0); /* Just white */
  --cnvs-sys-color-static-red-softer: var(--cnvs-base-palette-red-50); /* Light red */
  --cnvs-sys-color-static-red-strongest: var(--cnvs-base-palette-red-950); /* Strong red */
  --cnvs-sys-color-static-red-softest: var(--cnvs-base-palette-red-25); /* Light red */
  --cnvs-sys-color-static-red-stronger: var(--cnvs-base-palette-red-800); /* Strong red */
  --cnvs-sys-color-static-red-strong: var(--cnvs-base-palette-red-700); /* Strong red */
  --cnvs-sys-color-static-red-soft: var(--cnvs-base-palette-red-100); /* Light red */
  --cnvs-sys-color-static-red-default: var(--cnvs-base-palette-red-600); /* Red */
  --cnvs-sys-color-static-green-strongest: var(--cnvs-base-palette-green-950); /* Stronger green */
  --cnvs-sys-color-static-green-softest: var(--cnvs-base-palette-green-25); /* Light green */
  --cnvs-sys-color-static-green-stronger: var(--cnvs-base-palette-green-800); /* Stronger green */
  --cnvs-sys-color-static-green-softer: var(--cnvs-base-palette-green-50); /* Light green */
  --cnvs-sys-color-static-green-strong: var(--cnvs-base-palette-green-700); /* Stronger green */
  --cnvs-sys-color-static-green-soft: var(--cnvs-base-palette-green-100); /* Light green */
  --cnvs-sys-color-static-green-default: var(--cnvs-base-palette-green-600); /* Default green */
  --cnvs-sys-color-static-blue-strongest: var(--cnvs-base-palette-blue-950); /* Stronger blue */
  --cnvs-sys-color-static-blue-soft: var(--cnvs-base-palette-blue-100); /* Light blue */
  --cnvs-sys-color-static-blue-softer: var(--cnvs-base-palette-blue-50); /* Light blue */
  --cnvs-sys-color-static-blue-stronger: var(--cnvs-base-palette-blue-800); /* Stronger blue */
  --cnvs-sys-color-static-blue-strong: var(--cnvs-base-palette-blue-700); /* Stronger blue */
  --cnvs-sys-color-static-blue-softest: var(--cnvs-base-palette-blue-25); /* Light blue */
  --cnvs-sys-color-static-blue-default: var(--cnvs-base-palette-blue-600); /* Blue */
  --cnvs-sys-color-static-orange-strong: var(--cnvs-base-palette-amber-500);
  --cnvs-sys-color-static-orange-soft: var(--cnvs-base-palette-amber-100);
  --cnvs-sys-color-static-orange-default: var(--cnvs-base-palette-amber-400);
  --cnvs-sys-color-static-gold-stronger: var(--cnvs-base-palette-amber-600);
  --cnvs-sys-font-size-subtext-medium: var(--cnvs-base-font-size-50);
  --cnvs-sys-font-size-subtext-large: var(--cnvs-base-font-size-75);
  --cnvs-sys-font-size-body-small: var(--cnvs-base-font-size-100);
  --cnvs-sys-font-size-body-medium: var(--cnvs-base-font-size-125);
  --cnvs-sys-font-size-body-large: var(--cnvs-base-font-size-150);
  --cnvs-sys-font-size-heading-small: var(--cnvs-base-font-size-200);
  --cnvs-sys-font-size-heading-medium: var(--cnvs-base-font-size-250);
  --cnvs-sys-font-size-heading-large: var(--cnvs-base-font-size-300);
  --cnvs-sys-font-size-title-small: var(--cnvs-base-font-size-400);
  --cnvs-sys-font-size-title-medium: var(--cnvs-base-font-size-500);
  --cnvs-sys-font-size-title-large: var(--cnvs-base-font-size-600);
}

.cnvs-sys-type-subtext-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-small);
  font-size: var(--cnvs-sys-font-size-subtext-small);
  letter-spacing: var(--cnvs-base-letter-spacing-50);
}

.cnvs-sys-type-subtext-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-medium);
  font-size: var(--cnvs-sys-font-size-subtext-medium);
  letter-spacing: var(--cnvs-base-letter-spacing-100);
}

.cnvs-sys-type-subtext-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-subtext-large);
  font-size: var(--cnvs-sys-font-size-subtext-large);
  letter-spacing: var(--cnvs-base-letter-spacing-150);
}

.cnvs-sys-type-body-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-small);
  font-size: var(--cnvs-sys-font-size-body-small);
  letter-spacing: var(--cnvs-base-letter-spacing-200);
}

.cnvs-sys-type-body-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-medium);
  font-size: var(--cnvs-sys-font-size-body-medium);
}

.cnvs-sys-type-body-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-normal);
  line-height: var(--cnvs-sys-line-height-body-large);
  font-size: var(--cnvs-sys-font-size-body-large);
}

.cnvs-sys-type-heading-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-small);
  font-size: var(--cnvs-sys-font-size-heading-small);
}

.cnvs-sys-type-heading-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-medium);
  font-size: var(--cnvs-sys-font-size-heading-medium);
}

.cnvs-sys-type-heading-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-heading-large);
  font-size: var(--cnvs-sys-font-size-heading-large);
}

.cnvs-sys-type-title-small {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-small);
  font-size: var(--cnvs-sys-font-size-title-small);
}

.cnvs-sys-type-title-medium {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-medium);
  font-size: var(--cnvs-sys-font-size-title-medium);
}

.cnvs-sys-type-title-large {
  font-family: var(--cnvs-sys-font-family-default);
  font-weight: var(--cnvs-sys-font-weight-bold);
  line-height: var(--cnvs-sys-line-height-title-large);
  font-size: var(--cnvs-sys-font-size-title-large);
}

/**
 * Do not edit directly
 * Generated on Tue, 18 Nov 2025 22:01:37 GMT
 */

:root {
  --cnvs-brand-common-alert-outer: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-common-alert-inner: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-common-error-inner: var(--cnvs-base-palette-red-500);
  --cnvs-brand-common-focus-outline: var(--cnvs-base-palette-blue-500);
  --cnvs-brand-neutral-light: var(--cnvs-base-palette-slate-200);
  --cnvs-brand-neutral-lighter: var(--cnvs-base-palette-slate-50);
  --cnvs-brand-neutral-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-neutral-darkest: var(--cnvs-base-palette-slate-800);
  --cnvs-brand-neutral-dark: var(--cnvs-base-palette-slate-700);
  --cnvs-brand-neutral-base: var(--cnvs-base-palette-slate-600);
  --cnvs-brand-neutral-lightest: var(--cnvs-base-palette-slate-25);
  --cnvs-brand-success-light: var(--cnvs-base-palette-green-200);
  --cnvs-brand-success-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-success-darkest: var(--cnvs-base-palette-green-800);
  --cnvs-brand-success-dark: var(--cnvs-base-palette-green-700);
  --cnvs-brand-success-lighter: var(--cnvs-base-palette-green-50);
  --cnvs-brand-success-lightest: var(--cnvs-base-palette-green-25);
  --cnvs-brand-success-base: var(--cnvs-base-palette-green-600);
  --cnvs-brand-alert-light: var(--cnvs-base-palette-amber-200);
  --cnvs-brand-alert-accent: var(--cnvs-base-palette-neutral-950);
  --cnvs-brand-alert-darkest: var(--cnvs-base-palette-amber-600);
  --cnvs-brand-alert-dark: var(--cnvs-base-palette-amber-500);
  --cnvs-brand-alert-lightest: var(--cnvs-base-palette-amber-25);
  --cnvs-brand-alert-lighter: var(--cnvs-base-palette-amber-50);
  --cnvs-brand-alert-base: var(--cnvs-base-palette-amber-400);
  --cnvs-brand-error-light: var(--cnvs-base-palette-red-200);
  --cnvs-brand-error-lighter: var(--cnvs-base-palette-red-50);
  --cnvs-brand-error-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-error-darkest: var(--cnvs-base-palette-red-800);
  --cnvs-brand-error-dark: var(--cnvs-base-palette-red-700);
  --cnvs-brand-error-lightest: var(--cnvs-base-palette-red-25);
  --cnvs-brand-error-base: var(--cnvs-base-palette-red-600);
  --cnvs-brand-primary-light: var(--cnvs-base-palette-blue-200);
  --cnvs-brand-primary-lighter: var(--cnvs-base-palette-blue-50);
  --cnvs-brand-primary-accent: var(--cnvs-base-palette-neutral-0);
  --cnvs-brand-primary-dark: var(--cnvs-base-palette-blue-700);
  --cnvs-brand-primary-darkest: var(--cnvs-base-palette-blue-800);
  --cnvs-brand-primary-lightest: var(--cnvs-base-palette-blue-25);
  --cnvs-brand-primary-base: var(--cnvs-base-palette-blue-600);
  --cnvs-brand-gradient-primary: linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.wdc-depth-inset {
  box-shadow: inset 0px 0px 8px 0 rgba(82, 97, 115, 0.09);
}

.wdc-depth-1 {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.wdc-depth-2 {
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.wdc-depth-3 {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-depth-4 {
  border: 1px solid rgb(218, 226, 230);
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.wdc-type {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-data-viz-1 {
  font-size: 56px;
  font-weight: 300;
  line-height: 68px;
  color: #333333;
}

.wdc-type-data-viz-2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
  color: #333333;
}

.wdc-type-h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #333333;
}

.wdc-type-h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #333333;
}

.wdc-type-h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}

.wdc-type-h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.wdc-type-body,
.wdc-type-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
}

.wdc-type-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
}

.wdc-type-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #494949;
}

.wdc-type-variant-label {
  font-weight: 500;
}

.wdc-type-variant-btn,
.wdc-type-variant-button {
  font-weight: 500;
}

.wdc-type-variant-caps {
  font-weight: 500;
  text-transform: uppercase;
}

.wdc-type-variant-link {
  color: #0875e1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
  padding: 0 2px;
  margin: 0 -2px;
  transition: color 0.15s, background-color 0.15s;
}

.wdc-type-variant-link:hover {
  color: #005cb9;
  background: #f0f1f2;
}

.wdc-type-variant-link.wdc-type-variant-link-focus, .wdc-type-variant-link:focus {
  box-shadow: 0 0 0 2px #0875e1;
}

.wdc-type-variant-link:active {
  color: #004387;
  background: #f0f1f2;
}

.wdc-type-variant-hint {
  color: #5e6a75;
}

.wdc-type-variant-error {
  color: #de4721;
}

.wdc-type-variant-mono {
  font-family: "Roboto Mono", "Courier New", Courier, monospace;
}

.wdc-type-variant-inverse,
.wdc-type-variant-white {
  color: #ffffff;
}

/* default styling before what-input executes */

.wdc-a11y a:not([tabindex="-1"]):focus,
.wdc-a11y input:not([tabindex="-1"]):focus,
.wdc-a11y button:not([tabindex="-1"]):focus,
.wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
.wdc-a11y area[href]:not([tabindex="-1"]):focus,
.wdc-a11y iframe:not([tabindex="-1"]):focus,
.wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

[data-whatinput=initial] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=initial].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=initial].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=mouse].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=touch].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

[data-whatinput=keyboard] .wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus, [data-whatinput=keyboard].wdc-a11y a:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y input:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y button:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y .wdc-type-variant-link:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y area[href]:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y iframe:not([tabindex="-1"]):focus,
[data-whatinput=keyboard].wdc-a11y [contentEditable=true]:not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: 2px solid #005cb9;
}

.text-theme {
  color: #333333;
}

.text-theme:disabled, .text-theme.disabled {
  outline: none;
  color: #a1aab3;
  cursor: not-allowed;
}

.text-theme.highlighted, .text-theme:active {
  background-color: #a6d2ff;
}

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.right-align {
  right: 0;
}

.left-align {
  left: 0;
}

.item-selected {
  border-radius: 99px;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px #0057ae;
}

.item-container {
  position: relative;
  cursor: pointer;
  content: "";
  outline: none;
  box-sizing: border-box;
  overflow: visible;
  height: 45px;
  width: 45px;
  align-content: center;
}

.button-popup-open {
  background-color: #ffffff;
  border-radius: 0;
}

div.status-overlay-dialog * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

div.status-overlay-dialog .modal-header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

div.status-overlay-dialog .logo-img {
  width: 102px;
  height: 48px;
  object-fit: contain;
}

div.status-overlay-dialog .community {
  height: 48px;
  border-left: 0.54px solid #B6C1CC;
  color: #0057ae;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0;
  margin-left: 22px;
  padding-top: 10px;
  padding-left: 20px;
}

div.status-overlay-dialog .modal-text {
  font-weight: 700;
  font-size: 18px;
  margin: 20px 0;
  color: #2b2b2b;
  text-align: center;
}

div.status-overlay-dialog .modal-text-1 {
  font-weight: 700;
  font-size: 18px;
  margin: 20px 0 10px 0;
  color: #2b2b2b;
  text-align: center;
}

div.status-overlay-dialog .modal-text-2 {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 20px;
  color: #2b2b2b;
  text-align: center;
}

div.status-overlay-dialog .popup-image {
  margin: 50px 0 40px 0;
}

div.status-overlay-dialog .loading-image {
  text-align: center;
  vertical-align: middle;
}

.status-overlay-close {
  height: 40px !important;
  width: 40px !important;
}

.status-overlay-close svg .wd-icon-fill {
  fill: black !important;
}

.status-overlay-outer {
  background: rgba(0, 0, 0, 0.8) !important;
  backdrop-filter: blur(17.5px);
}

.status-overlay-card {
  min-height: 260px;
}

[data-whatinput=mouse] .status-overlay-close:focus,
[data-whatinput=touch] .status-overlay-close:focus,
[data-whatinput=pointer] .status-overlay-close:focus {
  outline: none;
  border-color: transparent;
  border-radius: 8px;
}

[data-behavior-click-outside-close=topmost] {
  z-index: 400 !important;
}