@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
package/lib/dist/tokens/tokens-debug-dp.css CHANGED
@@ -707,250 +707,173 @@
707
707
  --dt-typography-body-md-line-height: var(--dt-font-line-height-400); /* Base default medium text style for main content. */
708
708
  --dt-typography-body-md-font-weight: var(--dt-font-weight-normal); /* Base default medium text style for main content. */
709
709
  --dt-typography-body-md-font-family: var(--dt-font-family-body); /* Base default medium text style for main content. */
710
- --dt-color-chart-sequential-10-selected-h: 22;
711
- --dt-color-chart-sequential-10-selected-s: 100%;
712
- --dt-color-chart-sequential-10-selected-l: 50%;
713
- --dt-color-chart-sequential-10-selected-a: 100%;
714
- --dt-color-chart-sequential-10-selected-hsl: var(--dt-color-indigo-1000-hsl);
715
- --dt-color-chart-sequential-10-selected-hsla: var(--dt-color-indigo-1000-hsla);
716
- --dt-color-chart-sequential-10-selected: #ff5c00; /* Selected state for tenth sequential chart color. */
717
- --dt-color-chart-sequential-10-hover-h: 22;
718
- --dt-color-chart-sequential-10-hover-s: 100%;
719
- --dt-color-chart-sequential-10-hover-l: 50%;
720
- --dt-color-chart-sequential-10-hover-a: 100%;
721
- --dt-color-chart-sequential-10-hover-hsl: var(--dt-color-indigo-1000-hsl);
722
- --dt-color-chart-sequential-10-hover-hsla: var(--dt-color-indigo-1000-hsla);
723
- --dt-color-chart-sequential-10-hover: #ff5c00; /* Hover state for tenth sequential chart color. */
724
- --dt-color-chart-sequential-09-selected-h: 22;
725
- --dt-color-chart-sequential-09-selected-s: 100%;
726
- --dt-color-chart-sequential-09-selected-l: 50%;
727
- --dt-color-chart-sequential-09-selected-a: 100%;
728
- --dt-color-chart-sequential-09-selected-hsl: var(--dt-color-indigo-1000-hsl);
729
- --dt-color-chart-sequential-09-selected-hsla: var(--dt-color-indigo-1000-hsla);
730
- --dt-color-chart-sequential-09-selected: #ff5c00; /* Selected state for ninth sequential chart color. */
731
- --dt-color-chart-sequential-09-hover-h: 22;
732
- --dt-color-chart-sequential-09-hover-s: 100%;
733
- --dt-color-chart-sequential-09-hover-l: 50%;
734
- --dt-color-chart-sequential-09-hover-a: 100%;
735
- --dt-color-chart-sequential-09-hover-hsl: var(--dt-color-indigo-950-hsl);
736
- --dt-color-chart-sequential-09-hover-hsla: var(--dt-color-indigo-950-hsla);
737
- --dt-color-chart-sequential-09-hover: #ff5c00; /* Hover state for ninth sequential chart color. */
738
- --dt-color-chart-sequential-09-h: 22;
739
- --dt-color-chart-sequential-09-s: 100%;
740
- --dt-color-chart-sequential-09-l: 50%;
741
- --dt-color-chart-sequential-09-a: 100%;
742
- --dt-color-chart-sequential-09-hsl: var(--dt-color-indigo-900-hsl);
743
- --dt-color-chart-sequential-09-hsla: var(--dt-color-indigo-900-hsla);
744
- --dt-color-chart-sequential-09: #ff5c00; /* Ninth color in sequential chart series, extremely dark shade. */
745
- --dt-color-chart-sequential-08-selected-h: 22;
746
- --dt-color-chart-sequential-08-selected-s: 100%;
747
- --dt-color-chart-sequential-08-selected-l: 50%;
748
- --dt-color-chart-sequential-08-selected-a: 100%;
749
- --dt-color-chart-sequential-08-selected-hsl: var(--dt-color-indigo-950-hsl);
750
- --dt-color-chart-sequential-08-selected-hsla: var(--dt-color-indigo-950-hsla);
751
- --dt-color-chart-sequential-08-selected: #ff5c00; /* Selected state for eighth sequential chart color. */
752
- --dt-color-chart-sequential-08-hover-h: 22;
753
- --dt-color-chart-sequential-08-hover-s: 100%;
754
- --dt-color-chart-sequential-08-hover-l: 50%;
755
- --dt-color-chart-sequential-08-hover-a: 100%;
756
- --dt-color-chart-sequential-08-hover-hsl: var(--dt-color-indigo-900-hsl);
757
- --dt-color-chart-sequential-08-hover-hsla: var(--dt-color-indigo-900-hsla);
758
- --dt-color-chart-sequential-08-hover: #ff5c00; /* Hover state for eighth sequential chart color. */
759
- --dt-color-chart-sequential-08-h: 22;
760
- --dt-color-chart-sequential-08-s: 100%;
761
- --dt-color-chart-sequential-08-l: 50%;
762
- --dt-color-chart-sequential-08-a: 100%;
763
- --dt-color-chart-sequential-08-hsl: var(--dt-color-indigo-800-hsl);
764
- --dt-color-chart-sequential-08-hsla: var(--dt-color-indigo-800-hsla);
765
- --dt-color-chart-sequential-08: #ff5c00; /* Eighth color in sequential chart series, very dark shade. */
766
- --dt-color-chart-sequential-07-selected-h: 22;
767
- --dt-color-chart-sequential-07-selected-s: 100%;
768
- --dt-color-chart-sequential-07-selected-l: 50%;
769
- --dt-color-chart-sequential-07-selected-a: 100%;
770
- --dt-color-chart-sequential-07-selected-hsl: var(--dt-color-indigo-1000-hsl);
771
- --dt-color-chart-sequential-07-selected-hsla: var(--dt-color-indigo-1000-hsla);
772
- --dt-color-chart-sequential-07-selected: #ff5c00; /* Selected state for seventh sequential chart color. */
773
- --dt-color-chart-sequential-07-hover-h: 22;
774
- --dt-color-chart-sequential-07-hover-s: 100%;
775
- --dt-color-chart-sequential-07-hover-l: 50%;
776
- --dt-color-chart-sequential-07-hover-a: 100%;
777
- --dt-color-chart-sequential-07-hover-hsl: var(--dt-color-indigo-800-hsl);
778
- --dt-color-chart-sequential-07-hover-hsla: var(--dt-color-indigo-800-hsla);
779
- --dt-color-chart-sequential-07-hover: #ff5c00; /* Hover state for seventh sequential chart color. */
780
- --dt-color-chart-sequential-07-h: 22;
781
- --dt-color-chart-sequential-07-s: 100%;
782
- --dt-color-chart-sequential-07-l: 50%;
783
- --dt-color-chart-sequential-07-a: 100%;
784
- --dt-color-chart-sequential-07-hsl: var(--dt-color-indigo-700-hsl);
785
- --dt-color-chart-sequential-07-hsla: var(--dt-color-indigo-700-hsla);
786
- --dt-color-chart-sequential-07: #ff5c00; /* Seventh color in sequential chart series, dark shade. */
787
- --dt-color-chart-sequential-06-selected-h: 22;
788
- --dt-color-chart-sequential-06-selected-s: 100%;
789
- --dt-color-chart-sequential-06-selected-l: 50%;
790
- --dt-color-chart-sequential-06-selected-a: 100%;
791
- --dt-color-chart-sequential-06-selected-hsl: var(--dt-color-indigo-950-hsl);
792
- --dt-color-chart-sequential-06-selected-hsla: var(--dt-color-indigo-950-hsla);
793
- --dt-color-chart-sequential-06-selected: #ff5c00; /* Selected state for sixth sequential chart color. */
794
- --dt-color-chart-sequential-06-hover-h: 22;
795
- --dt-color-chart-sequential-06-hover-s: 100%;
796
- --dt-color-chart-sequential-06-hover-l: 50%;
797
- --dt-color-chart-sequential-06-hover-a: 100%;
798
- --dt-color-chart-sequential-06-hover-hsl: var(--dt-color-indigo-700-hsl);
799
- --dt-color-chart-sequential-06-hover-hsla: var(--dt-color-indigo-700-hsla);
800
- --dt-color-chart-sequential-06-hover: #ff5c00; /* Hover state for sixth sequential chart color. */
801
- --dt-color-chart-sequential-06-h: 22;
802
- --dt-color-chart-sequential-06-s: 100%;
803
- --dt-color-chart-sequential-06-l: 50%;
804
- --dt-color-chart-sequential-06-a: 100%;
805
- --dt-color-chart-sequential-06-hsl: var(--dt-color-indigo-600-hsl);
806
- --dt-color-chart-sequential-06-hsla: var(--dt-color-indigo-600-hsla);
807
- --dt-color-chart-sequential-06: #ff5c00; /* Sixth color in sequential chart series, medium-dark shade. */
808
- --dt-color-chart-sequential-05-selected-h: 22;
809
- --dt-color-chart-sequential-05-selected-s: 100%;
810
- --dt-color-chart-sequential-05-selected-l: 50%;
811
- --dt-color-chart-sequential-05-selected-a: 100%;
812
- --dt-color-chart-sequential-05-selected-hsl: var(--dt-color-indigo-800-hsl);
813
- --dt-color-chart-sequential-05-selected-hsla: var(--dt-color-indigo-800-hsla);
814
- --dt-color-chart-sequential-05-selected: #ff5c00; /* Selected state for fifth sequential chart color. */
815
- --dt-color-chart-sequential-05-hover-h: 22;
816
- --dt-color-chart-sequential-05-hover-s: 100%;
817
- --dt-color-chart-sequential-05-hover-l: 50%;
818
- --dt-color-chart-sequential-05-hover-a: 100%;
819
- --dt-color-chart-sequential-05-hover-hsl: var(--dt-color-indigo-600-hsl);
820
- --dt-color-chart-sequential-05-hover-hsla: var(--dt-color-indigo-600-hsla);
821
- --dt-color-chart-sequential-05-hover: #ff5c00; /* Hover state for fifth sequential chart color. */
822
- --dt-color-chart-sequential-05-h: 22;
823
- --dt-color-chart-sequential-05-s: 100%;
824
- --dt-color-chart-sequential-05-l: 50%;
825
- --dt-color-chart-sequential-05-a: 100%;
826
- --dt-color-chart-sequential-05-hsl: var(--dt-color-indigo-500-hsl);
827
- --dt-color-chart-sequential-05-hsla: var(--dt-color-indigo-500-hsla);
828
- --dt-color-chart-sequential-05: #ff5c00; /* Fifth color in sequential chart series, medium shade. */
829
- --dt-color-chart-sequential-04-selected-h: 22;
830
- --dt-color-chart-sequential-04-selected-s: 100%;
831
- --dt-color-chart-sequential-04-selected-l: 50%;
832
- --dt-color-chart-sequential-04-selected-a: 100%;
833
- --dt-color-chart-sequential-04-selected-hsl: var(--dt-color-indigo-700-hsl);
834
- --dt-color-chart-sequential-04-selected-hsla: var(--dt-color-indigo-700-hsla);
835
- --dt-color-chart-sequential-04-selected: #ff5c00; /* Selected state for fourth sequential chart color. */
836
- --dt-color-chart-sequential-04-hover-h: 22;
837
- --dt-color-chart-sequential-04-hover-s: 100%;
838
- --dt-color-chart-sequential-04-hover-l: 50%;
839
- --dt-color-chart-sequential-04-hover-a: 100%;
840
- --dt-color-chart-sequential-04-hover-hsl: var(--dt-color-indigo-500-hsl);
841
- --dt-color-chart-sequential-04-hover-hsla: var(--dt-color-indigo-500-hsla);
842
- --dt-color-chart-sequential-04-hover: #ff5c00; /* Hover state for fourth sequential chart color. */
843
- --dt-color-chart-sequential-04-h: 22;
844
- --dt-color-chart-sequential-04-s: 100%;
845
- --dt-color-chart-sequential-04-l: 50%;
846
- --dt-color-chart-sequential-04-a: 100%;
847
- --dt-color-chart-sequential-04-hsl: var(--dt-color-indigo-400-hsl);
848
- --dt-color-chart-sequential-04-hsla: var(--dt-color-indigo-400-hsla);
849
- --dt-color-chart-sequential-04: #ff5c00; /* Fourth color in sequential chart series, light-medium shade. */
850
- --dt-color-chart-sequential-03-selected-h: 22;
851
- --dt-color-chart-sequential-03-selected-s: 100%;
852
- --dt-color-chart-sequential-03-selected-l: 50%;
853
- --dt-color-chart-sequential-03-selected-a: 100%;
854
- --dt-color-chart-sequential-03-selected-hsl: var(--dt-color-indigo-600-hsl);
855
- --dt-color-chart-sequential-03-selected-hsla: var(--dt-color-indigo-600-hsla);
856
- --dt-color-chart-sequential-03-selected: #ff5c00; /* Selected state for third sequential chart color. */
857
- --dt-color-chart-sequential-03-hover-h: 22;
858
- --dt-color-chart-sequential-03-hover-s: 100%;
859
- --dt-color-chart-sequential-03-hover-l: 50%;
860
- --dt-color-chart-sequential-03-hover-a: 100%;
861
- --dt-color-chart-sequential-03-hover-hsl: var(--dt-color-indigo-400-hsl);
862
- --dt-color-chart-sequential-03-hover-hsla: var(--dt-color-indigo-400-hsla);
863
- --dt-color-chart-sequential-03-hover: #ff5c00; /* Hover state for third sequential chart color. */
864
- --dt-color-chart-sequential-03-h: 22;
865
- --dt-color-chart-sequential-03-s: 100%;
866
- --dt-color-chart-sequential-03-l: 50%;
867
- --dt-color-chart-sequential-03-a: 100%;
868
- --dt-color-chart-sequential-03-hsl: var(--dt-color-indigo-300-hsl);
869
- --dt-color-chart-sequential-03-hsla: var(--dt-color-indigo-300-hsla);
870
- --dt-color-chart-sequential-03: #ff5c00; /* Third color in sequential chart series, light shade. */
871
- --dt-color-chart-sequential-02-selected-h: 22;
872
- --dt-color-chart-sequential-02-selected-s: 100%;
873
- --dt-color-chart-sequential-02-selected-l: 50%;
874
- --dt-color-chart-sequential-02-selected-a: 100%;
875
- --dt-color-chart-sequential-02-selected-hsl: var(--dt-color-indigo-500-hsl);
876
- --dt-color-chart-sequential-02-selected-hsla: var(--dt-color-indigo-500-hsla);
877
- --dt-color-chart-sequential-02-selected: #ff5c00; /* Selected state for second sequential chart color. */
878
- --dt-color-chart-sequential-02-hover-h: 22;
879
- --dt-color-chart-sequential-02-hover-s: 100%;
880
- --dt-color-chart-sequential-02-hover-l: 50%;
881
- --dt-color-chart-sequential-02-hover-a: 100%;
882
- --dt-color-chart-sequential-02-hover-hsl: var(--dt-color-indigo-300-hsl);
883
- --dt-color-chart-sequential-02-hover-hsla: var(--dt-color-indigo-300-hsla);
884
- --dt-color-chart-sequential-02-hover: #ff5c00; /* Hover state for second sequential chart color. */
885
- --dt-color-chart-sequential-02-h: 22;
886
- --dt-color-chart-sequential-02-s: 100%;
887
- --dt-color-chart-sequential-02-l: 50%;
888
- --dt-color-chart-sequential-02-a: 100%;
889
- --dt-color-chart-sequential-02-hsl: var(--dt-color-indigo-200-hsl);
890
- --dt-color-chart-sequential-02-hsla: var(--dt-color-indigo-200-hsla);
891
- --dt-color-chart-sequential-02: #ff5c00; /* Second color in sequential chart series, very light shade. */
892
- --dt-color-chart-sequential-01-selected-h: 22;
893
- --dt-color-chart-sequential-01-selected-s: 100%;
894
- --dt-color-chart-sequential-01-selected-l: 50%;
895
- --dt-color-chart-sequential-01-selected-a: 100%;
896
- --dt-color-chart-sequential-01-selected-hsl: var(--dt-color-indigo-400-hsl);
897
- --dt-color-chart-sequential-01-selected-hsla: var(--dt-color-indigo-400-hsla);
898
- --dt-color-chart-sequential-01-selected: #ff5c00; /* Selected state for first sequential chart color. */
899
- --dt-color-chart-sequential-01-hover-h: 22;
900
- --dt-color-chart-sequential-01-hover-s: 100%;
901
- --dt-color-chart-sequential-01-hover-l: 50%;
902
- --dt-color-chart-sequential-01-hover-a: 100%;
903
- --dt-color-chart-sequential-01-hover-hsl: var(--dt-color-indigo-200-hsl);
904
- --dt-color-chart-sequential-01-hover-hsla: var(--dt-color-indigo-200-hsla);
905
- --dt-color-chart-sequential-01-hover: #ff5c00; /* Hover state for first sequential chart color. */
710
+ --dt-color-chart-sequential-range-10-end-h: 22;
711
+ --dt-color-chart-sequential-range-10-end-s: 100%;
712
+ --dt-color-chart-sequential-range-10-end-l: 50%;
713
+ --dt-color-chart-sequential-range-10-end-a: 100%;
714
+ --dt-color-chart-sequential-range-10-end-hsl: var(--dt-color-teal-900-hsl);
715
+ --dt-color-chart-sequential-range-10-end-hsla: var(--dt-color-teal-900-hsla);
716
+ --dt-color-chart-sequential-range-10-end: #ff5c00; /* End color for tenth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
717
+ --dt-color-chart-sequential-range-10-start-h: 22;
718
+ --dt-color-chart-sequential-range-10-start-s: 100%;
719
+ --dt-color-chart-sequential-range-10-start-l: 50%;
720
+ --dt-color-chart-sequential-range-10-start-a: 100%;
721
+ --dt-color-chart-sequential-range-10-start-hsl: var(--dt-color-teal-100-hsl);
722
+ --dt-color-chart-sequential-range-10-start-hsla: var(--dt-color-teal-100-hsla);
723
+ --dt-color-chart-sequential-range-10-start: #ff5c00; /* Start color for tenth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
724
+ --dt-color-chart-sequential-range-09-end-h: 22;
725
+ --dt-color-chart-sequential-range-09-end-s: 100%;
726
+ --dt-color-chart-sequential-range-09-end-l: 50%;
727
+ --dt-color-chart-sequential-range-09-end-a: 100%;
728
+ --dt-color-chart-sequential-range-09-end-hsl: var(--dt-color-red-700-hsl);
729
+ --dt-color-chart-sequential-range-09-end-hsla: var(--dt-color-red-700-hsla);
730
+ --dt-color-chart-sequential-range-09-end: #ff5c00; /* End color for ninth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
731
+ --dt-color-chart-sequential-range-09-start-h: 22;
732
+ --dt-color-chart-sequential-range-09-start-s: 100%;
733
+ --dt-color-chart-sequential-range-09-start-l: 50%;
734
+ --dt-color-chart-sequential-range-09-start-a: 100%;
735
+ --dt-color-chart-sequential-range-09-start-hsl: var(--dt-color-red-100-hsl);
736
+ --dt-color-chart-sequential-range-09-start-hsla: var(--dt-color-red-100-hsla);
737
+ --dt-color-chart-sequential-range-09-start: #ff5c00; /* Start color for ninth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
738
+ --dt-color-chart-sequential-range-08-end-h: 22;
739
+ --dt-color-chart-sequential-range-08-end-s: 100%;
740
+ --dt-color-chart-sequential-range-08-end-l: 50%;
741
+ --dt-color-chart-sequential-range-08-end-a: 100%;
742
+ --dt-color-chart-sequential-range-08-end-hsl: var(--dt-color-olive-900-hsl);
743
+ --dt-color-chart-sequential-range-08-end-hsla: var(--dt-color-olive-900-hsla);
744
+ --dt-color-chart-sequential-range-08-end: #ff5c00; /* End color for eighth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
745
+ --dt-color-chart-sequential-range-08-start-h: 22;
746
+ --dt-color-chart-sequential-range-08-start-s: 100%;
747
+ --dt-color-chart-sequential-range-08-start-l: 50%;
748
+ --dt-color-chart-sequential-range-08-start-a: 100%;
749
+ --dt-color-chart-sequential-range-08-start-hsl: var(--dt-color-olive-100-hsl);
750
+ --dt-color-chart-sequential-range-08-start-hsla: var(--dt-color-olive-100-hsla);
751
+ --dt-color-chart-sequential-range-08-start: #ff5c00; /* Start color for eighth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
752
+ --dt-color-chart-sequential-range-07-end-h: 22;
753
+ --dt-color-chart-sequential-range-07-end-s: 100%;
754
+ --dt-color-chart-sequential-range-07-end-l: 50%;
755
+ --dt-color-chart-sequential-range-07-end-a: 100%;
756
+ --dt-color-chart-sequential-range-07-end-hsl: var(--dt-color-coral-900-hsl);
757
+ --dt-color-chart-sequential-range-07-end-hsla: var(--dt-color-coral-900-hsla);
758
+ --dt-color-chart-sequential-range-07-end: #ff5c00; /* End color for seventh sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
759
+ --dt-color-chart-sequential-range-07-start-h: 22;
760
+ --dt-color-chart-sequential-range-07-start-s: 100%;
761
+ --dt-color-chart-sequential-range-07-start-l: 50%;
762
+ --dt-color-chart-sequential-range-07-start-a: 100%;
763
+ --dt-color-chart-sequential-range-07-start-hsl: var(--dt-color-coral-100-hsl);
764
+ --dt-color-chart-sequential-range-07-start-hsla: var(--dt-color-coral-100-hsla);
765
+ --dt-color-chart-sequential-range-07-start: #ff5c00; /* Start color for seventh sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
766
+ --dt-color-chart-sequential-range-06-end-h: 22;
767
+ --dt-color-chart-sequential-range-06-end-s: 100%;
768
+ --dt-color-chart-sequential-range-06-end-l: 50%;
769
+ --dt-color-chart-sequential-range-06-end-a: 100%;
770
+ --dt-color-chart-sequential-range-06-end-hsl: var(--dt-color-berry-900-hsl);
771
+ --dt-color-chart-sequential-range-06-end-hsla: var(--dt-color-berry-900-hsla);
772
+ --dt-color-chart-sequential-range-06-end: #ff5c00; /* End color for sixth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
773
+ --dt-color-chart-sequential-range-06-start-h: 22;
774
+ --dt-color-chart-sequential-range-06-start-s: 100%;
775
+ --dt-color-chart-sequential-range-06-start-l: 50%;
776
+ --dt-color-chart-sequential-range-06-start-a: 100%;
777
+ --dt-color-chart-sequential-range-06-start-hsl: var(--dt-color-berry-100-hsl);
778
+ --dt-color-chart-sequential-range-06-start-hsla: var(--dt-color-berry-100-hsla);
779
+ --dt-color-chart-sequential-range-06-start: #ff5c00; /* Start color for sixth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
780
+ --dt-color-chart-sequential-range-05-end-h: 22;
781
+ --dt-color-chart-sequential-range-05-end-s: 100%;
782
+ --dt-color-chart-sequential-range-05-end-l: 50%;
783
+ --dt-color-chart-sequential-range-05-end-a: 100%;
784
+ --dt-color-chart-sequential-range-05-end-hsl: var(--dt-color-green-600-hsl);
785
+ --dt-color-chart-sequential-range-05-end-hsla: var(--dt-color-green-600-hsla);
786
+ --dt-color-chart-sequential-range-05-end: #ff5c00; /* End color for fifth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
787
+ --dt-color-chart-sequential-range-05-start-h: 22;
788
+ --dt-color-chart-sequential-range-05-start-s: 100%;
789
+ --dt-color-chart-sequential-range-05-start-l: 50%;
790
+ --dt-color-chart-sequential-range-05-start-a: 100%;
791
+ --dt-color-chart-sequential-range-05-start-hsl: var(--dt-color-green-100-hsl);
792
+ --dt-color-chart-sequential-range-05-start-hsla: var(--dt-color-green-100-hsla);
793
+ --dt-color-chart-sequential-range-05-start: #ff5c00; /* Start color for fifth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
794
+ --dt-color-chart-sequential-range-04-end-h: 22;
795
+ --dt-color-chart-sequential-range-04-end-s: 100%;
796
+ --dt-color-chart-sequential-range-04-end-l: 50%;
797
+ --dt-color-chart-sequential-range-04-end-a: 100%;
798
+ --dt-color-chart-sequential-range-04-end-hsl: var(--dt-color-gold-600-hsl);
799
+ --dt-color-chart-sequential-range-04-end-hsla: var(--dt-color-gold-600-hsla);
800
+ --dt-color-chart-sequential-range-04-end: #ff5c00; /* End color for fourth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
801
+ --dt-color-chart-sequential-range-04-start-h: 22;
802
+ --dt-color-chart-sequential-range-04-start-s: 100%;
803
+ --dt-color-chart-sequential-range-04-start-l: 50%;
804
+ --dt-color-chart-sequential-range-04-start-a: 100%;
805
+ --dt-color-chart-sequential-range-04-start-hsl: var(--dt-color-gold-50-hsl);
806
+ --dt-color-chart-sequential-range-04-start-hsla: var(--dt-color-gold-50-hsla);
807
+ --dt-color-chart-sequential-range-04-start: #ff5c00; /* Start color for fourth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
808
+ --dt-color-chart-sequential-range-03-end-h: 22;
809
+ --dt-color-chart-sequential-range-03-end-s: 100%;
810
+ --dt-color-chart-sequential-range-03-end-l: 50%;
811
+ --dt-color-chart-sequential-range-03-end-a: 100%;
812
+ --dt-color-chart-sequential-range-03-end-hsl: var(--dt-color-blue-600-hsl);
813
+ --dt-color-chart-sequential-range-03-end-hsla: var(--dt-color-blue-600-hsla);
814
+ --dt-color-chart-sequential-range-03-end: #ff5c00; /* End color for third sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
815
+ --dt-color-chart-sequential-range-03-start-h: 22;
816
+ --dt-color-chart-sequential-range-03-start-s: 100%;
817
+ --dt-color-chart-sequential-range-03-start-l: 50%;
818
+ --dt-color-chart-sequential-range-03-start-a: 100%;
819
+ --dt-color-chart-sequential-range-03-start-hsl: var(--dt-color-blue-100-hsl);
820
+ --dt-color-chart-sequential-range-03-start-hsla: var(--dt-color-blue-100-hsla);
821
+ --dt-color-chart-sequential-range-03-start: #ff5c00; /* Start color for third sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
822
+ --dt-color-chart-sequential-range-02-end-h: 22;
823
+ --dt-color-chart-sequential-range-02-end-s: 100%;
824
+ --dt-color-chart-sequential-range-02-end-l: 50%;
825
+ --dt-color-chart-sequential-range-02-end-a: 100%;
826
+ --dt-color-chart-sequential-range-02-end-hsl: var(--dt-color-magenta-600-hsl);
827
+ --dt-color-chart-sequential-range-02-end-hsla: var(--dt-color-magenta-600-hsla);
828
+ --dt-color-chart-sequential-range-02-end: #ff5c00; /* End color for second sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
829
+ --dt-color-chart-sequential-range-02-start-h: 22;
830
+ --dt-color-chart-sequential-range-02-start-s: 100%;
831
+ --dt-color-chart-sequential-range-02-start-l: 50%;
832
+ --dt-color-chart-sequential-range-02-start-a: 100%;
833
+ --dt-color-chart-sequential-range-02-start-hsl: var(--dt-color-magenta-100-hsl);
834
+ --dt-color-chart-sequential-range-02-start-hsla: var(--dt-color-magenta-100-hsla);
835
+ --dt-color-chart-sequential-range-02-start: #ff5c00; /* Start color for second sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
836
+ --dt-color-chart-sequential-range-01-end-h: 22;
837
+ --dt-color-chart-sequential-range-01-end-s: 100%;
838
+ --dt-color-chart-sequential-range-01-end-l: 50%;
839
+ --dt-color-chart-sequential-range-01-end-a: 100%;
840
+ --dt-color-chart-sequential-range-01-end-hsl: var(--dt-color-purple-550-hsl);
841
+ --dt-color-chart-sequential-range-01-end-hsla: var(--dt-color-purple-550-hsla);
842
+ --dt-color-chart-sequential-range-01-end: #ff5c00; /* Ending color for first sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
843
+ --dt-color-chart-sequential-range-01-start-h: 22;
844
+ --dt-color-chart-sequential-range-01-start-s: 100%;
845
+ --dt-color-chart-sequential-range-01-start-l: 50%;
846
+ --dt-color-chart-sequential-range-01-start-a: 100%;
847
+ --dt-color-chart-sequential-range-01-start-hsl: var(--dt-color-purple-100-hsl);
848
+ --dt-color-chart-sequential-range-01-start-hsla: var(--dt-color-purple-100-hsla);
849
+ --dt-color-chart-sequential-range-01-start: #ff5c00; /* Start color value for first sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
906
850
  --dt-color-chart-sequential-01-h: 22;
