@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-expressive-sm-light.css CHANGED
@@ -658,251 +658,174 @@
658
658
  --dt-typography-body-md-text-case: var(--dt-font-text-case-none); /* Base default medium text style for main content. */
659
659
  --dt-typography-body-md-line-height: var(--dt-font-line-height-400); /* Base default medium text style for main content. */
660
660
  --dt-typography-body-md-font-weight: var(--dt-font-weight-normal); /* Base default medium text style for main content. */
661
- --dt-color-chart-sequential-10-selected-h: var(--dt-color-indigo-1000-h);
662
- --dt-color-chart-sequential-10-selected-s: var(--dt-color-indigo-1000-s);
663
- --dt-color-chart-sequential-10-selected-l: var(--dt-color-indigo-1000-l);
664
- --dt-color-chart-sequential-10-selected-a: var(--dt-color-indigo-1000-a);
665
- --dt-color-chart-sequential-10-selected-hsl: var(--dt-color-indigo-1000-hsl);
666
- --dt-color-chart-sequential-10-selected-hsla: var(--dt-color-indigo-1000-hsla);
667
- --dt-color-chart-sequential-10-selected: var(--dt-color-indigo-1000); /* Selected state for tenth sequential chart color. */
668
- --dt-color-chart-sequential-10-hover-h: var(--dt-color-indigo-1000-h);
669
- --dt-color-chart-sequential-10-hover-s: var(--dt-color-indigo-1000-s);
670
- --dt-color-chart-sequential-10-hover-l: var(--dt-color-indigo-1000-l);
671
- --dt-color-chart-sequential-10-hover-a: var(--dt-color-indigo-1000-a);
672
- --dt-color-chart-sequential-10-hover-hsl: var(--dt-color-indigo-1000-hsl);
673
- --dt-color-chart-sequential-10-hover-hsla: var(--dt-color-indigo-1000-hsla);
674
- --dt-color-chart-sequential-10-hover: var(--dt-color-indigo-1000); /* Hover state for tenth sequential chart color. */
675
- --dt-color-chart-sequential-09-selected-h: var(--dt-color-indigo-1000-h);
676
- --dt-color-chart-sequential-09-selected-s: var(--dt-color-indigo-1000-s);
677
- --dt-color-chart-sequential-09-selected-l: var(--dt-color-indigo-1000-l);
678
- --dt-color-chart-sequential-09-selected-a: var(--dt-color-indigo-1000-a);
679
- --dt-color-chart-sequential-09-selected-hsl: var(--dt-color-indigo-1000-hsl);
680
- --dt-color-chart-sequential-09-selected-hsla: var(--dt-color-indigo-1000-hsla);
681
- --dt-color-chart-sequential-09-selected: var(--dt-color-indigo-1000); /* Selected state for ninth sequential chart color. */
682
- --dt-color-chart-sequential-09-hover-h: var(--dt-color-indigo-950-h);
683
- --dt-color-chart-sequential-09-hover-s: var(--dt-color-indigo-950-s);
684
- --dt-color-chart-sequential-09-hover-l: var(--dt-color-indigo-950-l);
685
- --dt-color-chart-sequential-09-hover-a: var(--dt-color-indigo-950-a);
686
- --dt-color-chart-sequential-09-hover-hsl: var(--dt-color-indigo-950-hsl);
687
- --dt-color-chart-sequential-09-hover-hsla: var(--dt-color-indigo-950-hsla);
688
- --dt-color-chart-sequential-09-hover: var(--dt-color-indigo-950); /* Hover state for ninth sequential chart color. */
689
- --dt-color-chart-sequential-09-h: var(--dt-color-indigo-900-h);
690
- --dt-color-chart-sequential-09-s: var(--dt-color-indigo-900-s);
691
- --dt-color-chart-sequential-09-l: var(--dt-color-indigo-900-l);
692
- --dt-color-chart-sequential-09-a: var(--dt-color-indigo-900-a);
693
- --dt-color-chart-sequential-09-hsl: var(--dt-color-indigo-900-hsl);
694
- --dt-color-chart-sequential-09-hsla: var(--dt-color-indigo-900-hsla);
695
- --dt-color-chart-sequential-09: var(--dt-color-indigo-900); /* Ninth color in sequential chart series, extremely dark shade. */
696
- --dt-color-chart-sequential-08-selected-h: var(--dt-color-indigo-950-h);
697
- --dt-color-chart-sequential-08-selected-s: var(--dt-color-indigo-950-s);
698
- --dt-color-chart-sequential-08-selected-l: var(--dt-color-indigo-950-l);
699
- --dt-color-chart-sequential-08-selected-a: var(--dt-color-indigo-950-a);
700
- --dt-color-chart-sequential-08-selected-hsl: var(--dt-color-indigo-950-hsl);
701
- --dt-color-chart-sequential-08-selected-hsla: var(--dt-color-indigo-950-hsla);
702
- --dt-color-chart-sequential-08-selected: var(--dt-color-indigo-950); /* Selected state for eighth sequential chart color. */
703
- --dt-color-chart-sequential-08-hover-h: var(--dt-color-indigo-900-h);
704
- --dt-color-chart-sequential-08-hover-s: var(--dt-color-indigo-900-s);
705
- --dt-color-chart-sequential-08-hover-l: var(--dt-color-indigo-900-l);
706
- --dt-color-chart-sequential-08-hover-a: var(--dt-color-indigo-900-a);
707
- --dt-color-chart-sequential-08-hover-hsl: var(--dt-color-indigo-900-hsl);
708
- --dt-color-chart-sequential-08-hover-hsla: var(--dt-color-indigo-900-hsla);
709
- --dt-color-chart-sequential-08-hover: var(--dt-color-indigo-900); /* Hover state for eighth sequential chart color. */
710
- --dt-color-chart-sequential-08-h: var(--dt-color-indigo-800-h);
711
- --dt-color-chart-sequential-08-s: var(--dt-color-indigo-800-s);
712
- --dt-color-chart-sequential-08-l: var(--dt-color-indigo-800-l);
713
- --dt-color-chart-sequential-08-a: var(--dt-color-indigo-800-a);
714
- --dt-color-chart-sequential-08-hsl: var(--dt-color-indigo-800-hsl);
715
- --dt-color-chart-sequential-08-hsla: var(--dt-color-indigo-800-hsla);
716
- --dt-color-chart-sequential-08: var(--dt-color-indigo-800); /* Eighth color in sequential chart series, very dark shade. */
717
- --dt-color-chart-sequential-07-selected-h: var(--dt-color-indigo-1000-h);
718
- --dt-color-chart-sequential-07-selected-s: var(--dt-color-indigo-1000-s);
719
- --dt-color-chart-sequential-07-selected-l: var(--dt-color-indigo-1000-l);
720
- --dt-color-chart-sequential-07-selected-a: var(--dt-color-indigo-1000-a);
721
- --dt-color-chart-sequential-07-selected-hsl: var(--dt-color-indigo-1000-hsl);
722
- --dt-color-chart-sequential-07-selected-hsla: var(--dt-color-indigo-1000-hsla);
723
- --dt-color-chart-sequential-07-selected: var(--dt-color-indigo-1000); /* Selected state for seventh sequential chart color. */
724
- --dt-color-chart-sequential-07-hover-h: var(--dt-color-indigo-800-h);
725
- --dt-color-chart-sequential-07-hover-s: var(--dt-color-indigo-800-s);
726
- --dt-color-chart-sequential-07-hover-l: var(--dt-color-indigo-800-l);
727
- --dt-color-chart-sequential-07-hover-a: var(--dt-color-indigo-800-a);
728
- --dt-color-chart-sequential-07-hover-hsl: var(--dt-color-indigo-800-hsl);
729
- --dt-color-chart-sequential-07-hover-hsla: var(--dt-color-indigo-800-hsla);
730
- --dt-color-chart-sequential-07-hover: var(--dt-color-indigo-800); /* Hover state for seventh sequential chart color. */
731
- --dt-color-chart-sequential-07-h: var(--dt-color-indigo-700-h);
732
- --dt-color-chart-sequential-07-s: var(--dt-color-indigo-700-s);
733
- --dt-color-chart-sequential-07-l: var(--dt-color-indigo-700-l);
734
- --dt-color-chart-sequential-07-a: var(--dt-color-indigo-700-a);
735
- --dt-color-chart-sequential-07-hsl: var(--dt-color-indigo-700-hsl);
736
- --dt-color-chart-sequential-07-hsla: var(--dt-color-indigo-700-hsla);
737
- --dt-color-chart-sequential-07: var(--dt-color-indigo-700); /* Seventh color in sequential chart series, dark shade. */
738
- --dt-color-chart-sequential-06-selected-h: var(--dt-color-indigo-950-h);
739
- --dt-color-chart-sequential-06-selected-s: var(--dt-color-indigo-950-s);
740
- --dt-color-chart-sequential-06-selected-l: var(--dt-color-indigo-950-l);
741
- --dt-color-chart-sequential-06-selected-a: var(--dt-color-indigo-950-a);
742
- --dt-color-chart-sequential-06-selected-hsl: var(--dt-color-indigo-950-hsl);
743
- --dt-color-chart-sequential-06-selected-hsla: var(--dt-color-indigo-950-hsla);
744
- --dt-color-chart-sequential-06-selected: var(--dt-color-indigo-950); /* Selected state for sixth sequential chart color. */
745
- --dt-color-chart-sequential-06-hover-h: var(--dt-color-indigo-700-h);
746
- --dt-color-chart-sequential-06-hover-s: var(--dt-color-indigo-700-s);
747
- --dt-color-chart-sequential-06-hover-l: var(--dt-color-indigo-700-l);
748
- --dt-color-chart-sequential-06-hover-a: var(--dt-color-indigo-700-a);
749
- --dt-color-chart-sequential-06-hover-hsl: var(--dt-color-indigo-700-hsl);
750
- --dt-color-chart-sequential-06-hover-hsla: var(--dt-color-indigo-700-hsla);
751
- --dt-color-chart-sequential-06-hover: var(--dt-color-indigo-700); /* Hover state for sixth sequential chart color. */
752
- --dt-color-chart-sequential-06-h: var(--dt-color-indigo-600-h);
753
- --dt-color-chart-sequential-06-s: var(--dt-color-indigo-600-s);
754
- --dt-color-chart-sequential-06-l: var(--dt-color-indigo-600-l);
755
- --dt-color-chart-sequential-06-a: var(--dt-color-indigo-600-a);
756
- --dt-color-chart-sequential-06-hsl: var(--dt-color-indigo-600-hsl);
757
- --dt-color-chart-sequential-06-hsla: var(--dt-color-indigo-600-hsla);
758
- --dt-color-chart-sequential-06: var(--dt-color-indigo-600); /* Sixth color in sequential chart series, medium-dark shade. */
759
- --dt-color-chart-sequential-05-selected-h: var(--dt-color-indigo-800-h);
760
- --dt-color-chart-sequential-05-selected-s: var(--dt-color-indigo-800-s);
761
- --dt-color-chart-sequential-05-selected-l: var(--dt-color-indigo-800-l);
762
- --dt-color-chart-sequential-05-selected-a: var(--dt-color-indigo-800-a);
763
- --dt-color-chart-sequential-05-selected-hsl: var(--dt-color-indigo-800-hsl);
764
- --dt-color-chart-sequential-05-selected-hsla: var(--dt-color-indigo-800-hsla);
765
- --dt-color-chart-sequential-05-selected: var(--dt-color-indigo-800); /* Selected state for fifth sequential chart color. */
766
- --dt-color-chart-sequential-05-hover-h: var(--dt-color-indigo-600-h);
767
- --dt-color-chart-sequential-05-hover-s: var(--dt-color-indigo-600-s);
768
- --dt-color-chart-sequential-05-hover-l: var(--dt-color-indigo-600-l);
769
- --dt-color-chart-sequential-05-hover-a: var(--dt-color-indigo-600-a);
770
- --dt-color-chart-sequential-05-hover-hsl: var(--dt-color-indigo-600-hsl);
771
- --dt-color-chart-sequential-05-hover-hsla: var(--dt-color-indigo-600-hsla);
772
- --dt-color-chart-sequential-05-hover: var(--dt-color-indigo-600); /* Hover state for fifth sequential chart color. */
773
- --dt-color-chart-sequential-05-h: var(--dt-color-indigo-500-h);
774
- --dt-color-chart-sequential-05-s: var(--dt-color-indigo-500-s);
775
- --dt-color-chart-sequential-05-l: var(--dt-color-indigo-500-l);
776
- --dt-color-chart-sequential-05-a: var(--dt-color-indigo-500-a);
777
- --dt-color-chart-sequential-05-hsl: var(--dt-color-indigo-500-hsl);
778
- --dt-color-chart-sequential-05-hsla: var(--dt-color-indigo-500-hsla);
779
- --dt-color-chart-sequential-05: var(--dt-color-indigo-500); /* Fifth color in sequential chart series, medium shade. */
780
- --dt-color-chart-sequential-04-selected-h: var(--dt-color-indigo-700-h);
781
- --dt-color-chart-sequential-04-selected-s: var(--dt-color-indigo-700-s);
782
- --dt-color-chart-sequential-04-selected-l: var(--dt-color-indigo-700-l);
783
- --dt-color-chart-sequential-04-selected-a: var(--dt-color-indigo-700-a);
784
- --dt-color-chart-sequential-04-selected-hsl: var(--dt-color-indigo-700-hsl);
785
- --dt-color-chart-sequential-04-selected-hsla: var(--dt-color-indigo-700-hsla);
786
- --dt-color-chart-sequential-04-selected: var(--dt-color-indigo-700); /* Selected state for fourth sequential chart color. */
787
- --dt-color-chart-sequential-04-hover-h: var(--dt-color-indigo-500-h);
788
- --dt-color-chart-sequential-04-hover-s: var(--dt-color-indigo-500-s);
789
- --dt-color-chart-sequential-04-hover-l: var(--dt-color-indigo-500-l);
790
- --dt-color-chart-sequential-04-hover-a: var(--dt-color-indigo-500-a);
791
- --dt-color-chart-sequential-04-hover-hsl: var(--dt-color-indigo-500-hsl);
792
- --dt-color-chart-sequential-04-hover-hsla: var(--dt-color-indigo-500-hsla);
793
- --dt-color-chart-sequential-04-hover: var(--dt-color-indigo-500); /* Hover state for fourth sequential chart color. */
794
- --dt-color-chart-sequential-04-h: var(--dt-color-indigo-400-h);
795
- --dt-color-chart-sequential-04-s: var(--dt-color-indigo-400-s);
796
- --dt-color-chart-sequential-04-l: var(--dt-color-indigo-400-l);
797
- --dt-color-chart-sequential-04-a: var(--dt-color-indigo-400-a);
798
- --dt-color-chart-sequential-04-hsl: var(--dt-color-indigo-400-hsl);
799
- --dt-color-chart-sequential-04-hsla: var(--dt-color-indigo-400-hsla);
800
- --dt-color-chart-sequential-04: var(--dt-color-indigo-400); /* Fourth color in sequential chart series, light-medium shade. */
801
- --dt-color-chart-sequential-03-selected-h: var(--dt-color-indigo-600-h);
802
- --dt-color-chart-sequential-03-selected-s: var(--dt-color-indigo-600-s);
803
- --dt-color-chart-sequential-03-selected-l: var(--dt-color-indigo-600-l);
804
- --dt-color-chart-sequential-03-selected-a: var(--dt-color-indigo-600-a);
805
- --dt-color-chart-sequential-03-selected-hsl: var(--dt-color-indigo-600-hsl);
806
- --dt-color-chart-sequential-03-selected-hsla: var(--dt-color-indigo-600-hsla);
807
- --dt-color-chart-sequential-03-selected: var(--dt-color-indigo-600); /* Selected state for third sequential chart color. */
808
- --dt-color-chart-sequential-03-hover-h: var(--dt-color-indigo-400-h);
809
- --dt-color-chart-sequential-03-hover-s: var(--dt-color-indigo-400-s);
810
- --dt-color-chart-sequential-03-hover-l: var(--dt-color-indigo-400-l);
811
- --dt-color-chart-sequential-03-hover-a: var(--dt-color-indigo-400-a);
812
- --dt-color-chart-sequential-03-hover-hsl: var(--dt-color-indigo-400-hsl);
813
- --dt-color-chart-sequential-03-hover-hsla: var(--dt-color-indigo-400-hsla);
814
- --dt-color-chart-sequential-03-hover: var(--dt-color-indigo-400); /* Hover state for third sequential chart color. */
815
- --dt-color-chart-sequential-03-h: var(--dt-color-indigo-300-h);
816
- --dt-color-chart-sequential-03-s: var(--dt-color-indigo-300-s);
817
- --dt-color-chart-sequential-03-l: var(--dt-color-indigo-300-l);
818
- --dt-color-chart-sequential-03-a: var(--dt-color-indigo-300-a);
819
- --dt-color-chart-sequential-03-hsl: var(--dt-color-indigo-300-hsl);
820
- --dt-color-chart-sequential-03-hsla: var(--dt-color-indigo-300-hsla);
821
- --dt-color-chart-sequential-03: var(--dt-color-indigo-300); /* Third color in sequential chart series, light shade. */
822
- --dt-color-chart-sequential-02-selected-h: var(--dt-color-indigo-500-h);
823
- --dt-color-chart-sequential-02-selected-s: var(--dt-color-indigo-500-s);
824
- --dt-color-chart-sequential-02-selected-l: var(--dt-color-indigo-500-l);
825
- --dt-color-chart-sequential-02-selected-a: var(--dt-color-indigo-500-a);
826
- --dt-color-chart-sequential-02-selected-hsl: var(--dt-color-indigo-500-hsl);
827
- --dt-color-chart-sequential-02-selected-hsla: var(--dt-color-indigo-500-hsla);
828
- --dt-color-chart-sequential-02-selected: var(--dt-color-indigo-500); /* Selected state for second sequential chart color. */
829
- --dt-color-chart-sequential-02-hover-h: var(--dt-color-indigo-300-h);
830
- --dt-color-chart-sequential-02-hover-s: var(--dt-color-indigo-300-s);
831
- --dt-color-chart-sequential-02-hover-l: var(--dt-color-indigo-300-l);
832
- --dt-color-chart-sequential-02-hover-a: var(--dt-color-indigo-300-a);
833
- --dt-color-chart-sequential-02-hover-hsl: var(--dt-color-indigo-300-hsl);
834
- --dt-color-chart-sequential-02-hover-hsla: var(--dt-color-indigo-300-hsla);
835
- --dt-color-chart-sequential-02-hover: var(--dt-color-indigo-300); /* Hover state for second sequential chart color. */
836
- --dt-color-chart-sequential-02-h: var(--dt-color-indigo-200-h);
837
- --dt-color-chart-sequential-02-s: var(--dt-color-indigo-200-s);
838
- --dt-color-chart-sequential-02-l: var(--dt-color-indigo-200-l);
839
- --dt-color-chart-sequential-02-a: var(--dt-color-indigo-200-a);
840
- --dt-color-chart-sequential-02-hsl: var(--dt-color-indigo-200-hsl);
841
- --dt-color-chart-sequential-02-hsla: var(--dt-color-indigo-200-hsla);
842
- --dt-color-chart-sequential-02: var(--dt-color-indigo-200); /* Second color in sequential chart series, very light shade. */
843
- --dt-color-chart-sequential-01-selected-h: var(--dt-color-indigo-400-h);
844
- --dt-color-chart-sequential-01-selected-s: var(--dt-color-indigo-400-s);
845
- --dt-color-chart-sequential-01-selected-l: var(--dt-color-indigo-400-l);
846
- --dt-color-chart-sequential-01-selected-a: var(--dt-color-indigo-400-a);
847
- --dt-color-chart-sequential-01-selected-hsl: var(--dt-color-indigo-400-hsl);
848
- --dt-color-chart-sequential-01-selected-hsla: var(--dt-color-indigo-400-hsla);
849
- --dt-color-chart-sequential-01-selected: var(--dt-color-indigo-400); /* Selected state for first sequential chart color. */
850
- --dt-color-chart-sequential-01-hover-h: var(--dt-color-indigo-200-h);
851
- --dt-color-chart-sequential-01-hover-s: var(--dt-color-indigo-200-s);
852
- --dt-color-chart-sequential-01-hover-l: var(--dt-color-indigo-200-l);
853
- --dt-color-chart-sequential-01-hover-a: var(--dt-color-indigo-200-a);
854
- --dt-color-chart-sequential-01-hover-hsl: var(--dt-color-indigo-200-hsl);
855
- --dt-color-chart-sequential-01-hover-hsla: var(--dt-color-indigo-200-hsla);
856
- --dt-color-chart-sequential-01-hover: var(--dt-color-indigo-200); /* Hover state for first sequential chart color. */
661
+ --dt-color-chart-sequential-range-10-end-h: var(--dt-color-teal-900-h);
662
+ --dt-color-chart-sequential-range-10-end-s: var(--dt-color-teal-900-s);
663
+ --dt-color-chart-sequential-range-10-end-l: var(--dt-color-teal-900-l);
664
+ --dt-color-chart-sequential-range-10-end-a: var(--dt-color-teal-900-a);
665
+ --dt-color-chart-sequential-range-10-end-hsl: var(--dt-color-teal-900-hsl);
666
+ --dt-color-chart-sequential-range-10-end-hsla: var(--dt-color-teal-900-hsla);
667
+ --dt-color-chart-sequential-range-10-end: var(--dt-color-teal-900); /* End color for tenth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
668
+ --dt-color-chart-sequential-range-10-start-h: var(--dt-color-teal-100-h);
669
+ --dt-color-chart-sequential-range-10-start-s: var(--dt-color-teal-100-s);
670
+ --dt-color-chart-sequential-range-10-start-l: var(--dt-color-teal-100-l);
671
+ --dt-color-chart-sequential-range-10-start-a: var(--dt-color-teal-100-a);
672
+ --dt-color-chart-sequential-range-10-start-hsl: var(--dt-color-teal-100-hsl);
673
+ --dt-color-chart-sequential-range-10-start-hsla: var(--dt-color-teal-100-hsla);
674
+ --dt-color-chart-sequential-range-10-start: var(--dt-color-teal-100); /* Start color for tenth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
675
+ --dt-color-chart-sequential-range-09-end-h: var(--dt-color-red-700-h);
676
+ --dt-color-chart-sequential-range-09-end-s: var(--dt-color-red-700-s);
677
+ --dt-color-chart-sequential-range-09-end-l: var(--dt-color-red-700-l);
678
+ --dt-color-chart-sequential-range-09-end-a: var(--dt-color-red-700-a);
679
+ --dt-color-chart-sequential-range-09-end-hsl: var(--dt-color-red-700-hsl);
680
+ --dt-color-chart-sequential-range-09-end-hsla: var(--dt-color-red-700-hsla);
681
+ --dt-color-chart-sequential-range-09-end: var(--dt-color-red-700); /* End color for ninth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
682
+ --dt-color-chart-sequential-range-09-start-h: var(--dt-color-red-100-h);
683
+ --dt-color-chart-sequential-range-09-start-s: var(--dt-color-red-100-s);
684
+ --dt-color-chart-sequential-range-09-start-l: var(--dt-color-red-100-l);
685
+ --dt-color-chart-sequential-range-09-start-a: var(--dt-color-red-100-a);
686
+ --dt-color-chart-sequential-range-09-start-hsl: var(--dt-color-red-100-hsl);
687
+ --dt-color-chart-sequential-range-09-start-hsla: var(--dt-color-red-100-hsla);
688
+ --dt-color-chart-sequential-range-09-start: var(--dt-color-red-100); /* Start color for ninth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
689
+ --dt-color-chart-sequential-range-08-end-h: var(--dt-color-olive-900-h);
690
+ --dt-color-chart-sequential-range-08-end-s: var(--dt-color-olive-900-s);
691
+ --dt-color-chart-sequential-range-08-end-l: var(--dt-color-olive-900-l);
692
+ --dt-color-chart-sequential-range-08-end-a: var(--dt-color-olive-900-a);
693
+ --dt-color-chart-sequential-range-08-end-hsl: var(--dt-color-olive-900-hsl);
694
+ --dt-color-chart-sequential-range-08-end-hsla: var(--dt-color-olive-900-hsla);
695
+ --dt-color-chart-sequential-range-08-end: var(--dt-color-olive-900); /* End color for eighth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
696
+ --dt-color-chart-sequential-range-08-start-h: var(--dt-color-olive-100-h);
697
+ --dt-color-chart-sequential-range-08-start-s: var(--dt-color-olive-100-s);
698
+ --dt-color-chart-sequential-range-08-start-l: var(--dt-color-olive-100-l);
699
+ --dt-color-chart-sequential-range-08-start-a: var(--dt-color-olive-100-a);
700
+ --dt-color-chart-sequential-range-08-start-hsl: var(--dt-color-olive-100-hsl);
701
+ --dt-color-chart-sequential-range-08-start-hsla: var(--dt-color-olive-100-hsla);
702
+ --dt-color-chart-sequential-range-08-start: var(--dt-color-olive-100); /* Start color for eighth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
703
+ --dt-color-chart-sequential-range-07-end-h: var(--dt-color-coral-900-h);
704
+ --dt-color-chart-sequential-range-07-end-s: var(--dt-color-coral-900-s);
705
+ --dt-color-chart-sequential-range-07-end-l: var(--dt-color-coral-900-l);
706
+ --dt-color-chart-sequential-range-07-end-a: var(--dt-color-coral-900-a);
707
+ --dt-color-chart-sequential-range-07-end-hsl: var(--dt-color-coral-900-hsl);
708
+ --dt-color-chart-sequential-range-07-end-hsla: var(--dt-color-coral-900-hsla);
709
+ --dt-color-chart-sequential-range-07-end: var(--dt-color-coral-900); /* End color for seventh sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
710
+ --dt-color-chart-sequential-range-07-start-h: var(--dt-color-coral-100-h);
711
+ --dt-color-chart-sequential-range-07-start-s: var(--dt-color-coral-100-s);
712
+ --dt-color-chart-sequential-range-07-start-l: var(--dt-color-coral-100-l);
713
+ --dt-color-chart-sequential-range-07-start-a: var(--dt-color-coral-100-a);
714
+ --dt-color-chart-sequential-range-07-start-hsl: var(--dt-color-coral-100-hsl);
715
+ --dt-color-chart-sequential-range-07-start-hsla: var(--dt-color-coral-100-hsla);
716
+ --dt-color-chart-sequential-range-07-start: var(--dt-color-coral-100); /* Start color for seventh sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
717
+ --dt-color-chart-sequential-range-06-end-h: var(--dt-color-berry-900-h);
718
+ --dt-color-chart-sequential-range-06-end-s: var(--dt-color-berry-900-s);
719
+ --dt-color-chart-sequential-range-06-end-l: var(--dt-color-berry-900-l);
720
+ --dt-color-chart-sequential-range-06-end-a: var(--dt-color-berry-900-a);
721
+ --dt-color-chart-sequential-range-06-end-hsl: var(--dt-color-berry-900-hsl);
722
+ --dt-color-chart-sequential-range-06-end-hsla: var(--dt-color-berry-900-hsla);
723
+ --dt-color-chart-sequential-range-06-end: var(--dt-color-berry-900); /* End color for sixth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
724
+ --dt-color-chart-sequential-range-06-start-h: var(--dt-color-berry-100-h);
725
+ --dt-color-chart-sequential-range-06-start-s: var(--dt-color-berry-100-s);
726
+ --dt-color-chart-sequential-range-06-start-l: var(--dt-color-berry-100-l);
727
+ --dt-color-chart-sequential-range-06-start-a: var(--dt-color-berry-100-a);
728
+ --dt-color-chart-sequential-range-06-start-hsl: var(--dt-color-berry-100-hsl);
729
+ --dt-color-chart-sequential-range-06-start-hsla: var(--dt-color-berry-100-hsla);
730
+ --dt-color-chart-sequential-range-06-start: var(--dt-color-berry-100); /* Start color for sixth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
731
+ --dt-color-chart-sequential-range-05-end-h: var(--dt-color-green-600-h);
732
+ --dt-color-chart-sequential-range-05-end-s: var(--dt-color-green-600-s);
733
+ --dt-color-chart-sequential-range-05-end-l: var(--dt-color-green-600-l);
734
+ --dt-color-chart-sequential-range-05-end-a: var(--dt-color-green-600-a);
735
+ --dt-color-chart-sequential-range-05-end-hsl: var(--dt-color-green-600-hsl);
736
+ --dt-color-chart-sequential-range-05-end-hsla: var(--dt-color-green-600-hsla);
737
+ --dt-color-chart-sequential-range-05-end: var(--dt-color-green-600); /* End color for fifth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
738
+ --dt-color-chart-sequential-range-05-start-h: var(--dt-color-green-100-h);
739
+ --dt-color-chart-sequential-range-05-start-s: var(--dt-color-green-100-s);
740
+ --dt-color-chart-sequential-range-05-start-l: var(--dt-color-green-100-l);
741
+ --dt-color-chart-sequential-range-05-start-a: var(--dt-color-green-100-a);
742
+ --dt-color-chart-sequential-range-05-start-hsl: var(--dt-color-green-100-hsl);
743
+ --dt-color-chart-sequential-range-05-start-hsla: var(--dt-color-green-100-hsla);
744
+ --dt-color-chart-sequential-range-05-start: var(--dt-color-green-100); /* Start color for fifth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
745
+ --dt-color-chart-sequential-range-04-end-h: var(--dt-color-gold-600-h);
746
+ --dt-color-chart-sequential-range-04-end-s: var(--dt-color-gold-600-s);
747
+ --dt-color-chart-sequential-range-04-end-l: var(--dt-color-gold-600-l);
748
+ --dt-color-chart-sequential-range-04-end-a: var(--dt-color-gold-600-a);
749
+ --dt-color-chart-sequential-range-04-end-hsl: var(--dt-color-gold-600-hsl);
750
+ --dt-color-chart-sequential-range-04-end-hsla: var(--dt-color-gold-600-hsla);
751
+ --dt-color-chart-sequential-range-04-end: var(--dt-color-gold-600); /* End color for fourth sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
752
+ --dt-color-chart-sequential-range-04-start-h: var(--dt-color-gold-50-h);
753
+ --dt-color-chart-sequential-range-04-start-s: var(--dt-color-gold-50-s);
754
+ --dt-color-chart-sequential-range-04-start-l: var(--dt-color-gold-50-l);
755
+ --dt-color-chart-sequential-range-04-start-a: var(--dt-color-gold-50-a);
756
+ --dt-color-chart-sequential-range-04-start-hsl: var(--dt-color-gold-50-hsl);
757
+ --dt-color-chart-sequential-range-04-start-hsla: var(--dt-color-gold-50-hsla);
758
+ --dt-color-chart-sequential-range-04-start: var(--dt-color-gold-50); /* Start color for fourth sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
759
+ --dt-color-chart-sequential-range-03-end-h: var(--dt-color-blue-600-h);
760
+ --dt-color-chart-sequential-range-03-end-s: var(--dt-color-blue-600-s);
761
+ --dt-color-chart-sequential-range-03-end-l: var(--dt-color-blue-600-l);
762
+ --dt-color-chart-sequential-range-03-end-a: var(--dt-color-blue-600-a);
763
+ --dt-color-chart-sequential-range-03-end-hsl: var(--dt-color-blue-600-hsl);
764
+ --dt-color-chart-sequential-range-03-end-hsla: var(--dt-color-blue-600-hsla);
765
+ --dt-color-chart-sequential-range-03-end: var(--dt-color-blue-600); /* End color for third sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
766
+ --dt-color-chart-sequential-range-03-start-h: var(--dt-color-blue-100-h);
767
+ --dt-color-chart-sequential-range-03-start-s: var(--dt-color-blue-100-s);
768
+ --dt-color-chart-sequential-range-03-start-l: var(--dt-color-blue-100-l);
769
+ --dt-color-chart-sequential-range-03-start-a: var(--dt-color-blue-100-a);
770
+ --dt-color-chart-sequential-range-03-start-hsl: var(--dt-color-blue-100-hsl);
771
+ --dt-color-chart-sequential-range-03-start-hsla: var(--dt-color-blue-100-hsla);
772
+ --dt-color-chart-sequential-range-03-start: var(--dt-color-blue-100); /* Start color for third sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
773
+ --dt-color-chart-sequential-range-02-end-h: var(--dt-color-magenta-600-h);
774
+ --dt-color-chart-sequential-range-02-end-s: var(--dt-color-magenta-600-s);
775
+ --dt-color-chart-sequential-range-02-end-l: var(--dt-color-magenta-600-l);
776
+ --dt-color-chart-sequential-range-02-end-a: var(--dt-color-magenta-600-a);
777
+ --dt-color-chart-sequential-range-02-end-hsl: var(--dt-color-magenta-600-hsl);
778
+ --dt-color-chart-sequential-range-02-end-hsla: var(--dt-color-magenta-600-hsla);
779
+ --dt-color-chart-sequential-range-02-end: var(--dt-color-magenta-600); /* End color for second sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
780
+ --dt-color-chart-sequential-range-02-start-h: var(--dt-color-magenta-100-h);
781
+ --dt-color-chart-sequential-range-02-start-s: var(--dt-color-magenta-100-s);
782
+ --dt-color-chart-sequential-range-02-start-l: var(--dt-color-magenta-100-l);
783
+ --dt-color-chart-sequential-range-02-start-a: var(--dt-color-magenta-100-a);
784
+ --dt-color-chart-sequential-range-02-start-hsl: var(--dt-color-magenta-100-hsl);
785
+ --dt-color-chart-sequential-range-02-start-hsla: var(--dt-color-magenta-100-hsla);
786
+ --dt-color-chart-sequential-range-02-start: var(--dt-color-magenta-100); /* Start color for second sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
787
+ --dt-color-chart-sequential-range-01-end-h: var(--dt-color-purple-550-h);
788
+ --dt-color-chart-sequential-range-01-end-s: var(--dt-color-purple-550-s);
789
+ --dt-color-chart-sequential-range-01-end-l: var(--dt-color-purple-550-l);
790
+ --dt-color-chart-sequential-range-01-end-a: var(--dt-color-purple-550-a);
791
+ --dt-color-chart-sequential-range-01-end-hsl: var(--dt-color-purple-550-hsl);
792
+ --dt-color-chart-sequential-range-01-end-hsla: var(--dt-color-purple-550-hsla);
793
+ --dt-color-chart-sequential-range-01-end: var(--dt-color-purple-550); /* Ending color for first sequential range. Use to create a dynamically generated sequential series, must be paired with an start color. */
794
+ --dt-color-chart-sequential-range-01-start-h: var(--dt-color-purple-100-h);
795
+ --dt-color-chart-sequential-range-01-start-s: var(--dt-color-purple-100-s);
796
+ --dt-color-chart-sequential-range-01-start-l: var(--dt-color-purple-100-l);
797
+ --dt-color-chart-sequential-range-01-start-a: var(--dt-color-purple-100-a);
798
+ --dt-color-chart-sequential-range-01-start-hsl: var(--dt-color-purple-100-hsl);
799
+ --dt-color-chart-sequential-range-01-start-hsla: var(--dt-color-purple-100-hsla);
800
+ --dt-color-chart-sequential-range-01-start: var(--dt-color-purple-100); /* Start color value for first sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
857
801
  --dt-color-chart-sequential-01-h: var(--dt-color-indigo-100-h);
858
802
  --dt-color-chart-sequential-01-s: var(--dt-color-indigo-100-s);
859
803
  --dt-color-chart-sequential-01-l: var(--dt-color-indigo-100-l);
860
804
  --dt-color-chart-sequential-01-a: var(--dt-color-indigo-100-a);
861
805
  --dt-color-chart-sequential-01-hsl: var(--dt-color-indigo-100-hsl);
862
806
  --dt-color-chart-sequential-01-hsla: var(--dt-color-indigo-100-hsla);
863
- --dt-color-chart-sequential-01: var(--dt-color-indigo-100); /* First color in sequential chart series, lightest shade. */
864
- --dt-color-chart-sequential-10-h: var(--dt-color-indigo-950-h);
865
- --dt-color-chart-sequential-10-s: var(--dt-color-indigo-950-s);
866
- --dt-color-chart-sequential-10-l: var(--dt-color-indigo-950-l);
867
- --dt-color-chart-sequential-10-a: var(--dt-color-indigo-950-a);
868
- --dt-color-chart-sequential-10-hsl: var(--dt-color-indigo-950-hsl);
869
- --dt-color-chart-sequential-10-hsla: var(--dt-color-indigo-950-hsla);
870
- --dt-color-chart-sequential-10: var(--dt-color-indigo-950); /* Tenth color in sequential chart series, darkest shade. */
871
- --dt-color-chart-brand-selected-h: var(--dt-color-purple-550-h);
872
- --dt-color-chart-brand-selected-s: var(--dt-color-purple-550-s);
873
- --dt-color-chart-brand-selected-l: var(--dt-color-purple-550-l);
874
- --dt-color-chart-brand-selected-a: var(--dt-color-purple-550-a);
875
- --dt-color-chart-brand-selected-hsl: var(--dt-color-purple-550-hsl);
876
- --dt-color-chart-brand-selected-hsla: var(--dt-color-purple-550-hsla);
877
- --dt-color-chart-brand-selected: var(--dt-color-purple-550); /* Selected state for brand chart elements. */
878
- --dt-color-chart-brand-hover-h: var(--dt-color-purple-450-h);
879
- --dt-color-chart-brand-hover-s: var(--dt-color-purple-450-s);
880
- --dt-color-chart-brand-hover-l: var(--dt-color-purple-450-l);
881
- --dt-color-chart-brand-hover-a: var(--dt-color-purple-450-a);
882
- --dt-color-chart-brand-hover-hsl: var(--dt-color-purple-450-hsl);
883
- --dt-color-chart-brand-hover-hsla: var(--dt-color-purple-450-hsla);
884
- --dt-color-chart-brand-hover: var(--dt-color-purple-450); /* Hover state for brand chart elements. */
885
- --dt-color-chart-brand-h: var(--dt-color-purple-400-h);
886
- --dt-color-chart-brand-s: var(--dt-color-purple-400-s);
887
- --dt-color-chart-brand-l: var(--dt-color-purple-400-l);
888
- --dt-color-chart-brand-a: var(--dt-color-purple-400-a);
889
- --dt-color-chart-brand-hsl: var(--dt-color-purple-400-hsl);
890
- --dt-color-chart-brand-hsla: var(--dt-color-purple-400-hsla);
891
- --dt-color-chart-brand: var(--dt-color-purple-400); /* Used for brand-related data or to highlight company-specific information in charts. */
892
- --dt-color-chart-info-selected-h: var(--dt-color-blue-600-h);
893
- --dt-color-chart-info-selected-s: var(--dt-color-blue-600-s);
894
- --dt-color-chart-info-selected-l: var(--dt-color-blue-600-l);
895
- --dt-color-chart-info-selected-a: var(--dt-color-blue-600-a);
896
- --dt-color-chart-info-selected-hsl: var(--dt-color-blue-600-hsl);
897
- --dt-color-chart-info-selected-hsla: var(--dt-color-blue-600-hsla);
898
- --dt-color-chart-info-selected: var(--dt-color-blue-600); /* Selected state for info chart elements. */
899
- --dt-color-chart-info-hover-h: var(--dt-color-blue-475-h);
900
- --dt-color-chart-info-hover-s: var(--dt-color-blue-475-s);
901
- --dt-color-chart-info-hover-l: var(--dt-color-blue-475-l);
902
- --dt-color-chart-info-hover-a: var(--dt-color-blue-475-a);
903
- --dt-color-chart-info-hover-hsl: var(--dt-color-blue-475-hsl);
904
- --dt-color-chart-info-hover-hsla: var(--dt-color-blue-475-hsla);
905
- --dt-color-chart-info-hover: var(--dt-color-blue-475); /* Hover state for info chart elements. */
807
+ --dt-color-chart-sequential-01: var(--dt-color-indigo-100); /* First color in sequential chart series. */
808
+ --dt-color-chart-sequential-10-h: var(--dt-color-indigo-900-h);
809
+ --dt-color-chart-sequential-10-s: var(--dt-color-indigo-900-s);
810
+ --dt-color-chart-sequential-10-l: var(--dt-color-indigo-900-l);
811
+ --dt-color-chart-sequential-10-a: var(--dt-color-indigo-900-a);
812
+ --dt-color-chart-sequential-10-hsl: var(--dt-color-indigo-900-hsl);
813
+ --dt-color-chart-sequential-10-hsla: var(--dt-color-indigo-900-hsla);
814
+ --dt-color-chart-sequential-10: var(--dt-color-indigo-900); /* Tenth color in sequential chart series. */
815
+ --dt-color-chart-info-selected-h: var(--dt-color-blue-500-h);
816
+ --dt-color-chart-info-selected-s: var(--dt-color-blue-500-s);
817
+ --dt-color-chart-info-selected-l: var(--dt-color-blue-500-l);
818
+ --dt-color-chart-info-selected-a: var(--dt-color-blue-500-a);
819
+ --dt-color-chart-info-selected-hsl: var(--dt-color-blue-500-hsl);
820
+ --dt-color-chart-info-selected-hsla: var(--dt-color-blue-500-hsla);
821
+ --dt-color-chart-info-selected: var(--dt-color-blue-500); /* Selected state for info chart elements. */
822
+ --dt-color-chart-info-hover-h: var(--dt-color-blue-450-h);
823
+ --dt-color-chart-info-hover-s: var(--dt-color-blue-450-s);
824
+ --dt-color-chart-info-hover-l: var(--dt-color-blue-450-l);
825
+ --dt-color-chart-info-hover-a: var(--dt-color-blue-450-a);
826
+ --dt-color-chart-info-hover-hsl: var(--dt-color-blue-450-hsl);
827
+ --dt-color-chart-info-hover-hsla: var(--dt-color-blue-450-hsla);
828
+ --dt-color-chart-info-hover: var(--dt-color-blue-450); /* Hover state for info chart elements. */
906
829
  --dt-color-chart-info-h: var(--dt-color-blue-425-h);
