@dialpad/dialtone-css 8.64.1 → 8.65.0-next.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (101) hide show
  1. package/lib/build/less/components/avatar.less +15 -15
  2. package/lib/build/less/components/badge.less +2 -2
  3. package/lib/build/less/components/banner.less +8 -9
  4. package/lib/build/less/components/breadcrumbs.less +5 -4
  5. package/lib/build/less/components/button.less +20 -24
  6. package/lib/build/less/components/card.less +1 -1
  7. package/lib/build/less/components/chip.less +17 -18
  8. package/lib/build/less/components/collapsible.less +5 -5
  9. package/lib/build/less/components/combobox.less +3 -3
  10. package/lib/build/less/components/datepicker.less +9 -10
  11. package/lib/build/less/components/description-list.less +1 -1
  12. package/lib/build/less/components/dropdown.less +3 -4
  13. package/lib/build/less/components/emoji-picker.less +32 -33
  14. package/lib/build/less/components/emoji-text-wrapper.less +1 -1
  15. package/lib/build/less/components/emoji.less +1 -1
  16. package/lib/build/less/components/empty-state.less +3 -3
  17. package/lib/build/less/components/forms.less +7 -8
  18. package/lib/build/less/components/icon.less +2 -2
  19. package/lib/build/less/components/image-viewer.less +4 -4
  20. package/lib/build/less/components/input.less +19 -19
  21. package/lib/build/less/components/item-layout.less +8 -8
  22. package/lib/build/less/components/keyboard-shortcut.less +4 -5
  23. package/lib/build/less/components/list-item-group.less +1 -2
  24. package/lib/build/less/components/list-item.less +5 -5
  25. package/lib/build/less/components/modal.less +25 -27
  26. package/lib/build/less/components/notice.less +5 -5
  27. package/lib/build/less/components/pagination.less +2 -3
  28. package/lib/build/less/components/popover.less +7 -8
  29. package/lib/build/less/components/presence.less +11 -11
  30. package/lib/build/less/components/radio-checkbox.less +6 -6
  31. package/lib/build/less/components/rich-text-editor.less +16 -15
  32. package/lib/build/less/components/root-layout.less +9 -9
  33. package/lib/build/less/components/scrollbar.less +2 -2
  34. package/lib/build/less/components/scroller.less +8 -8
  35. package/lib/build/less/components/selects.less +6 -6
  36. package/lib/build/less/components/skeleton.less +7 -7
  37. package/lib/build/less/components/table.less +8 -8
  38. package/lib/build/less/components/toast.less +10 -10
  39. package/lib/build/less/components/toggle.less +21 -22
  40. package/lib/build/less/components/tooltip.less +29 -29
  41. package/lib/build/less/dialtone-reset.less +7 -5
  42. package/lib/build/less/recipes/attachment_carousel.less +17 -17
  43. package/lib/build/less/recipes/callbar_button.less +1 -2
  44. package/lib/build/less/recipes/callbar_button_with_dropdown.less +7 -7
  45. package/lib/build/less/recipes/callbar_button_with_popover.less +8 -9
  46. package/lib/build/less/recipes/callbox.less +8 -7
  47. package/lib/build/less/recipes/combobox_multi_select.less +14 -17
  48. package/lib/build/less/recipes/combobox_with_popover.less +1 -1
  49. package/lib/build/less/recipes/contact_info.less +7 -7
  50. package/lib/build/less/recipes/editor.less +8 -11
  51. package/lib/build/less/recipes/emoji_row.less +1 -1
  52. package/lib/build/less/recipes/feed_item_pill.less +10 -10
  53. package/lib/build/less/recipes/feed_item_row.less +11 -15
  54. package/lib/build/less/recipes/grouped_chip.less +6 -6
  55. package/lib/build/less/recipes/ivr_node.less +21 -21
  56. package/lib/build/less/recipes/leftbar_row.less +37 -31
  57. package/lib/build/less/recipes/message_input.less +13 -16
  58. package/lib/build/less/recipes/settings_menu_button.less +3 -3
  59. package/lib/build/less/recipes/top_banner_info.less +4 -5
  60. package/lib/build/less/utilities/backgrounds.less +12 -12
  61. package/lib/build/less/utilities/borders.less +81 -63
  62. package/lib/build/less/utilities/interactivity.less +6 -2
  63. package/lib/build/less/utilities/layout.less +34 -34
  64. package/lib/build/less/utilities/sizing.less +113 -113
  65. package/lib/build/less/utilities/spacing.less +60 -62
  66. package/lib/build/less/utilities/typography.less +3 -4
  67. package/lib/build/less/variables/sizes.less +8 -8
  68. package/lib/dist/dialtone-default-theme.css +5567 -3387
  69. package/lib/dist/dialtone-default-theme.min.css +1 -1
  70. package/lib/dist/dialtone-docs.json +1 -1
  71. package/lib/dist/dialtone.css +2726 -1985
  72. package/lib/dist/dialtone.min.css +1 -1
  73. package/lib/dist/tokens/tokens-aegean-dark.css +963 -410
  74. package/lib/dist/tokens/tokens-aegean-light.css +879 -326
  75. package/lib/dist/tokens/tokens-botany-dark.css +963 -410
  76. package/lib/dist/tokens/tokens-botany-light.css +879 -326
  77. package/lib/dist/tokens/tokens-buttercream-dark.css +963 -410
  78. package/lib/dist/tokens/tokens-buttercream-light.css +879 -326
  79. package/lib/dist/tokens/tokens-ceruleo-dark.css +963 -410
  80. package/lib/dist/tokens/tokens-ceruleo-light.css +879 -326
  81. package/lib/dist/tokens/tokens-debug-dp.css +818 -265
  82. package/lib/dist/tokens/tokens-dp-dark.css +963 -410
  83. package/lib/dist/tokens/tokens-dp-light.css +879 -326
  84. package/lib/dist/tokens/tokens-expressive-dark.css +963 -410
  85. package/lib/dist/tokens/tokens-expressive-light.css +879 -326
  86. package/lib/dist/tokens/tokens-expressive-sm-dark.css +963 -410
  87. package/lib/dist/tokens/tokens-expressive-sm-light.css +879 -326
  88. package/lib/dist/tokens/tokens-high-desert-dark.css +963 -410
  89. package/lib/dist/tokens/tokens-high-desert-light.css +879 -326
  90. package/lib/dist/tokens/tokens-melon-dark.css +963 -410
  91. package/lib/dist/tokens/tokens-melon-light.css +879 -326
  92. package/lib/dist/tokens/tokens-plum-dark.css +963 -410
  93. package/lib/dist/tokens/tokens-plum-light.css +879 -326
  94. package/lib/dist/tokens/tokens-sunflower-dark.css +963 -410
  95. package/lib/dist/tokens/tokens-sunflower-light.css +879 -326
  96. package/lib/dist/tokens/tokens-tmo-dark.css +963 -410
  97. package/lib/dist/tokens/tokens-tmo-light.css +879 -326
  98. package/lib/dist/tokens/tokens-verdant-haze-dark.css +963 -410
  99. package/lib/dist/tokens/tokens-verdant-haze-light.css +879 -326
  100. package/lib/dist/tokens-docs.json +1 -1
  101. package/package.json +2 -2
@@ -882,251 +882,174 @@
882
882
  --dt-typography-body-md-line-height: var(--dt-font-line-height-400); /* Base default medium text style for main content. */
883
883
  --dt-typography-body-md-font-weight: var(--dt-font-weight-normal); /* Base default medium text style for main content. */
884
884
  --dt-typography-body-md-font-family: var(--dt-font-family-body); /* Base default medium text style for main content. */