907
851
  --dt-color-chart-sequential-01-s: 100%;
908
852
  --dt-color-chart-sequential-01-l: 50%;
909
853
  --dt-color-chart-sequential-01-a: 100%;
910
854
  --dt-color-chart-sequential-01-hsl: var(--dt-color-indigo-100-hsl);
911
855
  --dt-color-chart-sequential-01-hsla: var(--dt-color-indigo-100-hsla);
912
- --dt-color-chart-sequential-01: #ff5c00; /* First color in sequential chart series, lightest shade. */
856
+ --dt-color-chart-sequential-01: #ff5c00; /* First color in sequential chart series. */
913
857
  --dt-color-chart-sequential-10-h: 22;
914
858
  --dt-color-chart-sequential-10-s: 100%;
915
859
  --dt-color-chart-sequential-10-l: 50%;
916
860
  --dt-color-chart-sequential-10-a: 100%;
917
- --dt-color-chart-sequential-10-hsl: var(--dt-color-indigo-950-hsl);
918
- --dt-color-chart-sequential-10-hsla: var(--dt-color-indigo-950-hsla);
919
- --dt-color-chart-sequential-10: #ff5c00; /* Tenth color in sequential chart series, darkest shade. */
920
- --dt-color-chart-brand-selected-h: 22;
921
- --dt-color-chart-brand-selected-s: 100%;
922
- --dt-color-chart-brand-selected-l: 50%;
923
- --dt-color-chart-brand-selected-a: 100%;
924
- --dt-color-chart-brand-selected-hsl: var(--dt-color-purple-550-hsl);
925
- --dt-color-chart-brand-selected-hsla: var(--dt-color-purple-550-hsla);
926
- --dt-color-chart-brand-selected: #ff5c00; /* Selected state for brand chart elements. */
927
- --dt-color-chart-brand-hover-h: 22;
928
- --dt-color-chart-brand-hover-s: 100%;
929
- --dt-color-chart-brand-hover-l: 50%;
930
- --dt-color-chart-brand-hover-a: 100%;
931
- --dt-color-chart-brand-hover-hsl: var(--dt-color-purple-450-hsl);
932
- --dt-color-chart-brand-hover-hsla: var(--dt-color-purple-450-hsla);
933
- --dt-color-chart-brand-hover: #ff5c00; /* Hover state for brand chart elements. */
934
- --dt-color-chart-brand-h: 22;
935
- --dt-color-chart-brand-s: 100%;
936
- --dt-color-chart-brand-l: 50%;
937
- --dt-color-chart-brand-a: 100%;
938
- --dt-color-chart-brand-hsl: var(--dt-color-purple-400-hsl);
939
- --dt-color-chart-brand-hsla: var(--dt-color-purple-400-hsla);
940
- --dt-color-chart-brand: #ff5c00; /* Used for brand-related data or to highlight company-specific information in charts. */
861
+ --dt-color-chart-sequential-10-hsl: var(--dt-color-indigo-900-hsl);
862
+ --dt-color-chart-sequential-10-hsla: var(--dt-color-indigo-900-hsla);
863
+ --dt-color-chart-sequential-10: #ff5c00; /* Tenth color in sequential chart series. */
941
864
  --dt-color-chart-info-selected-h: 22;