907
830
  --dt-color-chart-info-s: var(--dt-color-blue-425-s);
908
831
  --dt-color-chart-info-l: var(--dt-color-blue-425-l);
@@ -917,13 +840,6 @@
917
840
  --dt-color-chart-warning-selected-hsl: var(--dt-color-gold-600-hsl);
918
841
  --dt-color-chart-warning-selected-hsla: var(--dt-color-gold-600-hsla);
919
842
  --dt-color-chart-warning-selected: var(--dt-color-gold-600); /* Selected state for warning chart elements. */
920
- --dt-color-chart-warning-hover-h: var(--dt-color-gold-500-h);
921
- --dt-color-chart-warning-hover-s: var(--dt-color-gold-500-s);
922
- --dt-color-chart-warning-hover-l: var(--dt-color-gold-500-l);
923
- --dt-color-chart-warning-hover-a: var(--dt-color-gold-500-a);
924
- --dt-color-chart-warning-hover-hsl: var(--dt-color-gold-500-hsl);
925
- --dt-color-chart-warning-hover-hsla: var(--dt-color-gold-500-hsla);
926
- --dt-color-chart-warning-hover: var(--dt-color-gold-500); /* Hover state for warning chart elements. */
927
843
  --dt-color-chart-warning-h: var(--dt-color-gold-400-h);