885
- --dt-color-chart-sequential-10-selected-h: var(--dt-color-indigo-1000-h);
886
- --dt-color-chart-sequential-10-selected-s: var(--dt-color-indigo-1000-s);
887
- --dt-color-chart-sequential-10-selected-l: var(--dt-color-indigo-1000-l);
888
- --dt-color-chart-sequential-10-selected-a: var(--dt-color-indigo-1000-a);
889
- --dt-color-chart-sequential-10-selected-hsl: var(--dt-color-indigo-1000-hsl);
890
- --dt-color-chart-sequential-10-selected-hsla: var(--dt-color-indigo-1000-hsla);
891
- --dt-color-chart-sequential-10-selected: var(--dt-color-indigo-1000); /* Selected state for tenth sequential chart color. */
892
- --dt-color-chart-sequential-10-hover-h: var(--dt-color-indigo-1000-h);
893
- --dt-color-chart-sequential-10-hover-s: var(--dt-color-indigo-1000-s);
894
- --dt-color-chart-sequential-10-hover-l: var(--dt-color-indigo-1000-l);
895
- --dt-color-chart-sequential-10-hover-a: var(--dt-color-indigo-1000-a);
896
- --dt-color-chart-sequential-10-hover-hsl: var(--dt-color-indigo-1000-hsl);
897
- --dt-color-chart-sequential-10-hover-hsla: var(--dt-color-indigo-1000-hsla);
898
- --dt-color-chart-sequential-10-hover: var(--dt-color-indigo-1000); /* Hover state for tenth sequential chart color. */
899
- --dt-color-chart-sequential-09-selected-h: var(--dt-color-indigo-1000-h);
900
- --dt-color-chart-sequential-09-selected-s: var(--dt-color-indigo-1000-s);
901
- --dt-color-chart-sequential-09-selected-l: var(--dt-color-indigo-1000-l);
902
- --dt-color-chart-sequential-09-selected-a: var(--dt-color-indigo-1000-a);
903
- --dt-color-chart-sequential-09-selected-hsl: var(--dt-color-indigo-1000-hsl);
904
- --dt-color-chart-sequential-09-selected-hsla: var(--dt-color-indigo-1000-hsla);
905
- --dt-color-chart-sequential-09-selected: var(--dt-color-indigo-1000); /* Selected state for ninth sequential chart color. */
906
- --dt-color-chart-sequential-09-hover-h: var(--dt-color-indigo-950-h);
907
- --dt-color-chart-sequential-09-hover-s: var(--dt-color-indigo-950-s);
908
- --dt-color-chart-sequential-09-hover-l: var(--dt-color-indigo-950-l);
909
- --dt-color-chart-sequential-09-hover-a: var(--dt-color-indigo-950-a);
910
- --dt-color-chart-sequential-09-hover-hsl: var(--dt-color-indigo-950-hsl);
911
- --dt-color-chart-sequential-09-hover-hsla: var(--dt-color-indigo-950-hsla);
912
- --dt-color-chart-sequential-09-hover: var(--dt-color-indigo-950); /* Hover state for ninth sequential chart color. */
913
- --dt-color-chart-sequential-09-h: var(--dt-color-indigo-900-h);
914
- --dt-color-chart-sequential-09-s: var(--dt-color-indigo-900-s);
915
- --dt-color-chart-sequential-09-l: var(--dt-color-indigo-900-l);
916
- --dt-color-chart-sequential-09-a: var(--dt-color-indigo-900-a);
917
- --dt-color-chart-sequential-09-hsl: var(--dt-color-indigo-900-hsl);
918
- --dt-color-chart-sequential-09-hsla: var(--dt-color-indigo-900-hsla);
919
- --dt-color-chart-sequential-09: var(--dt-color-indigo-900); /* Ninth color in sequential chart series, extremely dark shade. */
920
- --dt-color-chart-sequential-08-selected-h: var(--dt-color-indigo-950-h);
921
- --dt-color-chart-sequential-08-selected-s: var(--dt-color-indigo-950-s);
922
- --dt-color-chart-sequential-08-selected-l: var(--dt-color-indigo-950-l);
923
- --dt-color-chart-sequential-08-selected-a: var(--dt-color-indigo-950-a);
924
- --dt-color-chart-sequential-08-selected-hsl: var(--dt-color-indigo-950-hsl);
925
- --dt-color-chart-sequential-08-selected-hsla: var(--dt-color-indigo-950-hsla);
926
- --dt-color-chart-sequential-08-selected: var(--dt-color-indigo-950); /* Selected state for eighth sequential chart color. */
927
- --dt-color-chart-sequential-08-hover-h: var(--dt-color-indigo-900-h);
928
- --dt-color-chart-sequential-08-hover-s: var(--dt-color-indigo-900-s);
929
- --dt-color-chart-sequential-08-hover-l: var(--dt-color-indigo-900-l);
930
- --dt-color-chart-sequential-08-hover-a: var(--dt-color-indigo-900-a);
931
- --dt-color-chart-sequential-08-hover-hsl: var(--dt-color-indigo-900-hsl);
932
- --dt-color-chart-sequential-08-hover-hsla: var(--dt-color-indigo-900-hsla);
933
- --dt-color-chart-sequential-08-hover: var(--dt-color-indigo-900); /* Hover state for eighth sequential chart color. */
934
- --dt-color-chart-sequential-08-h: var(--dt-color-indigo-800-h);
935
- --dt-color-chart-sequential-08-s: var(--dt-color-indigo-800-s);
936
- --dt-color-chart-sequential-08-l: var(--dt-color-indigo-800-l);
937
- --dt-color-chart-sequential-08-a: var(--dt-color-indigo-800-a);
938
- --dt-color-chart-sequential-08-hsl: var(--dt-color-indigo-800-hsl);
939
- --dt-color-chart-sequential-08-hsla: var(--dt-color-indigo-800-hsla);
940
- --dt-color-chart-sequential-08: var(--dt-color-indigo-800); /* Eighth color in sequential chart series, very dark shade. */
941
- --dt-color-chart-sequential-07-selected-h: var(--dt-color-indigo-1000-h);
942
- --dt-color-chart-sequential-07-selected-s: var(--dt-color-indigo-1000-s);
943
- --dt-color-chart-sequential-07-selected-l: var(--dt-color-indigo-1000-l);
944
- --dt-color-chart-sequential-07-selected-a: var(--dt-color-indigo-1000-a);
945
- --dt-color-chart-sequential-07-selected-hsl: var(--dt-color-indigo-1000-hsl);
946
- --dt-color-chart-sequential-07-selected-hsla: var(--dt-color-indigo-1000-hsla);
947
- --dt-color-chart-sequential-07-selected: var(--dt-color-indigo-1000); /* Selected state for seventh sequential chart color. */
948
- --dt-color-chart-sequential-07-hover-h: var(--dt-color-indigo-800-h);
949
- --dt-color-chart-sequential-07-hover-s: var(--dt-color-indigo-800-s);
950
- --dt-color-chart-sequential-07-hover-l: var(--dt-color-indigo-800-l);
951
- --dt-color-chart-sequential-07-hover-a: var(--dt-color-indigo-800-a);
952
- --dt-color-chart-sequential-07-hover-hsl: var(--dt-color-indigo-800-hsl);
953
- --dt-color-chart-sequential-07-hover-hsla: var(--dt-color-indigo-800-hsla);
954
- --dt-color-chart-sequential-07-hover: var(--dt-color-indigo-800); /* Hover state for seventh sequential chart color. */
955
- --dt-color-chart-sequential-07-h: var(--dt-color-indigo-700-h);
956
- --dt-color-chart-sequential-07-s: var(--dt-color-indigo-700-s);
957
- --dt-color-chart-sequential-07-l: var(--dt-color-indigo-700-l);
958
- --dt-color-chart-sequential-07-a: var(--dt-color-indigo-700-a);
959
- --dt-color-chart-sequential-07-hsl: var(--dt-color-indigo-700-hsl);
960
- --dt-color-chart-sequential-07-hsla: var(--dt-color-indigo-700-hsla);
961
- --dt-color-chart-sequential-07: var(--dt-color-indigo-700); /* Seventh color in sequential chart series, dark shade. */
962
- --dt-color-chart-sequential-06-selected-h: var(--dt-color-indigo-950-h);
963
- --dt-color-chart-sequential-06-selected-s: var(--dt-color-indigo-950-s);
964
- --dt-color-chart-sequential-06-selected-l: var(--dt-color-indigo-950-l);
965
- --dt-color-chart-sequential-06-selected-a: var(--dt-color-indigo-950-a);
966
- --dt-color-chart-sequential-06-selected-hsl: var(--dt-color-indigo-950-hsl);
967
- --dt-color-chart-sequential-06-selected-hsla: var(--dt-color-indigo-950-hsla);
968
- --dt-color-chart-sequential-06-selected: var(--dt-color-indigo-950); /* Selected state for sixth sequential chart color. */
969
- --dt-color-chart-sequential-06-hover-h: var(--dt-color-indigo-700-h);
970
- --dt-color-chart-sequential-06-hover-s: var(--dt-color-indigo-700-s);
971
- --dt-color-chart-sequential-06-hover-l: var(--dt-color-indigo-700-l);
972
- --dt-color-chart-sequential-06-hover-a: var(--dt-color-indigo-700-a);
973
- --dt-color-chart-sequential-06-hover-hsl: var(--dt-color-indigo-700-hsl);
974
- --dt-color-chart-sequential-06-hover-hsla: var(--dt-color-indigo-700-hsla);
975
- --dt-color-chart-sequential-06-hover: var(--dt-color-indigo-700); /* Hover state for sixth sequential chart color. */
976
- --dt-color-chart-sequential-06-h: var(--dt-color-indigo-600-h);
977
- --dt-color-chart-sequential-06-s: var(--dt-color-indigo-600-s);
978
- --dt-color-chart-sequential-06-l: var(--dt-color-indigo-600-l);
979
- --dt-color-chart-sequential-06-a: var(--dt-color-indigo-600-a);
980
- --dt-color-chart-sequential-06-hsl: var(--dt-color-indigo-600-hsl);
981
- --dt-color-chart-sequential-06-hsla: var(--dt-color-indigo-600-hsla);
982
- --dt-color-chart-sequential-06: var(--dt-color-indigo-600); /* Sixth color in sequential chart series, medium-dark shade. */
983
- --dt-color-chart-sequential-05-selected-h: var(--dt-color-indigo-800-h);
984
- --dt-color-chart-sequential-05-selected-s: var(--dt-color-indigo-800-s);
985
- --dt-color-chart-sequential-05-selected-l: var(--dt-color-indigo-800-l);
986
- --dt-color-chart-sequential-05-selected-a: var(--dt-color-indigo-800-a);
987
- --dt-color-chart-sequential-05-selected-hsl: var(--dt-color-indigo-800-hsl);
988
- --dt-color-chart-sequential-05-selected-hsla: var(--dt-color-indigo-800-hsla);
989
- --dt-color-chart-sequential-05-selected: var(--dt-color-indigo-800); /* Selected state for fifth sequential chart color. */
990
- --dt-color-chart-sequential-05-hover-h: var(--dt-color-indigo-600-h);
991
- --dt-color-chart-sequential-05-hover-s: var(--dt-color-indigo-600-s);
992
- --dt-color-chart-sequential-05-hover-l: var(--dt-color-indigo-600-l);
993
- --dt-color-chart-sequential-05-hover-a: var(--dt-color-indigo-600-a);
994
- --dt-color-chart-sequential-05-hover-hsl: var(--dt-color-indigo-600-hsl);
995
- --dt-color-chart-sequential-05-hover-hsla: var(--dt-color-indigo-600-hsla);
996
- --dt-color-chart-sequential-05-hover: var(--dt-color-indigo-600); /* Hover state for fifth sequential chart color. */
997
- --dt-color-chart-sequential-05-h: var(--dt-color-indigo-500-h);
998
- --dt-color-chart-sequential-05-s: var(--dt-color-indigo-500-s);
999
- --dt-color-chart-sequential-05-l: var(--dt-color-indigo-500-l);
1000
- --dt-color-chart-sequential-05-a: var(--dt-color-indigo-500-a);
1001
- --dt-color-chart-sequential-05-hsl: var(--dt-color-indigo-500-hsl);
1002
- --dt-color-chart-sequential-05-hsla: var(--dt-color-indigo-500-hsla);
1003
- --dt-color-chart-sequential-05: var(--dt-color-indigo-500); /* Fifth color in sequential chart series, medium shade. */
1004
- --dt-color-chart-sequential-04-selected-h: var(--dt-color-indigo-700-h);
1005
- --dt-color-chart-sequential-04-selected-s: var(--dt-color-indigo-700-s);
1006
- --dt-color-chart-sequential-04-selected-l: var(--dt-color-indigo-700-l);
1007
- --dt-color-chart-sequential-04-selected-a: var(--dt-color-indigo-700-a);
1008
- --dt-color-chart-sequential-04-selected-hsl: var(--dt-color-indigo-700-hsl);
1009
- --dt-color-chart-sequential-04-selected-hsla: var(--dt-color-indigo-700-hsla);
1010
- --dt-color-chart-sequential-04-selected: var(--dt-color-indigo-700); /* Selected state for fourth sequential chart color. */
1011
- --dt-color-chart-sequential-04-hover-h: var(--dt-color-indigo-500-h);
1012
- --dt-color-chart-sequential-04-hover-s: var(--dt-color-indigo-500-s);
1013
- --dt-color-chart-sequential-04-hover-l: var(--dt-color-indigo-500-l);
1014
- --dt-color-chart-sequential-04-hover-a: var(--dt-color-indigo-500-a);
1015
- --dt-color-chart-sequential-04-hover-hsl: var(--dt-color-indigo-500-hsl);
1016
- --dt-color-chart-sequential-04-hover-hsla: var(--dt-color-indigo-500-hsla);
1017
- --dt-color-chart-sequential-04-hover: var(--dt-color-indigo-500); /* Hover state for fourth sequential chart color. */
1018
- --dt-color-chart-sequential-04-h: var(--dt-color-indigo-400-h);
1019
- --dt-color-chart-sequential-04-s: var(--dt-color-indigo-400-s);
1020
- --dt-color-chart-sequential-04-l: var(--dt-color-indigo-400-l);
1021
- --dt-color-chart-sequential-04-a: var(--dt-color-indigo-400-a);
1022
- --dt-color-chart-sequential-04-hsl: var(--dt-color-indigo-400-hsl);
1023
- --dt-color-chart-sequential-04-hsla: var(--dt-color-indigo-400-hsla);
1024
- --dt-color-chart-sequential-04: var(--dt-color-indigo-400); /* Fourth color in sequential chart series, light-medium shade. */
1025
- --dt-color-chart-sequential-03-selected-h: var(--dt-color-indigo-600-h);
1026
- --dt-color-chart-sequential-03-selected-s: var(--dt-color-indigo-600-s);
1027
- --dt-color-chart-sequential-03-selected-l: var(--dt-color-indigo-600-l);
1028
- --dt-color-chart-sequential-03-selected-a: var(--dt-color-indigo-600-a);
1029
- --dt-color-chart-sequential-03-selected-hsl: var(--dt-color-indigo-600-hsl);
1030
- --dt-color-chart-sequential-03-selected-hsla: var(--dt-color-indigo-600-hsla);
1031
- --dt-color-chart-sequential-03-selected: var(--dt-color-indigo-600); /* Selected state for third sequential chart color. */
1032
- --dt-color-chart-sequential-03-hover-h: var(--dt-color-indigo-400-h);
1033
- --dt-color-chart-sequential-03-hover-s: var(--dt-color-indigo-400-s);
1034
- --dt-color-chart-sequential-03-hover-l: var(--dt-color-indigo-400-l);
1035
- --dt-color-chart-sequential-03-hover-a: var(--dt-color-indigo-400-a);
1036
- --dt-color-chart-sequential-03-hover-hsl: var(--dt-color-indigo-400-hsl);
1037
- --dt-color-chart-sequential-03-hover-hsla: var(--dt-color-indigo-400-hsla);
1038
- --dt-color-chart-sequential-03-hover: var(--dt-color-indigo-400); /* Hover state for third sequential chart color. */
1039
- --dt-color-chart-sequential-03-h: var(--dt-color-indigo-300-h);
1040
- --dt-color-chart-sequential-03-s: var(--dt-color-indigo-300-s);
1041
- --dt-color-chart-sequential-03-l: var(--dt-color-indigo-300-l);
1042
- --dt-color-chart-sequential-03-a: var(--dt-color-indigo-300-a);
1043
- --dt-color-chart-sequential-03-hsl: var(--dt-color-indigo-300-hsl);
1044
- --dt-color-chart-sequential-03-hsla: var(--dt-color-indigo-300-hsla);
1045
- --dt-color-chart-sequential-03: var(--dt-color-indigo-300); /* Third color in sequential chart series, light shade. */
1046
- --dt-color-chart-sequential-02-selected-h: var(--dt-color-indigo-500-h);
1047
- --dt-color-chart-sequential-02-selected-s: var(--dt-color-indigo-500-s);
1048
- --dt-color-chart-sequential-02-selected-l: var(--dt-color-indigo-500-l);
1049
- --dt-color-chart-sequential-02-selected-a: var(--dt-color-indigo-500-a);
1050
- --dt-color-chart-sequential-02-selected-hsl: var(--dt-color-indigo-500-hsl);
1051
- --dt-color-chart-sequential-02-selected-hsla: var(--dt-color-indigo-500-hsla);
1052
- --dt-color-chart-sequential-02-selected: var(--dt-color-indigo-500); /* Selected state for second sequential chart color. */
1053
- --dt-color-chart-sequential-02-hover-h: var(--dt-color-indigo-300-h);
1054
- --dt-color-chart-sequential-02-hover-s: var(--dt-color-indigo-300-s);
1055
- --dt-color-chart-sequential-02-hover-l: var(--dt-color-indigo-300-l);
1056
- --dt-color-chart-sequential-02-hover-a: var(--dt-color-indigo-300-a);
1057
- --dt-color-chart-sequential-02-hover-hsl: var(--dt-color-indigo-300-hsl);
1058
- --dt-color-chart-sequential-02-hover-hsla: var(--dt-color-indigo-300-hsla);
1059
- --dt-color-chart-sequential-02-hover: var(--dt-color-indigo-300); /* Hover state for second sequential chart color. */
1060
- --dt-color-chart-sequential-02-h: var(--dt-color-indigo-200-h);
1061
- --dt-color-chart-sequential-02-s: var(--dt-color-indigo-200-s);
1062
- --dt-color-chart-sequential-02-l: var(--dt-color-indigo-200-l);
1063
- --dt-color-chart-sequential-02-a: var(--dt-color-indigo-200-a);
1064
- --dt-color-chart-sequential-02-hsl: var(--dt-color-indigo-200-hsl);
1065
- --dt-color-chart-sequential-02-hsla: var(--dt-color-indigo-200-hsla);
1066
- --dt-color-chart-sequential-02: var(--dt-color-indigo-200); /* Second color in sequential chart series, very light shade. */
1067
- --dt-color-chart-sequential-01-selected-h: var(--dt-color-indigo-400-h);
1068
- --dt-color-chart-sequential-01-selected-s: var(--dt-color-indigo-400-s);
1069
- --dt-color-chart-sequential-01-selected-l: var(--dt-color-indigo-400-l);
1070
- --dt-color-chart-sequential-01-selected-a: var(--dt-color-indigo-400-a);
1071
- --dt-color-chart-sequential-01-selected-hsl: var(--dt-color-indigo-400-hsl);
1072
- --dt-color-chart-sequential-01-selected-hsla: var(--dt-color-indigo-400-hsla);
1073
- --dt-color-chart-sequential-01-selected: var(--dt-color-indigo-400); /* Selected state for first sequential chart color. */
1074
- --dt-color-chart-sequential-01-hover-h: var(--dt-color-indigo-200-h);
1075
- --dt-color-chart-sequential-01-hover-s: var(--dt-color-indigo-200-s);
1076
- --dt-color-chart-sequential-01-hover-l: var(--dt-color-indigo-200-l);
1077
- --dt-color-chart-sequential-01-hover-a: var(--dt-color-indigo-200-a);
1078
- --dt-color-chart-sequential-01-hover-hsl: var(--dt-color-indigo-200-hsl);
1079
- --dt-color-chart-sequential-01-hover-hsla: var(--dt-color-indigo-200-hsla);
1080
- --dt-color-chart-sequential-01-hover: var(--dt-color-indigo-200); /* Hover state for first sequential chart color. */
885
+ --dt-color-chart-sequential-range-10-end-h: var(--dt-color-teal-900-h);
886
+ --dt-color-chart-sequential-range-10-end-s: var(--dt-color-teal-900-s);
887
+ --dt-color-chart-sequential-range-10-end-l: var(--dt-color-teal-900-l);
888
+ --dt-color-chart-sequential-range-10-end-a: var(--dt-color-teal-900-a);
889
+ --dt-color-chart-sequential-range-10-end-hsl: var(--dt-color-teal-900-hsl);
890
+ --dt-color-chart-sequential-range-10-end-hsla: var(--dt-color-teal-900-hsla);
891
+ --dt-color-chart-sequential-range-10-end: var(--dt-color-teal-900); /* End color for tenth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
892
+ --dt-color-chart-sequential-range-10-start-h: var(--dt-color-teal-100-h);
893
+ --dt-color-chart-sequential-range-10-start-s: var(--dt-color-teal-100-s);
894
+ --dt-color-chart-sequential-range-10-start-l: var(--dt-color-teal-100-l);
895
+ --dt-color-chart-sequential-range-10-start-a: var(--dt-color-teal-100-a);
896
+ --dt-color-chart-sequential-range-10-start-hsl: var(--dt-color-teal-100-hsl);
897
+ --dt-color-chart-sequential-range-10-start-hsla: var(--dt-color-teal-100-hsla);
898
+ --dt-color-chart-sequential-range-10-start: var(--dt-color-teal-100); /* Start color for tenth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
899
+ --dt-color-chart-sequential-range-09-end-h: var(--dt-color-red-700-h);
900
+ --dt-color-chart-sequential-range-09-end-s: var(--dt-color-red-700-s);
901
+ --dt-color-chart-sequential-range-09-end-l: var(--dt-color-red-700-l);
902
+ --dt-color-chart-sequential-range-09-end-a: var(--dt-color-red-700-a);
903
+ --dt-color-chart-sequential-range-09-end-hsl: var(--dt-color-red-700-hsl);
904
+ --dt-color-chart-sequential-range-09-end-hsla: var(--dt-color-red-700-hsla);
905
+ --dt-color-chart-sequential-range-09-end: var(--dt-color-red-700); /* End color for ninth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
906
+ --dt-color-chart-sequential-range-09-start-h: var(--dt-color-red-100-h);
907
+ --dt-color-chart-sequential-range-09-start-s: var(--dt-color-red-100-s);
908
+ --dt-color-chart-sequential-range-09-start-l: var(--dt-color-red-100-l);
909
+ --dt-color-chart-sequential-range-09-start-a: var(--dt-color-red-100-a);
910
+ --dt-color-chart-sequential-range-09-start-hsl: var(--dt-color-red-100-hsl);
911
+ --dt-color-chart-sequential-range-09-start-hsla: var(--dt-color-red-100-hsla);
912
+ --dt-color-chart-sequential-range-09-start: var(--dt-color-red-100); /* Start color for ninth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
913
+ --dt-color-chart-sequential-range-08-end-h: var(--dt-color-olive-900-h);
914
+ --dt-color-chart-sequential-range-08-end-s: var(--dt-color-olive-900-s);
915
+ --dt-color-chart-sequential-range-08-end-l: var(--dt-color-olive-900-l);
916
+ --dt-color-chart-sequential-range-08-end-a: var(--dt-color-olive-900-a);
917
+ --dt-color-chart-sequential-range-08-end-hsl: var(--dt-color-olive-900-hsl);
918
+ --dt-color-chart-sequential-range-08-end-hsla: var(--dt-color-olive-900-hsla);
919
+ --dt-color-chart-sequential-range-08-end: var(--dt-color-olive-900); /* End color for eighth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
920
+ --dt-color-chart-sequential-range-08-start-h: var(--dt-color-olive-100-h);
921
+ --dt-color-chart-sequential-range-08-start-s: var(--dt-color-olive-100-s);
922
+ --dt-color-chart-sequential-range-08-start-l: var(--dt-color-olive-100-l);
923
+ --dt-color-chart-sequential-range-08-start-a: var(--dt-color-olive-100-a);
924
+ --dt-color-chart-sequential-range-08-start-hsl: var(--dt-color-olive-100-hsl);
925
+ --dt-color-chart-sequential-range-08-start-hsla: var(--dt-color-olive-100-hsla);
926
+ --dt-color-chart-sequential-range-08-start: var(--dt-color-olive-100); /* Start color for eighth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
927
+ --dt-color-chart-sequential-range-07-end-h: var(--dt-color-coral-900-h);
928
+ --dt-color-chart-sequential-range-07-end-s: var(--dt-color-coral-900-s);
929
+ --dt-color-chart-sequential-range-07-end-l: var(--dt-color-coral-900-l);
930
+ --dt-color-chart-sequential-range-07-end-a: var(--dt-color-coral-900-a);
931
+ --dt-color-chart-sequential-range-07-end-hsl: var(--dt-color-coral-900-hsl);
932
+ --dt-color-chart-sequential-range-07-end-hsla: var(--dt-color-coral-900-hsla);
933
+ --dt-color-chart-sequential-range-07-end: var(--dt-color-coral-900); /* End color for seventh sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
934
+ --dt-color-chart-sequential-range-07-start-h: var(--dt-color-coral-100-h);
935
+ --dt-color-chart-sequential-range-07-start-s: var(--dt-color-coral-100-s);
936
+ --dt-color-chart-sequential-range-07-start-l: var(--dt-color-coral-100-l);
937
+ --dt-color-chart-sequential-range-07-start-a: var(--dt-color-coral-100-a);
938
+ --dt-color-chart-sequential-range-07-start-hsl: var(--dt-color-coral-100-hsl);
939
+ --dt-color-chart-sequential-range-07-start-hsla: var(--dt-color-coral-100-hsla);
940
+ --dt-color-chart-sequential-range-07-start: var(--dt-color-coral-100); /* Start color for seventh sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
941
+ --dt-color-chart-sequential-range-06-end-h: var(--dt-color-berry-900-h);
942
+ --dt-color-chart-sequential-range-06-end-s: var(--dt-color-berry-900-s);
943
+ --dt-color-chart-sequential-range-06-end-l: var(--dt-color-berry-900-l);
944
+ --dt-color-chart-sequential-range-06-end-a: var(--dt-color-berry-900-a);
945
+ --dt-color-chart-sequential-range-06-end-hsl: var(--dt-color-berry-900-hsl);
946
+ --dt-color-chart-sequential-range-06-end-hsla: var(--dt-color-berry-900-hsla);
947
+ --dt-color-chart-sequential-range-06-end: var(--dt-color-berry-900); /* End color for sixth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
948
+ --dt-color-chart-sequential-range-06-start-h: var(--dt-color-berry-100-h);
949
+ --dt-color-chart-sequential-range-06-start-s: var(--dt-color-berry-100-s);
950
+ --dt-color-chart-sequential-range-06-start-l: var(--dt-color-berry-100-l);
951
+ --dt-color-chart-sequential-range-06-start-a: var(--dt-color-berry-100-a);
952
+ --dt-color-chart-sequential-range-06-start-hsl: var(--dt-color-berry-100-hsl);
953
+ --dt-color-chart-sequential-range-06-start-hsla: var(--dt-color-berry-100-hsla);
954
+ --dt-color-chart-sequential-range-06-start: var(--dt-color-berry-100); /* Start color for sixth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
955
+ --dt-color-chart-sequential-range-05-end-h: var(--dt-color-green-600-h);
956
+ --dt-color-chart-sequential-range-05-end-s: var(--dt-color-green-600-s);
957
+ --dt-color-chart-sequential-range-05-end-l: var(--dt-color-green-600-l);
958
+ --dt-color-chart-sequential-range-05-end-a: var(--dt-color-green-600-a);
959
+ --dt-color-chart-sequential-range-05-end-hsl: var(--dt-color-green-600-hsl);
960
+ --dt-color-chart-sequential-range-05-end-hsla: var(--dt-color-green-600-hsla);
961
+ --dt-color-chart-sequential-range-05-end: var(--dt-color-green-600); /* End color for fifth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
962
+ --dt-color-chart-sequential-range-05-start-h: var(--dt-color-green-100-h);
963
+ --dt-color-chart-sequential-range-05-start-s: var(--dt-color-green-100-s);
964
+ --dt-color-chart-sequential-range-05-start-l: var(--dt-color-green-100-l);
965
+ --dt-color-chart-sequential-range-05-start-a: var(--dt-color-green-100-a);
966
+ --dt-color-chart-sequential-range-05-start-hsl: var(--dt-color-green-100-hsl);
967
+ --dt-color-chart-sequential-range-05-start-hsla: var(--dt-color-green-100-hsla);
968
+ --dt-color-chart-sequential-range-05-start: var(--dt-color-green-100); /* Start color for fifth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
969
+ --dt-color-chart-sequential-range-04-end-h: var(--dt-color-gold-600-h);
970
+ --dt-color-chart-sequential-range-04-end-s: var(--dt-color-gold-600-s);
971
+ --dt-color-chart-sequential-range-04-end-l: var(--dt-color-gold-600-l);
972
+ --dt-color-chart-sequential-range-04-end-a: var(--dt-color-gold-600-a);
973
+ --dt-color-chart-sequential-range-04-end-hsl: var(--dt-color-gold-600-hsl);
974
+ --dt-color-chart-sequential-range-04-end-hsla: var(--dt-color-gold-600-hsla);
975
+ --dt-color-chart-sequential-range-04-end: var(--dt-color-gold-600); /* End color for fourth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
976
+ --dt-color-chart-sequential-range-04-start-h: var(--dt-color-gold-50-h);
977
+ --dt-color-chart-sequential-range-04-start-s: var(--dt-color-gold-50-s);
978
+ --dt-color-chart-sequential-range-04-start-l: var(--dt-color-gold-50-l);
979
+ --dt-color-chart-sequential-range-04-start-a: var(--dt-color-gold-50-a);
980
+ --dt-color-chart-sequential-range-04-start-hsl: var(--dt-color-gold-50-hsl);
981
+ --dt-color-chart-sequential-range-04-start-hsla: var(--dt-color-gold-50-hsla);
982
+ --dt-color-chart-sequential-range-04-start: var(--dt-color-gold-50); /* Start color for fourth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
983
+ --dt-color-chart-sequential-range-03-end-h: var(--dt-color-blue-600-h);
984
+ --dt-color-chart-sequential-range-03-end-s: var(--dt-color-blue-600-s);
985
+ --dt-color-chart-sequential-range-03-end-l: var(--dt-color-blue-600-l);
986
+ --dt-color-chart-sequential-range-03-end-a: var(--dt-color-blue-600-a);
987
+ --dt-color-chart-sequential-range-03-end-hsl: var(--dt-color-blue-600-hsl);
988
+ --dt-color-chart-sequential-range-03-end-hsla: var(--dt-color-blue-600-hsla);
989
+ --dt-color-chart-sequential-range-03-end: var(--dt-color-blue-600); /* End color for third sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
990
+ --dt-color-chart-sequential-range-03-start-h: var(--dt-color-blue-100-h);
991
+ --dt-color-chart-sequential-range-03-start-s: var(--dt-color-blue-100-s);
992
+ --dt-color-chart-sequential-range-03-start-l: var(--dt-color-blue-100-l);
993
+ --dt-color-chart-sequential-range-03-start-a: var(--dt-color-blue-100-a);
994
+ --dt-color-chart-sequential-range-03-start-hsl: var(--dt-color-blue-100-hsl);
995
+ --dt-color-chart-sequential-range-03-start-hsla: var(--dt-color-blue-100-hsla);
996
+ --dt-color-chart-sequential-range-03-start: var(--dt-color-blue-100); /* Start color for third sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
997
+ --dt-color-chart-sequential-range-02-end-h: var(--dt-color-magenta-600-h);
998
+ --dt-color-chart-sequential-range-02-end-s: var(--dt-color-magenta-600-s);
999
+ --dt-color-chart-sequential-range-02-end-l: var(--dt-color-magenta-600-l);
1000
+ --dt-color-chart-sequential-range-02-end-a: var(--dt-color-magenta-600-a);
1001
+ --dt-color-chart-sequential-range-02-end-hsl: var(--dt-color-magenta-600-hsl);
1002
+ --dt-color-chart-sequential-range-02-end-hsla: var(--dt-color-magenta-600-hsla);
1003
+ --dt-color-chart-sequential-range-02-end: var(--dt-color-magenta-600); /* End color for second sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
1004
+ --dt-color-chart-sequential-range-02-start-h: var(--dt-color-magenta-100-h);
1005
+ --dt-color-chart-sequential-range-02-start-s: var(--dt-color-magenta-100-s);
1006
+ --dt-color-chart-sequential-range-02-start-l: var(--dt-color-magenta-100-l);
1007
+ --dt-color-chart-sequential-range-02-start-a: var(--dt-color-magenta-100-a);
1008
+ --dt-color-chart-sequential-range-02-start-hsl: var(--dt-color-magenta-100-hsl);
1009
+ --dt-color-chart-sequential-range-02-start-hsla: var(--dt-color-magenta-100-hsla);
1010
+ --dt-color-chart-sequential-range-02-start: var(--dt-color-magenta-100); /* Start color for second sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
1011
+ --dt-color-chart-sequential-range-01-end-h: var(--dt-color-purple-550-h);
1012
+ --dt-color-chart-sequential-range-01-end-s: var(--dt-color-purple-550-s);
1013
+ --dt-color-chart-sequential-range-01-end-l: var(--dt-color-purple-550-l);
1014
+ --dt-color-chart-sequential-range-01-end-a: var(--dt-color-purple-550-a);
1015
+ --dt-color-chart-sequential-range-01-end-hsl: var(--dt-color-purple-550-hsl);
1016
+ --dt-color-chart-sequential-range-01-end-hsla: var(--dt-color-purple-550-hsla);
1017
+ --dt-color-chart-sequential-range-01-end: var(--dt-color-purple-550); /* Ending color for first sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
1018
+ --dt-color-chart-sequential-range-01-start-h: var(--dt-color-purple-100-h);
1019
+ --dt-color-chart-sequential-range-01-start-s: var(--dt-color-purple-100-s);
1020
+ --dt-color-chart-sequential-range-01-start-l: var(--dt-color-purple-100-l);
1021
+ --dt-color-chart-sequential-range-01-start-a: var(--dt-color-purple-100-a);
1022
+ --dt-color-chart-sequential-range-01-start-hsl: var(--dt-color-purple-100-hsl);
1023
+ --dt-color-chart-sequential-range-01-start-hsla: var(--dt-color-purple-100-hsla);
1024
+ --dt-color-chart-sequential-range-01-start: var(--dt-color-purple-100); /* Start color value for first sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
1081
1025
  --dt-color-chart-sequential-01-h: var(--dt-color-indigo-100-h);
1082
1026
  --dt-color-chart-sequential-01-s: var(--dt-color-indigo-100-s);
1083
1027
  --dt-color-chart-sequential-01-l: var(--dt-color-indigo-100-l);
1084
1028
  --dt-color-chart-sequential-01-a: var(--dt-color-indigo-100-a);
1085
1029
  --dt-color-chart-sequential-01-hsl: var(--dt-color-indigo-100-hsl);
1086
1030
  --dt-color-chart-sequential-01-hsla: var(--dt-color-indigo-100-hsla);
1087
- --dt-color-chart-sequential-01: var(--dt-color-indigo-100); /* First color in sequential chart series, lightest shade. */
1088
- --dt-color-chart-sequential-10-h: var(--dt-color-indigo-950-h);
1089
- --dt-color-chart-sequential-10-s: var(--dt-color-indigo-950-s);
1090
- --dt-color-chart-sequential-10-l: var(--dt-color-indigo-950-l);
1091
- --dt-color-chart-sequential-10-a: var(--dt-color-indigo-950-a);
1092
- --dt-color-chart-sequential-10-hsl: var(--dt-color-indigo-950-hsl);
1093
- --dt-color-chart-sequential-10-hsla: var(--dt-color-indigo-950-hsla);
1094
- --dt-color-chart-sequential-10: var(--dt-color-indigo-950); /* Tenth color in sequential chart series, darkest shade. */
1095
- --dt-color-chart-brand-selected-h: var(--dt-color-purple-550-h);
1096
- --dt-color-chart-brand-selected-s: var(--dt-color-purple-550-s);
1097
- --dt-color-chart-brand-selected-l: var(--dt-color-purple-550-l);
1098
- --dt-color-chart-brand-selected-a: var(--dt-color-purple-550-a);
1099
- --dt-color-chart-brand-selected-hsl: var(--dt-color-purple-550-hsl);
1100
- --dt-color-chart-brand-selected-hsla: var(--dt-color-purple-550-hsla);
1101
- --dt-color-chart-brand-selected: var(--dt-color-purple-550); /* Selected state for brand chart elements. */
1102
- --dt-color-chart-brand-hover-h: var(--dt-color-purple-450-h);
1103
- --dt-color-chart-brand-hover-s: var(--dt-color-purple-450-s);
1104
- --dt-color-chart-brand-hover-l: var(--dt-color-purple-450-l);
1105
- --dt-color-chart-brand-hover-a: var(--dt-color-purple-450-a);
1106
- --dt-color-chart-brand-hover-hsl: var(--dt-color-purple-450-hsl);
1107
- --dt-color-chart-brand-hover-hsla: var(--dt-color-purple-450-hsla);
1108
- --dt-color-chart-brand-hover: var(--dt-color-purple-450); /* Hover state for brand chart elements. */
1109
- --dt-color-chart-brand-h: var(--dt-color-purple-400-h);
1110
- --dt-color-chart-brand-s: var(--dt-color-purple-400-s);
1111
- --dt-color-chart-brand-l: var(--dt-color-purple-400-l);
1112
- --dt-color-chart-brand-a: var(--dt-color-purple-400-a);
1113
- --dt-color-chart-brand-hsl: var(--dt-color-purple-400-hsl);
1114
- --dt-color-chart-brand-hsla: var(--dt-color-purple-400-hsla);
1115
- --dt-color-chart-brand: var(--dt-color-purple-400); /* Used for brand-related data or to highlight company-specific information in charts. */
1116
- --dt-color-chart-info-selected-h: var(--dt-color-blue-600-h);
1117
- --dt-color-chart-info-selected-s: var(--dt-color-blue-600-s);
1118
- --dt-color-chart-info-selected-l: var(--dt-color-blue-600-l);
1119
- --dt-color-chart-info-selected-a: var(--dt-color-blue-600-a);
1120
- --dt-color-chart-info-selected-hsl: var(--dt-color-blue-600-hsl);
1121
- --dt-color-chart-info-selected-hsla: var(--dt-color-blue-600-hsla);
1122
- --dt-color-chart-info-selected: var(--dt-color-blue-600); /* Selected state for info chart elements. */
1123
- --dt-color-chart-info-hover-h: var(--dt-color-blue-475-h);
1124
- --dt-color-chart-info-hover-s: var(--dt-color-blue-475-s);
1125
- --dt-color-chart-info-hover-l: var(--dt-color-blue-475-l);
1126
- --dt-color-chart-info-hover-a: var(--dt-color-blue-475-a);
1127
- --dt-color-chart-info-hover-hsl: var(--dt-color-blue-475-hsl);
1128
- --dt-color-chart-info-hover-hsla: var(--dt-color-blue-475-hsla);
1129
- --dt-color-chart-info-hover: var(--dt-color-blue-475); /* Hover state for info chart elements. */
1031
+ --dt-color-chart-sequential-01: var(--dt-color-indigo-100); /* First color in sequential chart series. */
1032
+ --dt-color-chart-sequential-10-h: var(--dt-color-indigo-900-h);
1033
+ --dt-color-chart-sequential-10-s: var(--dt-color-indigo-900-s);
1034
+ --dt-color-chart-sequential-10-l: var(--dt-color-indigo-900-l);
1035
+ --dt-color-chart-sequential-10-a: var(--dt-color-indigo-900-a);
1036
+ --dt-color-chart-sequential-10-hsl: var(--dt-color-indigo-900-hsl);
1037
+ --dt-color-chart-sequential-10-hsla: var(--dt-color-indigo-900-hsla);
1038
+ --dt-color-chart-sequential-10: var(--dt-color-indigo-900); /* Tenth color in sequential chart series. */
1039
+ --dt-color-chart-info-selected-h: var(--dt-color-blue-500-h);
1040
+ --dt-color-chart-info-selected-s: var(--dt-color-blue-500-s);
1041
+ --dt-color-chart-info-selected-l: var(--dt-color-blue-500-l);
1042
+ --dt-color-chart-info-selected-a: var(--dt-color-blue-500-a);
1043
+ --dt-color-chart-info-selected-hsl: var(--dt-color-blue-500-hsl);
1044
+ --dt-color-chart-info-selected-hsla: var(--dt-color-blue-500-hsla);
1045
+ --dt-color-chart-info-selected: var(--dt-color-blue-500); /* Selected state for info chart elements. */
1046
+ --dt-color-chart-info-hover-h: var(--dt-color-blue-450-h);
1047
+ --dt-color-chart-info-hover-s: var(--dt-color-blue-450-s);
1048
+ --dt-color-chart-info-hover-l: var(--dt-color-blue-450-l);
1049
+ --dt-color-chart-info-hover-a: var(--dt-color-blue-450-a);
1050
+ --dt-color-chart-info-hover-hsl: var(--dt-color-blue-450-hsl);
1051
+ --dt-color-chart-info-hover-hsla: var(--dt-color-blue-450-hsla);
1052
+ --dt-color-chart-info-hover: var(--dt-color-blue-450); /* Hover state for info chart elements. */
1130
1053
  --dt-color-chart-info-h: var(--dt-color-blue-425-h);