942
865
  --dt-color-chart-info-selected-s: 100%;
943
866
  --dt-color-chart-info-selected-l: 50%;
944
867
  --dt-color-chart-info-selected-a: 100%;
945
- --dt-color-chart-info-selected-hsl: var(--dt-color-blue-600-hsl);
946
- --dt-color-chart-info-selected-hsla: var(--dt-color-blue-600-hsla);
868
+ --dt-color-chart-info-selected-hsl: var(--dt-color-blue-500-hsl);
869
+ --dt-color-chart-info-selected-hsla: var(--dt-color-blue-500-hsla);
947
870
  --dt-color-chart-info-selected: #ff5c00; /* Selected state for info chart elements. */
948
871
  --dt-color-chart-info-hover-h: 22;
949
872
  --dt-color-chart-info-hover-s: 100%;
950
873
  --dt-color-chart-info-hover-l: 50%;
951
874
  --dt-color-chart-info-hover-a: 100%;
952
- --dt-color-chart-info-hover-hsl: var(--dt-color-blue-475-hsl);
953
- --dt-color-chart-info-hover-hsla: var(--dt-color-blue-475-hsla);
875
+ --dt-color-chart-info-hover-hsl: var(--dt-color-blue-450-hsl);
876
+ --dt-color-chart-info-hover-hsla: var(--dt-color-blue-450-hsla);
954
877
  --dt-color-chart-info-hover: #ff5c00; /* Hover state for info chart elements. */