928
844
  --dt-color-chart-warning-s: var(--dt-color-gold-400-s);
929
845
  --dt-color-chart-warning-l: var(--dt-color-gold-400-l);
@@ -931,6 +847,13 @@
931
847
  --dt-color-chart-warning-hsl: var(--dt-color-gold-400-hsl);
932
848
  --dt-color-chart-warning-hsla: var(--dt-color-gold-400-hsla);
933
849
  --dt-color-chart-warning: var(--dt-color-gold-400); /* Used for cautionary or warning indicators in charts. */
850
+ --dt-color-chart-warning-hover-h: var(--dt-color-gold-500-h);
851
+ --dt-color-chart-warning-hover-s: var(--dt-color-gold-500-s);
852
+ --dt-color-chart-warning-hover-l: var(--dt-color-gold-500-l);
853
+ --dt-color-chart-warning-hover-a: var(--dt-color-gold-500-a);
854
+ --dt-color-chart-warning-hover-hsl: var(--dt-color-gold-500-hsl);
855
+ --dt-color-chart-warning-hover-hsla: var(--dt-color-gold-500-hsla);
856
+ --dt-color-chart-warning-hover: var(--dt-color-gold-500); /* Hover state for warning chart elements. */
934
857
  --dt-color-chart-critical-selected-h: var(--dt-color-red-600-h);