1131
1054
  --dt-color-chart-info-s: var(--dt-color-blue-425-s);
1132
1055
  --dt-color-chart-info-l: var(--dt-color-blue-425-l);
@@ -1141,13 +1064,6 @@
1141
1064
  --dt-color-chart-warning-selected-hsl: var(--dt-color-gold-600-hsl);
1142
1065
  --dt-color-chart-warning-selected-hsla: var(--dt-color-gold-600-hsla);
1143
1066
  --dt-color-chart-warning-selected: var(--dt-color-gold-600); /* Selected state for warning chart elements. */
1144
- --dt-color-chart-warning-hover-h: var(--dt-color-gold-500-h);
1145
- --dt-color-chart-warning-hover-s: var(--dt-color-gold-500-s);
1146
- --dt-color-chart-warning-hover-l: var(--dt-color-gold-500-l);
1147
- --dt-color-chart-warning-hover-a: var(--dt-color-gold-500-a);
1148
- --dt-color-chart-warning-hover-hsl: var(--dt-color-gold-500-hsl);
1149
- --dt-color-chart-warning-hover-hsla: var(--dt-color-gold-500-hsla);
1150
- --dt-color-chart-warning-hover: var(--dt-color-gold-500); /* Hover state for warning chart elements. */
1151
1067
  --dt-color-chart-warning-h: var(--dt-color-gold-400-h);
1152
1068
  --dt-color-chart-warning-s: var(--dt-color-gold-400-s);
1153
1069
  --dt-color-chart-warning-l: var(--dt-color-gold-400-l);
@@ -1155,6 +1071,13 @@
1155
1071
  --dt-color-chart-warning-hsl: var(--dt-color-gold-400-hsl);
1156
1072
  --dt-color-chart-warning-hsla: var(--dt-color-gold-400-hsla);
1157
1073
  --dt-color-chart-warning: var(--dt-color-gold-400); /* Used for cautionary or warning indicators in charts. */
1074
+ --dt-color-chart-warning-hover-h: var(--dt-color-gold-500-h);
1075
+ --dt-color-chart-warning-hover-s: var(--dt-color-gold-500-s);
1076
+ --dt-color-chart-warning-hover-l: var(--dt-color-gold-500-l);
1077
+ --dt-color-chart-warning-hover-a: var(--dt-color-gold-500-a);
1078
+ --dt-color-chart-warning-hover-hsl: var(--dt-color-gold-500-hsl);
1079
+ --dt-color-chart-warning-hover-hsla: var(--dt-color-gold-500-hsla);
1080
+ --dt-color-chart-warning-hover: var(--dt-color-gold-500); /* Hover state for warning chart elements. */
1158
1081
  --dt-color-chart-critical-selected-h: var(--dt-color-red-600-h);
1159
1082
  --dt-color-chart-critical-selected-s: var(--dt-color-red-600-s);
1160
1083
  --dt-color-chart-critical-selected-l: var(--dt-color-red-600-l);
@@ -1239,6 +1162,20 @@
1239
1162
  --dt-color-chart-neutral-hsl: var(--dt-color-tan-300-hsl);
1240
1163
  --dt-color-chart-neutral-hsla: var(--dt-color-tan-300-hsla);
1241
1164
  --dt-color-chart-neutral: var(--dt-color-tan-300); /* Used for neutral or background elements in charts where no specific meaning is implied. */
1165
+ --dt-color-chart-categorical-10-selected-h: var(--dt-color-teal-900-h);
1166
+ --dt-color-chart-categorical-10-selected-s: var(--dt-color-teal-900-s);
1167
+ --dt-color-chart-categorical-10-selected-l: var(--dt-color-teal-900-l);
1168
+ --dt-color-chart-categorical-10-selected-a: var(--dt-color-teal-900-a);
1169
+ --dt-color-chart-categorical-10-selected-hsl: var(--dt-color-teal-900-hsl);
1170
+ --dt-color-chart-categorical-10-selected-hsla: var(--dt-color-teal-900-hsla);
1171
+ --dt-color-chart-categorical-10-selected: var(--dt-color-teal-900);
1172
+ --dt-color-chart-categorical-10-hover-h: var(--dt-color-teal-700-h);
1173
+ --dt-color-chart-categorical-10-hover-s: var(--dt-color-teal-700-s);
1174
+ --dt-color-chart-categorical-10-hover-l: var(--dt-color-teal-700-l);
1175
+ --dt-color-chart-categorical-10-hover-a: var(--dt-color-teal-700-a);
1176
+ --dt-color-chart-categorical-10-hover-hsl: var(--dt-color-teal-700-hsl);
1177
+ --dt-color-chart-categorical-10-hover-hsla: var(--dt-color-teal-700-hsla);
1178
+ --dt-color-chart-categorical-10-hover: var(--dt-color-teal-700);
1242
1179
  --dt-color-chart-categorical-09-selected-h: var(--dt-color-red-600-h);
1243
1180
  --dt-color-chart-categorical-09-selected-s: var(--dt-color-red-600-s);
1244
1181
  --dt-color-chart-categorical-09-selected-l: var(--dt-color-red-600-l);
@@ -1281,13 +1218,13 @@
1281
1218
  --dt-color-chart-categorical-08-hsl: var(--dt-color-olive-500-hsl);
1282
1219
  --dt-color-chart-categorical-08-hsla: var(--dt-color-olive-500-hsla);
1283
1220
  --dt-color-chart-categorical-08: var(--dt-color-olive-500);
1284
- --dt-color-chart-categorical-07-selected-h: var(--dt-color-coral-900-h);
1285
- --dt-color-chart-categorical-07-selected-s: var(--dt-color-coral-900-s);
1286
- --dt-color-chart-categorical-07-selected-l: var(--dt-color-coral-900-l);
1287
- --dt-color-chart-categorical-07-selected-a: var(--dt-color-coral-900-a);
1288
- --dt-color-chart-categorical-07-selected-hsl: var(--dt-color-coral-900-hsl);
1289
- --dt-color-chart-categorical-07-selected-hsla: var(--dt-color-coral-900-hsla);
1290
- --dt-color-chart-categorical-07-selected: var(--dt-color-coral-900);
1221
+ --dt-color-chart-categorical-07-selected-h: var(--dt-color-coral-700-h);
1222
+ --dt-color-chart-categorical-07-selected-s: var(--dt-color-coral-700-s);
1223
+ --dt-color-chart-categorical-07-selected-l: var(--dt-color-coral-700-l);
1224
+ --dt-color-chart-categorical-07-selected-a: var(--dt-color-coral-700-a);
1225
+ --dt-color-chart-categorical-07-selected-hsl: var(--dt-color-coral-700-hsl);
1226
+ --dt-color-chart-categorical-07-selected-hsla: var(--dt-color-coral-700-hsla);
1227
+ --dt-color-chart-categorical-07-selected: var(--dt-color-coral-700);
1291
1228
  --dt-color-chart-categorical-07-hover-h: var(--dt-color-coral-500-h);
1292
1229
  --dt-color-chart-categorical-07-hover-s: var(--dt-color-coral-500-s);
1293
1230
  --dt-color-chart-categorical-07-hover-l: var(--dt-color-coral-500-l);
@@ -1344,20 +1281,20 @@
1344
1281
  --dt-color-chart-categorical-05-hsl: var(--dt-color-green-425-hsl);
1345
1282
  --dt-color-chart-categorical-05-hsla: var(--dt-color-green-425-hsla);
1346
1283
  --dt-color-chart-categorical-05: var(--dt-color-green-425);