955
878
  --dt-color-chart-info-h: 22;
956
879
  --dt-color-chart-info-s: 100%;
@@ -966,13 +889,6 @@
966
889
  --dt-color-chart-warning-selected-hsl: var(--dt-color-gold-600-hsl);
967
890
  --dt-color-chart-warning-selected-hsla: var(--dt-color-gold-600-hsla);
968
891
  --dt-color-chart-warning-selected: #ff5c00; /* Selected state for warning chart elements. */
969
- --dt-color-chart-warning-hover-h: 22;
970
- --dt-color-chart-warning-hover-s: 100%;
971
- --dt-color-chart-warning-hover-l: 50%;
972
- --dt-color-chart-warning-hover-a: 100%;
973
- --dt-color-chart-warning-hover-hsl: var(--dt-color-gold-500-hsl);
974
- --dt-color-chart-warning-hover-hsla: var(--dt-color-gold-500-hsla);
975
- --dt-color-chart-warning-hover: #ff5c00; /* Hover state for warning chart elements. */
976
892
  --dt-color-chart-warning-h: 22;
977
893
  --dt-color-chart-warning-s: 100%;
978
894
  --dt-color-chart-warning-l: 50%;
@@ -980,6 +896,13 @@
980
896
  --dt-color-chart-warning-hsl: var(--dt-color-gold-400-hsl);
981
897
  --dt-color-chart-warning-hsla: var(--dt-color-gold-400-hsla);
982
898
  --dt-color-chart-warning: #ff5c00; /* Used for cautionary or warning indicators in charts. */
899
+ --dt-color-chart-warning-hover-h: 22;
900
+ --dt-color-chart-warning-hover-s: 100%;
901
+ --dt-color-chart-warning-hover-l: 50%;
902
+ --dt-color-chart-warning-hover-a: 100%;
903
+ --dt-color-chart-warning-hover-hsl: var(--dt-color-gold-500-hsl);
904
+ --dt-color-chart-warning-hover-hsla: var(--dt-color-gold-500-hsla);
905
+ --dt-color-chart-warning-hover: #ff5c00; /* Hover state for warning chart elements. */
983
906
  --dt-color-chart-critical-selected-h: 22;
984
907
  --dt-color-chart-critical-selected-s: 100%;
985
908
  --dt-color-chart-critical-selected-l: 50%;
@@ -1064,6 +987,20 @@
1064
987
  --dt-color-chart-neutral-hsl: var(--dt-color-tan-300-hsl);
1065
988
  --dt-color-chart-neutral-hsla: var(--dt-color-tan-300-hsla);
1066
989
  --dt-color-chart-neutral: #ff5c00; /* Used for neutral or background elements in charts where no specific meaning is implied. */
990
+ --dt-color-chart-categorical-10-selected-h: 22;
991
+ --dt-color-chart-categorical-10-selected-s: 100%;
992
+ --dt-color-chart-categorical-10-selected-l: 50%;
993
+ --dt-color-chart-categorical-10-selected-a: 100%;
994
+ --dt-color-chart-categorical-10-selected-hsl: var(--dt-color-teal-900-hsl);
995
+ --dt-color-chart-categorical-10-selected-hsla: var(--dt-color-teal-900-hsla);
996
+ --dt-color-chart-categorical-10-selected: #ff5c00;
997
+ --dt-color-chart-categorical-10-hover-h: 22;
998
+ --dt-color-chart-categorical-10-hover-s: 100%;
999
+ --dt-color-chart-categorical-10-hover-l: 50%;
1000
+ --dt-color-chart-categorical-10-hover-a: 100%;
1001
+ --dt-color-chart-categorical-10-hover-hsl: var(--dt-color-teal-700-hsl);
1002
+ --dt-color-chart-categorical-10-hover-hsla: var(--dt-color-teal-700-hsla);
1003
+ --dt-color-chart-categorical-10-hover: #ff5c00;
1067
1004
  --dt-color-chart-categorical-09-selected-h: 22;
1068
1005
  --dt-color-chart-categorical-09-selected-s: 100%;
1069
1006
  --dt-color-chart-categorical-09-selected-l: 50%;
@@ -1110,8 +1047,8 @@
1110
1047
  --dt-color-chart-categorical-07-selected-s: 100%;
1111
1048
  --dt-color-chart-categorical-07-selected-l: 50%;
1112
1049
  --dt-color-chart-categorical-07-selected-a: 100%;
1113
- --dt-color-chart-categorical-07-selected-hsl: var(--dt-color-coral-900-hsl);
1114
- --dt-color-chart-categorical-07-selected-hsla: var(--dt-color-coral-900-hsla);
1050
+ --dt-color-chart-categorical-07-selected-hsl: var(--dt-color-coral-700-hsl);
1051
+ --dt-color-chart-categorical-07-selected-hsla: var(--dt-color-coral-700-hsla);
1115
1052
  --dt-color-chart-categorical-07-selected: #ff5c00;
1116
1053
  --dt-color-chart-categorical-07-hover-h: 22;
1117
1054
  --dt-color-chart-categorical-07-hover-s: 100%;
@@ -1173,15 +1110,15 @@
1173
1110
  --dt-color-chart-categorical-04-selected-s: 100%;
1174
1111
  --dt-color-chart-categorical-04-selected-l: 50%;
1175
1112
  --dt-color-chart-categorical-04-selected-a: 100%;
1176
- --dt-color-chart-categorical-04-selected-hsl: var(--dt-color-gold-700-hsl);
1177
- --dt-color-chart-categorical-04-selected-hsla: var(--dt-color-gold-700-hsla);
1113
+ --dt-color-chart-categorical-04-selected-hsl: var(--dt-color-gold-600-hsl);
1114
+ --dt-color-chart-categorical-04-selected-hsla: var(--dt-color-gold-600-hsla);
1178
1115
  --dt-color-chart-categorical-04-selected: #ff5c00;
1179
1116
  --dt-color-chart-categorical-04-hover-h: 22;
1180
1117
  --dt-color-chart-categorical-04-hover-s: 100%;
1181
1118
  --dt-color-chart-categorical-04-hover-l: 50%;
1182
1119
  --dt-color-chart-categorical-04-hover-a: 100%;
1183
- --dt-color-chart-categorical-04-hover-hsl: var(--dt-color-gold-500-hsl);
1184
- --dt-color-chart-categorical-04-hover-hsla: var(--dt-color-gold-500-hsla);
1120
+ --dt-color-chart-categorical-04-hover-hsl: var(--dt-color-gold-450-hsl);
1121
+ --dt-color-chart-categorical-04-hover-hsla: var(--dt-color-gold-450-hsla);
1185
1122
  --dt-color-chart-categorical-04-hover: #ff5c00;
1186
1123
  --dt-color-chart-categorical-04-h: 22;
1187
1124
  --dt-color-chart-categorical-04-s: 100%;
@@ -1194,8 +1131,8 @@
1194
1131
  --dt-color-chart-categorical-03-selected-s: 100%;
1195
1132
  --dt-color-chart-categorical-03-selected-l: 50%;
1196
1133
  --dt-color-chart-categorical-03-selected-a: 100%;
1197
- --dt-color-chart-categorical-03-selected-hsl: var(--dt-color-blue-600-hsl);
1198
- --dt-color-chart-categorical-03-selected-hsla: var(--dt-color-blue-600-hsla);
1134
+ --dt-color-chart-categorical-03-selected-hsl: var(--dt-color-blue-500-hsl);
1135
+ --dt-color-chart-categorical-03-selected-hsla: var(--dt-color-blue-500-hsla);
1199
1136
  --dt-color-chart-categorical-03-selected: #ff5c00;
1200
1137
  --dt-color-chart-categorical-03-hover-h: 22;
1201
1138
  --dt-color-chart-categorical-03-hover-s: 100%;
@@ -1208,15 +1145,15 @@
1208
1145
  --dt-color-chart-categorical-03-s: 100%;
1209
1146
  --dt-color-chart-categorical-03-l: 50%;
1210
1147
  --dt-color-chart-categorical-03-a: 100%;
1211
- --dt-color-chart-categorical-03-hsl: var(--dt-color-blue-400-hsl);
1212
- --dt-color-chart-categorical-03-hsla: var(--dt-color-blue-400-hsla);
1148
+ --dt-color-chart-categorical-03-hsl: var(--dt-color-blue-425-hsl);
1149
+ --dt-color-chart-categorical-03-hsla: var(--dt-color-blue-425-hsla);
1213
1150
  --dt-color-chart-categorical-03: #ff5c00;
1214
1151
  --dt-color-chart-categorical-02-selected-h: 22;
1215
1152
  --dt-color-chart-categorical-02-selected-s: 100%;
1216
1153
  --dt-color-chart-categorical-02-selected-l: 50%;
1217
1154
  --dt-color-chart-categorical-02-selected-a: 100%;
1218
- --dt-color-chart-categorical-02-selected-hsl: var(--dt-color-magenta-600-hsl);
1219
- --dt-color-chart-categorical-02-selected-hsla: var(--dt-color-magenta-600-hsla);
1155
+ --dt-color-chart-categorical-02-selected-hsl: var(--dt-color-magenta-475-hsl);
1156
+ --dt-color-chart-categorical-02-selected-hsla: var(--dt-color-magenta-475-hsla);
1220
1157
  --dt-color-chart-categorical-02-selected: #ff5c00;
1221
1158
  --dt-color-chart-categorical-02-hover-h: 22;
1222
1159
  --dt-color-chart-categorical-02-hover-s: 100%;
@@ -1236,37 +1173,30 @@
1236
1173
  --dt-color-chart-categorical-01-selected-s: 100%;
1237
1174
  --dt-color-chart-categorical-01-selected-l: 50%;
1238
1175
  --dt-color-chart-categorical-01-selected-a: 100%;