935
858
  --dt-color-chart-critical-selected-s: var(--dt-color-red-600-s);
936
859
  --dt-color-chart-critical-selected-l: var(--dt-color-red-600-l);
@@ -1015,6 +938,20 @@
1015
938
  --dt-color-chart-neutral-hsl: var(--dt-color-tan-300-hsl);
1016
939
  --dt-color-chart-neutral-hsla: var(--dt-color-tan-300-hsla);
1017
940
  --dt-color-chart-neutral: var(--dt-color-tan-300); /* Used for neutral or background elements in charts where no specific meaning is implied. */
941
+ --dt-color-chart-categorical-10-selected-h: var(--dt-color-teal-900-h);
942
+ --dt-color-chart-categorical-10-selected-s: var(--dt-color-teal-900-s);
943
+ --dt-color-chart-categorical-10-selected-l: var(--dt-color-teal-900-l);
944
+ --dt-color-chart-categorical-10-selected-a: var(--dt-color-teal-900-a);
945
+ --dt-color-chart-categorical-10-selected-hsl: var(--dt-color-teal-900-hsl);
946
+ --dt-color-chart-categorical-10-selected-hsla: var(--dt-color-teal-900-hsla);
947
+ --dt-color-chart-categorical-10-selected: var(--dt-color-teal-900);
948
+ --dt-color-chart-categorical-10-hover-h: var(--dt-color-teal-700-h);
949
+ --dt-color-chart-categorical-10-hover-s: var(--dt-color-teal-700-s);
950
+ --dt-color-chart-categorical-10-hover-l: var(--dt-color-teal-700-l);
951
+ --dt-color-chart-categorical-10-hover-a: var(--dt-color-teal-700-a);
952
+ --dt-color-chart-categorical-10-hover-hsl: var(--dt-color-teal-700-hsl);
953
+ --dt-color-chart-categorical-10-hover-hsla: var(--dt-color-teal-700-hsla);
954
+ --dt-color-chart-categorical-10-hover: var(--dt-color-teal-700);
1018
955
  --dt-color-chart-categorical-09-selected-h: var(--dt-color-red-600-h);
1019
956
  --dt-color-chart-categorical-09-selected-s: var(--dt-color-red-600-s);
1020
957
  --dt-color-chart-categorical-09-selected-l: var(--dt-color-red-600-l);
@@ -1057,13 +994,13 @@
1057
994
  --dt-color-chart-categorical-08-hsl: var(--dt-color-olive-500-hsl);
1058
995
  --dt-color-chart-categorical-08-hsla: var(--dt-color-olive-500-hsla);
1059
996
  --dt-color-chart-categorical-08: var(--dt-color-olive-500);
1060
- --dt-color-chart-categorical-07-selected-h: var(--dt-color-coral-900-h);
1061
- --dt-color-chart-categorical-07-selected-s: var(--dt-color-coral-900-s);
1062
- --dt-color-chart-categorical-07-selected-l: var(--dt-color-coral-900-l);
1063
- --dt-color-chart-categorical-07-selected-a: var(--dt-color-coral-900-a);
1064
- --dt-color-chart-categorical-07-selected-hsl: var(--dt-color-coral-900-hsl);
1065
- --dt-color-chart-categorical-07-selected-hsla: var(--dt-color-coral-900-hsla);
1066
- --dt-color-chart-categorical-07-selected: var(--dt-color-coral-900);
997
+ --dt-color-chart-categorical-07-selected-h: var(--dt-color-coral-700-h);
998
+ --dt-color-chart-categorical-07-selected-s: var(--dt-color-coral-700-s);
999
+ --dt-color-chart-categorical-07-selected-l: var(--dt-color-coral-700-l);
1000
+ --dt-color-chart-categorical-07-selected-a: var(--dt-color-coral-700-a);
1001
+ --dt-color-chart-categorical-07-selected-hsl: var(--dt-color-coral-700-hsl);
1002
+ --dt-color-chart-categorical-07-selected-hsla: var(--dt-color-coral-700-hsla);
1003
+ --dt-color-chart-categorical-07-selected: var(--dt-color-coral-700);
1067
1004
  --dt-color-chart-categorical-07-hover-h: var(--dt-color-coral-500-h);
1068
1005
  --dt-color-chart-categorical-07-hover-s: var(--dt-color-coral-500-s);
1069
1006
  --dt-color-chart-categorical-07-hover-l: var(--dt-color-coral-500-l);
@@ -1120,20 +1057,20 @@
1120
1057
  --dt-color-chart-categorical-05-hsl: var(--dt-color-green-425-hsl);
1121
1058
  --dt-color-chart-categorical-05-hsla: var(--dt-color-green-425-hsla);
1122
1059
  --dt-color-chart-categorical-05: var(--dt-color-green-425);
1123
- --dt-color-chart-categorical-04-selected-h: var(--dt-color-gold-700-h);
1124
- --dt-color-chart-categorical-04-selected-s: var(--dt-color-gold-700-s);
1125
- --dt-color-chart-categorical-04-selected-l: var(--dt-color-gold-700-l);
1126
- --dt-color-chart-categorical-04-selected-a: var(--dt-color-gold-700-a);
1127
- --dt-color-chart-categorical-04-selected-hsl: var(--dt-color-gold-700-hsl);
1128
- --dt-color-chart-categorical-04-selected-hsla: var(--dt-color-gold-700-hsla);
1129
- --dt-color-chart-categorical-04-selected: var(--dt-color-gold-700);
1130
- --dt-color-chart-categorical-04-hover-h: var(--dt-color-gold-500-h);
1131
- --dt-color-chart-categorical-04-hover-s: var(--dt-color-gold-500-s);
1132
- --dt-color-chart-categorical-04-hover-l: var(--dt-color-gold-500-l);
1133
- --dt-color-chart-categorical-04-hover-a: var(--dt-color-gold-500-a);
1134
- --dt-color-chart-categorical-04-hover-hsl: var(--dt-color-gold-500-hsl);
1135
- --dt-color-chart-categorical-04-hover-hsla: var(--dt-color-gold-500-hsla);
1136
- --dt-color-chart-categorical-04-hover: var(--dt-color-gold-500);
1060
+ --dt-color-chart-categorical-04-selected-h: var(--dt-color-gold-600-h);
1061
+ --dt-color-chart-categorical-04-selected-s: var(--dt-color-gold-600-s);
1062
+ --dt-color-chart-categorical-04-selected-l: var(--dt-color-gold-600-l);
1063
+ --dt-color-chart-categorical-04-selected-a: var(--dt-color-gold-600-a);
1064
+ --dt-color-chart-categorical-04-selected-hsl: var(--dt-color-gold-600-hsl);
1065
+ --dt-color-chart-categorical-04-selected-hsla: var(--dt-color-gold-600-hsla);
1066
+ --dt-color-chart-categorical-04-selected: var(--dt-color-gold-600);
1067
+ --dt-color-chart-categorical-04-hover-h: var(--dt-color-gold-450-h);
1068
+ --dt-color-chart-categorical-04-hover-s: var(--dt-color-gold-450-s);
1069
+ --dt-color-chart-categorical-04-hover-l: var(--dt-color-gold-450-l);
1070
+ --dt-color-chart-categorical-04-hover-a: var(--dt-color-gold-450-a);
1071
+ --dt-color-chart-categorical-04-hover-hsl: var(--dt-color-gold-450-hsl);
1072
+ --dt-color-chart-categorical-04-hover-hsla: var(--dt-color-gold-450-hsla);
1073
+ --dt-color-chart-categorical-04-hover: var(--dt-color-gold-450);
1137
1074
  --dt-color-chart-categorical-04-h: var(--dt-color-gold-400-h);
1138
1075
  --dt-color-chart-categorical-04-s: var(--dt-color-gold-400-s);
1139
1076
  --dt-color-chart-categorical-04-l: var(--dt-color-gold-400-l);
@@ -1141,13 +1078,13 @@
1141
1078
  --dt-color-chart-categorical-04-hsl: var(--dt-color-gold-400-hsl);
1142
1079
  --dt-color-chart-categorical-04-hsla: var(--dt-color-gold-400-hsla);
1143
1080
  --dt-color-chart-categorical-04: var(--dt-color-gold-400);
1144
- --dt-color-chart-categorical-03-selected-h: var(--dt-color-blue-600-h);
1145
- --dt-color-chart-categorical-03-selected-s: var(--dt-color-blue-600-s);
1146
- --dt-color-chart-categorical-03-selected-l: var(--dt-color-blue-600-l);
1147
- --dt-color-chart-categorical-03-selected-a: var(--dt-color-blue-600-a);
1148
- --dt-color-chart-categorical-03-selected-hsl: var(--dt-color-blue-600-hsl);
1149
- --dt-color-chart-categorical-03-selected-hsla: var(--dt-color-blue-600-hsla);
1150
- --dt-color-chart-categorical-03-selected: var(--dt-color-blue-600);
1081
+ --dt-color-chart-categorical-03-selected-h: var(--dt-color-blue-500-h);
1082
+ --dt-color-chart-categorical-03-selected-s: var(--dt-color-blue-500-s);
1083
+ --dt-color-chart-categorical-03-selected-l: var(--dt-color-blue-500-l);
1084
+ --dt-color-chart-categorical-03-selected-a: var(--dt-color-blue-500-a);
1085
+ --dt-color-chart-categorical-03-selected-hsl: var(--dt-color-blue-500-hsl);
1086
+ --dt-color-chart-categorical-03-selected-hsla: var(--dt-color-blue-500-hsla);
1087
+ --dt-color-chart-categorical-03-selected: var(--dt-color-blue-500);
1151
1088
  --dt-color-chart-categorical-03-hover-h: var(--dt-color-blue-450-h);