1347
- --dt-color-chart-categorical-04-selected-h: var(--dt-color-gold-700-h);
1348
- --dt-color-chart-categorical-04-selected-s: var(--dt-color-gold-700-s);
1349
- --dt-color-chart-categorical-04-selected-l: var(--dt-color-gold-700-l);
1350
- --dt-color-chart-categorical-04-selected-a: var(--dt-color-gold-700-a);
1351
- --dt-color-chart-categorical-04-selected-hsl: var(--dt-color-gold-700-hsl);
1352
- --dt-color-chart-categorical-04-selected-hsla: var(--dt-color-gold-700-hsla);
1353
- --dt-color-chart-categorical-04-selected: var(--dt-color-gold-700);
1354
- --dt-color-chart-categorical-04-hover-h: var(--dt-color-gold-500-h);
1355
- --dt-color-chart-categorical-04-hover-s: var(--dt-color-gold-500-s);
1356
- --dt-color-chart-categorical-04-hover-l: var(--dt-color-gold-500-l);
1357
- --dt-color-chart-categorical-04-hover-a: var(--dt-color-gold-500-a);
1358
- --dt-color-chart-categorical-04-hover-hsl: var(--dt-color-gold-500-hsl);
1359
- --dt-color-chart-categorical-04-hover-hsla: var(--dt-color-gold-500-hsla);
1360
- --dt-color-chart-categorical-04-hover: var(--dt-color-gold-500);
1284
+ --dt-color-chart-categorical-04-selected-h: var(--dt-color-gold-600-h);
1285
+ --dt-color-chart-categorical-04-selected-s: var(--dt-color-gold-600-s);
1286
+ --dt-color-chart-categorical-04-selected-l: var(--dt-color-gold-600-l);
1287
+ --dt-color-chart-categorical-04-selected-a: var(--dt-color-gold-600-a);
1288
+ --dt-color-chart-categorical-04-selected-hsl: var(--dt-color-gold-600-hsl);
1289
+ --dt-color-chart-categorical-04-selected-hsla: var(--dt-color-gold-600-hsla);
1290
+ --dt-color-chart-categorical-04-selected: var(--dt-color-gold-600);
1291
+ --dt-color-chart-categorical-04-hover-h: var(--dt-color-gold-450-h);
1292
+ --dt-color-chart-categorical-04-hover-s: var(--dt-color-gold-450-s);
1293
+ --dt-color-chart-categorical-04-hover-l: var(--dt-color-gold-450-l);
1294
+ --dt-color-chart-categorical-04-hover-a: var(--dt-color-gold-450-a);
1295
+ --dt-color-chart-categorical-04-hover-hsl: var(--dt-color-gold-450-hsl);
1296
+ --dt-color-chart-categorical-04-hover-hsla: var(--dt-color-gold-450-hsla);
1297
+ --dt-color-chart-categorical-04-hover: var(--dt-color-gold-450);
1361
1298
  --dt-color-chart-categorical-04-h: var(--dt-color-gold-400-h);
1362
1299
  --dt-color-chart-categorical-04-s: var(--dt-color-gold-400-s);
1363
1300
  --dt-color-chart-categorical-04-l: var(--dt-color-gold-400-l);
@@ -1365,13 +1302,13 @@
1365
1302
  --dt-color-chart-categorical-04-hsl: var(--dt-color-gold-400-hsl);
1366
1303
  --dt-color-chart-categorical-04-hsla: var(--dt-color-gold-400-hsla);
1367
1304
  --dt-color-chart-categorical-04: var(--dt-color-gold-400);
1368
- --dt-color-chart-categorical-03-selected-h: var(--dt-color-blue-600-h);
1369
- --dt-color-chart-categorical-03-selected-s: var(--dt-color-blue-600-s);
1370
- --dt-color-chart-categorical-03-selected-l: var(--dt-color-blue-600-l);
1371
- --dt-color-chart-categorical-03-selected-a: var(--dt-color-blue-600-a);
1372
- --dt-color-chart-categorical-03-selected-hsl: var(--dt-color-blue-600-hsl);
1373
- --dt-color-chart-categorical-03-selected-hsla: var(--dt-color-blue-600-hsla);
1374
- --dt-color-chart-categorical-03-selected: var(--dt-color-blue-600);
1305
+ --dt-color-chart-categorical-03-selected-h: var(--dt-color-blue-500-h);
1306
+ --dt-color-chart-categorical-03-selected-s: var(--dt-color-blue-500-s);
1307
+ --dt-color-chart-categorical-03-selected-l: var(--dt-color-blue-500-l);
1308
+ --dt-color-chart-categorical-03-selected-a: var(--dt-color-blue-500-a);
1309
+ --dt-color-chart-categorical-03-selected-hsl: var(--dt-color-blue-500-hsl);
1310
+ --dt-color-chart-categorical-03-selected-hsla: var(--dt-color-blue-500-hsla);
1311
+ --dt-color-chart-categorical-03-selected: var(--dt-color-blue-500);
1375
1312
  --dt-color-chart-categorical-03-hover-h: var(--dt-color-blue-450-h);
1376
1313
  --dt-color-chart-categorical-03-hover-s: var(--dt-color-blue-450-s);
1377
1314
  --dt-color-chart-categorical-03-hover-l: var(--dt-color-blue-450-l);
@@ -1379,20 +1316,20 @@
1379
1316
  --dt-color-chart-categorical-03-hover-hsl: var(--dt-color-blue-450-hsl);
1380
1317
  --dt-color-chart-categorical-03-hover-hsla: var(--dt-color-blue-450-hsla);
1381
1318
  --dt-color-chart-categorical-03-hover: var(--dt-color-blue-450);
1382
- --dt-color-chart-categorical-03-h: var(--dt-color-blue-400-h);
1383
- --dt-color-chart-categorical-03-s: var(--dt-color-blue-400-s);
1384
- --dt-color-chart-categorical-03-l: var(--dt-color-blue-400-l);
1385
- --dt-color-chart-categorical-03-a: var(--dt-color-blue-400-a);
1386
- --dt-color-chart-categorical-03-hsl: var(--dt-color-blue-400-hsl);
1387
- --dt-color-chart-categorical-03-hsla: var(--dt-color-blue-400-hsla);
1388
- --dt-color-chart-categorical-03: var(--dt-color-blue-400);
1389
- --dt-color-chart-categorical-02-selected-h: var(--dt-color-magenta-600-h);
1390
- --dt-color-chart-categorical-02-selected-s: var(--dt-color-magenta-600-s);
1391
- --dt-color-chart-categorical-02-selected-l: var(--dt-color-magenta-600-l);
1392
- --dt-color-chart-categorical-02-selected-a: var(--dt-color-magenta-600-a);
1393
- --dt-color-chart-categorical-02-selected-hsl: var(--dt-color-magenta-600-hsl);
1394
- --dt-color-chart-categorical-02-selected-hsla: var(--dt-color-magenta-600-hsla);
1395
- --dt-color-chart-categorical-02-selected: var(--dt-color-magenta-600);
1319
+ --dt-color-chart-categorical-03-h: var(--dt-color-blue-425-h);
1320
+ --dt-color-chart-categorical-03-s: var(--dt-color-blue-425-s);
1321
+ --dt-color-chart-categorical-03-l: var(--dt-color-blue-425-l);
1322
+ --dt-color-chart-categorical-03-a: var(--dt-color-blue-425-a);
1323
+ --dt-color-chart-categorical-03-hsl: var(--dt-color-blue-425-hsl);
1324
+ --dt-color-chart-categorical-03-hsla: var(--dt-color-blue-425-hsla);
1325
+ --dt-color-chart-categorical-03: var(--dt-color-blue-425);
1326
+ --dt-color-chart-categorical-02-selected-h: var(--dt-color-magenta-475-h);
1327
+ --dt-color-chart-categorical-02-selected-s: var(--dt-color-magenta-475-s);
1328
+ --dt-color-chart-categorical-02-selected-l: var(--dt-color-magenta-475-l);
1329
+ --dt-color-chart-categorical-02-selected-a: var(--dt-color-magenta-475-a);
1330
+ --dt-color-chart-categorical-02-selected-hsl: var(--dt-color-magenta-475-hsl);
1331
+ --dt-color-chart-categorical-02-selected-hsla: var(--dt-color-magenta-475-hsla);
1332
+ --dt-color-chart-categorical-02-selected: var(--dt-color-magenta-475);
1396
1333
  --dt-color-chart-categorical-02-hover-h: var(--dt-color-magenta-400-h);
1397
1334
  --dt-color-chart-categorical-02-hover-s: var(--dt-color-magenta-400-s);
1398
1335
  --dt-color-chart-categorical-02-hover-l: var(--dt-color-magenta-400-l);
@@ -1407,41 +1344,34 @@
1407
1344
  --dt-color-chart-categorical-02-hsl: var(--dt-color-magenta-300-hsl);
1408
1345
  --dt-color-chart-categorical-02-hsla: var(--dt-color-magenta-300-hsla);
1409
1346
  --dt-color-chart-categorical-02: var(--dt-color-magenta-300);
1410
- --dt-color-chart-categorical-01-selected-h: var(--dt-color-purple-600-h);
1411
- --dt-color-chart-categorical-01-selected-s: var(--dt-color-purple-600-s);
1412
- --dt-color-chart-categorical-01-selected-l: var(--dt-color-purple-600-l);
1413
- --dt-color-chart-categorical-01-selected-a: var(--dt-color-purple-600-a);
1414
- --dt-color-chart-categorical-01-selected-hsl: var(--dt-color-purple-600-hsl);
1415
- --dt-color-chart-categorical-01-selected-hsla: var(--dt-color-purple-600-hsla);
1416
- --dt-color-chart-categorical-01-selected: var(--dt-color-purple-600);
1417
- --dt-color-chart-categorical-01-hover-h: var(--dt-color-purple-500-h);
1418
- --dt-color-chart-categorical-01-hover-s: var(--dt-color-purple-500-s);
1419
- --dt-color-chart-categorical-01-hover-l: var(--dt-color-purple-500-l);
1420
- --dt-color-chart-categorical-01-hover-a: var(--dt-color-purple-500-a);
1421
- --dt-color-chart-categorical-01-hover-hsl: var(--dt-color-purple-500-hsl);
1422
- --dt-color-chart-categorical-01-hover-hsla: var(--dt-color-purple-500-hsla);
1423
- --dt-color-chart-categorical-01-hover: var(--dt-color-purple-500);
1424
- --dt-color-chart-categorical-01-h: var(--dt-color-purple-450-h);
1425
- --dt-color-chart-categorical-01-s: var(--dt-color-purple-450-s);
1426
- --dt-color-chart-categorical-01-l: var(--dt-color-purple-450-l);
1427
- --dt-color-chart-categorical-01-a: var(--dt-color-purple-450-a);
1428
- --dt-color-chart-categorical-01-hsl: var(--dt-color-purple-450-hsl);
1429
- --dt-color-chart-categorical-01-hsla: var(--dt-color-purple-450-hsla);
1430
- --dt-color-chart-categorical-01: var(--dt-color-purple-450);
1431
- --dt-color-chart-categorical-10-selected-h: var(--dt-color-teal-900-h);
1432
- --dt-color-chart-categorical-10-selected-s: var(--dt-color-teal-900-s);
1433
- --dt-color-chart-categorical-10-selected-l: var(--dt-color-teal-900-l);
1434
- --dt-color-chart-categorical-10-selected-a: var(--dt-color-teal-900-a);
1435
- --dt-color-chart-categorical-10-selected-hsl: var(--dt-color-teal-900-hsl);
1436
- --dt-color-chart-categorical-10-selected-hsla: var(--dt-color-teal-900-hsla);
1437
- --dt-color-chart-categorical-10-selected: var(--dt-color-teal-900);
1438
- --dt-color-chart-categorical-10-hover-h: var(--dt-color-teal-700-h);
1439
- --dt-color-chart-categorical-10-hover-s: var(--dt-color-teal-700-s);
1440
- --dt-color-chart-categorical-10-hover-l: var(--dt-color-teal-700-l);
1441
- --dt-color-chart-categorical-10-hover-a: var(--dt-color-teal-700-a);
1442
- --dt-color-chart-categorical-10-hover-hsl: var(--dt-color-teal-700-hsl);
1443
- --dt-color-chart-categorical-10-hover-hsla: var(--dt-color-teal-700-hsla);
1444
- --dt-color-chart-categorical-10-hover: var(--dt-color-teal-700);
1347
+ --dt-color-chart-categorical-01-selected-h: var(--dt-color-purple-500-h);
1348
+ --dt-color-chart-categorical-01-selected-s: var(--dt-color-purple-500-s);
1349
+ --dt-color-chart-categorical-01-selected-l: var(--dt-color-purple-500-l);
1350
+ --dt-color-chart-categorical-01-selected-a: var(--dt-color-purple-500-a);
1351
+ --dt-color-chart-categorical-01-selected-hsl: var(--dt-color-purple-500-hsl);
1352
+ --dt-color-chart-categorical-01-selected-hsla: var(--dt-color-purple-500-hsla);
1353
+ --dt-color-chart-categorical-01-selected: var(--dt-color-purple-500);
1354
+ --dt-color-chart-categorical-01-hover-h: var(--dt-color-purple-400-h);
1355
+ --dt-color-chart-categorical-01-hover-s: var(--dt-color-purple-400-s);
1356
+ --dt-color-chart-categorical-01-hover-l: var(--dt-color-purple-400-l);
1357
+ --dt-color-chart-categorical-01-hover-a: var(--dt-color-purple-400-a);
1358
+ --dt-color-chart-categorical-01-hover-hsl: var(--dt-color-purple-400-hsl);
1359
+ --dt-color-chart-categorical-01-hover-hsla: var(--dt-color-purple-400-hsla);
1360
+ --dt-color-chart-categorical-01-hover: var(--dt-color-purple-400);
1361
+ --dt-color-chart-categorical-01-h: var(--dt-color-purple-350-h);
1362
+ --dt-color-chart-categorical-01-s: var(--dt-color-purple-350-s);
1363
+ --dt-color-chart-categorical-01-l: var(--dt-color-purple-350-l);
1364
+ --dt-color-chart-categorical-01-a: var(--dt-color-purple-350-a);
1365
+ --dt-color-chart-categorical-01-hsl: var(--dt-color-purple-350-hsl);
1366
+ --dt-color-chart-categorical-01-hsla: var(--dt-color-purple-350-hsla);
1367
+ --dt-color-chart-categorical-01: var(--dt-color-purple-350);
1368
+ --dt-color-chart-categorical-11-h: var(--dt-color-tan-300-h);
1369
+ --dt-color-chart-categorical-11-s: var(--dt-color-tan-300-s);
1370
+ --dt-color-chart-categorical-11-l: var(--dt-color-tan-300-l);
1371
+ --dt-color-chart-categorical-11-a: var(--dt-color-tan-300-a);
1372
+ --dt-color-chart-categorical-11-hsl: var(--dt-color-tan-300-hsl);
1373
+ --dt-color-chart-categorical-11-hsla: var(--dt-color-tan-300-hsla);
1374
+ --dt-color-chart-categorical-11: var(--dt-color-tan-300);
1445
1375
  --dt-color-chart-categorical-10-h: var(--dt-color-teal-600-h);
1446
1376
  --dt-color-chart-categorical-10-s: var(--dt-color-teal-600-s);
1447
1377
  --dt-color-chart-categorical-10-l: var(--dt-color-teal-600-l);
@@ -1720,10 +1650,10 @@
1720
1650
  --dt-color-surface-warning-subtle-opaque-inverted-h: 34.8;
1721
1651
  --dt-color-surface-warning-subtle-opaque-inverted-s: 93.9%;
1722
1652
  --dt-color-surface-warning-subtle-opaque-inverted-l: 6.47%;
1723
- --dt-color-surface-warning-subtle-opaque-inverted-a: 70%;
1653
+ --dt-color-surface-warning-subtle-opaque-inverted-a: 30%;
1724
1654
  --dt-color-surface-warning-subtle-opaque-inverted-hsl: var(--dt-color-surface-warning-subtle-opaque-inverted-h) var(--dt-color-surface-warning-subtle-opaque-inverted-s) var(--dt-color-surface-warning-subtle-opaque-inverted-l);
1725
- --dt-color-surface-warning-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-warning-subtle-opaque-inverted-h) var(--dt-color-surface-warning-subtle-opaque-inverted-s) var(--dt-color-surface-warning-subtle-opaque-inverted-l) / var(--alpha, 70%));
1726
- --dt-color-surface-warning-subtle-opaque-inverted: hsl(34.8 93.9% 6.47% / 0.7); /* Warning subtle surface as opaque background color */
1655
+ --dt-color-surface-warning-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-warning-subtle-opaque-inverted-h) var(--dt-color-surface-warning-subtle-opaque-inverted-s) var(--dt-color-surface-warning-subtle-opaque-inverted-l) / var(--alpha, 30%));
1656
+ --dt-color-surface-warning-subtle-opaque-inverted: hsl(34.8 93.9% 6.47% / 0.3); /* Warning subtle surface as opaque background color */
1727
1657
  --dt-color-surface-critical-subtle-opaque-inverted-h: 344;
1728
1658
  --dt-color-surface-critical-subtle-opaque-inverted-s: 93.1%;
1729
1659
  --dt-color-surface-critical-subtle-opaque-inverted-l: 5.69%;
@@ -3098,6 +3028,209 @@
3098
3028
  --dt-typography-body-sm-font-size: var(--dt-font-size-100); /* Reduced small text style for less prominent or adjacent content. */
3099
3029
  --dt-typography-body-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium body style. */
3100
3030
  --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