1239
- --dt-color-chart-categorical-01-selected-hsl: var(--dt-color-purple-600-hsl);
1240
- --dt-color-chart-categorical-01-selected-hsla: var(--dt-color-purple-600-hsla);
1176
+ --dt-color-chart-categorical-01-selected-hsl: var(--dt-color-purple-500-hsl);
1177
+ --dt-color-chart-categorical-01-selected-hsla: var(--dt-color-purple-500-hsla);
1241
1178
  --dt-color-chart-categorical-01-selected: #ff5c00;
1242
1179
  --dt-color-chart-categorical-01-hover-h: 22;
1243
1180
  --dt-color-chart-categorical-01-hover-s: 100%;
1244
1181
  --dt-color-chart-categorical-01-hover-l: 50%;
1245
1182
  --dt-color-chart-categorical-01-hover-a: 100%;
1246
- --dt-color-chart-categorical-01-hover-hsl: var(--dt-color-purple-500-hsl);
1247
- --dt-color-chart-categorical-01-hover-hsla: var(--dt-color-purple-500-hsla);
1183
+ --dt-color-chart-categorical-01-hover-hsl: var(--dt-color-purple-400-hsl);
1184
+ --dt-color-chart-categorical-01-hover-hsla: var(--dt-color-purple-400-hsla);
1248
1185
  --dt-color-chart-categorical-01-hover: #ff5c00;
1249
1186
  --dt-color-chart-categorical-01-h: 22;
1250
1187
  --dt-color-chart-categorical-01-s: 100%;
1251
1188
  --dt-color-chart-categorical-01-l: 50%;
1252
1189
  --dt-color-chart-categorical-01-a: 100%;
1253
- --dt-color-chart-categorical-01-hsl: var(--dt-color-purple-450-hsl);
1254
- --dt-color-chart-categorical-01-hsla: var(--dt-color-purple-450-hsla);
1190
+ --dt-color-chart-categorical-01-hsl: var(--dt-color-purple-350-hsl);
1191
+ --dt-color-chart-categorical-01-hsla: var(--dt-color-purple-350-hsla);
1255
1192
  --dt-color-chart-categorical-01: #ff5c00;
1256
- --dt-color-chart-categorical-10-selected-h: 22;
1257
- --dt-color-chart-categorical-10-selected-s: 100%;
1258
- --dt-color-chart-categorical-10-selected-l: 50%;
1259
- --dt-color-chart-categorical-10-selected-a: 100%;
1260
- --dt-color-chart-categorical-10-selected-hsl: var(--dt-color-teal-900-hsl);
1261
- --dt-color-chart-categorical-10-selected-hsla: var(--dt-color-teal-900-hsla);
1262
- --dt-color-chart-categorical-10-selected: #ff5c00;
1263
- --dt-color-chart-categorical-10-hover-h: 22;
1264
- --dt-color-chart-categorical-10-hover-s: 100%;
1265
- --dt-color-chart-categorical-10-hover-l: 50%;
1266
- --dt-color-chart-categorical-10-hover-a: 100%;
1267
- --dt-color-chart-categorical-10-hover-hsl: var(--dt-color-teal-700-hsl);
1268
- --dt-color-chart-categorical-10-hover-hsla: var(--dt-color-teal-700-hsla);
1269
- --dt-color-chart-categorical-10-hover: #ff5c00;
1193
+ --dt-color-chart-categorical-11-h: 22;
1194
+ --dt-color-chart-categorical-11-s: 100%;
1195
+ --dt-color-chart-categorical-11-l: 50%;
1196
+ --dt-color-chart-categorical-11-a: 100%;
1197
+ --dt-color-chart-categorical-11-hsl: var(--dt-color-tan-300-hsl);
1198
+ --dt-color-chart-categorical-11-hsla: var(--dt-color-tan-300-hsla);
1199
+ --dt-color-chart-categorical-11: #ff5c00;
1270
1200
  --dt-color-chart-categorical-10-h: 22;
1271
1201
  --dt-color-chart-categorical-10-s: 100%;
1272
1202
  --dt-color-chart-categorical-10-l: 50%;
@@ -1547,7 +1477,7 @@
1547
1477
  --dt-color-surface-warning-subtle-opaque-inverted-l: 50%;
1548
1478
  --dt-color-surface-warning-subtle-opaque-inverted-a: 100%;
1549
1479
  --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);
1550
- --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%));
1480
+ --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%));
1551
1481
  --dt-color-surface-warning-subtle-opaque-inverted: #ff5c00; /* Warning subtle surface as opaque background color */
1552
1482
  --dt-color-surface-critical-subtle-opaque-inverted-h: 22;
1553
1483
  --dt-color-surface-critical-subtle-opaque-inverted-s: 100%;
@@ -3021,6 +2951,209 @@
3021
2951
  --dt-typography-body-sm-font-size: var(--dt-font-size-100); /* Reduced small text style for less prominent or adjacent content. */
3022
2952
  --dt-typography-body-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium body style. */
3023
2953
  --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