1152
1089
  --dt-color-chart-categorical-03-hover-s: var(--dt-color-blue-450-s);
1153
1090
  --dt-color-chart-categorical-03-hover-l: var(--dt-color-blue-450-l);
@@ -1155,20 +1092,20 @@
1155
1092
  --dt-color-chart-categorical-03-hover-hsl: var(--dt-color-blue-450-hsl);
1156
1093
  --dt-color-chart-categorical-03-hover-hsla: var(--dt-color-blue-450-hsla);
1157
1094
  --dt-color-chart-categorical-03-hover: var(--dt-color-blue-450);
1158
- --dt-color-chart-categorical-03-h: var(--dt-color-blue-400-h);
1159
- --dt-color-chart-categorical-03-s: var(--dt-color-blue-400-s);
1160
- --dt-color-chart-categorical-03-l: var(--dt-color-blue-400-l);
1161
- --dt-color-chart-categorical-03-a: var(--dt-color-blue-400-a);
1162
- --dt-color-chart-categorical-03-hsl: var(--dt-color-blue-400-hsl);
1163
- --dt-color-chart-categorical-03-hsla: var(--dt-color-blue-400-hsla);
1164
- --dt-color-chart-categorical-03: var(--dt-color-blue-400);
1165
- --dt-color-chart-categorical-02-selected-h: var(--dt-color-magenta-600-h);
1166
- --dt-color-chart-categorical-02-selected-s: var(--dt-color-magenta-600-s);
1167
- --dt-color-chart-categorical-02-selected-l: var(--dt-color-magenta-600-l);
1168
- --dt-color-chart-categorical-02-selected-a: var(--dt-color-magenta-600-a);
1169
- --dt-color-chart-categorical-02-selected-hsl: var(--dt-color-magenta-600-hsl);
1170
- --dt-color-chart-categorical-02-selected-hsla: var(--dt-color-magenta-600-hsla);
1171
- --dt-color-chart-categorical-02-selected: var(--dt-color-magenta-600);
1095
+ --dt-color-chart-categorical-03-h: var(--dt-color-blue-425-h);
1096
+ --dt-color-chart-categorical-03-s: var(--dt-color-blue-425-s);
1097
+ --dt-color-chart-categorical-03-l: var(--dt-color-blue-425-l);
1098
+ --dt-color-chart-categorical-03-a: var(--dt-color-blue-425-a);
1099
+ --dt-color-chart-categorical-03-hsl: var(--dt-color-blue-425-hsl);
1100
+ --dt-color-chart-categorical-03-hsla: var(--dt-color-blue-425-hsla);
1101
+ --dt-color-chart-categorical-03: var(--dt-color-blue-425);
1102
+ --dt-color-chart-categorical-02-selected-h: var(--dt-color-magenta-475-h);
1103
+ --dt-color-chart-categorical-02-selected-s: var(--dt-color-magenta-475-s);
1104
+ --dt-color-chart-categorical-02-selected-l: var(--dt-color-magenta-475-l);
1105
+ --dt-color-chart-categorical-02-selected-a: var(--dt-color-magenta-475-a);
1106
+ --dt-color-chart-categorical-02-selected-hsl: var(--dt-color-magenta-475-hsl);
1107
+ --dt-color-chart-categorical-02-selected-hsla: var(--dt-color-magenta-475-hsla);
1108
+ --dt-color-chart-categorical-02-selected: var(--dt-color-magenta-475);
1172
1109
  --dt-color-chart-categorical-02-hover-h: var(--dt-color-magenta-400-h);
1173
1110
  --dt-color-chart-categorical-02-hover-s: var(--dt-color-magenta-400-s);
1174
1111
  --dt-color-chart-categorical-02-hover-l: var(--dt-color-magenta-400-l);
@@ -1183,41 +1120,34 @@
1183
1120
  --dt-color-chart-categorical-02-hsl: var(--dt-color-magenta-300-hsl);
1184
1121
  --dt-color-chart-categorical-02-hsla: var(--dt-color-magenta-300-hsla);
1185
1122
  --dt-color-chart-categorical-02: var(--dt-color-magenta-300);
1186
- --dt-color-chart-categorical-01-selected-h: var(--dt-color-purple-600-h);
1187
- --dt-color-chart-categorical-01-selected-s: var(--dt-color-purple-600-s);
1188
- --dt-color-chart-categorical-01-selected-l: var(--dt-color-purple-600-l);
1189
- --dt-color-chart-categorical-01-selected-a: var(--dt-color-purple-600-a);
1190
- --dt-color-chart-categorical-01-selected-hsl: var(--dt-color-purple-600-hsl);
1191
- --dt-color-chart-categorical-01-selected-hsla: var(--dt-color-purple-600-hsla);
1192
- --dt-color-chart-categorical-01-selected: var(--dt-color-purple-600);
1193
- --dt-color-chart-categorical-01-hover-h: var(--dt-color-purple-500-h);
1194
- --dt-color-chart-categorical-01-hover-s: var(--dt-color-purple-500-s);
1195
- --dt-color-chart-categorical-01-hover-l: var(--dt-color-purple-500-l);
1196
- --dt-color-chart-categorical-01-hover-a: var(--dt-color-purple-500-a);
1197
- --dt-color-chart-categorical-01-hover-hsl: var(--dt-color-purple-500-hsl);
1198
- --dt-color-chart-categorical-01-hover-hsla: var(--dt-color-purple-500-hsla);
1199
- --dt-color-chart-categorical-01-hover: var(--dt-color-purple-500);
1200
- --dt-color-chart-categorical-01-h: var(--dt-color-purple-450-h);
1201
- --dt-color-chart-categorical-01-s: var(--dt-color-purple-450-s);
1202
- --dt-color-chart-categorical-01-l: var(--dt-color-purple-450-l);
1203
- --dt-color-chart-categorical-01-a: var(--dt-color-purple-450-a);
1204
- --dt-color-chart-categorical-01-hsl: var(--dt-color-purple-450-hsl);
1205
- --dt-color-chart-categorical-01-hsla: var(--dt-color-purple-450-hsla);
1206
- --dt-color-chart-categorical-01: var(--dt-color-purple-450);
1207
- --dt-color-chart-categorical-10-selected-h: var(--dt-color-teal-900-h);
1208
- --dt-color-chart-categorical-10-selected-s: var(--dt-color-teal-900-s);
1209
- --dt-color-chart-categorical-10-selected-l: var(--dt-color-teal-900-l);
1210
- --dt-color-chart-categorical-10-selected-a: var(--dt-color-teal-900-a);
1211
- --dt-color-chart-categorical-10-selected-hsl: var(--dt-color-teal-900-hsl);
1212
- --dt-color-chart-categorical-10-selected-hsla: var(--dt-color-teal-900-hsla);
1213
- --dt-color-chart-categorical-10-selected: var(--dt-color-teal-900);
1214
- --dt-color-chart-categorical-10-hover-h: var(--dt-color-teal-700-h);
1215
- --dt-color-chart-categorical-10-hover-s: var(--dt-color-teal-700-s);
1216
- --dt-color-chart-categorical-10-hover-l: var(--dt-color-teal-700-l);
1217
- --dt-color-chart-categorical-10-hover-a: var(--dt-color-teal-700-a);
1218
- --dt-color-chart-categorical-10-hover-hsl: var(--dt-color-teal-700-hsl);
1219
- --dt-color-chart-categorical-10-hover-hsla: var(--dt-color-teal-700-hsla);
1220
- --dt-color-chart-categorical-10-hover: var(--dt-color-teal-700);
1123
+ --dt-color-chart-categorical-01-selected-h: var(--dt-color-purple-500-h);
1124
+ --dt-color-chart-categorical-01-selected-s: var(--dt-color-purple-500-s);
1125
+ --dt-color-chart-categorical-01-selected-l: var(--dt-color-purple-500-l);
1126
+ --dt-color-chart-categorical-01-selected-a: var(--dt-color-purple-500-a);
1127
+ --dt-color-chart-categorical-01-selected-hsl: var(--dt-color-purple-500-hsl);
1128
+ --dt-color-chart-categorical-01-selected-hsla: var(--dt-color-purple-500-hsla);
1129
+ --dt-color-chart-categorical-01-selected: var(--dt-color-purple-500);
1130
+ --dt-color-chart-categorical-01-hover-h: var(--dt-color-purple-400-h);
1131
+ --dt-color-chart-categorical-01-hover-s: var(--dt-color-purple-400-s);
1132
+ --dt-color-chart-categorical-01-hover-l: var(--dt-color-purple-400-l);
1133
+ --dt-color-chart-categorical-01-hover-a: var(--dt-color-purple-400-a);
1134
+ --dt-color-chart-categorical-01-hover-hsl: var(--dt-color-purple-400-hsl);
1135
+ --dt-color-chart-categorical-01-hover-hsla: var(--dt-color-purple-400-hsla);
1136
+ --dt-color-chart-categorical-01-hover: var(--dt-color-purple-400);
1137
+ --dt-color-chart-categorical-01-h: var(--dt-color-purple-350-h);
1138
+ --dt-color-chart-categorical-01-s: var(--dt-color-purple-350-s);
1139
+ --dt-color-chart-categorical-01-l: var(--dt-color-purple-350-l);
1140
+ --dt-color-chart-categorical-01-a: var(--dt-color-purple-350-a);
1141
+ --dt-color-chart-categorical-01-hsl: var(--dt-color-purple-350-hsl);
1142
+ --dt-color-chart-categorical-01-hsla: var(--dt-color-purple-350-hsla);
1143
+ --dt-color-chart-categorical-01: var(--dt-color-purple-350);
1144
+ --dt-color-chart-categorical-11-h: var(--dt-color-tan-300-h);
1145
+ --dt-color-chart-categorical-11-s: var(--dt-color-tan-300-s);
1146
+ --dt-color-chart-categorical-11-l: var(--dt-color-tan-300-l);
1147
+ --dt-color-chart-categorical-11-a: var(--dt-color-tan-300-a);
1148
+ --dt-color-chart-categorical-11-hsl: var(--dt-color-tan-300-hsl);
1149
+ --dt-color-chart-categorical-11-hsla: var(--dt-color-tan-300-hsla);
1150
+ --dt-color-chart-categorical-11: var(--dt-color-tan-300);
1221
1151
  --dt-color-chart-categorical-10-h: var(--dt-color-teal-600-h);
1222
1152
  --dt-color-chart-categorical-10-s: var(--dt-color-teal-600-s);
1223
1153
  --dt-color-chart-categorical-10-l: var(--dt-color-teal-600-l);
@@ -1496,10 +1426,10 @@
1496
1426
  --dt-color-surface-warning-subtle-opaque-inverted-h: 34.8;
1497
1427
  --dt-color-surface-warning-subtle-opaque-inverted-s: 93.9%;
1498
1428
  --dt-color-surface-warning-subtle-opaque-inverted-l: 6.47%;
1499
- --dt-color-surface-warning-subtle-opaque-inverted-a: 70%;
1429
+ --dt-color-surface-warning-subtle-opaque-inverted-a: 30%;
1500
1430
  --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);
1501
- --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%));
1502
- --dt-color-surface-warning-subtle-opaque-inverted: hsl(34.8 93.9% 6.47% / 0.7); /* Warning subtle surface as opaque background color */
1431
+ --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%));
1432
+ --dt-color-surface-warning-subtle-opaque-inverted: hsl(34.8 93.9% 6.47% / 0.3); /* Warning subtle surface as opaque background color */
1503
1433
  --dt-color-surface-critical-subtle-opaque-inverted-h: 344;
1504
1434
  --dt-color-surface-critical-subtle-opaque-inverted-s: 93.1%;
1505
1435
  --dt-color-surface-critical-subtle-opaque-inverted-l: 5.69%;
@@ -2992,6 +2922,209 @@
2992
2922
  --dt-typography-body-md-compact-font-family: var(--dt-font-family-expressive); /* A tighter-spaced version of medium body style. */
2993
2923
  --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
2994
2924
  --dt-typography-body-md-font-family: var(--dt-font-family-expressive); /* Base default medium text style for main content. */