3031
+ --dt-color-chart-sequential-range-00-end-h: var(--dt-color-chart-sequential-10-h);
3032
+ --dt-color-chart-sequential-range-00-end-s: var(--dt-color-chart-sequential-10-s);
3033
+ --dt-color-chart-sequential-range-00-end-l: var(--dt-color-chart-sequential-10-l);
3034
+ --dt-color-chart-sequential-range-00-end-a: var(--dt-color-chart-sequential-10-a);
3035
+ --dt-color-chart-sequential-range-00-end-hsl: var(--dt-color-chart-sequential-10-hsl);
3036
+ --dt-color-chart-sequential-range-00-end-hsla: var(--dt-color-chart-sequential-10-hsla);
3037
+ --dt-color-chart-sequential-range-00-end: var(--dt-color-chart-sequential-10); /* Start color value for default sequential range. Use to create a dynamically generated sequential series, must be paired with a start color. */
3038
+ --dt-color-chart-sequential-range-00-start-h: var(--dt-color-chart-sequential-01-h);
3039
+ --dt-color-chart-sequential-range-00-start-s: var(--dt-color-chart-sequential-01-s);
3040
+ --dt-color-chart-sequential-range-00-start-l: var(--dt-color-chart-sequential-01-l);
3041
+ --dt-color-chart-sequential-range-00-start-a: var(--dt-color-chart-sequential-01-a);
3042
+ --dt-color-chart-sequential-range-00-start-hsl: var(--dt-color-chart-sequential-01-hsl);
3043
+ --dt-color-chart-sequential-range-00-start-hsla: var(--dt-color-chart-sequential-01-hsla);
3044
+ --dt-color-chart-sequential-range-00-start: var(--dt-color-chart-sequential-01); /* Start color value for default sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
3045
+ --dt-color-chart-sequential-10-selected-h: 203;
3046
+ --dt-color-chart-sequential-10-selected-s: 42.5%;
3047
+ --dt-color-chart-sequential-10-selected-l: 14.000000000000002%;
3048
+ --dt-color-chart-sequential-10-selected-a: 100%;
3049
+ --dt-color-chart-sequential-10-selected-hsl: var(--dt-color-chart-sequential-10-selected-h) var(--dt-color-chart-sequential-10-selected-s) var(--dt-color-chart-sequential-10-selected-l);
3050
+ --dt-color-chart-sequential-10-selected-hsla: hsl(var(--dt-color-chart-sequential-10-selected-h) var(--dt-color-chart-sequential-10-selected-s) var(--dt-color-chart-sequential-10-selected-l) / var(--alpha, 100%));
3051
+ --dt-color-chart-sequential-10-selected: hsl(203 42.5% 14%); /* Selected state for tenth sequential chart color. */
3052
+ --dt-color-chart-sequential-10-hover-h: 203;
3053
+ --dt-color-chart-sequential-10-hover-s: 51.7%;
3054
+ --dt-color-chart-sequential-10-hover-l: 17%;
3055
+ --dt-color-chart-sequential-10-hover-a: 100%;
3056
+ --dt-color-chart-sequential-10-hover-hsl: var(--dt-color-chart-sequential-10-hover-h) var(--dt-color-chart-sequential-10-hover-s) var(--dt-color-chart-sequential-10-hover-l);
3057
+ --dt-color-chart-sequential-10-hover-hsla: hsl(var(--dt-color-chart-sequential-10-hover-h) var(--dt-color-chart-sequential-10-hover-s) var(--dt-color-chart-sequential-10-hover-l) / var(--alpha, 100%));
3058
+ --dt-color-chart-sequential-10-hover: hsl(203 51.7% 17%); /* Hover state for tenth sequential chart color. */
3059
+ --dt-color-chart-sequential-09-h: 205;
3060
+ --dt-color-chart-sequential-09-s: 59.9%;
3061
+ --dt-color-chart-sequential-09-l: 27.500000000000004%;
3062
+ --dt-color-chart-sequential-09-a: 100%;
3063
+ --dt-color-chart-sequential-09-hsl: var(--dt-color-chart-sequential-09-h) var(--dt-color-chart-sequential-09-s) var(--dt-color-chart-sequential-09-l);
3064
+ --dt-color-chart-sequential-09-hsla: hsl(var(--dt-color-chart-sequential-09-h) var(--dt-color-chart-sequential-09-s) var(--dt-color-chart-sequential-09-l) / var(--alpha, 100%));
3065
+ --dt-color-chart-sequential-09: hsl(205 59.9% 27.5%); /* Ninth color in sequential chart series, extremely dark shade. */
3066
+ --dt-color-chart-sequential-08-h: 207;
3067
+ --dt-color-chart-sequential-08-s: 58.9%;
3068
+ --dt-color-chart-sequential-08-l: 35.8%;
3069
+ --dt-color-chart-sequential-08-a: 100%;
3070
+ --dt-color-chart-sequential-08-hsl: var(--dt-color-chart-sequential-08-h) var(--dt-color-chart-sequential-08-s) var(--dt-color-chart-sequential-08-l);
3071
+ --dt-color-chart-sequential-08-hsla: hsl(var(--dt-color-chart-sequential-08-h) var(--dt-color-chart-sequential-08-s) var(--dt-color-chart-sequential-08-l) / var(--alpha, 100%));
3072
+ --dt-color-chart-sequential-08: hsl(207 58.9% 35.8%); /* Eighth color in sequential chart series, very dark shade. */
3073
+ --dt-color-chart-sequential-07-h: 209;
3074
+ --dt-color-chart-sequential-07-s: 57.9%;
3075
+ --dt-color-chart-sequential-07-l: 44.8%;
3076
+ --dt-color-chart-sequential-07-a: 100%;
3077
+ --dt-color-chart-sequential-07-hsl: var(--dt-color-chart-sequential-07-h) var(--dt-color-chart-sequential-07-s) var(--dt-color-chart-sequential-07-l);
3078
+ --dt-color-chart-sequential-07-hsla: hsl(var(--dt-color-chart-sequential-07-h) var(--dt-color-chart-sequential-07-s) var(--dt-color-chart-sequential-07-l) / var(--alpha, 100%));
3079
+ --dt-color-chart-sequential-07: hsl(209 57.9% 44.8%); /* Seventh color in sequential chart series, dark shade. */
3080
+ --dt-color-chart-sequential-06-h: 211;
3081
+ --dt-color-chart-sequential-06-s: 56.89999999999999%;
3082
+ --dt-color-chart-sequential-06-l: 53%;
3083
+ --dt-color-chart-sequential-06-a: 100%;
3084
+ --dt-color-chart-sequential-06-hsl: var(--dt-color-chart-sequential-06-h) var(--dt-color-chart-sequential-06-s) var(--dt-color-chart-sequential-06-l);
3085
+ --dt-color-chart-sequential-06-hsla: hsl(var(--dt-color-chart-sequential-06-h) var(--dt-color-chart-sequential-06-s) var(--dt-color-chart-sequential-06-l) / var(--alpha, 100%));
3086
+ --dt-color-chart-sequential-06: hsl(211 56.9% 53%); /* Sixth color in sequential chart series, medium-dark shade. */
3087
+ --dt-color-chart-sequential-05-h: 213;
3088
+ --dt-color-chart-sequential-05-s: 55.89999999999999%;
3089
+ --dt-color-chart-sequential-05-l: 62.1%;
3090
+ --dt-color-chart-sequential-05-a: 100%;
3091
+ --dt-color-chart-sequential-05-hsl: var(--dt-color-chart-sequential-05-h) var(--dt-color-chart-sequential-05-s) var(--dt-color-chart-sequential-05-l);
3092
+ --dt-color-chart-sequential-05-hsla: hsl(var(--dt-color-chart-sequential-05-h) var(--dt-color-chart-sequential-05-s) var(--dt-color-chart-sequential-05-l) / var(--alpha, 100%));
3093
+ --dt-color-chart-sequential-05: hsl(213 55.9% 62.1%); /* Fifth color in sequential chart series, medium shade. */
3094
+ --dt-color-chart-sequential-04-h: 216;
3095
+ --dt-color-chart-sequential-04-s: 54.89999999999999%;
3096
+ --dt-color-chart-sequential-04-l: 70.3%;
3097
+ --dt-color-chart-sequential-04-a: 100%;
3098
+ --dt-color-chart-sequential-04-hsl: var(--dt-color-chart-sequential-04-h) var(--dt-color-chart-sequential-04-s) var(--dt-color-chart-sequential-04-l);
3099
+ --dt-color-chart-sequential-04-hsla: hsl(var(--dt-color-chart-sequential-04-h) var(--dt-color-chart-sequential-04-s) var(--dt-color-chart-sequential-04-l) / var(--alpha, 100%));
3100
+ --dt-color-chart-sequential-04: hsl(216 54.9% 70.3%); /* Fourth color in sequential chart series, light-medium shade. */
3101
+ --dt-color-chart-sequential-03-h: 218;
3102
+ --dt-color-chart-sequential-03-s: 53.79999999999999%;
3103
+ --dt-color-chart-sequential-03-l: 79.3%;
3104
+ --dt-color-chart-sequential-03-a: 100%;
3105
+ --dt-color-chart-sequential-03-hsl: var(--dt-color-chart-sequential-03-h) var(--dt-color-chart-sequential-03-s) var(--dt-color-chart-sequential-03-l);
3106
+ --dt-color-chart-sequential-03-hsla: hsl(var(--dt-color-chart-sequential-03-h) var(--dt-color-chart-sequential-03-s) var(--dt-color-chart-sequential-03-l) / var(--alpha, 100%));
3107
+ --dt-color-chart-sequential-03: hsl(218 53.8% 79.3%); /* Third color in sequential chart series, light shade. */
3108
+ --dt-color-chart-sequential-02-h: 220;
3109
+ --dt-color-chart-sequential-02-s: 52.900000000000006%;
3110
+ --dt-color-chart-sequential-02-l: 87.6%;
3111
+ --dt-color-chart-sequential-02-a: 100%;
3112
+ --dt-color-chart-sequential-02-hsl: var(--dt-color-chart-sequential-02-h) var(--dt-color-chart-sequential-02-s) var(--dt-color-chart-sequential-02-l);
3113
+ --dt-color-chart-sequential-02-hsla: hsl(var(--dt-color-chart-sequential-02-h) var(--dt-color-chart-sequential-02-s) var(--dt-color-chart-sequential-02-l) / var(--alpha, 100%));
3114
+ --dt-color-chart-sequential-02: hsl(220 52.9% 87.6%); /* Second color in sequential chart series, very light shade. */
3115
+ --dt-color-chart-sequential-01-selected-h: 222;
3116
+ --dt-color-chart-sequential-01-selected-s: 36.4%;
3117
+ --dt-color-chart-sequential-01-selected-l: 66.6%;
3118
+ --dt-color-chart-sequential-01-selected-a: 100%;
3119
+ --dt-color-chart-sequential-01-selected-hsl: var(--dt-color-chart-sequential-01-selected-h) var(--dt-color-chart-sequential-01-selected-s) var(--dt-color-chart-sequential-01-selected-l);
3120
+ --dt-color-chart-sequential-01-selected-hsla: hsl(var(--dt-color-chart-sequential-01-selected-h) var(--dt-color-chart-sequential-01-selected-s) var(--dt-color-chart-sequential-01-selected-l) / var(--alpha, 100%));
3121
+ --dt-color-chart-sequential-01-selected: hsl(222 36.4% 66.6%); /* Selected state for first sequential chart color. */
3122
+ --dt-color-chart-sequential-01-hover-h: 222;
3123
+ --dt-color-chart-sequential-01-hover-s: 44.2%;
3124
+ --dt-color-chart-sequential-01-hover-l: 80.8%;
3125
+ --dt-color-chart-sequential-01-hover-a: 100%;
3126
+ --dt-color-chart-sequential-01-hover-hsl: var(--dt-color-chart-sequential-01-hover-h) var(--dt-color-chart-sequential-01-hover-s) var(--dt-color-chart-sequential-01-hover-l);
3127
+ --dt-color-chart-sequential-01-hover-hsla: hsl(var(--dt-color-chart-sequential-01-hover-h) var(--dt-color-chart-sequential-01-hover-s) var(--dt-color-chart-sequential-01-hover-l) / var(--alpha, 100%));
3128
+ --dt-color-chart-sequential-01-hover: hsl(222 44.2% 80.8%); /* Hover state for first sequential chart color. */
3129
+ --dt-color-chart-categorical-11-selected-h: 24;
3130
+ --dt-color-chart-categorical-11-selected-s: 9.26%;
3131
+ --dt-color-chart-categorical-11-selected-l: 55.2%;
3132
+ --dt-color-chart-categorical-11-selected-a: 100%;
3133
+ --dt-color-chart-categorical-11-selected-hsl: var(--dt-color-chart-categorical-11-selected-h) var(--dt-color-chart-categorical-11-selected-s) var(--dt-color-chart-categorical-11-selected-l);
3134
+ --dt-color-chart-categorical-11-selected-hsla: hsl(var(--dt-color-chart-categorical-11-selected-h) var(--dt-color-chart-categorical-11-selected-s) var(--dt-color-chart-categorical-11-selected-l) / var(--alpha, 100%));
3135
+ --dt-color-chart-categorical-11-selected: hsl(24 9.26% 55.2%);
3136
+ --dt-color-chart-categorical-11-hover-h: 24;
3137
+ --dt-color-chart-categorical-11-hover-s: 9.26%;
3138
+ --dt-color-chart-categorical-11-hover-l: 67%;
3139
+ --dt-color-chart-categorical-11-hover-a: 100%;
3140
+ --dt-color-chart-categorical-11-hover-hsl: var(--dt-color-chart-categorical-11-hover-h) var(--dt-color-chart-categorical-11-hover-s) var(--dt-color-chart-categorical-11-hover-l);
3141
+ --dt-color-chart-categorical-11-hover-hsla: hsl(var(--dt-color-chart-categorical-11-hover-h) var(--dt-color-chart-categorical-11-hover-s) var(--dt-color-chart-categorical-11-hover-l) / var(--alpha, 100%));
3142
+ --dt-color-chart-categorical-11-hover: hsl(24 9.26% 67%);
3143
+ --dt-color-chart-categorical-28-h: 224;
3144
+ --dt-color-chart-categorical-28-s: 82.2%;
3145
+ --dt-color-chart-categorical-28-l: 62.9%;
3146
+ --dt-color-chart-categorical-28-a: 100%;
3147
+ --dt-color-chart-categorical-28-hsl: var(--dt-color-chart-categorical-28-h) var(--dt-color-chart-categorical-28-s) var(--dt-color-chart-categorical-28-l);
3148
+ --dt-color-chart-categorical-28-hsla: hsl(var(--dt-color-chart-categorical-28-h) var(--dt-color-chart-categorical-28-s) var(--dt-color-chart-categorical-28-l) / var(--alpha, 100%));
3149
+ --dt-color-chart-categorical-28: hsl(224 82.2% 62.9%);
3150
+ --dt-color-chart-categorical-26-h: 353;
3151
+ --dt-color-chart-categorical-26-s: 98.8%;
3152
+ --dt-color-chart-categorical-26-l: 58.4%;
3153
+ --dt-color-chart-categorical-26-a: 100%;
3154
+ --dt-color-chart-categorical-26-hsl: var(--dt-color-chart-categorical-26-h) var(--dt-color-chart-categorical-26-s) var(--dt-color-chart-categorical-26-l);
3155
+ --dt-color-chart-categorical-26-hsla: hsl(var(--dt-color-chart-categorical-26-h) var(--dt-color-chart-categorical-26-s) var(--dt-color-chart-categorical-26-l) / var(--alpha, 100%));
3156
+ --dt-color-chart-categorical-26: hsl(353 98.8% 58.4%);
3157
+ --dt-color-chart-categorical-22-h: 324;
3158
+ --dt-color-chart-categorical-22-s: 39%;
3159
+ --dt-color-chart-categorical-22-l: 73%;
3160
+ --dt-color-chart-categorical-22-a: 100%;
3161
+ --dt-color-chart-categorical-22-hsl: var(--dt-color-chart-categorical-22-h) var(--dt-color-chart-categorical-22-s) var(--dt-color-chart-categorical-22-l);
3162
+ --dt-color-chart-categorical-22-hsla: hsl(var(--dt-color-chart-categorical-22-h) var(--dt-color-chart-categorical-22-s) var(--dt-color-chart-categorical-22-l) / var(--alpha, 100%));
3163
+ --dt-color-chart-categorical-22: hsl(324 39% 73%);
3164
+ --dt-color-chart-categorical-21-h: 95.6;
3165
+ --dt-color-chart-categorical-21-s: 71.5%;
3166
+ --dt-color-chart-categorical-21-l: 53.900000000000006%;
3167
+ --dt-color-chart-categorical-21-a: 100%;
3168
+ --dt-color-chart-categorical-21-hsl: var(--dt-color-chart-categorical-21-h) var(--dt-color-chart-categorical-21-s) var(--dt-color-chart-categorical-21-l);
3169
+ --dt-color-chart-categorical-21-hsla: hsl(var(--dt-color-chart-categorical-21-h) var(--dt-color-chart-categorical-21-s) var(--dt-color-chart-categorical-21-l) / var(--alpha, 100%));
3170
+ --dt-color-chart-categorical-21: hsl(95.6 71.5% 53.9%);
3171
+ --dt-color-chart-categorical-20-h: 224;
3172
+ --dt-color-chart-categorical-20-s: 82.2%;
3173
+ --dt-color-chart-categorical-20-l: 62.9%;
3174
+ --dt-color-chart-categorical-20-a: 100%;
3175
+ --dt-color-chart-categorical-20-hsl: var(--dt-color-chart-categorical-20-h) var(--dt-color-chart-categorical-20-s) var(--dt-color-chart-categorical-20-l);
3176
+ --dt-color-chart-categorical-20-hsla: hsl(var(--dt-color-chart-categorical-20-h) var(--dt-color-chart-categorical-20-s) var(--dt-color-chart-categorical-20-l) / var(--alpha, 100%));
3177
+ --dt-color-chart-categorical-20: hsl(224 82.2% 62.9%);
3178
+ --dt-color-chart-categorical-19-h: 190;
3179
+ --dt-color-chart-categorical-19-s: 78.1%;
3180
+ --dt-color-chart-categorical-19-l: 59.099999999999994%;
3181
+ --dt-color-chart-categorical-19-a: 100%;
3182
+ --dt-color-chart-categorical-19-hsl: var(--dt-color-chart-categorical-19-h) var(--dt-color-chart-categorical-19-s) var(--dt-color-chart-categorical-19-l);
3183
+ --dt-color-chart-categorical-19-hsla: hsl(var(--dt-color-chart-categorical-19-h) var(--dt-color-chart-categorical-19-s) var(--dt-color-chart-categorical-19-l) / var(--alpha, 100%));
3184
+ --dt-color-chart-categorical-19: hsl(190 78.1% 59.1%);
3185
+ --dt-color-chart-categorical-18-h: 63.1;
3186
+ --dt-color-chart-categorical-18-s: 80.5%;
3187
+ --dt-color-chart-categorical-18-l: 55.2%;
3188
+ --dt-color-chart-categorical-18-a: 100%;
3189
+ --dt-color-chart-categorical-18-hsl: var(--dt-color-chart-categorical-18-h) var(--dt-color-chart-categorical-18-s) var(--dt-color-chart-categorical-18-l);
3190
+ --dt-color-chart-categorical-18-hsla: hsl(var(--dt-color-chart-categorical-18-h) var(--dt-color-chart-categorical-18-s) var(--dt-color-chart-categorical-18-l) / var(--alpha, 100%));
3191
+ --dt-color-chart-categorical-18: hsl(63.1 80.5% 55.2%);
3192
+ --dt-color-chart-categorical-17-h: 318;
3193
+ --dt-color-chart-categorical-17-s: 95.9%;
3194
+ --dt-color-chart-categorical-17-l: 69.9%;
3195
+ --dt-color-chart-categorical-17-a: 100%;
3196
+ --dt-color-chart-categorical-17-hsl: var(--dt-color-chart-categorical-17-h) var(--dt-color-chart-categorical-17-s) var(--dt-color-chart-categorical-17-l);
3197
+ --dt-color-chart-categorical-17-hsla: hsl(var(--dt-color-chart-categorical-17-h) var(--dt-color-chart-categorical-17-s) var(--dt-color-chart-categorical-17-l) / var(--alpha, 100%));
3198
+ --dt-color-chart-categorical-17: hsl(318 95.9% 69.9%);
3199
+ --dt-color-chart-categorical-16-h: 89.4;
3200
+ --dt-color-chart-categorical-16-s: 68%;
3201
+ --dt-color-chart-categorical-16-l: 47%;
3202
+ --dt-color-chart-categorical-16-a: 100%;
3203
+ --dt-color-chart-categorical-16-hsl: var(--dt-color-chart-categorical-16-h) var(--dt-color-chart-categorical-16-s) var(--dt-color-chart-categorical-16-l);
3204
+ --dt-color-chart-categorical-16-hsla: hsl(var(--dt-color-chart-categorical-16-h) var(--dt-color-chart-categorical-16-s) var(--dt-color-chart-categorical-16-l) / var(--alpha, 100%));
3205
+ --dt-color-chart-categorical-16: hsl(89.4 68% 47%);
3206
+ --dt-color-chart-categorical-15-h: 367;
3207
+ --dt-color-chart-categorical-15-s: 99.2%;
3208
+ --dt-color-chart-categorical-15-l: 56.49999999999999%;
3209
+ --dt-color-chart-categorical-15-a: 100%;
3210
+ --dt-color-chart-categorical-15-hsl: var(--dt-color-chart-categorical-15-h) var(--dt-color-chart-categorical-15-s) var(--dt-color-chart-categorical-15-l);
3211
+ --dt-color-chart-categorical-15-hsla: hsl(var(--dt-color-chart-categorical-15-h) var(--dt-color-chart-categorical-15-s) var(--dt-color-chart-categorical-15-l) / var(--alpha, 100%));
3212
+ --dt-color-chart-categorical-15: hsl(367 99.2% 56.5%);
3213
+ --dt-color-chart-categorical-14-h: 234;
3214
+ --dt-color-chart-categorical-14-s: 83.7%;
3215
+ --dt-color-chart-categorical-14-l: 64.2%;
3216
+ --dt-color-chart-categorical-14-a: 100%;
3217
+ --dt-color-chart-categorical-14-hsl: var(--dt-color-chart-categorical-14-h) var(--dt-color-chart-categorical-14-s) var(--dt-color-chart-categorical-14-l);
3218
+ --dt-color-chart-categorical-14-hsla: hsl(var(--dt-color-chart-categorical-14-h) var(--dt-color-chart-categorical-14-s) var(--dt-color-chart-categorical-14-l) / var(--alpha, 100%));
3219
+ --dt-color-chart-categorical-14: hsl(234 83.7% 64.2%);
3220
+ --dt-color-chart-categorical-13-h: 374;
3221
+ --dt-color-chart-categorical-13-s: 87.9%;
3222
+ --dt-color-chart-categorical-13-l: 61.5%;
3223
+ --dt-color-chart-categorical-13-a: 100%;
3224
+ --dt-color-chart-categorical-13-hsl: var(--dt-color-chart-categorical-13-h) var(--dt-color-chart-categorical-13-s) var(--dt-color-chart-categorical-13-l);
3225
+ --dt-color-chart-categorical-13-hsla: hsl(var(--dt-color-chart-categorical-13-h) var(--dt-color-chart-categorical-13-s) var(--dt-color-chart-categorical-13-l) / var(--alpha, 100%));
3226
+ --dt-color-chart-categorical-13: hsl(374 87.9% 61.5%);
3227
+ --dt-color-chart-categorical-12-h: 296;
3228
+ --dt-color-chart-categorical-12-s: 97.1%;
3229
+ --dt-color-chart-categorical-12-l: 65.9%;
3230
+ --dt-color-chart-categorical-12-a: 100%;
3231
+ --dt-color-chart-categorical-12-hsl: var(--dt-color-chart-categorical-12-h) var(--dt-color-chart-categorical-12-s) var(--dt-color-chart-categorical-12-l);
3232
+ --dt-color-chart-categorical-12-hsla: hsl(var(--dt-color-chart-categorical-12-h) var(--dt-color-chart-categorical-12-s) var(--dt-color-chart-categorical-12-l) / var(--alpha, 100%));
3233
+ --dt-color-chart-categorical-12: hsl(296 97.1% 65.9%);
3101
3234
  --dt-color-surface-primary-opaque-inverted-h: 0;