2954
+ --dt-color-chart-sequential-range-00-end-h: 22;
2955
+ --dt-color-chart-sequential-range-00-end-s: 100%;
2956
+ --dt-color-chart-sequential-range-00-end-l: 50%;
2957
+ --dt-color-chart-sequential-range-00-end-a: 100%;
2958
+ --dt-color-chart-sequential-range-00-end-hsl: var(--dt-color-chart-sequential-10-hsl);
2959
+ --dt-color-chart-sequential-range-00-end-hsla: var(--dt-color-chart-sequential-10-hsla);
2960
+ --dt-color-chart-sequential-range-00-end: #ff5c00; /* Start color value for default sequential range. Use to create a dynamically generated sequential series, must be paired with a start color. */
2961
+ --dt-color-chart-sequential-range-00-start-h: 22;
2962
+ --dt-color-chart-sequential-range-00-start-s: 100%;
2963
+ --dt-color-chart-sequential-range-00-start-l: 50%;
2964
+ --dt-color-chart-sequential-range-00-start-a: 100%;
2965
+ --dt-color-chart-sequential-range-00-start-hsl: var(--dt-color-chart-sequential-01-hsl);
2966
+ --dt-color-chart-sequential-range-00-start-hsla: var(--dt-color-chart-sequential-01-hsla);
2967
+ --dt-color-chart-sequential-range-00-start: #ff5c00; /* Start color value for default sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
2968
+ --dt-color-chart-sequential-10-selected-h: 22;
2969
+ --dt-color-chart-sequential-10-selected-s: 100%;
2970
+ --dt-color-chart-sequential-10-selected-l: 50%;
2971
+ --dt-color-chart-sequential-10-selected-a: 100%;
2972
+ --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);
2973
+ --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%));
2974
+ --dt-color-chart-sequential-10-selected: #ff5c00; /* Selected state for tenth sequential chart color. */
2975
+ --dt-color-chart-sequential-10-hover-h: 22;
2976
+ --dt-color-chart-sequential-10-hover-s: 100%;
2977
+ --dt-color-chart-sequential-10-hover-l: 50%;
2978
+ --dt-color-chart-sequential-10-hover-a: 100%;
2979
+ --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);
2980
+ --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%));
2981
+ --dt-color-chart-sequential-10-hover: #ff5c00; /* Hover state for tenth sequential chart color. */
2982
+ --dt-color-chart-sequential-09-h: 22;
2983
+ --dt-color-chart-sequential-09-s: 100%;
2984
+ --dt-color-chart-sequential-09-l: 50%;
2985
+ --dt-color-chart-sequential-09-a: 100%;
2986
+ --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);
2987
+ --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%));
2988
+ --dt-color-chart-sequential-09: #ff5c00; /* Ninth color in sequential chart series, extremely dark shade. */
2989
+ --dt-color-chart-sequential-08-h: 22;
2990
+ --dt-color-chart-sequential-08-s: 100%;
2991
+ --dt-color-chart-sequential-08-l: 50%;
2992
+ --dt-color-chart-sequential-08-a: 100%;
2993
+ --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);
2994
+ --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%));
2995
+ --dt-color-chart-sequential-08: #ff5c00; /* Eighth color in sequential chart series, very dark shade. */
2996
+ --dt-color-chart-sequential-07-h: 22;
2997
+ --dt-color-chart-sequential-07-s: 100%;
2998
+ --dt-color-chart-sequential-07-l: 50%;
2999
+ --dt-color-chart-sequential-07-a: 100%;
3000
+ --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);
3001
+ --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%));
3002
+ --dt-color-chart-sequential-07: #ff5c00; /* Seventh color in sequential chart series, dark shade. */
3003
+ --dt-color-chart-sequential-06-h: 22;
3004
+ --dt-color-chart-sequential-06-s: 100%;
3005
+ --dt-color-chart-sequential-06-l: 50%;
3006
+ --dt-color-chart-sequential-06-a: 100%;
3007
+ --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);
3008
+ --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%));
3009
+ --dt-color-chart-sequential-06: #ff5c00; /* Sixth color in sequential chart series, medium-dark shade. */
3010
+ --dt-color-chart-sequential-05-h: 22;
3011
+ --dt-color-chart-sequential-05-s: 100%;
3012
+ --dt-color-chart-sequential-05-l: 50%;
3013
+ --dt-color-chart-sequential-05-a: 100%;
3014
+ --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);
3015
+ --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%));
3016
+ --dt-color-chart-sequential-05: #ff5c00; /* Fifth color in sequential chart series, medium shade. */
3017
+ --dt-color-chart-sequential-04-h: 22;
3018
+ --dt-color-chart-sequential-04-s: 100%;
3019
+ --dt-color-chart-sequential-04-l: 50%;
3020
+ --dt-color-chart-sequential-04-a: 100%;
3021
+ --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);
3022
+ --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%));
3023
+ --dt-color-chart-sequential-04: #ff5c00; /* Fourth color in sequential chart series, light-medium shade. */
3024
+ --dt-color-chart-sequential-03-h: 22;
3025
+ --dt-color-chart-sequential-03-s: 100%;
3026
+ --dt-color-chart-sequential-03-l: 50%;
3027
+ --dt-color-chart-sequential-03-a: 100%;
3028
+ --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);
3029
+ --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%));
3030
+ --dt-color-chart-sequential-03: #ff5c00; /* Third color in sequential chart series, light shade. */
3031
+ --dt-color-chart-sequential-02-h: 22;
3032
+ --dt-color-chart-sequential-02-s: 100%;
3033
+ --dt-color-chart-sequential-02-l: 50%;
3034
+ --dt-color-chart-sequential-02-a: 100%;
3035
+ --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);
3036
+ --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%));
3037
+ --dt-color-chart-sequential-02: #ff5c00; /* Second color in sequential chart series, very light shade. */
3038
+ --dt-color-chart-sequential-01-selected-h: 22;
3039
+ --dt-color-chart-sequential-01-selected-s: 100%;
3040
+ --dt-color-chart-sequential-01-selected-l: 50%;
3041
+ --dt-color-chart-sequential-01-selected-a: 100%;
3042
+ --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);
3043
+ --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%));
3044
+ --dt-color-chart-sequential-01-selected: #ff5c00; /* Selected state for first sequential chart color. */
3045
+ --dt-color-chart-sequential-01-hover-h: 22;
3046
+ --dt-color-chart-sequential-01-hover-s: 100%;
3047
+ --dt-color-chart-sequential-01-hover-l: 50%;
3048
+ --dt-color-chart-sequential-01-hover-a: 100%;
3049
+ --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);
3050
+ --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%));
3051
+ --dt-color-chart-sequential-01-hover: #ff5c00; /* Hover state for first sequential chart color. */
3052
+ --dt-color-chart-categorical-11-selected-h: 22;
3053
+ --dt-color-chart-categorical-11-selected-s: 100%;
3054
+ --dt-color-chart-categorical-11-selected-l: 50%;
3055
+ --dt-color-chart-categorical-11-selected-a: 100%;
3056
+ --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);
3057
+ --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%));
3058
+ --dt-color-chart-categorical-11-selected: #ff5c00;
3059
+ --dt-color-chart-categorical-11-hover-h: 22;
3060
+ --dt-color-chart-categorical-11-hover-s: 100%;
3061
+ --dt-color-chart-categorical-11-hover-l: 50%;
3062
+ --dt-color-chart-categorical-11-hover-a: 100%;
3063
+ --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);
3064
+ --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%));
3065
+ --dt-color-chart-categorical-11-hover: #ff5c00;
3066
+ --dt-color-chart-categorical-28-h: 22;
3067
+ --dt-color-chart-categorical-28-s: 100%;
3068
+ --dt-color-chart-categorical-28-l: 50%;
3069
+ --dt-color-chart-categorical-28-a: 100%;
3070
+ --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);
3071
+ --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%));
3072
+ --dt-color-chart-categorical-28: #ff5c00;
3073
+ --dt-color-chart-categorical-26-h: 22;
3074
+ --dt-color-chart-categorical-26-s: 100%;
3075
+ --dt-color-chart-categorical-26-l: 50%;
3076
+ --dt-color-chart-categorical-26-a: 100%;
3077
+ --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);
3078
+ --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%));
3079
+ --dt-color-chart-categorical-26: #ff5c00;
3080
+ --dt-color-chart-categorical-22-h: 22;
3081
+ --dt-color-chart-categorical-22-s: 100%;
3082
+ --dt-color-chart-categorical-22-l: 50%;
3083
+ --dt-color-chart-categorical-22-a: 100%;
3084
+ --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);
3085
+ --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%));
3086
+ --dt-color-chart-categorical-22: #ff5c00;
3087
+ --dt-color-chart-categorical-21-h: 22;
3088
+ --dt-color-chart-categorical-21-s: 100%;
3089
+ --dt-color-chart-categorical-21-l: 50%;
3090
+ --dt-color-chart-categorical-21-a: 100%;
3091
+ --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);
3092
+ --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%));
3093
+ --dt-color-chart-categorical-21: #ff5c00;
3094
+ --dt-color-chart-categorical-20-h: 22;
3095
+ --dt-color-chart-categorical-20-s: 100%;
3096
+ --dt-color-chart-categorical-20-l: 50%;
3097
+ --dt-color-chart-categorical-20-a: 100%;
3098
+ --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);
3099
+ --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%));
3100
+ --dt-color-chart-categorical-20: #ff5c00;
3101
+ --dt-color-chart-categorical-19-h: 22;
3102
+ --dt-color-chart-categorical-19-s: 100%;
3103
+ --dt-color-chart-categorical-19-l: 50%;
3104
+ --dt-color-chart-categorical-19-a: 100%;
3105
+ --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);
3106
+ --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%));
3107
+ --dt-color-chart-categorical-19: #ff5c00;
3108
+ --dt-color-chart-categorical-18-h: 22;
3109
+ --dt-color-chart-categorical-18-s: 100%;
3110
+ --dt-color-chart-categorical-18-l: 50%;
3111
+ --dt-color-chart-categorical-18-a: 100%;
3112
+ --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);
3113
+ --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%));
3114
+ --dt-color-chart-categorical-18: #ff5c00;
3115
+ --dt-color-chart-categorical-17-h: 22;
3116
+ --dt-color-chart-categorical-17-s: 100%;
3117
+ --dt-color-chart-categorical-17-l: 50%;
3118
+ --dt-color-chart-categorical-17-a: 100%;
3119
+ --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);
3120
+ --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%));
3121
+ --dt-color-chart-categorical-17: #ff5c00;
3122
+ --dt-color-chart-categorical-16-h: 22;
3123
+ --dt-color-chart-categorical-16-s: 100%;
3124
+ --dt-color-chart-categorical-16-l: 50%;
3125
+ --dt-color-chart-categorical-16-a: 100%;
3126
+ --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);
3127
+ --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%));
3128
+ --dt-color-chart-categorical-16: #ff5c00;
3129
+ --dt-color-chart-categorical-15-h: 22;
3130
+ --dt-color-chart-categorical-15-s: 100%;
3131
+ --dt-color-chart-categorical-15-l: 50%;
3132
+ --dt-color-chart-categorical-15-a: 100%;
3133
+ --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);
3134
+ --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%));
3135
+ --dt-color-chart-categorical-15: #ff5c00;
3136
+ --dt-color-chart-categorical-14-h: 22;
3137
+ --dt-color-chart-categorical-14-s: 100%;
3138
+ --dt-color-chart-categorical-14-l: 50%;
3139
+ --dt-color-chart-categorical-14-a: 100%;
3140
+ --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);
3141
+ --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%));
3142
+ --dt-color-chart-categorical-14: #ff5c00;
3143
+ --dt-color-chart-categorical-13-h: 22;
3144
+ --dt-color-chart-categorical-13-s: 100%;
3145
+ --dt-color-chart-categorical-13-l: 50%;
3146
+ --dt-color-chart-categorical-13-a: 100%;
3147
+ --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);
3148
+ --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%));
3149
+ --dt-color-chart-categorical-13: #ff5c00;
3150
+ --dt-color-chart-categorical-12-h: 22;
3151
+ --dt-color-chart-categorical-12-s: 100%;
3152
+ --dt-color-chart-categorical-12-l: 50%;
3153
+ --dt-color-chart-categorical-12-a: 100%;
3154
+ --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);
3155
+ --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%));
3156
+ --dt-color-chart-categorical-12: #ff5c00;
3024
3157
  --dt-color-surface-primary-opaque-inverted-h: 22;
3025
3158
  --dt-color-surface-primary-opaque-inverted-s: 100%;
3026
3159
  --dt-color-surface-primary-opaque-inverted-l: 50%;
@@ -3374,6 +3507,342 @@
3374
3507
  --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);
3375
3508
  --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);
3376
3509
  --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) */