2925
+ --dt-color-chart-sequential-range-00-end-h: var(--dt-color-chart-sequential-10-h);
2926
+ --dt-color-chart-sequential-range-00-end-s: var(--dt-color-chart-sequential-10-s);
2927
+ --dt-color-chart-sequential-range-00-end-l: var(--dt-color-chart-sequential-10-l);
2928
+ --dt-color-chart-sequential-range-00-end-a: var(--dt-color-chart-sequential-10-a);
2929
+ --dt-color-chart-sequential-range-00-end-hsl: var(--dt-color-chart-sequential-10-hsl);
2930
+ --dt-color-chart-sequential-range-00-end-hsla: var(--dt-color-chart-sequential-10-hsla);
2931
+ --dt-color-chart-sequential-range-00-end: var(--dt-color-chart-sequential-10); /* Start color value for default sequential range. Use to create a dynamically generated sequential series, must be paired with a start color. */
2932
+ --dt-color-chart-sequential-range-00-start-h: var(--dt-color-chart-sequential-01-h);
2933
+ --dt-color-chart-sequential-range-00-start-s: var(--dt-color-chart-sequential-01-s);
2934
+ --dt-color-chart-sequential-range-00-start-l: var(--dt-color-chart-sequential-01-l);
2935
+ --dt-color-chart-sequential-range-00-start-a: var(--dt-color-chart-sequential-01-a);
2936
+ --dt-color-chart-sequential-range-00-start-hsl: var(--dt-color-chart-sequential-01-hsl);
2937
+ --dt-color-chart-sequential-range-00-start-hsla: var(--dt-color-chart-sequential-01-hsla);
2938
+ --dt-color-chart-sequential-range-00-start: var(--dt-color-chart-sequential-01); /* Start color value for default sequential range. Use to create a dynamically generated sequential series, must be paired with an end color. */
2939
+ --dt-color-chart-sequential-10-selected-h: 203;
2940
+ --dt-color-chart-sequential-10-selected-s: 42.5%;
2941
+ --dt-color-chart-sequential-10-selected-l: 14.000000000000002%;
2942
+ --dt-color-chart-sequential-10-selected-a: 100%;
2943
+ --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);
2944
+ --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%));
2945
+ --dt-color-chart-sequential-10-selected: hsl(203 42.5% 14%); /* Selected state for tenth sequential chart color. */
2946
+ --dt-color-chart-sequential-10-hover-h: 203;
2947
+ --dt-color-chart-sequential-10-hover-s: 51.7%;
2948
+ --dt-color-chart-sequential-10-hover-l: 17%;
2949
+ --dt-color-chart-sequential-10-hover-a: 100%;
2950
+ --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);
2951
+ --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%));
2952
+ --dt-color-chart-sequential-10-hover: hsl(203 51.7% 17%); /* Hover state for tenth sequential chart color. */
2953
+ --dt-color-chart-sequential-09-h: 205;
2954
+ --dt-color-chart-sequential-09-s: 59.9%;
2955
+ --dt-color-chart-sequential-09-l: 27.500000000000004%;
2956
+ --dt-color-chart-sequential-09-a: 100%;
2957
+ --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);
2958
+ --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%));
2959
+ --dt-color-chart-sequential-09: hsl(205 59.9% 27.5%); /* Ninth color in sequential chart series, extremely dark shade. */
2960
+ --dt-color-chart-sequential-08-h: 207;
2961
+ --dt-color-chart-sequential-08-s: 58.9%;
2962
+ --dt-color-chart-sequential-08-l: 35.8%;
2963
+ --dt-color-chart-sequential-08-a: 100%;
2964
+ --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);
2965
+ --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%));
2966
+ --dt-color-chart-sequential-08: hsl(207 58.9% 35.8%); /* Eighth color in sequential chart series, very dark shade. */
2967
+ --dt-color-chart-sequential-07-h: 209;
2968
+ --dt-color-chart-sequential-07-s: 57.9%;
2969
+ --dt-color-chart-sequential-07-l: 44.8%;
2970
+ --dt-color-chart-sequential-07-a: 100%;
2971
+ --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);
2972
+ --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%));
2973
+ --dt-color-chart-sequential-07: hsl(209 57.9% 44.8%); /* Seventh color in sequential chart series, dark shade. */
2974
+ --dt-color-chart-sequential-06-h: 211;
2975
+ --dt-color-chart-sequential-06-s: 56.89999999999999%;
2976
+ --dt-color-chart-sequential-06-l: 53%;
2977
+ --dt-color-chart-sequential-06-a: 100%;
2978
+ --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);
2979
+ --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%));
2980
+ --dt-color-chart-sequential-06: hsl(211 56.9% 53%); /* Sixth color in sequential chart series, medium-dark shade. */
2981
+ --dt-color-chart-sequential-05-h: 213;
2982
+ --dt-color-chart-sequential-05-s: 55.89999999999999%;
2983
+ --dt-color-chart-sequential-05-l: 62.1%;
2984
+ --dt-color-chart-sequential-05-a: 100%;
2985
+ --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);
2986
+ --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%));
2987
+ --dt-color-chart-sequential-05: hsl(213 55.9% 62.1%); /* Fifth color in sequential chart series, medium shade. */
2988
+ --dt-color-chart-sequential-04-h: 216;
2989
+ --dt-color-chart-sequential-04-s: 54.89999999999999%;
2990
+ --dt-color-chart-sequential-04-l: 70.3%;
2991
+ --dt-color-chart-sequential-04-a: 100%;
2992
+ --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);
2993
+ --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%));
2994
+ --dt-color-chart-sequential-04: hsl(216 54.9% 70.3%); /* Fourth color in sequential chart series, light-medium shade. */
2995
+ --dt-color-chart-sequential-03-h: 218;
2996
+ --dt-color-chart-sequential-03-s: 53.79999999999999%;
2997
+ --dt-color-chart-sequential-03-l: 79.3%;
2998
+ --dt-color-chart-sequential-03-a: 100%;
2999
+ --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);
3000
+ --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%));
3001
+ --dt-color-chart-sequential-03: hsl(218 53.8% 79.3%); /* Third color in sequential chart series, light shade. */
3002
+ --dt-color-chart-sequential-02-h: 220;
3003
+ --dt-color-chart-sequential-02-s: 52.900000000000006%;
3004
+ --dt-color-chart-sequential-02-l: 87.6%;
3005
+ --dt-color-chart-sequential-02-a: 100%;
3006
+ --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);
3007
+ --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%));
3008
+ --dt-color-chart-sequential-02: hsl(220 52.9% 87.6%); /* Second color in sequential chart series, very light shade. */
3009
+ --dt-color-chart-sequential-01-selected-h: 222;
3010
+ --dt-color-chart-sequential-01-selected-s: 36.4%;
3011
+ --dt-color-chart-sequential-01-selected-l: 66.6%;
3012
+ --dt-color-chart-sequential-01-selected-a: 100%;
3013
+ --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);
3014
+ --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%));
3015
+ --dt-color-chart-sequential-01-selected: hsl(222 36.4% 66.6%); /* Selected state for first sequential chart color. */
3016
+ --dt-color-chart-sequential-01-hover-h: 222;
3017
+ --dt-color-chart-sequential-01-hover-s: 44.2%;
3018
+ --dt-color-chart-sequential-01-hover-l: 80.8%;
3019
+ --dt-color-chart-sequential-01-hover-a: 100%;
3020
+ --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);
3021
+ --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%));
3022
+ --dt-color-chart-sequential-01-hover: hsl(222 44.2% 80.8%); /* Hover state for first sequential chart color. */
3023
+ --dt-color-chart-categorical-11-selected-h: 24;
3024
+ --dt-color-chart-categorical-11-selected-s: 9.26%;
3025
+ --dt-color-chart-categorical-11-selected-l: 55.2%;
3026
+ --dt-color-chart-categorical-11-selected-a: 100%;
3027
+ --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);
3028
+ --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%));
3029
+ --dt-color-chart-categorical-11-selected: hsl(24 9.26% 55.2%);
3030
+ --dt-color-chart-categorical-11-hover-h: 24;
3031
+ --dt-color-chart-categorical-11-hover-s: 9.26%;
3032
+ --dt-color-chart-categorical-11-hover-l: 67%;
3033
+ --dt-color-chart-categorical-11-hover-a: 100%;
3034
+ --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);
3035
+ --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%));
3036
+ --dt-color-chart-categorical-11-hover: hsl(24 9.26% 67%);
3037
+ --dt-color-chart-categorical-28-h: 224;
3038
+ --dt-color-chart-categorical-28-s: 82.2%;
3039
+ --dt-color-chart-categorical-28-l: 62.9%;
3040
+ --dt-color-chart-categorical-28-a: 100%;
3041
+ --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);
3042
+ --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%));
3043
+ --dt-color-chart-categorical-28: hsl(224 82.2% 62.9%);
3044
+ --dt-color-chart-categorical-26-h: 353;
3045
+ --dt-color-chart-categorical-26-s: 98.8%;
3046
+ --dt-color-chart-categorical-26-l: 58.4%;
3047
+ --dt-color-chart-categorical-26-a: 100%;
3048
+ --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);
3049
+ --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%));
3050
+ --dt-color-chart-categorical-26: hsl(353 98.8% 58.4%);
3051
+ --dt-color-chart-categorical-22-h: 324;
3052
+ --dt-color-chart-categorical-22-s: 39%;
3053
+ --dt-color-chart-categorical-22-l: 73%;
3054
+ --dt-color-chart-categorical-22-a: 100%;
3055
+ --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);
3056
+ --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%));
3057
+ --dt-color-chart-categorical-22: hsl(324 39% 73%);
3058
+ --dt-color-chart-categorical-21-h: 95.6;
3059
+ --dt-color-chart-categorical-21-s: 71.5%;
3060
+ --dt-color-chart-categorical-21-l: 53.900000000000006%;
3061
+ --dt-color-chart-categorical-21-a: 100%;
3062
+ --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);
3063
+ --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%));
3064
+ --dt-color-chart-categorical-21: hsl(95.6 71.5% 53.9%);
3065
+ --dt-color-chart-categorical-20-h: 224;
3066
+ --dt-color-chart-categorical-20-s: 82.2%;
3067
+ --dt-color-chart-categorical-20-l: 62.9%;
3068
+ --dt-color-chart-categorical-20-a: 100%;
3069
+ --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);
3070
+ --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%));
3071
+ --dt-color-chart-categorical-20: hsl(224 82.2% 62.9%);
3072
+ --dt-color-chart-categorical-19-h: 190;
3073
+ --dt-color-chart-categorical-19-s: 78.1%;
3074
+ --dt-color-chart-categorical-19-l: 59.099999999999994%;
3075
+ --dt-color-chart-categorical-19-a: 100%;
3076
+ --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);
3077
+ --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%));
3078
+ --dt-color-chart-categorical-19: hsl(190 78.1% 59.1%);
3079
+ --dt-color-chart-categorical-18-h: 63.1;
3080
+ --dt-color-chart-categorical-18-s: 80.5%;
3081
+ --dt-color-chart-categorical-18-l: 55.2%;
3082
+ --dt-color-chart-categorical-18-a: 100%;
3083
+ --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);
3084
+ --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%));
3085
+ --dt-color-chart-categorical-18: hsl(63.1 80.5% 55.2%);
3086
+ --dt-color-chart-categorical-17-h: 318;
3087
+ --dt-color-chart-categorical-17-s: 95.9%;
3088
+ --dt-color-chart-categorical-17-l: 69.9%;
3089
+ --dt-color-chart-categorical-17-a: 100%;
3090
+ --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);
3091
+ --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%));
3092
+ --dt-color-chart-categorical-17: hsl(318 95.9% 69.9%);
3093
+ --dt-color-chart-categorical-16-h: 89.4;
3094
+ --dt-color-chart-categorical-16-s: 68%;
3095
+ --dt-color-chart-categorical-16-l: 47%;
3096
+ --dt-color-chart-categorical-16-a: 100%;
3097
+ --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);
3098
+ --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%));
3099
+ --dt-color-chart-categorical-16: hsl(89.4 68% 47%);
3100
+ --dt-color-chart-categorical-15-h: 367;
3101
+ --dt-color-chart-categorical-15-s: 99.2%;
3102
+ --dt-color-chart-categorical-15-l: 56.49999999999999%;
3103
+ --dt-color-chart-categorical-15-a: 100%;
3104
+ --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);
3105
+ --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%));
3106
+ --dt-color-chart-categorical-15: hsl(367 99.2% 56.5%);
3107
+ --dt-color-chart-categorical-14-h: 234;
3108
+ --dt-color-chart-categorical-14-s: 83.7%;
3109
+ --dt-color-chart-categorical-14-l: 64.2%;
3110
+ --dt-color-chart-categorical-14-a: 100%;
3111
+ --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);
3112
+ --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%));
3113
+ --dt-color-chart-categorical-14: hsl(234 83.7% 64.2%);
3114
+ --dt-color-chart-categorical-13-h: 374;
3115
+ --dt-color-chart-categorical-13-s: 87.9%;
3116
+ --dt-color-chart-categorical-13-l: 61.5%;
3117
+ --dt-color-chart-categorical-13-a: 100%;
3118
+ --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);
3119
+ --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%));
3120
+ --dt-color-chart-categorical-13: hsl(374 87.9% 61.5%);
3121
+ --dt-color-chart-categorical-12-h: 296;
3122
+ --dt-color-chart-categorical-12-s: 97.1%;
3123
+ --dt-color-chart-categorical-12-l: 65.9%;
3124
+ --dt-color-chart-categorical-12-a: 100%;
3125
+ --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);
3126
+ --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%));
3127
+ --dt-color-chart-categorical-12: hsl(296 97.1% 65.9%);
2995
3128
  --dt-color-surface-primary-opaque-inverted-h: 0;
2996
3129
  --dt-color-surface-primary-opaque-inverted-s: 0%;
2997
3130
  --dt-color-surface-primary-opaque-inverted-l: 0%;
@@ -3335,6 +3468,342 @@
3335
3468
  --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);
3336
3469
  --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);
3337
3470
  --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) */