3102
3235
  --dt-color-surface-primary-opaque-inverted-s: 0%;
3103
3236
  --dt-color-surface-primary-opaque-inverted-l: 0%;
@@ -3402,6 +3535,342 @@
3402
3535
  --dt-typography-helper-sm: var(--dt-typography-helper-sm-font-weight) var(--dt-typography-helper-sm-font-size)/var(--dt-typography-helper-sm-line-height) var(--dt-typography-helper-sm-font-family);
3403
3536
  --dt-typography-code-md: var(--dt-typography-code-md-font-weight) var(--dt-typography-code-md-font-size)/var(--dt-typography-code-md-line-height) var(--dt-typography-code-md-font-family);
3404
3537
  --dt-typography-code-sm: var(--dt-typography-code-sm-font-weight) var(--dt-typography-code-sm-font-size)/var(--dt-typography-code-sm-line-height) var(--dt-typography-code-sm-font-family); /* Text style for extra small inputs (e.g. input and textarea) */
3538
+ --dt-color-chart-sequential-09-selected-h: 205;
3539
+ --dt-color-chart-sequential-09-selected-s: 41.9%;
3540
+ --dt-color-chart-sequential-09-selected-l: 19.3%;
3541
+ --dt-color-chart-sequential-09-selected-a: 100%;
3542
+ --dt-color-chart-sequential-09-selected-hsl: var(--dt-color-chart-sequential-09-selected-h) var(--dt-color-chart-sequential-09-selected-s) var(--dt-color-chart-sequential-09-selected-l);
3543
+ --dt-color-chart-sequential-09-selected-hsla: hsl(var(--dt-color-chart-sequential-09-selected-h) var(--dt-color-chart-sequential-09-selected-s) var(--dt-color-chart-sequential-09-selected-l) / var(--alpha, 100%));
3544
+ --dt-color-chart-sequential-09-selected: hsl(205 41.9% 19.3%); /* Selected state for ninth sequential chart color. */
3545
+ --dt-color-chart-sequential-09-hover-h: 205;
3546
+ --dt-color-chart-sequential-09-hover-s: 50.9%;
3547
+ --dt-color-chart-sequential-09-hover-l: 23.4%;
3548
+ --dt-color-chart-sequential-09-hover-a: 100%;
3549
+ --dt-color-chart-sequential-09-hover-hsl: var(--dt-color-chart-sequential-09-hover-h) var(--dt-color-chart-sequential-09-hover-s) var(--dt-color-chart-sequential-09-hover-l);
3550
+ --dt-color-chart-sequential-09-hover-hsla: hsl(var(--dt-color-chart-sequential-09-hover-h) var(--dt-color-chart-sequential-09-hover-s) var(--dt-color-chart-sequential-09-hover-l) / var(--alpha, 100%));
3551
+ --dt-color-chart-sequential-09-hover: hsl(205 50.9% 23.4%); /* Hover state for ninth sequential chart color. */
3552
+ --dt-color-chart-sequential-08-selected-h: 207;
3553
+ --dt-color-chart-sequential-08-selected-s: 41.2%;
3554
+ --dt-color-chart-sequential-08-selected-l: 25.1%;
3555
+ --dt-color-chart-sequential-08-selected-a: 100%;
3556
+ --dt-color-chart-sequential-08-selected-hsl: var(--dt-color-chart-sequential-08-selected-h) var(--dt-color-chart-sequential-08-selected-s) var(--dt-color-chart-sequential-08-selected-l);
3557
+ --dt-color-chart-sequential-08-selected-hsla: hsl(var(--dt-color-chart-sequential-08-selected-h) var(--dt-color-chart-sequential-08-selected-s) var(--dt-color-chart-sequential-08-selected-l) / var(--alpha, 100%));
3558
+ --dt-color-chart-sequential-08-selected: hsl(207 41.2% 25.1%); /* Selected state for eighth sequential chart color. */
3559
+ --dt-color-chart-sequential-08-hover-h: 207;
3560
+ --dt-color-chart-sequential-08-hover-s: 50.1%;
3561
+ --dt-color-chart-sequential-08-hover-l: 30.4%;
3562
+ --dt-color-chart-sequential-08-hover-a: 100%;
3563
+ --dt-color-chart-sequential-08-hover-hsl: var(--dt-color-chart-sequential-08-hover-h) var(--dt-color-chart-sequential-08-hover-s) var(--dt-color-chart-sequential-08-hover-l);
3564
+ --dt-color-chart-sequential-08-hover-hsla: hsl(var(--dt-color-chart-sequential-08-hover-h) var(--dt-color-chart-sequential-08-hover-s) var(--dt-color-chart-sequential-08-hover-l) / var(--alpha, 100%));
3565
+ --dt-color-chart-sequential-08-hover: hsl(207 50.1% 30.4%); /* Hover state for eighth sequential chart color. */
3566
+ --dt-color-chart-sequential-07-selected-h: 209;
3567
+ --dt-color-chart-sequential-07-selected-s: 40.5%;
3568
+ --dt-color-chart-sequential-07-selected-l: 31.4%;
3569
+ --dt-color-chart-sequential-07-selected-a: 100%;
3570
+ --dt-color-chart-sequential-07-selected-hsl: var(--dt-color-chart-sequential-07-selected-h) var(--dt-color-chart-sequential-07-selected-s) var(--dt-color-chart-sequential-07-selected-l);
3571
+ --dt-color-chart-sequential-07-selected-hsla: hsl(var(--dt-color-chart-sequential-07-selected-h) var(--dt-color-chart-sequential-07-selected-s) var(--dt-color-chart-sequential-07-selected-l) / var(--alpha, 100%));
3572
+ --dt-color-chart-sequential-07-selected: hsl(209 40.5% 31.4%); /* Selected state for seventh sequential chart color. */
3573
+ --dt-color-chart-sequential-07-hover-h: 209;
3574
+ --dt-color-chart-sequential-07-hover-s: 49.2%;
3575
+ --dt-color-chart-sequential-07-hover-l: 38.1%;
3576
+ --dt-color-chart-sequential-07-hover-a: 100%;
3577
+ --dt-color-chart-sequential-07-hover-hsl: var(--dt-color-chart-sequential-07-hover-h) var(--dt-color-chart-sequential-07-hover-s) var(--dt-color-chart-sequential-07-hover-l);
3578
+ --dt-color-chart-sequential-07-hover-hsla: hsl(var(--dt-color-chart-sequential-07-hover-h) var(--dt-color-chart-sequential-07-hover-s) var(--dt-color-chart-sequential-07-hover-l) / var(--alpha, 100%));
3579
+ --dt-color-chart-sequential-07-hover: hsl(209 49.2% 38.1%); /* Hover state for seventh sequential chart color. */
3580
+ --dt-color-chart-sequential-06-selected-h: 211;
3581
+ --dt-color-chart-sequential-06-selected-s: 39.8%;
3582
+ --dt-color-chart-sequential-06-selected-l: 37.1%;
3583
+ --dt-color-chart-sequential-06-selected-a: 100%;
3584
+ --dt-color-chart-sequential-06-selected-hsl: var(--dt-color-chart-sequential-06-selected-h) var(--dt-color-chart-sequential-06-selected-s) var(--dt-color-chart-sequential-06-selected-l);
3585
+ --dt-color-chart-sequential-06-selected-hsla: hsl(var(--dt-color-chart-sequential-06-selected-h) var(--dt-color-chart-sequential-06-selected-s) var(--dt-color-chart-sequential-06-selected-l) / var(--alpha, 100%));
3586
+ --dt-color-chart-sequential-06-selected: hsl(211 39.8% 37.1%); /* Selected state for sixth sequential chart color. */
3587
+ --dt-color-chart-sequential-06-hover-h: 211;
3588
+ --dt-color-chart-sequential-06-hover-s: 48.4%;
3589
+ --dt-color-chart-sequential-06-hover-l: 45%;
3590
+ --dt-color-chart-sequential-06-hover-a: 100%;
3591
+ --dt-color-chart-sequential-06-hover-hsl: var(--dt-color-chart-sequential-06-hover-h) var(--dt-color-chart-sequential-06-hover-s) var(--dt-color-chart-sequential-06-hover-l);
3592
+ --dt-color-chart-sequential-06-hover-hsla: hsl(var(--dt-color-chart-sequential-06-hover-h) var(--dt-color-chart-sequential-06-hover-s) var(--dt-color-chart-sequential-06-hover-l) / var(--alpha, 100%));
3593
+ --dt-color-chart-sequential-06-hover: hsl(211 48.4% 45%); /* Hover state for sixth sequential chart color. */
3594
+ --dt-color-chart-sequential-05-selected-h: 213;
3595
+ --dt-color-chart-sequential-05-selected-s: 39.1%;
3596
+ --dt-color-chart-sequential-05-selected-l: 43.5%;
3597
+ --dt-color-chart-sequential-05-selected-a: 100%;
3598
+ --dt-color-chart-sequential-05-selected-hsl: var(--dt-color-chart-sequential-05-selected-h) var(--dt-color-chart-sequential-05-selected-s) var(--dt-color-chart-sequential-05-selected-l);
3599
+ --dt-color-chart-sequential-05-selected-hsla: hsl(var(--dt-color-chart-sequential-05-selected-h) var(--dt-color-chart-sequential-05-selected-s) var(--dt-color-chart-sequential-05-selected-l) / var(--alpha, 100%));
3600
+ --dt-color-chart-sequential-05-selected: hsl(213 39.1% 43.5%); /* Selected state for fifth sequential chart color. */
3601
+ --dt-color-chart-sequential-05-hover-h: 213;
3602
+ --dt-color-chart-sequential-05-hover-s: 47.5%;
3603
+ --dt-color-chart-sequential-05-hover-l: 52.800000000000004%;
3604
+ --dt-color-chart-sequential-05-hover-a: 100%;
3605
+ --dt-color-chart-sequential-05-hover-hsl: var(--dt-color-chart-sequential-05-hover-h) var(--dt-color-chart-sequential-05-hover-s) var(--dt-color-chart-sequential-05-hover-l);
3606
+ --dt-color-chart-sequential-05-hover-hsla: hsl(var(--dt-color-chart-sequential-05-hover-h) var(--dt-color-chart-sequential-05-hover-s) var(--dt-color-chart-sequential-05-hover-l) / var(--alpha, 100%));
3607
+ --dt-color-chart-sequential-05-hover: hsl(213 47.5% 52.8%); /* Hover state for fifth sequential chart color. */
3608
+ --dt-color-chart-sequential-04-selected-h: 216;
3609
+ --dt-color-chart-sequential-04-selected-s: 38.4%;
3610
+ --dt-color-chart-sequential-04-selected-l: 49.2%;
3611
+ --dt-color-chart-sequential-04-selected-a: 100%;
3612
+ --dt-color-chart-sequential-04-selected-hsl: var(--dt-color-chart-sequential-04-selected-h) var(--dt-color-chart-sequential-04-selected-s) var(--dt-color-chart-sequential-04-selected-l);
3613
+ --dt-color-chart-sequential-04-selected-hsla: hsl(var(--dt-color-chart-sequential-04-selected-h) var(--dt-color-chart-sequential-04-selected-s) var(--dt-color-chart-sequential-04-selected-l) / var(--alpha, 100%));
3614
+ --dt-color-chart-sequential-04-selected: hsl(216 38.4% 49.2%); /* Selected state for fourth sequential chart color. */
3615
+ --dt-color-chart-sequential-04-hover-h: 216;
3616
+ --dt-color-chart-sequential-04-hover-s: 46.7%;
3617
+ --dt-color-chart-sequential-04-hover-l: 59.8%;
3618
+ --dt-color-chart-sequential-04-hover-a: 100%;
3619
+ --dt-color-chart-sequential-04-hover-hsl: var(--dt-color-chart-sequential-04-hover-h) var(--dt-color-chart-sequential-04-hover-s) var(--dt-color-chart-sequential-04-hover-l);
3620
+ --dt-color-chart-sequential-04-hover-hsla: hsl(var(--dt-color-chart-sequential-04-hover-h) var(--dt-color-chart-sequential-04-hover-s) var(--dt-color-chart-sequential-04-hover-l) / var(--alpha, 100%));
3621
+ --dt-color-chart-sequential-04-hover: hsl(216 46.7% 59.8%); /* Hover state for fourth sequential chart color. */
3622
+ --dt-color-chart-sequential-03-selected-h: 218;
3623
+ --dt-color-chart-sequential-03-selected-s: 37.7%;
3624
+ --dt-color-chart-sequential-03-selected-l: 55.50000000000001%;
3625
+ --dt-color-chart-sequential-03-selected-a: 100%;
3626
+ --dt-color-chart-sequential-03-selected-hsl: var(--dt-color-chart-sequential-03-selected-h) var(--dt-color-chart-sequential-03-selected-s) var(--dt-color-chart-sequential-03-selected-l);
3627
+ --dt-color-chart-sequential-03-selected-hsla: hsl(var(--dt-color-chart-sequential-03-selected-h) var(--dt-color-chart-sequential-03-selected-s) var(--dt-color-chart-sequential-03-selected-l) / var(--alpha, 100%));
3628
+ --dt-color-chart-sequential-03-selected: hsl(218 37.7% 55.5%); /* Selected state for third sequential chart color. */
3629
+ --dt-color-chart-sequential-03-hover-h: 218;
3630
+ --dt-color-chart-sequential-03-hover-s: 45.7%;
3631
+ --dt-color-chart-sequential-03-hover-l: 67.4%;
3632
+ --dt-color-chart-sequential-03-hover-a: 100%;
3633
+ --dt-color-chart-sequential-03-hover-hsl: var(--dt-color-chart-sequential-03-hover-h) var(--dt-color-chart-sequential-03-hover-s) var(--dt-color-chart-sequential-03-hover-l);
3634
+ --dt-color-chart-sequential-03-hover-hsla: hsl(var(--dt-color-chart-sequential-03-hover-h) var(--dt-color-chart-sequential-03-hover-s) var(--dt-color-chart-sequential-03-hover-l) / var(--alpha, 100%));
3635
+ --dt-color-chart-sequential-03-hover: hsl(218 45.7% 67.4%); /* Hover state for third sequential chart color. */
3636
+ --dt-color-chart-sequential-02-selected-h: 220;
3637
+ --dt-color-chart-sequential-02-selected-s: 37%;
3638
+ --dt-color-chart-sequential-02-selected-l: 61.3%;
3639
+ --dt-color-chart-sequential-02-selected-a: 100%;
3640
+ --dt-color-chart-sequential-02-selected-hsl: var(--dt-color-chart-sequential-02-selected-h) var(--dt-color-chart-sequential-02-selected-s) var(--dt-color-chart-sequential-02-selected-l);
3641
+ --dt-color-chart-sequential-02-selected-hsla: hsl(var(--dt-color-chart-sequential-02-selected-h) var(--dt-color-chart-sequential-02-selected-s) var(--dt-color-chart-sequential-02-selected-l) / var(--alpha, 100%));
3642
+ --dt-color-chart-sequential-02-selected: hsl(220 37% 61.3%); /* Selected state for second sequential chart color. */
3643
+ --dt-color-chart-sequential-02-hover-h: 220;
3644
+ --dt-color-chart-sequential-02-hover-s: 45%;
3645
+ --dt-color-chart-sequential-02-hover-l: 74.5%;
3646
+ --dt-color-chart-sequential-02-hover-a: 100%;
3647
+ --dt-color-chart-sequential-02-hover-hsl: var(--dt-color-chart-sequential-02-hover-h) var(--dt-color-chart-sequential-02-hover-s) var(--dt-color-chart-sequential-02-hover-l);
3648
+ --dt-color-chart-sequential-02-hover-hsla: hsl(var(--dt-color-chart-sequential-02-hover-h) var(--dt-color-chart-sequential-02-hover-s) var(--dt-color-chart-sequential-02-hover-l) / var(--alpha, 100%));
3649
+ --dt-color-chart-sequential-02-hover: hsl(220 45% 74.5%); /* Hover state for second sequential chart color. */
3650
+ --dt-color-chart-categorical-28-selected-h: 224;
3651
+ --dt-color-chart-categorical-28-selected-s: 82.2%;
3652
+ --dt-color-chart-categorical-28-selected-l: 44%;
3653
+ --dt-color-chart-categorical-28-selected-a: 100%;
3654
+ --dt-color-chart-categorical-28-selected-hsl: var(--dt-color-chart-categorical-28-selected-h) var(--dt-color-chart-categorical-28-selected-s) var(--dt-color-chart-categorical-28-selected-l);
3655
+ --dt-color-chart-categorical-28-selected-hsla: hsl(var(--dt-color-chart-categorical-28-selected-h) var(--dt-color-chart-categorical-28-selected-s) var(--dt-color-chart-categorical-28-selected-l) / var(--alpha, 100%));
3656
+ --dt-color-chart-categorical-28-selected: hsl(224 82.2% 44%);
3657
+ --dt-color-chart-categorical-28-hover-h: 224;
3658
+ --dt-color-chart-categorical-28-hover-s: 82.2%;
3659
+ --dt-color-chart-categorical-28-hover-l: 53.5%;
3660
+ --dt-color-chart-categorical-28-hover-a: 100%;
3661
+ --dt-color-chart-categorical-28-hover-hsl: var(--dt-color-chart-categorical-28-hover-h) var(--dt-color-chart-categorical-28-hover-s) var(--dt-color-chart-categorical-28-hover-l);
3662
+ --dt-color-chart-categorical-28-hover-hsla: hsl(var(--dt-color-chart-categorical-28-hover-h) var(--dt-color-chart-categorical-28-hover-s) var(--dt-color-chart-categorical-28-hover-l) / var(--alpha, 100%));
3663
+ --dt-color-chart-categorical-28-hover: hsl(224 82.2% 53.5%);
3664
+ --dt-color-chart-categorical-26-selected-h: 353;
3665
+ --dt-color-chart-categorical-26-selected-s: 98.8%;
3666
+ --dt-color-chart-categorical-26-selected-l: 40.9%;
3667
+ --dt-color-chart-categorical-26-selected-a: 100%;
3668
+ --dt-color-chart-categorical-26-selected-hsl: var(--dt-color-chart-categorical-26-selected-h) var(--dt-color-chart-categorical-26-selected-s) var(--dt-color-chart-categorical-26-selected-l);
3669
+ --dt-color-chart-categorical-26-selected-hsla: hsl(var(--dt-color-chart-categorical-26-selected-h) var(--dt-color-chart-categorical-26-selected-s) var(--dt-color-chart-categorical-26-selected-l) / var(--alpha, 100%));
3670
+ --dt-color-chart-categorical-26-selected: hsl(353 98.8% 40.9%);
3671
+ --dt-color-chart-categorical-26-hover-h: 353;
3672
+ --dt-color-chart-categorical-26-hover-s: 98.8%;
3673
+ --dt-color-chart-categorical-26-hover-l: 49.6%;
3674
+ --dt-color-chart-categorical-26-hover-a: 100%;
3675
+ --dt-color-chart-categorical-26-hover-hsl: var(--dt-color-chart-categorical-26-hover-h) var(--dt-color-chart-categorical-26-hover-s) var(--dt-color-chart-categorical-26-hover-l);
3676
+ --dt-color-chart-categorical-26-hover-hsla: hsl(var(--dt-color-chart-categorical-26-hover-h) var(--dt-color-chart-categorical-26-hover-s) var(--dt-color-chart-categorical-26-hover-l) / var(--alpha, 100%));
3677
+ --dt-color-chart-categorical-26-hover: hsl(353 98.8% 49.6%);
3678
+ --dt-color-chart-categorical-22-selected-h: 324;
3679
+ --dt-color-chart-categorical-22-selected-s: 39%;
3680
+ --dt-color-chart-categorical-22-selected-l: 51.1%;
3681
+ --dt-color-chart-categorical-22-selected-a: 100%;
3682
+ --dt-color-chart-categorical-22-selected-hsl: var(--dt-color-chart-categorical-22-selected-h) var(--dt-color-chart-categorical-22-selected-s) var(--dt-color-chart-categorical-22-selected-l);
3683
+ --dt-color-chart-categorical-22-selected-hsla: hsl(var(--dt-color-chart-categorical-22-selected-h) var(--dt-color-chart-categorical-22-selected-s) var(--dt-color-chart-categorical-22-selected-l) / var(--alpha, 100%));
3684
+ --dt-color-chart-categorical-22-selected: hsl(324 39% 51.1%);
3685
+ --dt-color-chart-categorical-22-hover-h: 324;
3686
+ --dt-color-chart-categorical-22-hover-s: 39%;
3687
+ --dt-color-chart-categorical-22-hover-l: 62%;
3688
+ --dt-color-chart-categorical-22-hover-a: 100%;
3689
+ --dt-color-chart-categorical-22-hover-hsl: var(--dt-color-chart-categorical-22-hover-h) var(--dt-color-chart-categorical-22-hover-s) var(--dt-color-chart-categorical-22-hover-l);
3690
+ --dt-color-chart-categorical-22-hover-hsla: hsl(var(--dt-color-chart-categorical-22-hover-h) var(--dt-color-chart-categorical-22-hover-s) var(--dt-color-chart-categorical-22-hover-l) / var(--alpha, 100%));
3691
+ --dt-color-chart-categorical-22-hover: hsl(324 39% 62%);
3692
+ --dt-color-chart-categorical-21-selected-h: 95.6;
3693
+ --dt-color-chart-categorical-21-selected-s: 71.5%;
3694
+ --dt-color-chart-categorical-21-selected-l: 37.7%;
3695
+ --dt-color-chart-categorical-21-selected-a: 100%;
3696
+ --dt-color-chart-categorical-21-selected-hsl: var(--dt-color-chart-categorical-21-selected-h) var(--dt-color-chart-categorical-21-selected-s) var(--dt-color-chart-categorical-21-selected-l);
3697
+ --dt-color-chart-categorical-21-selected-hsla: hsl(var(--dt-color-chart-categorical-21-selected-h) var(--dt-color-chart-categorical-21-selected-s) var(--dt-color-chart-categorical-21-selected-l) / var(--alpha, 100%));
3698
+ --dt-color-chart-categorical-21-selected: hsl(95.6 71.5% 37.7%);
3699
+ --dt-color-chart-categorical-21-hover-h: 95.6;
3700
+ --dt-color-chart-categorical-21-hover-s: 71.5%;
3701
+ --dt-color-chart-categorical-21-hover-l: 45.8%;
3702
+ --dt-color-chart-categorical-21-hover-a: 100%;
3703
+ --dt-color-chart-categorical-21-hover-hsl: var(--dt-color-chart-categorical-21-hover-h) var(--dt-color-chart-categorical-21-hover-s) var(--dt-color-chart-categorical-21-hover-l);
3704
+ --dt-color-chart-categorical-21-hover-hsla: hsl(var(--dt-color-chart-categorical-21-hover-h) var(--dt-color-chart-categorical-21-hover-s) var(--dt-color-chart-categorical-21-hover-l) / var(--alpha, 100%));
3705
+ --dt-color-chart-categorical-21-hover: hsl(95.6 71.5% 45.8%);
3706
+ --dt-color-chart-categorical-20-selected-h: 224;
3707
+ --dt-color-chart-categorical-20-selected-s: 82.2%;
3708
+ --dt-color-chart-categorical-20-selected-l: 44%;
3709
+ --dt-color-chart-categorical-20-selected-a: 100%;
3710
+ --dt-color-chart-categorical-20-selected-hsl: var(--dt-color-chart-categorical-20-selected-h) var(--dt-color-chart-categorical-20-selected-s) var(--dt-color-chart-categorical-20-selected-l);
3711
+ --dt-color-chart-categorical-20-selected-hsla: hsl(var(--dt-color-chart-categorical-20-selected-h) var(--dt-color-chart-categorical-20-selected-s) var(--dt-color-chart-categorical-20-selected-l) / var(--alpha, 100%));
3712
+ --dt-color-chart-categorical-20-selected: hsl(224 82.2% 44%);
3713
+ --dt-color-chart-categorical-20-hover-h: 224;
3714
+ --dt-color-chart-categorical-20-hover-s: 82.2%;
3715
+ --dt-color-chart-categorical-20-hover-l: 53.5%;
3716
+ --dt-color-chart-categorical-20-hover-a: 100%;
3717
+ --dt-color-chart-categorical-20-hover-hsl: var(--dt-color-chart-categorical-20-hover-h) var(--dt-color-chart-categorical-20-hover-s) var(--dt-color-chart-categorical-20-hover-l);
3718
+ --dt-color-chart-categorical-20-hover-hsla: hsl(var(--dt-color-chart-categorical-20-hover-h) var(--dt-color-chart-categorical-20-hover-s) var(--dt-color-chart-categorical-20-hover-l) / var(--alpha, 100%));
3719
+ --dt-color-chart-categorical-20-hover: hsl(224 82.2% 53.5%);
3720
+ --dt-color-chart-categorical-19-selected-h: 190;
3721
+ --dt-color-chart-categorical-19-selected-s: 78.1%;
3722
+ --dt-color-chart-categorical-19-selected-l: 41.4%;
3723
+ --dt-color-chart-categorical-19-selected-a: 100%;
3724
+ --dt-color-chart-categorical-19-selected-hsl: var(--dt-color-chart-categorical-19-selected-h) var(--dt-color-chart-categorical-19-selected-s) var(--dt-color-chart-categorical-19-selected-l);
3725
+ --dt-color-chart-categorical-19-selected-hsla: hsl(var(--dt-color-chart-categorical-19-selected-h) var(--dt-color-chart-categorical-19-selected-s) var(--dt-color-chart-categorical-19-selected-l) / var(--alpha, 100%));
3726
+ --dt-color-chart-categorical-19-selected: hsl(190 78.1% 41.4%);
3727
+ --dt-color-chart-categorical-19-hover-h: 190;
3728
+ --dt-color-chart-categorical-19-hover-s: 78.1%;
3729
+ --dt-color-chart-categorical-19-hover-l: 50.2%;
3730
+ --dt-color-chart-categorical-19-hover-a: 100%;
3731
+ --dt-color-chart-categorical-19-hover-hsl: var(--dt-color-chart-categorical-19-hover-h) var(--dt-color-chart-categorical-19-hover-s) var(--dt-color-chart-categorical-19-hover-l);
3732
+ --dt-color-chart-categorical-19-hover-hsla: hsl(var(--dt-color-chart-categorical-19-hover-h) var(--dt-color-chart-categorical-19-hover-s) var(--dt-color-chart-categorical-19-hover-l) / var(--alpha, 100%));
3733
+ --dt-color-chart-categorical-19-hover: hsl(190 78.1% 50.2%);
3734
+ --dt-color-chart-categorical-18-selected-h: 63.1;
3735
+ --dt-color-chart-categorical-18-selected-s: 80.5%;
3736
+ --dt-color-chart-categorical-18-selected-l: 38.6%;
3737
+ --dt-color-chart-categorical-18-selected-a: 100%;
3738
+ --dt-color-chart-categorical-18-selected-hsl: var(--dt-color-chart-categorical-18-selected-h) var(--dt-color-chart-categorical-18-selected-s) var(--dt-color-chart-categorical-18-selected-l);
3739
+ --dt-color-chart-categorical-18-selected-hsla: hsl(var(--dt-color-chart-categorical-18-selected-h) var(--dt-color-chart-categorical-18-selected-s) var(--dt-color-chart-categorical-18-selected-l) / var(--alpha, 100%));
3740
+ --dt-color-chart-categorical-18-selected: hsl(63.1 80.5% 38.6%);
3741
+ --dt-color-chart-categorical-18-hover-h: 63.1;
3742
+ --dt-color-chart-categorical-18-hover-s: 80.5%;
3743
+ --dt-color-chart-categorical-18-hover-l: 46.9%;
3744
+ --dt-color-chart-categorical-18-hover-a: 100%;
3745
+ --dt-color-chart-categorical-18-hover-hsl: var(--dt-color-chart-categorical-18-hover-h) var(--dt-color-chart-categorical-18-hover-s) var(--dt-color-chart-categorical-18-hover-l);
3746
+ --dt-color-chart-categorical-18-hover-hsla: hsl(var(--dt-color-chart-categorical-18-hover-h) var(--dt-color-chart-categorical-18-hover-s) var(--dt-color-chart-categorical-18-hover-l) / var(--alpha, 100%));
3747
+ --dt-color-chart-categorical-18-hover: hsl(63.1 80.5% 46.9%);
3748
+ --dt-color-chart-categorical-17-selected-h: 318;
3749
+ --dt-color-chart-categorical-17-selected-s: 95.9%;
3750
+ --dt-color-chart-categorical-17-selected-l: 48.9%;
3751
+ --dt-color-chart-categorical-17-selected-a: 100%;
3752
+ --dt-color-chart-categorical-17-selected-hsl: var(--dt-color-chart-categorical-17-selected-h) var(--dt-color-chart-categorical-17-selected-s) var(--dt-color-chart-categorical-17-selected-l);
3753
+ --dt-color-chart-categorical-17-selected-hsla: hsl(var(--dt-color-chart-categorical-17-selected-h) var(--dt-color-chart-categorical-17-selected-s) var(--dt-color-chart-categorical-17-selected-l) / var(--alpha, 100%));
3754
+ --dt-color-chart-categorical-17-selected: hsl(318 95.9% 48.9%);
3755
+ --dt-color-chart-categorical-17-hover-h: 318;
3756
+ --dt-color-chart-categorical-17-hover-s: 95.9%;
3757
+ --dt-color-chart-categorical-17-hover-l: 59.4%;
3758
+ --dt-color-chart-categorical-17-hover-a: 100%;
3759
+ --dt-color-chart-categorical-17-hover-hsl: var(--dt-color-chart-categorical-17-hover-h) var(--dt-color-chart-categorical-17-hover-s) var(--dt-color-chart-categorical-17-hover-l);
3760
+ --dt-color-chart-categorical-17-hover-hsla: hsl(var(--dt-color-chart-categorical-17-hover-h) var(--dt-color-chart-categorical-17-hover-s) var(--dt-color-chart-categorical-17-hover-l) / var(--alpha, 100%));
3761
+ --dt-color-chart-categorical-17-hover: hsl(318 95.9% 59.4%);
3762
+ --dt-color-chart-categorical-16-selected-h: 89.4;
3763
+ --dt-color-chart-categorical-16-selected-s: 68%;
3764
+ --dt-color-chart-categorical-16-selected-l: 32.9%;
3765
+ --dt-color-chart-categorical-16-selected-a: 100%;
3766
+ --dt-color-chart-categorical-16-selected-hsl: var(--dt-color-chart-categorical-16-selected-h) var(--dt-color-chart-categorical-16-selected-s) var(--dt-color-chart-categorical-16-selected-l);
3767
+ --dt-color-chart-categorical-16-selected-hsla: hsl(var(--dt-color-chart-categorical-16-selected-h) var(--dt-color-chart-categorical-16-selected-s) var(--dt-color-chart-categorical-16-selected-l) / var(--alpha, 100%));
3768
+ --dt-color-chart-categorical-16-selected: hsl(89.4 68% 32.9%);
3769
+ --dt-color-chart-categorical-16-hover-h: 89.4;
3770
+ --dt-color-chart-categorical-16-hover-s: 68%;
3771
+ --dt-color-chart-categorical-16-hover-l: 40%;
3772
+ --dt-color-chart-categorical-16-hover-a: 100%;
3773
+ --dt-color-chart-categorical-16-hover-hsl: var(--dt-color-chart-categorical-16-hover-h) var(--dt-color-chart-categorical-16-hover-s) var(--dt-color-chart-categorical-16-hover-l);
3774
+ --dt-color-chart-categorical-16-hover-hsla: hsl(var(--dt-color-chart-categorical-16-hover-h) var(--dt-color-chart-categorical-16-hover-s) var(--dt-color-chart-categorical-16-hover-l) / var(--alpha, 100%));
3775
+ --dt-color-chart-categorical-16-hover: hsl(89.4 68% 40%);
3776
+ --dt-color-chart-categorical-15-selected-h: 367;
3777
+ --dt-color-chart-categorical-15-selected-s: 99.2%;
3778
+ --dt-color-chart-categorical-15-selected-l: 39.5%;
3779
+ --dt-color-chart-categorical-15-selected-a: 100%;
3780
+ --dt-color-chart-categorical-15-selected-hsl: var(--dt-color-chart-categorical-15-selected-h) var(--dt-color-chart-categorical-15-selected-s) var(--dt-color-chart-categorical-15-selected-l);
3781
+ --dt-color-chart-categorical-15-selected-hsla: hsl(var(--dt-color-chart-categorical-15-selected-h) var(--dt-color-chart-categorical-15-selected-s) var(--dt-color-chart-categorical-15-selected-l) / var(--alpha, 100%));
3782
+ --dt-color-chart-categorical-15-selected: hsl(367 99.2% 39.5%);
3783
+ --dt-color-chart-categorical-15-hover-h: 367;
3784
+ --dt-color-chart-categorical-15-hover-s: 99.2%;
3785
+ --dt-color-chart-categorical-15-hover-l: 48%;
3786
+ --dt-color-chart-categorical-15-hover-a: 100%;
3787
+ --dt-color-chart-categorical-15-hover-hsl: var(--dt-color-chart-categorical-15-hover-h) var(--dt-color-chart-categorical-15-hover-s) var(--dt-color-chart-categorical-15-hover-l);
3788
+ --dt-color-chart-categorical-15-hover-hsla: hsl(var(--dt-color-chart-categorical-15-hover-h) var(--dt-color-chart-categorical-15-hover-s) var(--dt-color-chart-categorical-15-hover-l) / var(--alpha, 100%));
3789
+ --dt-color-chart-categorical-15-hover: hsl(367 99.2% 48%);
3790
+ --dt-color-chart-categorical-14-selected-h: 234;
3791
+ --dt-color-chart-categorical-14-selected-s: 83.7%;
3792
+ --dt-color-chart-categorical-14-selected-l: 44.9%;
3793
+ --dt-color-chart-categorical-14-selected-a: 100%;
3794
+ --dt-color-chart-categorical-14-selected-hsl: var(--dt-color-chart-categorical-14-selected-h) var(--dt-color-chart-categorical-14-selected-s) var(--dt-color-chart-categorical-14-selected-l);
3795
+ --dt-color-chart-categorical-14-selected-hsla: hsl(var(--dt-color-chart-categorical-14-selected-h) var(--dt-color-chart-categorical-14-selected-s) var(--dt-color-chart-categorical-14-selected-l) / var(--alpha, 100%));
3796
+ --dt-color-chart-categorical-14-selected: hsl(234 83.7% 44.9%);
3797
+ --dt-color-chart-categorical-14-hover-h: 234;
3798
+ --dt-color-chart-categorical-14-hover-s: 83.7%;
3799
+ --dt-color-chart-categorical-14-hover-l: 54.6%;
3800
+ --dt-color-chart-categorical-14-hover-a: 100%;
3801
+ --dt-color-chart-categorical-14-hover-hsl: var(--dt-color-chart-categorical-14-hover-h) var(--dt-color-chart-categorical-14-hover-s) var(--dt-color-chart-categorical-14-hover-l);
3802
+ --dt-color-chart-categorical-14-hover-hsla: hsl(var(--dt-color-chart-categorical-14-hover-h) var(--dt-color-chart-categorical-14-hover-s) var(--dt-color-chart-categorical-14-hover-l) / var(--alpha, 100%));
3803
+ --dt-color-chart-categorical-14-hover: hsl(234 83.7% 54.6%);
3804
+ --dt-color-chart-categorical-13-selected-h: 374;
3805
+ --dt-color-chart-categorical-13-selected-s: 87.9%;
3806
+ --dt-color-chart-categorical-13-selected-l: 43%;
3807
+ --dt-color-chart-categorical-13-selected-a: 100%;
3808
+ --dt-color-chart-categorical-13-selected-hsl: var(--dt-color-chart-categorical-13-selected-h) var(--dt-color-chart-categorical-13-selected-s) var(--dt-color-chart-categorical-13-selected-l);
3809
+ --dt-color-chart-categorical-13-selected-hsla: hsl(var(--dt-color-chart-categorical-13-selected-h) var(--dt-color-chart-categorical-13-selected-s) var(--dt-color-chart-categorical-13-selected-l) / var(--alpha, 100%));
3810
+ --dt-color-chart-categorical-13-selected: hsl(374 87.9% 43%);
3811
+ --dt-color-chart-categorical-13-hover-h: 374;
3812
+ --dt-color-chart-categorical-13-hover-s: 87.9%;
3813
+ --dt-color-chart-categorical-13-hover-l: 52.300000000000004%;
3814
+ --dt-color-chart-categorical-13-hover-a: 100%;
3815
+ --dt-color-chart-categorical-13-hover-hsl: var(--dt-color-chart-categorical-13-hover-h) var(--dt-color-chart-categorical-13-hover-s) var(--dt-color-chart-categorical-13-hover-l);
3816
+ --dt-color-chart-categorical-13-hover-hsla: hsl(var(--dt-color-chart-categorical-13-hover-h) var(--dt-color-chart-categorical-13-hover-s) var(--dt-color-chart-categorical-13-hover-l) / var(--alpha, 100%));
3817
+ --dt-color-chart-categorical-13-hover: hsl(374 87.9% 52.3%);
3818
+ --dt-color-chart-categorical-12-selected-h: 296;
3819
+ --dt-color-chart-categorical-12-selected-s: 97.1%;
3820
+ --dt-color-chart-categorical-12-selected-l: 46.1%;
3821
+ --dt-color-chart-categorical-12-selected-a: 100%;
3822
+ --dt-color-chart-categorical-12-selected-hsl: var(--dt-color-chart-categorical-12-selected-h) var(--dt-color-chart-categorical-12-selected-s) var(--dt-color-chart-categorical-12-selected-l);
3823
+ --dt-color-chart-categorical-12-selected-hsla: hsl(var(--dt-color-chart-categorical-12-selected-h) var(--dt-color-chart-categorical-12-selected-s) var(--dt-color-chart-categorical-12-selected-l) / var(--alpha, 100%));
3824
+ --dt-color-chart-categorical-12-selected: hsl(296 97.1% 46.1%);
3825
+ --dt-color-chart-categorical-12-hover-h: 296;
3826
+ --dt-color-chart-categorical-12-hover-s: 97.1%;
3827
+ --dt-color-chart-categorical-12-hover-l: 56.00000000000001%;
3828
+ --dt-color-chart-categorical-12-hover-a: 100%;
3829
+ --dt-color-chart-categorical-12-hover-hsl: var(--dt-color-chart-categorical-12-hover-h) var(--dt-color-chart-categorical-12-hover-s) var(--dt-color-chart-categorical-12-hover-l);
3830
+ --dt-color-chart-categorical-12-hover-hsla: hsl(var(--dt-color-chart-categorical-12-hover-h) var(--dt-color-chart-categorical-12-hover-s) var(--dt-color-chart-categorical-12-hover-l) / var(--alpha, 100%));
3831
+ --dt-color-chart-categorical-12-hover: hsl(296 97.1% 56%);
3832
+ --dt-color-chart-categorical-30-h: 186;
3833
+ --dt-color-chart-categorical-30-s: 71.2%;
3834
+ --dt-color-chart-categorical-30-l: 55.3%;
3835
+ --dt-color-chart-categorical-30-a: 100%;
3836
+ --dt-color-chart-categorical-30-hsl: var(--dt-color-chart-categorical-30-h) var(--dt-color-chart-categorical-30-s) var(--dt-color-chart-categorical-30-l);
3837
+ --dt-color-chart-categorical-30-hsla: hsl(var(--dt-color-chart-categorical-30-h) var(--dt-color-chart-categorical-30-s) var(--dt-color-chart-categorical-30-l) / var(--alpha, 100%));
3838
+ --dt-color-chart-categorical-30: hsl(186 71.2% 55.3%);
3839
+ --dt-color-chart-categorical-29-h: 391;
3840
+ --dt-color-chart-categorical-29-s: 85.7%;
3841
+ --dt-color-chart-categorical-29-l: 57.60000000000001%;
3842
+ --dt-color-chart-categorical-29-a: 100%;
3843
+ --dt-color-chart-categorical-29-hsl: var(--dt-color-chart-categorical-29-h) var(--dt-color-chart-categorical-29-s) var(--dt-color-chart-categorical-29-l);
3844
+ --dt-color-chart-categorical-29-hsla: hsl(var(--dt-color-chart-categorical-29-h) var(--dt-color-chart-categorical-29-s) var(--dt-color-chart-categorical-29-l) / var(--alpha, 100%));
3845
+ --dt-color-chart-categorical-29: hsl(391 85.7% 57.6%);
3846
+ --dt-color-chart-categorical-27-h: 124;
3847
+ --dt-color-chart-categorical-27-s: 71.4%;
3848
+ --dt-color-chart-categorical-27-l: 51%;
3849
+ --dt-color-chart-categorical-27-a: 100%;
3850
+ --dt-color-chart-categorical-27-hsl: var(--dt-color-chart-categorical-27-h) var(--dt-color-chart-categorical-27-s) var(--dt-color-chart-categorical-27-l);
3851
+ --dt-color-chart-categorical-27-hsla: hsl(var(--dt-color-chart-categorical-27-h) var(--dt-color-chart-categorical-27-s) var(--dt-color-chart-categorical-27-l) / var(--alpha, 100%));
3852
+ --dt-color-chart-categorical-27: hsl(124 71.4% 51%);
3853
+ --dt-color-chart-categorical-25-h: 183;
3854
+ --dt-color-chart-categorical-25-s: 82.7%;
3855
+ --dt-color-chart-categorical-25-l: 61.5%;
3856
+ --dt-color-chart-categorical-25-a: 100%;
3857
+ --dt-color-chart-categorical-25-hsl: var(--dt-color-chart-categorical-25-h) var(--dt-color-chart-categorical-25-s) var(--dt-color-chart-categorical-25-l);
3858
+ --dt-color-chart-categorical-25-hsla: hsl(var(--dt-color-chart-categorical-25-h) var(--dt-color-chart-categorical-25-s) var(--dt-color-chart-categorical-25-l) / var(--alpha, 100%));
3859
+ --dt-color-chart-categorical-25: hsl(183 82.7% 61.5%);
3860
+ --dt-color-chart-categorical-24-h: 20.6;
3861
+ --dt-color-chart-categorical-24-s: 91.5%;
3862
+ --dt-color-chart-categorical-24-l: 58.9%;
3863
+ --dt-color-chart-categorical-24-a: 100%;
3864
+ --dt-color-chart-categorical-24-hsl: var(--dt-color-chart-categorical-24-h) var(--dt-color-chart-categorical-24-s) var(--dt-color-chart-categorical-24-l);
3865
+ --dt-color-chart-categorical-24-hsla: hsl(var(--dt-color-chart-categorical-24-h) var(--dt-color-chart-categorical-24-s) var(--dt-color-chart-categorical-24-l) / var(--alpha, 100%));
3866
+ --dt-color-chart-categorical-24: hsl(20.6 91.5% 58.9%);
3867
+ --dt-color-chart-categorical-23-h: 317;
3868
+ --dt-color-chart-categorical-23-s: 97.7%;
3869
+ --dt-color-chart-categorical-23-l: 63.1%;
3870
+ --dt-color-chart-categorical-23-a: 100%;
3871
+ --dt-color-chart-categorical-23-hsl: var(--dt-color-chart-categorical-23-h) var(--dt-color-chart-categorical-23-s) var(--dt-color-chart-categorical-23-l);
3872
+ --dt-color-chart-categorical-23-hsla: hsl(var(--dt-color-chart-categorical-23-h) var(--dt-color-chart-categorical-23-s) var(--dt-color-chart-categorical-23-l) / var(--alpha, 100%));
3873
+ --dt-color-chart-categorical-23: hsl(317 97.7% 63.1%);
3405
3874
  --dt-color-link-disabled-hover-h: var(--dt-color-link-disabled-h);