3510
+ --dt-color-chart-sequential-09-selected-h: 22;
3511
+ --dt-color-chart-sequential-09-selected-s: 100%;
3512
+ --dt-color-chart-sequential-09-selected-l: 50%;
3513
+ --dt-color-chart-sequential-09-selected-a: 100%;
3514
+ --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);
3515
+ --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%));
3516
+ --dt-color-chart-sequential-09-selected: #ff5c00; /* Selected state for ninth sequential chart color. */
3517
+ --dt-color-chart-sequential-09-hover-h: 22;
3518
+ --dt-color-chart-sequential-09-hover-s: 100%;
3519
+ --dt-color-chart-sequential-09-hover-l: 50%;
3520
+ --dt-color-chart-sequential-09-hover-a: 100%;
3521
+ --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);
3522
+ --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%));
3523
+ --dt-color-chart-sequential-09-hover: #ff5c00; /* Hover state for ninth sequential chart color. */
3524
+ --dt-color-chart-sequential-08-selected-h: 22;
3525
+ --dt-color-chart-sequential-08-selected-s: 100%;
3526
+ --dt-color-chart-sequential-08-selected-l: 50%;
3527
+ --dt-color-chart-sequential-08-selected-a: 100%;
3528
+ --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);
3529
+ --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%));
3530
+ --dt-color-chart-sequential-08-selected: #ff5c00; /* Selected state for eighth sequential chart color. */
3531
+ --dt-color-chart-sequential-08-hover-h: 22;
3532
+ --dt-color-chart-sequential-08-hover-s: 100%;
3533
+ --dt-color-chart-sequential-08-hover-l: 50%;
3534
+ --dt-color-chart-sequential-08-hover-a: 100%;
3535
+ --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);
3536
+ --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%));
3537
+ --dt-color-chart-sequential-08-hover: #ff5c00; /* Hover state for eighth sequential chart color. */
3538
+ --dt-color-chart-sequential-07-selected-h: 22;
3539
+ --dt-color-chart-sequential-07-selected-s: 100%;
3540
+ --dt-color-chart-sequential-07-selected-l: 50%;
3541
+ --dt-color-chart-sequential-07-selected-a: 100%;
3542
+ --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);
3543
+ --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%));
3544
+ --dt-color-chart-sequential-07-selected: #ff5c00; /* Selected state for seventh sequential chart color. */
3545
+ --dt-color-chart-sequential-07-hover-h: 22;
3546
+ --dt-color-chart-sequential-07-hover-s: 100%;
3547
+ --dt-color-chart-sequential-07-hover-l: 50%;
3548
+ --dt-color-chart-sequential-07-hover-a: 100%;
3549
+ --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);
3550
+ --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%));
3551
+ --dt-color-chart-sequential-07-hover: #ff5c00; /* Hover state for seventh sequential chart color. */
3552
+ --dt-color-chart-sequential-06-selected-h: 22;
3553
+ --dt-color-chart-sequential-06-selected-s: 100%;
3554
+ --dt-color-chart-sequential-06-selected-l: 50%;
3555
+ --dt-color-chart-sequential-06-selected-a: 100%;
3556
+ --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);
3557
+ --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%));
3558
+ --dt-color-chart-sequential-06-selected: #ff5c00; /* Selected state for sixth sequential chart color. */
3559
+ --dt-color-chart-sequential-06-hover-h: 22;
3560
+ --dt-color-chart-sequential-06-hover-s: 100%;
3561
+ --dt-color-chart-sequential-06-hover-l: 50%;
3562
+ --dt-color-chart-sequential-06-hover-a: 100%;
3563
+ --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);
3564
+ --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%));
3565
+ --dt-color-chart-sequential-06-hover: #ff5c00; /* Hover state for sixth sequential chart color. */
3566
+ --dt-color-chart-sequential-05-selected-h: 22;
3567
+ --dt-color-chart-sequential-05-selected-s: 100%;
3568
+ --dt-color-chart-sequential-05-selected-l: 50%;
3569
+ --dt-color-chart-sequential-05-selected-a: 100%;
3570
+ --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);
3571
+ --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%));
3572
+ --dt-color-chart-sequential-05-selected: #ff5c00; /* Selected state for fifth sequential chart color. */
3573
+ --dt-color-chart-sequential-05-hover-h: 22;
3574
+ --dt-color-chart-sequential-05-hover-s: 100%;
3575
+ --dt-color-chart-sequential-05-hover-l: 50%;
3576
+ --dt-color-chart-sequential-05-hover-a: 100%;
3577
+ --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);
3578
+ --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%));
3579
+ --dt-color-chart-sequential-05-hover: #ff5c00; /* Hover state for fifth sequential chart color. */
3580
+ --dt-color-chart-sequential-04-selected-h: 22;
3581
+ --dt-color-chart-sequential-04-selected-s: 100%;
3582
+ --dt-color-chart-sequential-04-selected-l: 50%;
3583
+ --dt-color-chart-sequential-04-selected-a: 100%;
3584
+ --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);
3585
+ --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%));
3586
+ --dt-color-chart-sequential-04-selected: #ff5c00; /* Selected state for fourth sequential chart color. */
3587
+ --dt-color-chart-sequential-04-hover-h: 22;
3588
+ --dt-color-chart-sequential-04-hover-s: 100%;
3589
+ --dt-color-chart-sequential-04-hover-l: 50%;
3590
+ --dt-color-chart-sequential-04-hover-a: 100%;
3591
+ --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);
3592
+ --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%));
3593
+ --dt-color-chart-sequential-04-hover: #ff5c00; /* Hover state for fourth sequential chart color. */
3594
+ --dt-color-chart-sequential-03-selected-h: 22;
3595
+ --dt-color-chart-sequential-03-selected-s: 100%;
3596
+ --dt-color-chart-sequential-03-selected-l: 50%;
3597
+ --dt-color-chart-sequential-03-selected-a: 100%;
3598
+ --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);
3599
+ --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%));
3600
+ --dt-color-chart-sequential-03-selected: #ff5c00; /* Selected state for third sequential chart color. */
3601
+ --dt-color-chart-sequential-03-hover-h: 22;
3602
+ --dt-color-chart-sequential-03-hover-s: 100%;
3603
+ --dt-color-chart-sequential-03-hover-l: 50%;
3604
+ --dt-color-chart-sequential-03-hover-a: 100%;
3605
+ --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);
3606
+ --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%));
3607
+ --dt-color-chart-sequential-03-hover: #ff5c00; /* Hover state for third sequential chart color. */
3608
+ --dt-color-chart-sequential-02-selected-h: 22;
3609
+ --dt-color-chart-sequential-02-selected-s: 100%;
3610
+ --dt-color-chart-sequential-02-selected-l: 50%;
3611
+ --dt-color-chart-sequential-02-selected-a: 100%;
3612
+ --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);
3613
+ --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%));
3614
+ --dt-color-chart-sequential-02-selected: #ff5c00; /* Selected state for second sequential chart color. */
3615
+ --dt-color-chart-sequential-02-hover-h: 22;
3616
+ --dt-color-chart-sequential-02-hover-s: 100%;
3617
+ --dt-color-chart-sequential-02-hover-l: 50%;
3618
+ --dt-color-chart-sequential-02-hover-a: 100%;
3619
+ --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);
3620
+ --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%));
3621
+ --dt-color-chart-sequential-02-hover: #ff5c00; /* Hover state for second sequential chart color. */
3622
+ --dt-color-chart-categorical-28-selected-h: 22;
3623
+ --dt-color-chart-categorical-28-selected-s: 100%;
3624
+ --dt-color-chart-categorical-28-selected-l: 50%;
3625
+ --dt-color-chart-categorical-28-selected-a: 100%;
3626
+ --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);
3627
+ --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%));
3628
+ --dt-color-chart-categorical-28-selected: #ff5c00;
3629
+ --dt-color-chart-categorical-28-hover-h: 22;
3630
+ --dt-color-chart-categorical-28-hover-s: 100%;
3631
+ --dt-color-chart-categorical-28-hover-l: 50%;
3632
+ --dt-color-chart-categorical-28-hover-a: 100%;
3633
+ --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);
3634
+ --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%));
3635
+ --dt-color-chart-categorical-28-hover: #ff5c00;
3636
+ --dt-color-chart-categorical-26-selected-h: 22;
3637
+ --dt-color-chart-categorical-26-selected-s: 100%;
3638
+ --dt-color-chart-categorical-26-selected-l: 50%;
3639
+ --dt-color-chart-categorical-26-selected-a: 100%;
3640
+ --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);
3641
+ --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%));
3642
+ --dt-color-chart-categorical-26-selected: #ff5c00;
3643
+ --dt-color-chart-categorical-26-hover-h: 22;
3644
+ --dt-color-chart-categorical-26-hover-s: 100%;
3645
+ --dt-color-chart-categorical-26-hover-l: 50%;
3646
+ --dt-color-chart-categorical-26-hover-a: 100%;
3647
+ --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);
3648
+ --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%));
3649
+ --dt-color-chart-categorical-26-hover: #ff5c00;
3650
+ --dt-color-chart-categorical-22-selected-h: 22;
3651
+ --dt-color-chart-categorical-22-selected-s: 100%;
3652
+ --dt-color-chart-categorical-22-selected-l: 50%;
3653
+ --dt-color-chart-categorical-22-selected-a: 100%;
3654
+ --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);
3655
+ --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%));
3656
+ --dt-color-chart-categorical-22-selected: #ff5c00;
3657
+ --dt-color-chart-categorical-22-hover-h: 22;
3658
+ --dt-color-chart-categorical-22-hover-s: 100%;
3659
+ --dt-color-chart-categorical-22-hover-l: 50%;
3660
+ --dt-color-chart-categorical-22-hover-a: 100%;
3661
+ --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);
3662
+ --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%));
3663
+ --dt-color-chart-categorical-22-hover: #ff5c00;
3664
+ --dt-color-chart-categorical-21-selected-h: 22;
3665
+ --dt-color-chart-categorical-21-selected-s: 100%;
3666
+ --dt-color-chart-categorical-21-selected-l: 50%;
3667
+ --dt-color-chart-categorical-21-selected-a: 100%;
3668
+ --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);
3669
+ --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%));
3670
+ --dt-color-chart-categorical-21-selected: #ff5c00;
3671
+ --dt-color-chart-categorical-21-hover-h: 22;
3672
+ --dt-color-chart-categorical-21-hover-s: 100%;
3673
+ --dt-color-chart-categorical-21-hover-l: 50%;
3674
+ --dt-color-chart-categorical-21-hover-a: 100%;
3675
+ --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);
3676
+ --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%));
3677
+ --dt-color-chart-categorical-21-hover: #ff5c00;
3678
+ --dt-color-chart-categorical-20-selected-h: 22;
3679
+ --dt-color-chart-categorical-20-selected-s: 100%;
3680
+ --dt-color-chart-categorical-20-selected-l: 50%;
3681
+ --dt-color-chart-categorical-20-selected-a: 100%;
3682
+ --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);
3683
+ --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%));
3684
+ --dt-color-chart-categorical-20-selected: #ff5c00;
3685
+ --dt-color-chart-categorical-20-hover-h: 22;
3686
+ --dt-color-chart-categorical-20-hover-s: 100%;
3687
+ --dt-color-chart-categorical-20-hover-l: 50%;
3688
+ --dt-color-chart-categorical-20-hover-a: 100%;
3689
+ --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);
3690
+ --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%));
3691
+ --dt-color-chart-categorical-20-hover: #ff5c00;
3692
+ --dt-color-chart-categorical-19-selected-h: 22;
3693
+ --dt-color-chart-categorical-19-selected-s: 100%;
3694
+ --dt-color-chart-categorical-19-selected-l: 50%;
3695
+ --dt-color-chart-categorical-19-selected-a: 100%;
3696
+ --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);
3697
+ --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%));
3698
+ --dt-color-chart-categorical-19-selected: #ff5c00;
3699
+ --dt-color-chart-categorical-19-hover-h: 22;
3700
+ --dt-color-chart-categorical-19-hover-s: 100%;
3701
+ --dt-color-chart-categorical-19-hover-l: 50%;
3702
+ --dt-color-chart-categorical-19-hover-a: 100%;
3703
+ --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);
3704
+ --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%));
3705
+ --dt-color-chart-categorical-19-hover: #ff5c00;
3706
+ --dt-color-chart-categorical-18-selected-h: 22;
3707
+ --dt-color-chart-categorical-18-selected-s: 100%;
3708
+ --dt-color-chart-categorical-18-selected-l: 50%;
3709
+ --dt-color-chart-categorical-18-selected-a: 100%;
3710
+ --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);
3711
+ --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%));
3712
+ --dt-color-chart-categorical-18-selected: #ff5c00;
3713
+ --dt-color-chart-categorical-18-hover-h: 22;
3714
+ --dt-color-chart-categorical-18-hover-s: 100%;
3715
+ --dt-color-chart-categorical-18-hover-l: 50%;
3716
+ --dt-color-chart-categorical-18-hover-a: 100%;
3717
+ --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);
3718
+ --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%));
3719
+ --dt-color-chart-categorical-18-hover: #ff5c00;
3720
+ --dt-color-chart-categorical-17-selected-h: 22;
3721
+ --dt-color-chart-categorical-17-selected-s: 100%;
3722
+ --dt-color-chart-categorical-17-selected-l: 50%;
3723
+ --dt-color-chart-categorical-17-selected-a: 100%;
3724
+ --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);
3725
+ --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%));
3726
+ --dt-color-chart-categorical-17-selected: #ff5c00;
3727
+ --dt-color-chart-categorical-17-hover-h: 22;
3728
+ --dt-color-chart-categorical-17-hover-s: 100%;
3729
+ --dt-color-chart-categorical-17-hover-l: 50%;
3730
+ --dt-color-chart-categorical-17-hover-a: 100%;
3731
+ --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);
3732
+ --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%));
3733
+ --dt-color-chart-categorical-17-hover: #ff5c00;
3734
+ --dt-color-chart-categorical-16-selected-h: 22;
3735
+ --dt-color-chart-categorical-16-selected-s: 100%;
3736
+ --dt-color-chart-categorical-16-selected-l: 50%;
3737
+ --dt-color-chart-categorical-16-selected-a: 100%;
3738
+ --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);
3739
+ --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%));
3740
+ --dt-color-chart-categorical-16-selected: #ff5c00;
3741
+ --dt-color-chart-categorical-16-hover-h: 22;
3742
+ --dt-color-chart-categorical-16-hover-s: 100%;
3743
+ --dt-color-chart-categorical-16-hover-l: 50%;
3744
+ --dt-color-chart-categorical-16-hover-a: 100%;
3745
+ --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);
3746
+ --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%));
3747
+ --dt-color-chart-categorical-16-hover: #ff5c00;
3748
+ --dt-color-chart-categorical-15-selected-h: 22;
3749
+ --dt-color-chart-categorical-15-selected-s: 100%;
3750
+ --dt-color-chart-categorical-15-selected-l: 50%;
3751
+ --dt-color-chart-categorical-15-selected-a: 100%;
3752
+ --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);
3753
+ --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%));
3754
+ --dt-color-chart-categorical-15-selected: #ff5c00;
3755
+ --dt-color-chart-categorical-15-hover-h: 22;
3756
+ --dt-color-chart-categorical-15-hover-s: 100%;
3757
+ --dt-color-chart-categorical-15-hover-l: 50%;
3758
+ --dt-color-chart-categorical-15-hover-a: 100%;
3759
+ --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);
3760
+ --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%));
3761
+ --dt-color-chart-categorical-15-hover: #ff5c00;
3762
+ --dt-color-chart-categorical-14-selected-h: 22;
3763
+ --dt-color-chart-categorical-14-selected-s: 100%;
3764
+ --dt-color-chart-categorical-14-selected-l: 50%;
3765
+ --dt-color-chart-categorical-14-selected-a: 100%;
3766
+ --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);
3767
+ --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%));
3768
+ --dt-color-chart-categorical-14-selected: #ff5c00;
3769
+ --dt-color-chart-categorical-14-hover-h: 22;
3770
+ --dt-color-chart-categorical-14-hover-s: 100%;
3771
+ --dt-color-chart-categorical-14-hover-l: 50%;
3772
+ --dt-color-chart-categorical-14-hover-a: 100%;
3773
+ --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);
3774
+ --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%));
3775
+ --dt-color-chart-categorical-14-hover: #ff5c00;
3776
+ --dt-color-chart-categorical-13-selected-h: 22;
3777
+ --dt-color-chart-categorical-13-selected-s: 100%;
3778
+ --dt-color-chart-categorical-13-selected-l: 50%;
3779
+ --dt-color-chart-categorical-13-selected-a: 100%;
3780
+ --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);
3781
+ --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%));
3782
+ --dt-color-chart-categorical-13-selected: #ff5c00;
3783
+ --dt-color-chart-categorical-13-hover-h: 22;
3784
+ --dt-color-chart-categorical-13-hover-s: 100%;
3785
+ --dt-color-chart-categorical-13-hover-l: 50%;
3786
+ --dt-color-chart-categorical-13-hover-a: 100%;
3787
+ --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);
3788
+ --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%));
3789
+ --dt-color-chart-categorical-13-hover: #ff5c00;
3790
+ --dt-color-chart-categorical-12-selected-h: 22;
3791
+ --dt-color-chart-categorical-12-selected-s: 100%;
3792
+ --dt-color-chart-categorical-12-selected-l: 50%;
3793
+ --dt-color-chart-categorical-12-selected-a: 100%;
3794
+ --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);
3795
+ --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%));
3796
+ --dt-color-chart-categorical-12-selected: #ff5c00;
3797
+ --dt-color-chart-categorical-12-hover-h: 22;
3798
+ --dt-color-chart-categorical-12-hover-s: 100%;
3799
+ --dt-color-chart-categorical-12-hover-l: 50%;
3800
+ --dt-color-chart-categorical-12-hover-a: 100%;
3801
+ --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);
3802
+ --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%));
3803
+ --dt-color-chart-categorical-12-hover: #ff5c00;
3804
+ --dt-color-chart-categorical-30-h: 22;
3805
+ --dt-color-chart-categorical-30-s: 100%;
3806
+ --dt-color-chart-categorical-30-l: 50%;
3807
+ --dt-color-chart-categorical-30-a: 100%;
3808
+ --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);
3809
+ --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%));
3810
+ --dt-color-chart-categorical-30: #ff5c00;
3811
+ --dt-color-chart-categorical-29-h: 22;
3812
+ --dt-color-chart-categorical-29-s: 100%;
3813
+ --dt-color-chart-categorical-29-l: 50%;
3814
+ --dt-color-chart-categorical-29-a: 100%;
3815
+ --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);
3816
+ --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%));
3817
+ --dt-color-chart-categorical-29: #ff5c00;
3818
+ --dt-color-chart-categorical-27-h: 22;
3819
+ --dt-color-chart-categorical-27-s: 100%;
3820
+ --dt-color-chart-categorical-27-l: 50%;
3821
+ --dt-color-chart-categorical-27-a: 100%;
3822
+ --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);
3823
+ --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%));
3824
+ --dt-color-chart-categorical-27: #ff5c00;
3825
+ --dt-color-chart-categorical-25-h: 22;
3826
+ --dt-color-chart-categorical-25-s: 100%;
3827
+ --dt-color-chart-categorical-25-l: 50%;
3828
+ --dt-color-chart-categorical-25-a: 100%;
3829
+ --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);
3830
+ --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%));
3831
+ --dt-color-chart-categorical-25: #ff5c00;
3832
+ --dt-color-chart-categorical-24-h: 22;
3833
+ --dt-color-chart-categorical-24-s: 100%;
3834
+ --dt-color-chart-categorical-24-l: 50%;
3835
+ --dt-color-chart-categorical-24-a: 100%;
3836
+ --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);
3837
+ --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%));
3838
+ --dt-color-chart-categorical-24: #ff5c00;
3839
+ --dt-color-chart-categorical-23-h: 22;
3840
+ --dt-color-chart-categorical-23-s: 100%;
3841
+ --dt-color-chart-categorical-23-l: 50%;
3842
+ --dt-color-chart-categorical-23-a: 100%;
3843
+ --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);
3844
+ --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%));
3845
+ --dt-color-chart-categorical-23: #ff5c00;
3377
3846
  --dt-color-link-disabled-hover-h: 22;