3471
+ --dt-color-chart-sequential-09-selected-h: 205;
3472
+ --dt-color-chart-sequential-09-selected-s: 41.9%;
3473
+ --dt-color-chart-sequential-09-selected-l: 19.3%;
3474
+ --dt-color-chart-sequential-09-selected-a: 100%;
3475
+ --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);
3476
+ --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%));
3477
+ --dt-color-chart-sequential-09-selected: hsl(205 41.9% 19.3%); /* Selected state for ninth sequential chart color. */
3478
+ --dt-color-chart-sequential-09-hover-h: 205;
3479
+ --dt-color-chart-sequential-09-hover-s: 50.9%;
3480
+ --dt-color-chart-sequential-09-hover-l: 23.4%;
3481
+ --dt-color-chart-sequential-09-hover-a: 100%;
3482
+ --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);
3483
+ --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%));
3484
+ --dt-color-chart-sequential-09-hover: hsl(205 50.9% 23.4%); /* Hover state for ninth sequential chart color. */
3485
+ --dt-color-chart-sequential-08-selected-h: 207;
3486
+ --dt-color-chart-sequential-08-selected-s: 41.2%;
3487
+ --dt-color-chart-sequential-08-selected-l: 25.1%;
3488
+ --dt-color-chart-sequential-08-selected-a: 100%;
3489
+ --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);
3490
+ --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%));
3491
+ --dt-color-chart-sequential-08-selected: hsl(207 41.2% 25.1%); /* Selected state for eighth sequential chart color. */
3492
+ --dt-color-chart-sequential-08-hover-h: 207;
3493
+ --dt-color-chart-sequential-08-hover-s: 50.1%;
3494
+ --dt-color-chart-sequential-08-hover-l: 30.4%;
3495
+ --dt-color-chart-sequential-08-hover-a: 100%;
3496
+ --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);
3497
+ --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%));
3498
+ --dt-color-chart-sequential-08-hover: hsl(207 50.1% 30.4%); /* Hover state for eighth sequential chart color. */
3499
+ --dt-color-chart-sequential-07-selected-h: 209;
3500
+ --dt-color-chart-sequential-07-selected-s: 40.5%;
3501
+ --dt-color-chart-sequential-07-selected-l: 31.4%;
3502
+ --dt-color-chart-sequential-07-selected-a: 100%;
3503
+ --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);
3504
+ --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%));
3505
+ --dt-color-chart-sequential-07-selected: hsl(209 40.5% 31.4%); /* Selected state for seventh sequential chart color. */
3506
+ --dt-color-chart-sequential-07-hover-h: 209;
3507
+ --dt-color-chart-sequential-07-hover-s: 49.2%;
3508
+ --dt-color-chart-sequential-07-hover-l: 38.1%;
3509
+ --dt-color-chart-sequential-07-hover-a: 100%;
3510
+ --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);
3511
+ --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%));
3512
+ --dt-color-chart-sequential-07-hover: hsl(209 49.2% 38.1%); /* Hover state for seventh sequential chart color. */
3513
+ --dt-color-chart-sequential-06-selected-h: 211;
3514
+ --dt-color-chart-sequential-06-selected-s: 39.8%;
3515
+ --dt-color-chart-sequential-06-selected-l: 37.1%;
3516
+ --dt-color-chart-sequential-06-selected-a: 100%;
3517
+ --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);
3518
+ --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%));
3519
+ --dt-color-chart-sequential-06-selected: hsl(211 39.8% 37.1%); /* Selected state for sixth sequential chart color. */
3520
+ --dt-color-chart-sequential-06-hover-h: 211;
3521
+ --dt-color-chart-sequential-06-hover-s: 48.4%;
3522
+ --dt-color-chart-sequential-06-hover-l: 45%;
3523
+ --dt-color-chart-sequential-06-hover-a: 100%;
3524
+ --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);
3525
+ --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%));
3526
+ --dt-color-chart-sequential-06-hover: hsl(211 48.4% 45%); /* Hover state for sixth sequential chart color. */
3527
+ --dt-color-chart-sequential-05-selected-h: 213;
3528
+ --dt-color-chart-sequential-05-selected-s: 39.1%;
3529
+ --dt-color-chart-sequential-05-selected-l: 43.5%;
3530
+ --dt-color-chart-sequential-05-selected-a: 100%;
3531
+ --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);
3532
+ --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%));
3533
+ --dt-color-chart-sequential-05-selected: hsl(213 39.1% 43.5%); /* Selected state for fifth sequential chart color. */
3534
+ --dt-color-chart-sequential-05-hover-h: 213;
3535
+ --dt-color-chart-sequential-05-hover-s: 47.5%;
3536
+ --dt-color-chart-sequential-05-hover-l: 52.800000000000004%;
3537
+ --dt-color-chart-sequential-05-hover-a: 100%;
3538
+ --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);
3539
+ --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%));
3540
+ --dt-color-chart-sequential-05-hover: hsl(213 47.5% 52.8%); /* Hover state for fifth sequential chart color. */
3541
+ --dt-color-chart-sequential-04-selected-h: 216;
3542
+ --dt-color-chart-sequential-04-selected-s: 38.4%;
3543
+ --dt-color-chart-sequential-04-selected-l: 49.2%;
3544
+ --dt-color-chart-sequential-04-selected-a: 100%;
3545
+ --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);
3546
+ --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%));
3547
+ --dt-color-chart-sequential-04-selected: hsl(216 38.4% 49.2%); /* Selected state for fourth sequential chart color. */
3548
+ --dt-color-chart-sequential-04-hover-h: 216;
3549
+ --dt-color-chart-sequential-04-hover-s: 46.7%;
3550
+ --dt-color-chart-sequential-04-hover-l: 59.8%;
3551
+ --dt-color-chart-sequential-04-hover-a: 100%;
3552
+ --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);
3553
+ --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%));
3554
+ --dt-color-chart-sequential-04-hover: hsl(216 46.7% 59.8%); /* Hover state for fourth sequential chart color. */
3555
+ --dt-color-chart-sequential-03-selected-h: 218;
3556
+ --dt-color-chart-sequential-03-selected-s: 37.7%;
3557
+ --dt-color-chart-sequential-03-selected-l: 55.50000000000001%;
3558
+ --dt-color-chart-sequential-03-selected-a: 100%;
3559
+ --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);
3560
+ --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%));
3561
+ --dt-color-chart-sequential-03-selected: hsl(218 37.7% 55.5%); /* Selected state for third sequential chart color. */
3562
+ --dt-color-chart-sequential-03-hover-h: 218;
3563
+ --dt-color-chart-sequential-03-hover-s: 45.7%;
3564
+ --dt-color-chart-sequential-03-hover-l: 67.4%;
3565
+ --dt-color-chart-sequential-03-hover-a: 100%;
3566
+ --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);
3567
+ --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%));
3568
+ --dt-color-chart-sequential-03-hover: hsl(218 45.7% 67.4%); /* Hover state for third sequential chart color. */
3569
+ --dt-color-chart-sequential-02-selected-h: 220;
3570
+ --dt-color-chart-sequential-02-selected-s: 37%;
3571
+ --dt-color-chart-sequential-02-selected-l: 61.3%;
3572
+ --dt-color-chart-sequential-02-selected-a: 100%;
3573
+ --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);
3574
+ --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%));
3575
+ --dt-color-chart-sequential-02-selected: hsl(220 37% 61.3%); /* Selected state for second sequential chart color. */
3576
+ --dt-color-chart-sequential-02-hover-h: 220;
3577
+ --dt-color-chart-sequential-02-hover-s: 45%;
3578
+ --dt-color-chart-sequential-02-hover-l: 74.5%;
3579
+ --dt-color-chart-sequential-02-hover-a: 100%;
3580
+ --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);
3581
+ --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%));
3582
+ --dt-color-chart-sequential-02-hover: hsl(220 45% 74.5%); /* Hover state for second sequential chart color. */
3583
+ --dt-color-chart-categorical-28-selected-h: 224;
3584
+ --dt-color-chart-categorical-28-selected-s: 82.2%;
3585
+ --dt-color-chart-categorical-28-selected-l: 44%;
3586
+ --dt-color-chart-categorical-28-selected-a: 100%;
3587
+ --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);
3588
+ --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%));
3589
+ --dt-color-chart-categorical-28-selected: hsl(224 82.2% 44%);
3590
+ --dt-color-chart-categorical-28-hover-h: 224;
3591
+ --dt-color-chart-categorical-28-hover-s: 82.2%;
3592
+ --dt-color-chart-categorical-28-hover-l: 53.5%;
3593
+ --dt-color-chart-categorical-28-hover-a: 100%;
3594
+ --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);
3595
+ --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%));
3596
+ --dt-color-chart-categorical-28-hover: hsl(224 82.2% 53.5%);
3597
+ --dt-color-chart-categorical-26-selected-h: 353;
3598
+ --dt-color-chart-categorical-26-selected-s: 98.8%;
3599
+ --dt-color-chart-categorical-26-selected-l: 40.9%;
3600
+ --dt-color-chart-categorical-26-selected-a: 100%;
3601
+ --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);
3602
+ --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%));
3603
+ --dt-color-chart-categorical-26-selected: hsl(353 98.8% 40.9%);
3604
+ --dt-color-chart-categorical-26-hover-h: 353;
3605
+ --dt-color-chart-categorical-26-hover-s: 98.8%;
3606
+ --dt-color-chart-categorical-26-hover-l: 49.6%;
3607
+ --dt-color-chart-categorical-26-hover-a: 100%;
3608
+ --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);
3609
+ --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%));
3610
+ --dt-color-chart-categorical-26-hover: hsl(353 98.8% 49.6%);
3611
+ --dt-color-chart-categorical-22-selected-h: 324;
3612
+ --dt-color-chart-categorical-22-selected-s: 39%;
3613
+ --dt-color-chart-categorical-22-selected-l: 51.1%;
3614
+ --dt-color-chart-categorical-22-selected-a: 100%;
3615
+ --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);
3616
+ --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%));
3617
+ --dt-color-chart-categorical-22-selected: hsl(324 39% 51.1%);
3618
+ --dt-color-chart-categorical-22-hover-h: 324;
3619
+ --dt-color-chart-categorical-22-hover-s: 39%;
3620
+ --dt-color-chart-categorical-22-hover-l: 62%;
3621
+ --dt-color-chart-categorical-22-hover-a: 100%;
3622
+ --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);
3623
+ --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%));
3624
+ --dt-color-chart-categorical-22-hover: hsl(324 39% 62%);
3625
+ --dt-color-chart-categorical-21-selected-h: 95.6;
3626
+ --dt-color-chart-categorical-21-selected-s: 71.5%;
3627
+ --dt-color-chart-categorical-21-selected-l: 37.7%;
3628
+ --dt-color-chart-categorical-21-selected-a: 100%;
3629
+ --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);
3630
+ --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%));
3631
+ --dt-color-chart-categorical-21-selected: hsl(95.6 71.5% 37.7%);
3632
+ --dt-color-chart-categorical-21-hover-h: 95.6;
3633
+ --dt-color-chart-categorical-21-hover-s: 71.5%;
3634
+ --dt-color-chart-categorical-21-hover-l: 45.8%;
3635
+ --dt-color-chart-categorical-21-hover-a: 100%;
3636
+ --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);
3637
+ --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%));
3638
+ --dt-color-chart-categorical-21-hover: hsl(95.6 71.5% 45.8%);
3639
+ --dt-color-chart-categorical-20-selected-h: 224;
3640
+ --dt-color-chart-categorical-20-selected-s: 82.2%;
3641
+ --dt-color-chart-categorical-20-selected-l: 44%;
3642
+ --dt-color-chart-categorical-20-selected-a: 100%;
3643
+ --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);
3644
+ --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%));
3645
+ --dt-color-chart-categorical-20-selected: hsl(224 82.2% 44%);
3646
+ --dt-color-chart-categorical-20-hover-h: 224;
3647
+ --dt-color-chart-categorical-20-hover-s: 82.2%;
3648
+ --dt-color-chart-categorical-20-hover-l: 53.5%;
3649
+ --dt-color-chart-categorical-20-hover-a: 100%;
3650
+ --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);
3651
+ --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%));
3652
+ --dt-color-chart-categorical-20-hover: hsl(224 82.2% 53.5%);
3653
+ --dt-color-chart-categorical-19-selected-h: 190;
3654
+ --dt-color-chart-categorical-19-selected-s: 78.1%;
3655
+ --dt-color-chart-categorical-19-selected-l: 41.4%;
3656
+ --dt-color-chart-categorical-19-selected-a: 100%;
3657
+ --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);
3658
+ --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%));
3659
+ --dt-color-chart-categorical-19-selected: hsl(190 78.1% 41.4%);
3660
+ --dt-color-chart-categorical-19-hover-h: 190;
3661
+ --dt-color-chart-categorical-19-hover-s: 78.1%;
3662
+ --dt-color-chart-categorical-19-hover-l: 50.2%;
3663
+ --dt-color-chart-categorical-19-hover-a: 100%;
3664
+ --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);
3665
+ --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%));
3666
+ --dt-color-chart-categorical-19-hover: hsl(190 78.1% 50.2%);
3667
+ --dt-color-chart-categorical-18-selected-h: 63.1;
3668
+ --dt-color-chart-categorical-18-selected-s: 80.5%;
3669
+ --dt-color-chart-categorical-18-selected-l: 38.6%;
3670
+ --dt-color-chart-categorical-18-selected-a: 100%;
3671
+ --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);
3672
+ --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%));
3673
+ --dt-color-chart-categorical-18-selected: hsl(63.1 80.5% 38.6%);
3674
+ --dt-color-chart-categorical-18-hover-h: 63.1;
3675
+ --dt-color-chart-categorical-18-hover-s: 80.5%;
3676
+ --dt-color-chart-categorical-18-hover-l: 46.9%;
3677
+ --dt-color-chart-categorical-18-hover-a: 100%;
3678
+ --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);
3679
+ --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%));
3680
+ --dt-color-chart-categorical-18-hover: hsl(63.1 80.5% 46.9%);
3681
+ --dt-color-chart-categorical-17-selected-h: 318;
3682
+ --dt-color-chart-categorical-17-selected-s: 95.9%;
3683
+ --dt-color-chart-categorical-17-selected-l: 48.9%;
3684
+ --dt-color-chart-categorical-17-selected-a: 100%;
3685
+ --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);
3686
+ --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%));
3687
+ --dt-color-chart-categorical-17-selected: hsl(318 95.9% 48.9%);
3688
+ --dt-color-chart-categorical-17-hover-h: 318;
3689
+ --dt-color-chart-categorical-17-hover-s: 95.9%;
3690
+ --dt-color-chart-categorical-17-hover-l: 59.4%;
3691
+ --dt-color-chart-categorical-17-hover-a: 100%;
3692
+ --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);
3693
+ --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%));
3694
+ --dt-color-chart-categorical-17-hover: hsl(318 95.9% 59.4%);
3695
+ --dt-color-chart-categorical-16-selected-h: 89.4;
3696
+ --dt-color-chart-categorical-16-selected-s: 68%;
3697
+ --dt-color-chart-categorical-16-selected-l: 32.9%;
3698
+ --dt-color-chart-categorical-16-selected-a: 100%;
3699
+ --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);
3700
+ --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%));
3701
+ --dt-color-chart-categorical-16-selected: hsl(89.4 68% 32.9%);
3702
+ --dt-color-chart-categorical-16-hover-h: 89.4;
3703
+ --dt-color-chart-categorical-16-hover-s: 68%;
3704
+ --dt-color-chart-categorical-16-hover-l: 40%;
3705
+ --dt-color-chart-categorical-16-hover-a: 100%;
3706
+ --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);
3707
+ --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%));
3708
+ --dt-color-chart-categorical-16-hover: hsl(89.4 68% 40%);
3709
+ --dt-color-chart-categorical-15-selected-h: 367;
3710
+ --dt-color-chart-categorical-15-selected-s: 99.2%;
3711
+ --dt-color-chart-categorical-15-selected-l: 39.5%;
3712
+ --dt-color-chart-categorical-15-selected-a: 100%;
3713
+ --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);
3714
+ --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%));
3715
+ --dt-color-chart-categorical-15-selected: hsl(367 99.2% 39.5%);
3716
+ --dt-color-chart-categorical-15-hover-h: 367;
3717
+ --dt-color-chart-categorical-15-hover-s: 99.2%;
3718
+ --dt-color-chart-categorical-15-hover-l: 48%;
3719
+ --dt-color-chart-categorical-15-hover-a: 100%;
3720
+ --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);
3721
+ --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%));
3722
+ --dt-color-chart-categorical-15-hover: hsl(367 99.2% 48%);
3723
+ --dt-color-chart-categorical-14-selected-h: 234;
3724
+ --dt-color-chart-categorical-14-selected-s: 83.7%;
3725
+ --dt-color-chart-categorical-14-selected-l: 44.9%;
3726
+ --dt-color-chart-categorical-14-selected-a: 100%;
3727
+ --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);
3728
+ --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%));
3729
+ --dt-color-chart-categorical-14-selected: hsl(234 83.7% 44.9%);
3730
+ --dt-color-chart-categorical-14-hover-h: 234;
3731
+ --dt-color-chart-categorical-14-hover-s: 83.7%;
3732
+ --dt-color-chart-categorical-14-hover-l: 54.6%;
3733
+ --dt-color-chart-categorical-14-hover-a: 100%;
3734
+ --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);
3735
+ --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%));
3736
+ --dt-color-chart-categorical-14-hover: hsl(234 83.7% 54.6%);
3737
+ --dt-color-chart-categorical-13-selected-h: 374;
3738
+ --dt-color-chart-categorical-13-selected-s: 87.9%;
3739
+ --dt-color-chart-categorical-13-selected-l: 43%;
3740
+ --dt-color-chart-categorical-13-selected-a: 100%;
3741
+ --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);
3742
+ --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%));
3743
+ --dt-color-chart-categorical-13-selected: hsl(374 87.9% 43%);
3744
+ --dt-color-chart-categorical-13-hover-h: 374;
3745
+ --dt-color-chart-categorical-13-hover-s: 87.9%;
3746
+ --dt-color-chart-categorical-13-hover-l: 52.300000000000004%;
3747
+ --dt-color-chart-categorical-13-hover-a: 100%;
3748
+ --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);
3749
+ --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%));
3750
+ --dt-color-chart-categorical-13-hover: hsl(374 87.9% 52.3%);
3751
+ --dt-color-chart-categorical-12-selected-h: 296;
3752
+ --dt-color-chart-categorical-12-selected-s: 97.1%;
3753
+ --dt-color-chart-categorical-12-selected-l: 46.1%;
3754
+ --dt-color-chart-categorical-12-selected-a: 100%;
3755
+ --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);
3756
+ --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%));
3757
+ --dt-color-chart-categorical-12-selected: hsl(296 97.1% 46.1%);
3758
+ --dt-color-chart-categorical-12-hover-h: 296;
3759
+ --dt-color-chart-categorical-12-hover-s: 97.1%;
3760
+ --dt-color-chart-categorical-12-hover-l: 56.00000000000001%;
3761
+ --dt-color-chart-categorical-12-hover-a: 100%;
3762
+ --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);
3763
+ --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%));
3764
+ --dt-color-chart-categorical-12-hover: hsl(296 97.1% 56%);
3765
+ --dt-color-chart-categorical-30-h: 186;
3766
+ --dt-color-chart-categorical-30-s: 71.2%;
3767
+ --dt-color-chart-categorical-30-l: 55.3%;
3768
+ --dt-color-chart-categorical-30-a: 100%;
3769
+ --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);
3770
+ --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%));
3771
+ --dt-color-chart-categorical-30: hsl(186 71.2% 55.3%);
3772
+ --dt-color-chart-categorical-29-h: 391;
3773
+ --dt-color-chart-categorical-29-s: 85.7%;
3774
+ --dt-color-chart-categorical-29-l: 57.60000000000001%;
3775
+ --dt-color-chart-categorical-29-a: 100%;
3776
+ --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);
3777
+ --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%));
3778
+ --dt-color-chart-categorical-29: hsl(391 85.7% 57.6%);
3779
+ --dt-color-chart-categorical-27-h: 124;
3780
+ --dt-color-chart-categorical-27-s: 71.4%;
3781
+ --dt-color-chart-categorical-27-l: 51%;
3782
+ --dt-color-chart-categorical-27-a: 100%;
3783
+ --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);
3784
+ --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%));
3785
+ --dt-color-chart-categorical-27: hsl(124 71.4% 51%);
3786
+ --dt-color-chart-categorical-25-h: 183;
3787
+ --dt-color-chart-categorical-25-s: 82.7%;
3788
+ --dt-color-chart-categorical-25-l: 61.5%;
3789
+ --dt-color-chart-categorical-25-a: 100%;
3790
+ --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);
3791
+ --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%));
3792
+ --dt-color-chart-categorical-25: hsl(183 82.7% 61.5%);
3793
+ --dt-color-chart-categorical-24-h: 20.6;
3794
+ --dt-color-chart-categorical-24-s: 91.5%;
3795
+ --dt-color-chart-categorical-24-l: 58.9%;
3796
+ --dt-color-chart-categorical-24-a: 100%;
3797
+ --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);
3798
+ --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%));
3799
+ --dt-color-chart-categorical-24: hsl(20.6 91.5% 58.9%);
3800
+ --dt-color-chart-categorical-23-h: 317;
3801
+ --dt-color-chart-categorical-23-s: 97.7%;
3802
+ --dt-color-chart-categorical-23-l: 63.1%;
3803
+ --dt-color-chart-categorical-23-a: 100%;
3804
+ --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);
3805
+ --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%));
3806
+ --dt-color-chart-categorical-23: hsl(317 97.7% 63.1%);
3338
3807
  --dt-color-link-disabled-hover-h: var(--dt-color-link-disabled-h);