3406
3875
  --dt-color-link-disabled-hover-s: var(--dt-color-link-disabled-s);
3407
3876
  --dt-color-link-disabled-hover-l: var(--dt-color-link-disabled-l);
@@ -3444,6 +3913,90 @@
3444
3913
  --dt-action-color-foreground-critical-active-hsl: var(--dt-action-color-foreground-critical-hover-hsl);
3445
3914
  --dt-action-color-foreground-critical-active-hsla: var(--dt-action-color-foreground-critical-hover-hsla);
3446
3915
  --dt-action-color-foreground-critical-active: var(--dt-action-color-foreground-critical-hover);
3916
+ --dt-color-chart-categorical-30-selected-h: 186;
3917
+ --dt-color-chart-categorical-30-selected-s: 71.2%;
3918
+ --dt-color-chart-categorical-30-selected-l: 38.7%;
3919
+ --dt-color-chart-categorical-30-selected-a: 100%;
3920
+ --dt-color-chart-categorical-30-selected-hsl: var(--dt-color-chart-categorical-30-selected-h) var(--dt-color-chart-categorical-30-selected-s) var(--dt-color-chart-categorical-30-selected-l);
3921
+ --dt-color-chart-categorical-30-selected-hsla: hsl(var(--dt-color-chart-categorical-30-selected-h) var(--dt-color-chart-categorical-30-selected-s) var(--dt-color-chart-categorical-30-selected-l) / var(--alpha, 100%));
3922
+ --dt-color-chart-categorical-30-selected: hsl(186 71.2% 38.7%);
3923
+ --dt-color-chart-categorical-30-hover-h: 186;
3924
+ --dt-color-chart-categorical-30-hover-s: 71.2%;
3925
+ --dt-color-chart-categorical-30-hover-l: 47%;
3926
+ --dt-color-chart-categorical-30-hover-a: 100%;
3927
+ --dt-color-chart-categorical-30-hover-hsl: var(--dt-color-chart-categorical-30-hover-h) var(--dt-color-chart-categorical-30-hover-s) var(--dt-color-chart-categorical-30-hover-l);
3928
+ --dt-color-chart-categorical-30-hover-hsla: hsl(var(--dt-color-chart-categorical-30-hover-h) var(--dt-color-chart-categorical-30-hover-s) var(--dt-color-chart-categorical-30-hover-l) / var(--alpha, 100%));
3929
+ --dt-color-chart-categorical-30-hover: hsl(186 71.2% 47%);
3930
+ --dt-color-chart-categorical-29-selected-h: 391;
3931
+ --dt-color-chart-categorical-29-selected-s: 85.7%;
3932
+ --dt-color-chart-categorical-29-selected-l: 40.3%;
3933
+ --dt-color-chart-categorical-29-selected-a: 100%;
3934
+ --dt-color-chart-categorical-29-selected-hsl: var(--dt-color-chart-categorical-29-selected-h) var(--dt-color-chart-categorical-29-selected-s) var(--dt-color-chart-categorical-29-selected-l);
3935
+ --dt-color-chart-categorical-29-selected-hsla: hsl(var(--dt-color-chart-categorical-29-selected-h) var(--dt-color-chart-categorical-29-selected-s) var(--dt-color-chart-categorical-29-selected-l) / var(--alpha, 100%));
3936
+ --dt-color-chart-categorical-29-selected: hsl(391 85.7% 40.3%);
3937
+ --dt-color-chart-categorical-29-hover-h: 391;
3938
+ --dt-color-chart-categorical-29-hover-s: 85.7%;
3939
+ --dt-color-chart-categorical-29-hover-l: 49%;
3940
+ --dt-color-chart-categorical-29-hover-a: 100%;
3941
+ --dt-color-chart-categorical-29-hover-hsl: var(--dt-color-chart-categorical-29-hover-h) var(--dt-color-chart-categorical-29-hover-s) var(--dt-color-chart-categorical-29-hover-l);
3942
+ --dt-color-chart-categorical-29-hover-hsla: hsl(var(--dt-color-chart-categorical-29-hover-h) var(--dt-color-chart-categorical-29-hover-s) var(--dt-color-chart-categorical-29-hover-l) / var(--alpha, 100%));
3943
+ --dt-color-chart-categorical-29-hover: hsl(391 85.7% 49%);
3944
+ --dt-color-chart-categorical-27-selected-h: 124;
3945
+ --dt-color-chart-categorical-27-selected-s: 71.4%;
3946
+ --dt-color-chart-categorical-27-selected-l: 35.7%;
3947
+ --dt-color-chart-categorical-27-selected-a: 100%;
3948
+ --dt-color-chart-categorical-27-selected-hsl: var(--dt-color-chart-categorical-27-selected-h) var(--dt-color-chart-categorical-27-selected-s) var(--dt-color-chart-categorical-27-selected-l);
3949
+ --dt-color-chart-categorical-27-selected-hsla: hsl(var(--dt-color-chart-categorical-27-selected-h) var(--dt-color-chart-categorical-27-selected-s) var(--dt-color-chart-categorical-27-selected-l) / var(--alpha, 100%));
3950
+ --dt-color-chart-categorical-27-selected: hsl(124 71.4% 35.7%);
3951
+ --dt-color-chart-categorical-27-hover-h: 124;
3952
+ --dt-color-chart-categorical-27-hover-s: 71.4%;
3953
+ --dt-color-chart-categorical-27-hover-l: 43.4%;
3954
+ --dt-color-chart-categorical-27-hover-a: 100%;
3955
+ --dt-color-chart-categorical-27-hover-hsl: var(--dt-color-chart-categorical-27-hover-h) var(--dt-color-chart-categorical-27-hover-s) var(--dt-color-chart-categorical-27-hover-l);
3956
+ --dt-color-chart-categorical-27-hover-hsla: hsl(var(--dt-color-chart-categorical-27-hover-h) var(--dt-color-chart-categorical-27-hover-s) var(--dt-color-chart-categorical-27-hover-l) / var(--alpha, 100%));
3957
+ --dt-color-chart-categorical-27-hover: hsl(124 71.4% 43.4%);
3958
+ --dt-color-chart-categorical-25-selected-h: 183;
3959
+ --dt-color-chart-categorical-25-selected-s: 82.7%;
3960
+ --dt-color-chart-categorical-25-selected-l: 43%;
3961
+ --dt-color-chart-categorical-25-selected-a: 100%;
3962
+ --dt-color-chart-categorical-25-selected-hsl: var(--dt-color-chart-categorical-25-selected-h) var(--dt-color-chart-categorical-25-selected-s) var(--dt-color-chart-categorical-25-selected-l);
3963
+ --dt-color-chart-categorical-25-selected-hsla: hsl(var(--dt-color-chart-categorical-25-selected-h) var(--dt-color-chart-categorical-25-selected-s) var(--dt-color-chart-categorical-25-selected-l) / var(--alpha, 100%));
3964
+ --dt-color-chart-categorical-25-selected: hsl(183 82.7% 43%);
3965
+ --dt-color-chart-categorical-25-hover-h: 183;
3966
+ --dt-color-chart-categorical-25-hover-s: 82.7%;
3967
+ --dt-color-chart-categorical-25-hover-l: 52.300000000000004%;
3968
+ --dt-color-chart-categorical-25-hover-a: 100%;
3969
+ --dt-color-chart-categorical-25-hover-hsl: var(--dt-color-chart-categorical-25-hover-h) var(--dt-color-chart-categorical-25-hover-s) var(--dt-color-chart-categorical-25-hover-l);
3970
+ --dt-color-chart-categorical-25-hover-hsla: hsl(var(--dt-color-chart-categorical-25-hover-h) var(--dt-color-chart-categorical-25-hover-s) var(--dt-color-chart-categorical-25-hover-l) / var(--alpha, 100%));
3971
+ --dt-color-chart-categorical-25-hover: hsl(183 82.7% 52.3%);
3972
+ --dt-color-chart-categorical-24-selected-h: 20.6;
3973
+ --dt-color-chart-categorical-24-selected-s: 91.5%;
3974
+ --dt-color-chart-categorical-24-selected-l: 41.2%;
3975
+ --dt-color-chart-categorical-24-selected-a: 100%;
3976
+ --dt-color-chart-categorical-24-selected-hsl: var(--dt-color-chart-categorical-24-selected-h) var(--dt-color-chart-categorical-24-selected-s) var(--dt-color-chart-categorical-24-selected-l);
3977
+ --dt-color-chart-categorical-24-selected-hsla: hsl(var(--dt-color-chart-categorical-24-selected-h) var(--dt-color-chart-categorical-24-selected-s) var(--dt-color-chart-categorical-24-selected-l) / var(--alpha, 100%));
3978
+ --dt-color-chart-categorical-24-selected: hsl(20.6 91.5% 41.2%);
3979
+ --dt-color-chart-categorical-24-hover-h: 20.6;
3980
+ --dt-color-chart-categorical-24-hover-s: 91.5%;
3981
+ --dt-color-chart-categorical-24-hover-l: 50.1%;
3982
+ --dt-color-chart-categorical-24-hover-a: 100%;
3983
+ --dt-color-chart-categorical-24-hover-hsl: var(--dt-color-chart-categorical-24-hover-h) var(--dt-color-chart-categorical-24-hover-s) var(--dt-color-chart-categorical-24-hover-l);
3984
+ --dt-color-chart-categorical-24-hover-hsla: hsl(var(--dt-color-chart-categorical-24-hover-h) var(--dt-color-chart-categorical-24-hover-s) var(--dt-color-chart-categorical-24-hover-l) / var(--alpha, 100%));
3985
+ --dt-color-chart-categorical-24-hover: hsl(20.6 91.5% 50.1%);
3986
+ --dt-color-chart-categorical-23-selected-h: 317;
3987
+ --dt-color-chart-categorical-23-selected-s: 97.7%;
3988
+ --dt-color-chart-categorical-23-selected-l: 44.2%;
3989
+ --dt-color-chart-categorical-23-selected-a: 100%;
3990
+ --dt-color-chart-categorical-23-selected-hsl: var(--dt-color-chart-categorical-23-selected-h) var(--dt-color-chart-categorical-23-selected-s) var(--dt-color-chart-categorical-23-selected-l);
3991
+ --dt-color-chart-categorical-23-selected-hsla: hsl(var(--dt-color-chart-categorical-23-selected-h) var(--dt-color-chart-categorical-23-selected-s) var(--dt-color-chart-categorical-23-selected-l) / var(--alpha, 100%));
3992
+ --dt-color-chart-categorical-23-selected: hsl(317 97.7% 44.2%);
3993
+ --dt-color-chart-categorical-23-hover-h: 317;
3994
+ --dt-color-chart-categorical-23-hover-s: 97.7%;
3995
+ --dt-color-chart-categorical-23-hover-l: 53.6%;
3996
+ --dt-color-chart-categorical-23-hover-a: 100%;
3997
+ --dt-color-chart-categorical-23-hover-hsl: var(--dt-color-chart-categorical-23-hover-h) var(--dt-color-chart-categorical-23-hover-s) var(--dt-color-chart-categorical-23-hover-l);
3998
+ --dt-color-chart-categorical-23-hover-hsla: hsl(var(--dt-color-chart-categorical-23-hover-h) var(--dt-color-chart-categorical-23-hover-s) var(--dt-color-chart-categorical-23-hover-l) / var(--alpha, 100%));
3999
+ --dt-color-chart-categorical-23-hover: hsl(317 97.7% 53.6%);
3447
4000
  --dt-font-size-100-mobile: 1.2rem;
3448
4001
  --dt-font-size-200-mobile: 1.6rem;
3449
4002
  --dt-font-size-300-mobile: 2rem;