3378
3847
  --dt-color-link-disabled-hover-s: 100%;
3379
3848
  --dt-color-link-disabled-hover-l: 50%;
@@ -3437,6 +3906,90 @@
3437
3906
  --dt-action-color-foreground-critical-active-hsl: var(--dt-action-color-foreground-critical-hover-hsl);
3438
3907
  --dt-action-color-foreground-critical-active-hsla: var(--dt-action-color-foreground-critical-hover-hsla);
3439
3908
  --dt-action-color-foreground-critical-active: #ff5c00;
3909
+ --dt-color-chart-categorical-30-selected-h: 22;
3910
+ --dt-color-chart-categorical-30-selected-s: 100%;
3911
+ --dt-color-chart-categorical-30-selected-l: 50%;
3912
+ --dt-color-chart-categorical-30-selected-a: 100%;
3913
+ --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);
3914
+ --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%));
3915
+ --dt-color-chart-categorical-30-selected: #ff5c00;
3916
+ --dt-color-chart-categorical-30-hover-h: 22;
3917
+ --dt-color-chart-categorical-30-hover-s: 100%;
3918
+ --dt-color-chart-categorical-30-hover-l: 50%;
3919
+ --dt-color-chart-categorical-30-hover-a: 100%;
3920
+ --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);
3921
+ --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%));
3922
+ --dt-color-chart-categorical-30-hover: #ff5c00;
3923
+ --dt-color-chart-categorical-29-selected-h: 22;
3924
+ --dt-color-chart-categorical-29-selected-s: 100%;
3925
+ --dt-color-chart-categorical-29-selected-l: 50%;
3926
+ --dt-color-chart-categorical-29-selected-a: 100%;
3927
+ --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);
3928
+ --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%));
3929
+ --dt-color-chart-categorical-29-selected: #ff5c00;
3930
+ --dt-color-chart-categorical-29-hover-h: 22;
3931
+ --dt-color-chart-categorical-29-hover-s: 100%;
3932
+ --dt-color-chart-categorical-29-hover-l: 50%;
3933
+ --dt-color-chart-categorical-29-hover-a: 100%;
3934
+ --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);
3935
+ --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%));
3936
+ --dt-color-chart-categorical-29-hover: #ff5c00;
3937
+ --dt-color-chart-categorical-27-selected-h: 22;
3938
+ --dt-color-chart-categorical-27-selected-s: 100%;
3939
+ --dt-color-chart-categorical-27-selected-l: 50%;
3940
+ --dt-color-chart-categorical-27-selected-a: 100%;
3941
+ --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);
3942
+ --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%));
3943
+ --dt-color-chart-categorical-27-selected: #ff5c00;
3944
+ --dt-color-chart-categorical-27-hover-h: 22;
3945
+ --dt-color-chart-categorical-27-hover-s: 100%;
3946
+ --dt-color-chart-categorical-27-hover-l: 50%;
3947
+ --dt-color-chart-categorical-27-hover-a: 100%;
3948
+ --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);
3949
+ --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%));
3950
+ --dt-color-chart-categorical-27-hover: #ff5c00;
3951
+ --dt-color-chart-categorical-25-selected-h: 22;
3952
+ --dt-color-chart-categorical-25-selected-s: 100%;
3953
+ --dt-color-chart-categorical-25-selected-l: 50%;
3954
+ --dt-color-chart-categorical-25-selected-a: 100%;
3955
+ --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);
3956
+ --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%));
3957
+ --dt-color-chart-categorical-25-selected: #ff5c00;
3958
+ --dt-color-chart-categorical-25-hover-h: 22;
3959
+ --dt-color-chart-categorical-25-hover-s: 100%;
3960
+ --dt-color-chart-categorical-25-hover-l: 50%;
3961
+ --dt-color-chart-categorical-25-hover-a: 100%;
3962
+ --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);
3963
+ --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%));
3964
+ --dt-color-chart-categorical-25-hover: #ff5c00;
3965
+ --dt-color-chart-categorical-24-selected-h: 22;
3966
+ --dt-color-chart-categorical-24-selected-s: 100%;
3967
+ --dt-color-chart-categorical-24-selected-l: 50%;
3968
+ --dt-color-chart-categorical-24-selected-a: 100%;
3969
+ --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);
3970
+ --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%));
3971
+ --dt-color-chart-categorical-24-selected: #ff5c00;
3972
+ --dt-color-chart-categorical-24-hover-h: 22;
3973
+ --dt-color-chart-categorical-24-hover-s: 100%;
3974
+ --dt-color-chart-categorical-24-hover-l: 50%;
3975
+ --dt-color-chart-categorical-24-hover-a: 100%;
3976
+ --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);
3977
+ --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%));
3978
+ --dt-color-chart-categorical-24-hover: #ff5c00;
3979
+ --dt-color-chart-categorical-23-selected-h: 22;
3980
+ --dt-color-chart-categorical-23-selected-s: 100%;
3981
+ --dt-color-chart-categorical-23-selected-l: 50%;
3982
+ --dt-color-chart-categorical-23-selected-a: 100%;
3983
+ --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);
3984
+ --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%));
3985
+ --dt-color-chart-categorical-23-selected: #ff5c00;
3986
+ --dt-color-chart-categorical-23-hover-h: 22;
3987
+ --dt-color-chart-categorical-23-hover-s: 100%;
3988
+ --dt-color-chart-categorical-23-hover-l: 50%;
3989
+ --dt-color-chart-categorical-23-hover-a: 100%;
3990
+ --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);
3991
+ --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%));
3992
+ --dt-color-chart-categorical-23-hover: #ff5c00;
3440
3993
  --dt-shell-action-color-foreground-muted-active-h: 22;
3441
3994
  --dt-shell-action-color-foreground-muted-active-s: 100%;
3442
3995
  --dt-shell-action-color-foreground-muted-active-l: 50%;