3339
3808
  --dt-color-link-disabled-hover-s: var(--dt-color-link-disabled-s);
3340
3809
  --dt-color-link-disabled-hover-l: var(--dt-color-link-disabled-l);
@@ -3398,6 +3867,90 @@
3398
3867
  --dt-action-color-foreground-critical-active-hsl: var(--dt-action-color-foreground-critical-hover-hsl);
3399
3868
  --dt-action-color-foreground-critical-active-hsla: var(--dt-action-color-foreground-critical-hover-hsla);
3400
3869
  --dt-action-color-foreground-critical-active: var(--dt-action-color-foreground-critical-hover);
3870
+ --dt-color-chart-categorical-30-selected-h: 186;
3871
+ --dt-color-chart-categorical-30-selected-s: 71.2%;
3872
+ --dt-color-chart-categorical-30-selected-l: 38.7%;
3873
+ --dt-color-chart-categorical-30-selected-a: 100%;
3874
+ --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);
3875
+ --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%));
3876
+ --dt-color-chart-categorical-30-selected: hsl(186 71.2% 38.7%);
3877
+ --dt-color-chart-categorical-30-hover-h: 186;
3878
+ --dt-color-chart-categorical-30-hover-s: 71.2%;
3879
+ --dt-color-chart-categorical-30-hover-l: 47%;
3880
+ --dt-color-chart-categorical-30-hover-a: 100%;
3881
+ --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);
3882
+ --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%));
3883
+ --dt-color-chart-categorical-30-hover: hsl(186 71.2% 47%);
3884
+ --dt-color-chart-categorical-29-selected-h: 391;
3885
+ --dt-color-chart-categorical-29-selected-s: 85.7%;
3886
+ --dt-color-chart-categorical-29-selected-l: 40.3%;
3887
+ --dt-color-chart-categorical-29-selected-a: 100%;
3888
+ --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);
3889
+ --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%));
3890
+ --dt-color-chart-categorical-29-selected: hsl(391 85.7% 40.3%);
3891
+ --dt-color-chart-categorical-29-hover-h: 391;
3892
+ --dt-color-chart-categorical-29-hover-s: 85.7%;
3893
+ --dt-color-chart-categorical-29-hover-l: 49%;
3894
+ --dt-color-chart-categorical-29-hover-a: 100%;
3895
+ --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);
3896
+ --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%));
3897
+ --dt-color-chart-categorical-29-hover: hsl(391 85.7% 49%);
3898
+ --dt-color-chart-categorical-27-selected-h: 124;
3899
+ --dt-color-chart-categorical-27-selected-s: 71.4%;
3900
+ --dt-color-chart-categorical-27-selected-l: 35.7%;
3901
+ --dt-color-chart-categorical-27-selected-a: 100%;
3902
+ --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);
3903
+ --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%));
3904
+ --dt-color-chart-categorical-27-selected: hsl(124 71.4% 35.7%);
3905
+ --dt-color-chart-categorical-27-hover-h: 124;
3906
+ --dt-color-chart-categorical-27-hover-s: 71.4%;
3907
+ --dt-color-chart-categorical-27-hover-l: 43.4%;
3908
+ --dt-color-chart-categorical-27-hover-a: 100%;
3909
+ --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);
3910
+ --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%));
3911
+ --dt-color-chart-categorical-27-hover: hsl(124 71.4% 43.4%);
3912
+ --dt-color-chart-categorical-25-selected-h: 183;
3913
+ --dt-color-chart-categorical-25-selected-s: 82.7%;
3914
+ --dt-color-chart-categorical-25-selected-l: 43%;
3915
+ --dt-color-chart-categorical-25-selected-a: 100%;
3916
+ --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);
3917
+ --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%));
3918
+ --dt-color-chart-categorical-25-selected: hsl(183 82.7% 43%);
3919
+ --dt-color-chart-categorical-25-hover-h: 183;
3920
+ --dt-color-chart-categorical-25-hover-s: 82.7%;
3921
+ --dt-color-chart-categorical-25-hover-l: 52.300000000000004%;
3922
+ --dt-color-chart-categorical-25-hover-a: 100%;
3923
+ --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);
3924
+ --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%));
3925
+ --dt-color-chart-categorical-25-hover: hsl(183 82.7% 52.3%);
3926
+ --dt-color-chart-categorical-24-selected-h: 20.6;
3927
+ --dt-color-chart-categorical-24-selected-s: 91.5%;
3928
+ --dt-color-chart-categorical-24-selected-l: 41.2%;
3929
+ --dt-color-chart-categorical-24-selected-a: 100%;
3930
+ --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);
3931
+ --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%));
3932
+ --dt-color-chart-categorical-24-selected: hsl(20.6 91.5% 41.2%);
3933
+ --dt-color-chart-categorical-24-hover-h: 20.6;
3934
+ --dt-color-chart-categorical-24-hover-s: 91.5%;
3935
+ --dt-color-chart-categorical-24-hover-l: 50.1%;
3936
+ --dt-color-chart-categorical-24-hover-a: 100%;
3937
+ --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);
3938
+ --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%));
3939
+ --dt-color-chart-categorical-24-hover: hsl(20.6 91.5% 50.1%);
3940
+ --dt-color-chart-categorical-23-selected-h: 317;
3941
+ --dt-color-chart-categorical-23-selected-s: 97.7%;
3942
+ --dt-color-chart-categorical-23-selected-l: 44.2%;
3943
+ --dt-color-chart-categorical-23-selected-a: 100%;
3944
+ --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);
3945
+ --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%));
3946
+ --dt-color-chart-categorical-23-selected: hsl(317 97.7% 44.2%);
3947
+ --dt-color-chart-categorical-23-hover-h: 317;
3948
+ --dt-color-chart-categorical-23-hover-s: 97.7%;
3949
+ --dt-color-chart-categorical-23-hover-l: 53.6%;
3950
+ --dt-color-chart-categorical-23-hover-a: 100%;
3951
+ --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);
3952
+ --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%));
3953
+ --dt-color-chart-categorical-23-hover: hsl(317 97.7% 53.6%);
3401
3954
  --dt-shell-action-color-foreground-muted-active-h: var(--dt-shell-action-color-foreground-muted-hover-h);
3402
3955
  --dt-shell-action-color-foreground-muted-active-s: var(--dt-shell-action-color-foreground-muted-hover-s);
3403
3956
  --dt-shell-action-color-foreground-muted-active-l: var(--dt-shell-action-color-foreground-muted-hover-l);