@carbon/ibm-products 2.29.0-alpha.10 → 2.30.0-alpha.9

Sign up to get free protection for your applications and to get access to all the features.
Files changed (68) hide show
  1. package/css/index-full-carbon.css +1405 -3
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +39 -3
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -1
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +1405 -3
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +1 -1
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +1405 -3
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +1 -1
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/AboutModal/AboutModal.d.ts +73 -2
  18. package/es/components/AboutModal/AboutModal.js +10 -28
  19. package/es/components/DataSpreadsheet/DataSpreadsheet.js +120 -145
  20. package/es/components/Datagrid/Datagrid/DatagridRow.js +1 -1
  21. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +6 -3
  22. package/es/components/Datagrid/useActionsColumn.js +6 -2
  23. package/es/components/Decorator/Decorator.d.ts +5 -0
  24. package/es/components/Decorator/Decorator.js +348 -0
  25. package/es/components/Decorator/DecoratorIcon.d.ts +5 -0
  26. package/es/components/Decorator/DecoratorIcon.js +95 -0
  27. package/es/components/Decorator/index.d.ts +1 -0
  28. package/es/components/Decorator/utils.d.ts +8 -0
  29. package/es/components/Decorator/utils.js +43 -0
  30. package/es/components/Toolbar/ToolbarButton.d.ts +24 -3
  31. package/es/components/Toolbar/ToolbarButton.js +2 -2
  32. package/es/components/index.d.ts +1 -0
  33. package/es/global/js/package-settings.d.ts +1 -0
  34. package/es/global/js/package-settings.js +1 -0
  35. package/es/index.js +1 -0
  36. package/es/settings.d.ts +1 -0
  37. package/lib/components/AboutModal/AboutModal.d.ts +73 -2
  38. package/lib/components/AboutModal/AboutModal.js +8 -26
  39. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +120 -145
  40. package/lib/components/Datagrid/Datagrid/DatagridRow.js +1 -1
  41. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +6 -3
  42. package/lib/components/Datagrid/useActionsColumn.js +6 -2
  43. package/lib/components/Decorator/Decorator.d.ts +5 -0
  44. package/lib/components/Decorator/Decorator.js +355 -0
  45. package/lib/components/Decorator/DecoratorIcon.d.ts +5 -0
  46. package/lib/components/Decorator/DecoratorIcon.js +102 -0
  47. package/lib/components/Decorator/index.d.ts +1 -0
  48. package/lib/components/Decorator/utils.d.ts +8 -0
  49. package/lib/components/Decorator/utils.js +48 -0
  50. package/lib/components/Toolbar/ToolbarButton.d.ts +24 -3
  51. package/lib/components/Toolbar/ToolbarButton.js +2 -2
  52. package/lib/components/index.d.ts +1 -0
  53. package/lib/global/js/package-settings.d.ts +1 -0
  54. package/lib/global/js/package-settings.js +1 -0
  55. package/lib/index.js +5 -0
  56. package/lib/settings.d.ts +1 -0
  57. package/package.json +5 -5
  58. package/scss/components/AboutModal/_about-modal.scss +7 -2
  59. package/scss/components/Datagrid/styles/_useExpandedRow.scss +8 -0
  60. package/scss/components/Datagrid/styles/_useNestedRows.scss +54 -0
  61. package/scss/components/Datagrid/styles/addons/_FilterPanel.scss +1 -1
  62. package/scss/components/Decorator/_carbon-imports.scss +9 -0
  63. package/scss/components/Decorator/_decorator.scss +400 -0
  64. package/scss/components/Decorator/_index-with-carbon.scss +9 -0
  65. package/scss/components/Decorator/_index.scss +8 -0
  66. package/scss/components/TagSet/_tag-set.scss +1 -0
  67. package/scss/components/_index-with-carbon.scss +1 -0
  68. package/scss/components/_index.scss +1 -0
package/css/index.css CHANGED
@@ -4106,9 +4106,13 @@ fieldset[disabled] .cds--form__helper-text {
4106
4106
  letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
4107
4107
  overflow: hidden auto;
4108
4108
  min-height: 4rem;
4109
- padding: 0 20% 0 1rem;
4110
- margin-bottom: 1.5rem;
4111
4109
  grid-row: auto;
4110
+ padding-block-start: 0;
4111
+ padding-inline: 1rem 20%;
4112
+ }
4113
+ .c4p--about-modal .c4p--about-modal__body:not(.cds--modal-scroll-content) {
4114
+ margin-bottom: 1.5rem;
4115
+ padding-block-end: 0;
4112
4116
  }
4113
4117
 
4114
4118
  .c4p--about-modal .cds--modal-content--overflow-indicator {
@@ -12696,6 +12700,7 @@ button.c4p--add-select__global-filter-toggle--open {
12696
12700
  }
12697
12701
  .c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__show-all-tags-link {
12698
12702
  margin-top: 0.5rem;
12703
+ color: var(--cds-link-inverse, #78a9ff);
12699
12704
  }
12700
12705
  .c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item.c4p--tag-set-overflow__tag-item--tag .cds--tag {
12701
12706
  background-color: var(--cds-background-inverse-hover, #474747);
@@ -17028,6 +17033,32 @@ button.c4p--add-select__global-filter-toggle--open {
17028
17033
  padding-left: 0.5rem;
17029
17034
  }
17030
17035
 
17036
+ .cds--data-table td.c4p--datagrid__expandable-row-cell + td,
17037
+ .cds--data-table .c4p--datagrid__carbon-nested-row:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2) {
17038
+ position: relative;
17039
+ }
17040
+
17041
+ .cds--data-table td.c4p--datagrid__expandable-row-cell.c4p--datagrid__expandable-row-cell--is-expanded + td::before,
17042
+ .cds--data-table .c4p--datagrid__carbon-nested-row:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2)::before,
17043
+ .cds--data-table .c4p--datagrid__carbon-nested-row td.c4p--datagrid__expandable-row-cell + td::before {
17044
+ position: absolute;
17045
+ /* stylelint-disable-next-line carbon/layout-token-use */
17046
+ bottom: -1px;
17047
+ left: 0;
17048
+ width: 1rem;
17049
+ height: 1px;
17050
+ background-color: var(--cds-layer-01, #f4f4f4);
17051
+ content: "";
17052
+ transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
17053
+ }
17054
+
17055
+ .cds--data-table tr:hover td.c4p--datagrid__expandable-row-cell.c4p--datagrid__expandable-row-cell--is-expanded + td::before,
17056
+ .cds--data-table .c4p--datagrid__carbon-nested-row:hover td.c4p--datagrid__expandable-row-cell + td::before,
17057
+ .cds--data-table .c4p--datagrid__expandable-row--hover td.c4p--datagrid__expandable-row-cell + td::before,
17058
+ .cds--data-table .c4p--datagrid__carbon-nested-row:hover:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2)::before {
17059
+ background-color: var(--cds-layer-hover);
17060
+ }
17061
+
17031
17062
  .c4p--datagrid__carbon-row-expanded .c4p--datagrid__expandable-row-cell {
17032
17063
  border-bottom: none;
17033
17064
  }
@@ -17488,7 +17519,7 @@ button.c4p--add-select__global-filter-toggle--open {
17488
17519
  position: relative;
17489
17520
  z-index: 0;
17490
17521
  overflow: auto;
17491
- padding: 0 1rem;
17522
+ padding: 0 1rem 4rem 1rem;
17492
17523
  overscroll-behavior: contain;
17493
17524
  }
17494
17525
 
@@ -17658,6 +17689,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
17658
17689
  .c4p--datagrid .cds--data-table tbody tr:hover + .c4p--datagrid__expanded-row,
17659
17690
  .c4p--datagrid .c4p--datagrid__expanded-row:hover,
17660
17691
  .c4p--datagrid .c4p--datagrid__expandable-row--hover td {
17692
+ border-top: none;
17661
17693
  background: var(--cds-layer-hover);
17662
17694
  }
17663
17695
 
@@ -17667,6 +17699,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
17667
17699
  border: none;
17668
17700
  }
17669
17701
 
17702
+ .c4p--datagrid .cds--data-table .c4p--datagrid__carbon-row-expanded:hover td:not(.c4p--datagrid__expandable-row-cell) {
17703
+ border-bottom: 1px solid var(--cds-border-subtle-02, #e0e0e0);
17704
+ }
17705
+
17670
17706
  .c4p--datagrid .cds--data-table td.c4p--datagrid__expanded-row-cell-wrapper {
17671
17707
  padding: 0;
17672
17708
  }
@@ -20809,6 +20845,10 @@ li.cds--accordion__item--disabled:last-of-type {
20809
20845
  border-radius: 1.5rem;
20810
20846
  }
20811
20847
 
20848
+ .cds--chat-btn:not(.cds--chat-btn--with-icon) {
20849
+ padding-inline-end: 0.9375rem;
20850
+ }
20851
+
20812
20852
  .cds--chat-btn.cds--btn--md {
20813
20853
  border-radius: 1.25rem;
20814
20854
  }
@@ -35710,6 +35750,1368 @@ a.cds--side-nav__link--current::before {
35710
35750
  white-space: nowrap;
35711
35751
  }
35712
35752
 
35753
+ /* stylelint-disable carbon/theme-token-use */
35754
+ /* stylelint-disable carbon/type-token-use */
35755
+ /* stylelint-disable carbon/layout-token-use */
35756
+ /* stylelint-disable function-no-unknown */
35757
+ .c4p--decorator--light {
35758
+ --cds-ai-aura-end: rgba(255, 255, 255, 0);
35759
+ --cds-ai-aura-hover-background: #edf5ff;
35760
+ --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
35761
+ --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
35762
+ --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
35763
+ --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
35764
+ --cds-ai-border-end: #d0e2ff;
35765
+ --cds-ai-border-start: #78a9ff;
35766
+ --cds-ai-border-strong: #4589ff;
35767
+ --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
35768
+ --cds-ai-gradient-end: rgba(255, 255, 255, 0);
35769
+ --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
35770
+ --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
35771
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
35772
+ --cds-ai-overlay: rgba(0, 17, 65, 0.5);
35773
+ --cds-ai-skeleton-background: #b8d3ff;
35774
+ --cds-ai-skeleton-element-background: #001141;
35775
+ --cds-background: #f4f4f4;
35776
+ --cds-background-active: rgba(141, 141, 141, 0.5);
35777
+ --cds-background-brand: #0f62fe;
35778
+ --cds-background-hover: rgba(141, 141, 141, 0.12);
35779
+ --cds-background-inverse: #393939;
35780
+ --cds-background-inverse-hover: #474747;
35781
+ --cds-background-selected: rgba(141, 141, 141, 0.2);
35782
+ --cds-background-selected-hover: rgba(141, 141, 141, 0.32);
35783
+ --cds-border-disabled: #c6c6c6;
35784
+ --cds-border-interactive: #0f62fe;
35785
+ --cds-border-inverse: #161616;
35786
+ --cds-border-strong-01: #8d8d8d;
35787
+ --cds-border-strong-02: #8d8d8d;
35788
+ --cds-border-strong-03: #8d8d8d;
35789
+ --cds-border-subtle-00: #c6c6c6;
35790
+ --cds-border-subtle-01: #e0e0e0;
35791
+ --cds-border-subtle-02: #c6c6c6;
35792
+ --cds-border-subtle-03: #e0e0e0;
35793
+ --cds-border-subtle-selected-01: #c6c6c6;
35794
+ --cds-border-subtle-selected-02: #c6c6c6;
35795
+ --cds-border-subtle-selected-03: #c6c6c6;
35796
+ --cds-border-tile-01: #a8a8a8;
35797
+ --cds-border-tile-02: #c6c6c6;
35798
+ --cds-border-tile-03: #a8a8a8;
35799
+ --cds-chat-avatar-agent: #393939;
35800
+ --cds-chat-avatar-bot: #6f6f6f;
35801
+ --cds-chat-avatar-user: #0f62fe;
35802
+ --cds-chat-bubble-agent: #ffffff;
35803
+ --cds-chat-bubble-agent-border: #e0e0e0;
35804
+ --cds-chat-bubble-user: #e0e0e0;
35805
+ --cds-chat-prompt-background: #ffffff;
35806
+ --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
35807
+ --cds-chat-prompt-border-start: #f4f4f4;
35808
+ --cds-field-01: #ffffff;
35809
+ --cds-field-02: #f4f4f4;
35810
+ --cds-field-03: #ffffff;
35811
+ --cds-field-hover-01: #e8e8e8;
35812
+ --cds-field-hover-02: #e8e8e8;
35813
+ --cds-field-hover-03: #e8e8e8;
35814
+ --cds-focus: #0f62fe;
35815
+ --cds-focus-inset: #ffffff;
35816
+ --cds-focus-inverse: #ffffff;
35817
+ --cds-highlight: #d0e2ff;
35818
+ --cds-icon-disabled: rgba(22, 22, 22, 0.25);
35819
+ --cds-icon-interactive: #0f62fe;
35820
+ --cds-icon-inverse: #ffffff;
35821
+ --cds-icon-on-color: #ffffff;
35822
+ --cds-icon-on-color-disabled: #8d8d8d;
35823
+ --cds-icon-primary: #161616;
35824
+ --cds-icon-secondary: #525252;
35825
+ --cds-interactive: #0f62fe;
35826
+ --cds-layer-01: #ffffff;
35827
+ --cds-layer-02: #f4f4f4;
35828
+ --cds-layer-03: #ffffff;
35829
+ --cds-layer-accent-01: #e0e0e0;
35830
+ --cds-layer-accent-02: #e0e0e0;
35831
+ --cds-layer-accent-03: #e0e0e0;
35832
+ --cds-layer-accent-active-01: #a8a8a8;
35833
+ --cds-layer-accent-active-02: #a8a8a8;
35834
+ --cds-layer-accent-active-03: #a8a8a8;
35835
+ --cds-layer-accent-hover-01: #d1d1d1;
35836
+ --cds-layer-accent-hover-02: #d1d1d1;
35837
+ --cds-layer-accent-hover-03: #d1d1d1;
35838
+ --cds-layer-active-01: #c6c6c6;
35839
+ --cds-layer-active-02: #c6c6c6;
35840
+ --cds-layer-active-03: #c6c6c6;
35841
+ --cds-layer-hover-01: #e8e8e8;
35842
+ --cds-layer-hover-02: #e8e8e8;
35843
+ --cds-layer-hover-03: #e8e8e8;
35844
+ --cds-layer-selected-01: #e0e0e0;
35845
+ --cds-layer-selected-02: #e0e0e0;
35846
+ --cds-layer-selected-03: #e0e0e0;
35847
+ --cds-layer-selected-disabled: #8d8d8d;
35848
+ --cds-layer-selected-hover-01: #d1d1d1;
35849
+ --cds-layer-selected-hover-02: #d1d1d1;
35850
+ --cds-layer-selected-hover-03: #d1d1d1;
35851
+ --cds-layer-selected-inverse: #161616;
35852
+ --cds-link-inverse: #78a9ff;
35853
+ --cds-link-inverse-active: #f4f4f4;
35854
+ --cds-link-inverse-hover: #a6c8ff;
35855
+ --cds-link-primary: #0f62fe;
35856
+ --cds-link-primary-hover: #0043ce;
35857
+ --cds-link-secondary: #0043ce;
35858
+ --cds-link-visited: #8a3ffc;
35859
+ --cds-overlay: rgba(22, 22, 22, 0.5);
35860
+ --cds-shadow: rgba(0, 0, 0, 0.3);
35861
+ --cds-skeleton-background: #e8e8e8;
35862
+ --cds-skeleton-element: #c6c6c6;
35863
+ --cds-slug-background: #525252;
35864
+ --cds-slug-background-hover: #6f6f6f;
35865
+ --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
35866
+ --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
35867
+ --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
35868
+ --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
35869
+ --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
35870
+ --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
35871
+ --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
35872
+ --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
35873
+ --cds-slug-callout-caret-bottom: #d0e2ff;
35874
+ --cds-slug-callout-caret-bottom-background: #ccdbf8;
35875
+ --cds-slug-callout-caret-bottom-background-actions: #d2dcee;
35876
+ --cds-slug-callout-caret-center: #a7c7ff;
35877
+ --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
35878
+ --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
35879
+ --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
35880
+ --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
35881
+ --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
35882
+ --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
35883
+ --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
35884
+ --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
35885
+ --cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
35886
+ --cds-slug-gradient-hover: #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%);
35887
+ --cds-slug-hollow-hover: #474747;
35888
+ --cds-support-caution-major: #ff832b;
35889
+ --cds-support-caution-minor: #f1c21b;
35890
+ --cds-support-caution-undefined: #8a3ffc;
35891
+ --cds-support-error: #da1e28;
35892
+ --cds-support-error-inverse: #fa4d56;
35893
+ --cds-support-info: #0043ce;
35894
+ --cds-support-info-inverse: #4589ff;
35895
+ --cds-support-success: #24a148;
35896
+ --cds-support-success-inverse: #42be65;
35897
+ --cds-support-warning: #f1c21b;
35898
+ --cds-support-warning-inverse: #f1c21b;
35899
+ --cds-text-disabled: rgba(22, 22, 22, 0.25);
35900
+ --cds-text-error: #da1e28;
35901
+ --cds-text-helper: #6f6f6f;
35902
+ --cds-text-inverse: #ffffff;
35903
+ --cds-text-on-color: #ffffff;
35904
+ --cds-text-on-color-disabled: #8d8d8d;
35905
+ --cds-text-placeholder: rgba(22, 22, 22, 0.4);
35906
+ --cds-text-primary: #161616;
35907
+ --cds-text-secondary: #525252;
35908
+ --cds-toggle-off: #8d8d8d;
35909
+ --cds-spacing-01: 0.125rem;
35910
+ --cds-spacing-02: 0.25rem;
35911
+ --cds-spacing-03: 0.5rem;
35912
+ --cds-spacing-04: 0.75rem;
35913
+ --cds-spacing-05: 1rem;
35914
+ --cds-spacing-06: 1.5rem;
35915
+ --cds-spacing-07: 2rem;
35916
+ --cds-spacing-08: 2.5rem;
35917
+ --cds-spacing-09: 3rem;
35918
+ --cds-spacing-10: 4rem;
35919
+ --cds-spacing-11: 5rem;
35920
+ --cds-spacing-12: 6rem;
35921
+ --cds-spacing-13: 10rem;
35922
+ --cds-fluid-spacing-01: 0;
35923
+ --cds-fluid-spacing-02: 2vw;
35924
+ --cds-fluid-spacing-03: 5vw;
35925
+ --cds-fluid-spacing-04: 10vw;
35926
+ --cds-caption-01-font-size: 0.75rem;
35927
+ --cds-caption-01-font-weight: 400;
35928
+ --cds-caption-01-line-height: 1.33333;
35929
+ --cds-caption-01-letter-spacing: 0.32px;
35930
+ --cds-caption-02-font-size: 0.875rem;
35931
+ --cds-caption-02-font-weight: 400;
35932
+ --cds-caption-02-line-height: 1.28572;
35933
+ --cds-caption-02-letter-spacing: 0.32px;
35934
+ --cds-label-01-font-size: 0.75rem;
35935
+ --cds-label-01-font-weight: 400;
35936
+ --cds-label-01-line-height: 1.33333;
35937
+ --cds-label-01-letter-spacing: 0.32px;
35938
+ --cds-label-02-font-size: 0.875rem;
35939
+ --cds-label-02-font-weight: 400;
35940
+ --cds-label-02-line-height: 1.28572;
35941
+ --cds-label-02-letter-spacing: 0.16px;
35942
+ --cds-helper-text-01-font-size: 0.75rem;
35943
+ --cds-helper-text-01-line-height: 1.33333;
35944
+ --cds-helper-text-01-letter-spacing: 0.32px;
35945
+ --cds-helper-text-02-font-size: 0.875rem;
35946
+ --cds-helper-text-02-font-weight: 400;
35947
+ --cds-helper-text-02-line-height: 1.28572;
35948
+ --cds-helper-text-02-letter-spacing: 0.16px;
35949
+ --cds-body-short-01-font-size: 0.875rem;
35950
+ --cds-body-short-01-font-weight: 400;
35951
+ --cds-body-short-01-line-height: 1.28572;
35952
+ --cds-body-short-01-letter-spacing: 0.16px;
35953
+ --cds-body-short-02-font-size: 1rem;
35954
+ --cds-body-short-02-font-weight: 400;
35955
+ --cds-body-short-02-line-height: 1.375;
35956
+ --cds-body-short-02-letter-spacing: 0;
35957
+ --cds-body-long-01-font-size: 0.875rem;
35958
+ --cds-body-long-01-font-weight: 400;
35959
+ --cds-body-long-01-line-height: 1.42857;
35960
+ --cds-body-long-01-letter-spacing: 0.16px;
35961
+ --cds-body-long-02-font-size: 1rem;
35962
+ --cds-body-long-02-font-weight: 400;
35963
+ --cds-body-long-02-line-height: 1.5;
35964
+ --cds-body-long-02-letter-spacing: 0;
35965
+ --cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
35966
+ --cds-code-01-font-size: 0.75rem;
35967
+ --cds-code-01-font-weight: 400;
35968
+ --cds-code-01-line-height: 1.33333;
35969
+ --cds-code-01-letter-spacing: 0.32px;
35970
+ --cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
35971
+ --cds-code-02-font-size: 0.875rem;
35972
+ --cds-code-02-font-weight: 400;
35973
+ --cds-code-02-line-height: 1.42857;
35974
+ --cds-code-02-letter-spacing: 0.32px;
35975
+ --cds-heading-01-font-size: 0.875rem;
35976
+ --cds-heading-01-font-weight: 600;
35977
+ --cds-heading-01-line-height: 1.42857;
35978
+ --cds-heading-01-letter-spacing: 0.16px;
35979
+ --cds-heading-02-font-size: 1rem;
35980
+ --cds-heading-02-font-weight: 600;
35981
+ --cds-heading-02-line-height: 1.5;
35982
+ --cds-heading-02-letter-spacing: 0;
35983
+ --cds-productive-heading-01-font-size: 0.875rem;
35984
+ --cds-productive-heading-01-font-weight: 600;
35985
+ --cds-productive-heading-01-line-height: 1.28572;
35986
+ --cds-productive-heading-01-letter-spacing: 0.16px;
35987
+ --cds-productive-heading-02-font-size: 1rem;
35988
+ --cds-productive-heading-02-font-weight: 600;
35989
+ --cds-productive-heading-02-line-height: 1.375;
35990
+ --cds-productive-heading-02-letter-spacing: 0;
35991
+ --cds-productive-heading-03-font-size: 1.25rem;
35992
+ --cds-productive-heading-03-font-weight: 400;
35993
+ --cds-productive-heading-03-line-height: 1.4;
35994
+ --cds-productive-heading-03-letter-spacing: 0;
35995
+ --cds-productive-heading-04-font-size: 1.75rem;
35996
+ --cds-productive-heading-04-font-weight: 400;
35997
+ --cds-productive-heading-04-line-height: 1.28572;
35998
+ --cds-productive-heading-04-letter-spacing: 0;
35999
+ --cds-productive-heading-05-font-size: 2rem;
36000
+ --cds-productive-heading-05-font-weight: 400;
36001
+ --cds-productive-heading-05-line-height: 1.25;
36002
+ --cds-productive-heading-05-letter-spacing: 0;
36003
+ --cds-productive-heading-06-font-size: 2.625rem;
36004
+ --cds-productive-heading-06-font-weight: 300;
36005
+ --cds-productive-heading-06-line-height: 1.199;
36006
+ --cds-productive-heading-06-letter-spacing: 0;
36007
+ --cds-productive-heading-07-font-size: 3.375rem;
36008
+ --cds-productive-heading-07-font-weight: 300;
36009
+ --cds-productive-heading-07-line-height: 1.19;
36010
+ --cds-productive-heading-07-letter-spacing: 0;
36011
+ --cds-expressive-paragraph-01-font-size: 1.5rem;
36012
+ --cds-expressive-paragraph-01-font-weight: 300;
36013
+ --cds-expressive-paragraph-01-line-height: 1.334;
36014
+ --cds-expressive-paragraph-01-letter-spacing: 0;
36015
+ --cds-expressive-heading-01-font-size: 0.875rem;
36016
+ --cds-expressive-heading-01-font-weight: 600;
36017
+ --cds-expressive-heading-01-line-height: 1.42857;
36018
+ --cds-expressive-heading-01-letter-spacing: 0.16px;
36019
+ --cds-expressive-heading-02-font-size: 1rem;
36020
+ --cds-expressive-heading-02-font-weight: 600;
36021
+ --cds-expressive-heading-02-line-height: 1.5;
36022
+ --cds-expressive-heading-02-letter-spacing: 0;
36023
+ --cds-expressive-heading-03-font-size: 1.25rem;
36024
+ --cds-expressive-heading-03-font-weight: 400;
36025
+ --cds-expressive-heading-03-line-height: 1.4;
36026
+ --cds-expressive-heading-03-letter-spacing: 0;
36027
+ --cds-expressive-heading-04-font-size: 1.75rem;
36028
+ --cds-expressive-heading-04-font-weight: 400;
36029
+ --cds-expressive-heading-04-line-height: 1.28572;
36030
+ --cds-expressive-heading-04-letter-spacing: 0;
36031
+ --cds-expressive-heading-05-font-size: 2rem;
36032
+ --cds-expressive-heading-05-font-weight: 400;
36033
+ --cds-expressive-heading-05-line-height: 1.25;
36034
+ --cds-expressive-heading-05-letter-spacing: 0;
36035
+ --cds-expressive-heading-06-font-size: 2rem;
36036
+ --cds-expressive-heading-06-font-weight: 600;
36037
+ --cds-expressive-heading-06-line-height: 1.25;
36038
+ --cds-expressive-heading-06-letter-spacing: 0;
36039
+ --cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
36040
+ --cds-quotation-01-font-size: 1.25rem;
36041
+ --cds-quotation-01-font-weight: 400;
36042
+ --cds-quotation-01-line-height: 1.3;
36043
+ --cds-quotation-01-letter-spacing: 0;
36044
+ --cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
36045
+ --cds-quotation-02-font-size: 2rem;
36046
+ --cds-quotation-02-font-weight: 300;
36047
+ --cds-quotation-02-line-height: 1.25;
36048
+ --cds-quotation-02-letter-spacing: 0;
36049
+ --cds-display-01-font-size: 2.625rem;
36050
+ --cds-display-01-font-weight: 300;
36051
+ --cds-display-01-line-height: 1.19;
36052
+ --cds-display-01-letter-spacing: 0;
36053
+ --cds-display-02-font-size: 2.625rem;
36054
+ --cds-display-02-font-weight: 600;
36055
+ --cds-display-02-line-height: 1.19;
36056
+ --cds-display-02-letter-spacing: 0;
36057
+ --cds-display-03-font-size: 2.625rem;
36058
+ --cds-display-03-font-weight: 300;
36059
+ --cds-display-03-line-height: 1.19;
36060
+ --cds-display-03-letter-spacing: 0;
36061
+ --cds-display-04-font-size: 2.625rem;
36062
+ --cds-display-04-font-weight: 300;
36063
+ --cds-display-04-line-height: 1.19;
36064
+ --cds-display-04-letter-spacing: 0;
36065
+ --cds-legal-01-font-size: 0.75rem;
36066
+ --cds-legal-01-font-weight: 400;
36067
+ --cds-legal-01-line-height: 1.33333;
36068
+ --cds-legal-01-letter-spacing: 0.32px;
36069
+ --cds-legal-02-font-size: 0.875rem;
36070
+ --cds-legal-02-font-weight: 400;
36071
+ --cds-legal-02-line-height: 1.28572;
36072
+ --cds-legal-02-letter-spacing: 0.16px;
36073
+ --cds-body-compact-01-font-size: 0.875rem;
36074
+ --cds-body-compact-01-font-weight: 400;
36075
+ --cds-body-compact-01-line-height: 1.28572;
36076
+ --cds-body-compact-01-letter-spacing: 0.16px;
36077
+ --cds-body-compact-02-font-size: 1rem;
36078
+ --cds-body-compact-02-font-weight: 400;
36079
+ --cds-body-compact-02-line-height: 1.375;
36080
+ --cds-body-compact-02-letter-spacing: 0;
36081
+ --cds-heading-compact-01-font-size: 0.875rem;
36082
+ --cds-heading-compact-01-font-weight: 600;
36083
+ --cds-heading-compact-01-line-height: 1.28572;
36084
+ --cds-heading-compact-01-letter-spacing: 0.16px;
36085
+ --cds-heading-compact-02-font-size: 1rem;
36086
+ --cds-heading-compact-02-font-weight: 600;
36087
+ --cds-heading-compact-02-line-height: 1.375;
36088
+ --cds-heading-compact-02-letter-spacing: 0;
36089
+ --cds-body-01-font-size: 0.875rem;
36090
+ --cds-body-01-font-weight: 400;
36091
+ --cds-body-01-line-height: 1.42857;
36092
+ --cds-body-01-letter-spacing: 0.16px;
36093
+ --cds-body-02-font-size: 1rem;
36094
+ --cds-body-02-font-weight: 400;
36095
+ --cds-body-02-line-height: 1.5;
36096
+ --cds-body-02-letter-spacing: 0;
36097
+ --cds-heading-03-font-size: 1.25rem;
36098
+ --cds-heading-03-font-weight: 400;
36099
+ --cds-heading-03-line-height: 1.4;
36100
+ --cds-heading-03-letter-spacing: 0;
36101
+ --cds-heading-04-font-size: 1.75rem;
36102
+ --cds-heading-04-font-weight: 400;
36103
+ --cds-heading-04-line-height: 1.28572;
36104
+ --cds-heading-04-letter-spacing: 0;
36105
+ --cds-heading-05-font-size: 2rem;
36106
+ --cds-heading-05-font-weight: 400;
36107
+ --cds-heading-05-line-height: 1.25;
36108
+ --cds-heading-05-letter-spacing: 0;
36109
+ --cds-heading-06-font-size: 2.625rem;
36110
+ --cds-heading-06-font-weight: 300;
36111
+ --cds-heading-06-line-height: 1.199;
36112
+ --cds-heading-06-letter-spacing: 0;
36113
+ --cds-heading-07-font-size: 3.375rem;
36114
+ --cds-heading-07-font-weight: 300;
36115
+ --cds-heading-07-line-height: 1.19;
36116
+ --cds-heading-07-letter-spacing: 0;
36117
+ --cds-fluid-heading-03-font-size: 1.25rem;
36118
+ --cds-fluid-heading-03-font-weight: 400;
36119
+ --cds-fluid-heading-03-line-height: 1.4;
36120
+ --cds-fluid-heading-03-letter-spacing: 0;
36121
+ --cds-fluid-heading-04-font-size: 1.75rem;
36122
+ --cds-fluid-heading-04-font-weight: 400;
36123
+ --cds-fluid-heading-04-line-height: 1.28572;
36124
+ --cds-fluid-heading-04-letter-spacing: 0;
36125
+ --cds-fluid-heading-05-font-size: 2rem;
36126
+ --cds-fluid-heading-05-font-weight: 400;
36127
+ --cds-fluid-heading-05-line-height: 1.25;
36128
+ --cds-fluid-heading-05-letter-spacing: 0;
36129
+ --cds-fluid-heading-06-font-size: 2rem;
36130
+ --cds-fluid-heading-06-font-weight: 600;
36131
+ --cds-fluid-heading-06-line-height: 1.25;
36132
+ --cds-fluid-heading-06-letter-spacing: 0;
36133
+ --cds-fluid-paragraph-01-font-size: 1.5rem;
36134
+ --cds-fluid-paragraph-01-font-weight: 300;
36135
+ --cds-fluid-paragraph-01-line-height: 1.334;
36136
+ --cds-fluid-paragraph-01-letter-spacing: 0;
36137
+ --cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
36138
+ --cds-fluid-quotation-01-font-size: 1.25rem;
36139
+ --cds-fluid-quotation-01-font-weight: 400;
36140
+ --cds-fluid-quotation-01-line-height: 1.3;
36141
+ --cds-fluid-quotation-01-letter-spacing: 0;
36142
+ --cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
36143
+ --cds-fluid-quotation-02-font-size: 2rem;
36144
+ --cds-fluid-quotation-02-font-weight: 300;
36145
+ --cds-fluid-quotation-02-line-height: 1.25;
36146
+ --cds-fluid-quotation-02-letter-spacing: 0;
36147
+ --cds-fluid-display-01-font-size: 2.625rem;
36148
+ --cds-fluid-display-01-font-weight: 300;
36149
+ --cds-fluid-display-01-line-height: 1.19;
36150
+ --cds-fluid-display-01-letter-spacing: 0;
36151
+ --cds-fluid-display-02-font-size: 2.625rem;
36152
+ --cds-fluid-display-02-font-weight: 600;
36153
+ --cds-fluid-display-02-line-height: 1.19;
36154
+ --cds-fluid-display-02-letter-spacing: 0;
36155
+ --cds-fluid-display-03-font-size: 2.625rem;
36156
+ --cds-fluid-display-03-font-weight: 300;
36157
+ --cds-fluid-display-03-line-height: 1.19;
36158
+ --cds-fluid-display-03-letter-spacing: 0;
36159
+ --cds-fluid-display-04-font-size: 2.625rem;
36160
+ --cds-fluid-display-04-font-weight: 300;
36161
+ --cds-fluid-display-04-line-height: 1.19;
36162
+ --cds-fluid-display-04-letter-spacing: 0;
36163
+ --cds-true: ;
36164
+ --cds-button-separator: #e0e0e0;
36165
+ --cds-button-primary: #0f62fe;
36166
+ --cds-button-secondary: #393939;
36167
+ --cds-button-tertiary: #0f62fe;
36168
+ --cds-button-danger-primary: #da1e28;
36169
+ --cds-button-danger-secondary: #da1e28;
36170
+ --cds-button-danger-active: #750e13;
36171
+ --cds-button-primary-active: #002d9c;
36172
+ --cds-button-secondary-active: #6f6f6f;
36173
+ --cds-button-tertiary-active: #002d9c;
36174
+ --cds-button-danger-hover: #b81921;
36175
+ --cds-button-primary-hover: #0050e6;
36176
+ --cds-button-secondary-hover: #474747;
36177
+ --cds-button-tertiary-hover: #0050e6;
36178
+ --cds-button-disabled: #c6c6c6;
36179
+ --cds-tag-background-red: #ffd7d9;
36180
+ --cds-tag-color-red: #750e13;
36181
+ --cds-tag-hover-red: #ffc2c5;
36182
+ --cds-tag-background-magenta: #ffd6e8;
36183
+ --cds-tag-color-magenta: #740937;
36184
+ --cds-tag-hover-magenta: #ffbdda;
36185
+ --cds-tag-background-purple: #e8daff;
36186
+ --cds-tag-color-purple: #491d8b;
36187
+ --cds-tag-hover-purple: #dcc7ff;
36188
+ --cds-tag-background-blue: #d0e2ff;
36189
+ --cds-tag-color-blue: #002d9c;
36190
+ --cds-tag-hover-blue: #b8d3ff;
36191
+ --cds-tag-background-cyan: #bae6ff;
36192
+ --cds-tag-color-cyan: #003a6d;
36193
+ --cds-tag-hover-cyan: #99daff;
36194
+ --cds-tag-background-teal: #9ef0f0;
36195
+ --cds-tag-color-teal: #004144;
36196
+ --cds-tag-hover-teal: #57e5e5;
36197
+ --cds-tag-background-green: #a7f0ba;
36198
+ --cds-tag-color-green: #044317;
36199
+ --cds-tag-hover-green: #74e792;
36200
+ --cds-tag-background-gray: #e0e0e0;
36201
+ --cds-tag-color-gray: #393939;
36202
+ --cds-tag-hover-gray: #d1d1d1;
36203
+ --cds-tag-background-cool-gray: #dde1e6;
36204
+ --cds-tag-color-cool-gray: #343a3f;
36205
+ --cds-tag-hover-cool-gray: #cdd3da;
36206
+ --cds-tag-background-warm-gray: #e5e0df;
36207
+ --cds-tag-color-warm-gray: #3c3838;
36208
+ --cds-tag-hover-warm-gray: #d8d0cf;
36209
+ --cds-notification-background-error: #fff1f1;
36210
+ --cds-notification-background-success: #defbe6;
36211
+ --cds-notification-background-info: #edf5ff;
36212
+ --cds-notification-background-warning: #fdf6dd;
36213
+ --cds-notification-action-hover: #ffffff;
36214
+ --cds-notification-action-tertiary-inverse: #ffffff;
36215
+ --cds-notification-action-tertiary-inverse-active: #c6c6c6;
36216
+ --cds-notification-action-tertiary-inverse-hover: #f4f4f4;
36217
+ --cds-notification-action-tertiary-inverse-text: #161616;
36218
+ --cds-notification-action-tertiary-inverse-text-on-color-disabled: rgba(255, 255, 255, 0.25);
36219
+ --cds-layer: var(--cds-layer-01, #f4f4f4);
36220
+ --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
36221
+ --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
36222
+ --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
36223
+ --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
36224
+ --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
36225
+ --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
36226
+ --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
36227
+ --cds-field: var(--cds-field-01, #f4f4f4);
36228
+ --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
36229
+ --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
36230
+ --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
36231
+ --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
36232
+ --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
36233
+ }
36234
+
36235
+ .c4p--decorator--dark {
36236
+ --cds-ai-aura-end: rgba(0, 0, 0, 0);
36237
+ --cds-ai-aura-hover-background: #333333;
36238
+ --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
36239
+ --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
36240
+ --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
36241
+ --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
36242
+ --cds-ai-border-end: rgba(166, 200, 255, 0.24);
36243
+ --cds-ai-border-start: #4589ff;
36244
+ --cds-ai-border-strong: #78a9ff;
36245
+ --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
36246
+ --cds-ai-gradient-end: rgba(38, 38, 38, 0);
36247
+ --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
36248
+ --cds-ai-gradient-start-02: transparent;
36249
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
36250
+ --cds-ai-overlay: rgba(0, 17, 65, 0.5);
36251
+ --cds-ai-skeleton-background: #0053ff;
36252
+ --cds-ai-skeleton-element-background: #001141;
36253
+ --cds-background: #161616;
36254
+ --cds-background-active: rgba(141, 141, 141, 0.4);
36255
+ --cds-background-brand: #0f62fe;
36256
+ --cds-background-hover: rgba(141, 141, 141, 0.16);
36257
+ --cds-background-inverse: #f4f4f4;
36258
+ --cds-background-inverse-hover: #e8e8e8;
36259
+ --cds-background-selected: rgba(141, 141, 141, 0.24);
36260
+ --cds-background-selected-hover: rgba(141, 141, 141, 0.32);
36261
+ --cds-border-disabled: rgba(141, 141, 141, 0.5);
36262
+ --cds-border-interactive: #4589ff;
36263
+ --cds-border-inverse: #f4f4f4;
36264
+ --cds-border-strong-01: #6f6f6f;
36265
+ --cds-border-strong-02: #8d8d8d;
36266
+ --cds-border-strong-03: #a8a8a8;
36267
+ --cds-border-subtle-00: #393939;
36268
+ --cds-border-subtle-01: #525252;
36269
+ --cds-border-subtle-02: #6f6f6f;
36270
+ --cds-border-subtle-03: #6f6f6f;
36271
+ --cds-border-subtle-selected-01: #6f6f6f;
36272
+ --cds-border-subtle-selected-02: #8d8d8d;
36273
+ --cds-border-subtle-selected-03: #8d8d8d;
36274
+ --cds-border-tile-01: #525252;
36275
+ --cds-border-tile-02: #6f6f6f;
36276
+ --cds-border-tile-03: #8d8d8d;
36277
+ --cds-chat-avatar-agent: #c6c6c6;
36278
+ --cds-chat-avatar-bot: #8d8d8d;
36279
+ --cds-chat-avatar-user: #4589ff;
36280
+ --cds-chat-bubble-agent: #262626;
36281
+ --cds-chat-bubble-agent-border: #525252;
36282
+ --cds-chat-bubble-user: #393939;
36283
+ --cds-chat-prompt-background: #161616;
36284
+ --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
36285
+ --cds-chat-prompt-border-start: #262626;
36286
+ --cds-field-01: #262626;
36287
+ --cds-field-02: #393939;
36288
+ --cds-field-03: #525252;
36289
+ --cds-field-hover-01: #333333;
36290
+ --cds-field-hover-02: #474747;
36291
+ --cds-field-hover-03: #636363;
36292
+ --cds-focus: #ffffff;
36293
+ --cds-focus-inset: #161616;
36294
+ --cds-focus-inverse: #0f62fe;
36295
+ --cds-highlight: #002d9c;
36296
+ --cds-icon-disabled: rgba(244, 244, 244, 0.25);
36297
+ --cds-icon-interactive: #ffffff;
36298
+ --cds-icon-inverse: #161616;
36299
+ --cds-icon-on-color: #ffffff;
36300
+ --cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
36301
+ --cds-icon-primary: #f4f4f4;
36302
+ --cds-icon-secondary: #c6c6c6;
36303
+ --cds-interactive: #4589ff;
36304
+ --cds-layer-01: #262626;
36305
+ --cds-layer-02: #393939;
36306
+ --cds-layer-03: #525252;
36307
+ --cds-layer-accent-01: #393939;
36308
+ --cds-layer-accent-02: #525252;
36309
+ --cds-layer-accent-03: #6f6f6f;
36310
+ --cds-layer-accent-active-01: #6f6f6f;
36311
+ --cds-layer-accent-active-02: #8d8d8d;
36312
+ --cds-layer-accent-active-03: #393939;
36313
+ --cds-layer-accent-hover-01: #474747;
36314
+ --cds-layer-accent-hover-02: #636363;
36315
+ --cds-layer-accent-hover-03: #5e5e5e;
36316
+ --cds-layer-active-01: #525252;
36317
+ --cds-layer-active-02: #6f6f6f;
36318
+ --cds-layer-active-03: #8d8d8d;
36319
+ --cds-layer-hover-01: #333333;
36320
+ --cds-layer-hover-02: #474747;
36321
+ --cds-layer-hover-03: #636363;
36322
+ --cds-layer-selected-01: #393939;
36323
+ --cds-layer-selected-02: #525252;
36324
+ --cds-layer-selected-03: #6f6f6f;
36325
+ --cds-layer-selected-disabled: #a8a8a8;
36326
+ --cds-layer-selected-hover-01: #474747;
36327
+ --cds-layer-selected-hover-02: #636363;
36328
+ --cds-layer-selected-hover-03: #5e5e5e;
36329
+ --cds-layer-selected-inverse: #f4f4f4;
36330
+ --cds-link-inverse: #0f62fe;
36331
+ --cds-link-inverse-active: #161616;
36332
+ --cds-link-inverse-hover: #0043ce;
36333
+ --cds-link-primary: #78a9ff;
36334
+ --cds-link-primary-hover: #a6c8ff;
36335
+ --cds-link-secondary: #a6c8ff;
36336
+ --cds-link-visited: #be95ff;
36337
+ --cds-overlay: rgba(0, 0, 0, 0.65);
36338
+ --cds-shadow: rgba(0, 0, 0, 0.8);
36339
+ --cds-skeleton-background: #292929;
36340
+ --cds-skeleton-element: #393939;
36341
+ --cds-slug-background: #c6c6c6;
36342
+ --cds-slug-background-hover: #e0e0e0;
36343
+ --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
36344
+ --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
36345
+ --cds-slug-callout-aura-end-hover-02: transparent;
36346
+ --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
36347
+ --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
36348
+ --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
36349
+ --cds-slug-callout-aura-start-hover-02: transparent;
36350
+ --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
36351
+ --cds-slug-callout-caret-bottom: #3d4655;
36352
+ --cds-slug-callout-caret-bottom-background: #213250;
36353
+ --cds-slug-callout-caret-bottom-background-actions: #192436;
36354
+ --cds-slug-callout-caret-center: #3f68af;
36355
+ --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
36356
+ --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
36357
+ --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
36358
+ --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
36359
+ --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
36360
+ --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
36361
+ --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
36362
+ --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
36363
+ --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
36364
+ --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
36365
+ --cds-slug-hollow-hover: #b5b5b5;
36366
+ --cds-support-caution-major: #ff832b;
36367
+ --cds-support-caution-minor: #f1c21b;
36368
+ --cds-support-caution-undefined: #a56eff;
36369
+ --cds-support-error: #fa4d56;
36370
+ --cds-support-error-inverse: #da1e28;
36371
+ --cds-support-info: #4589ff;
36372
+ --cds-support-info-inverse: #0043ce;
36373
+ --cds-support-success: #42be65;
36374
+ --cds-support-success-inverse: #24a148;
36375
+ --cds-support-warning: #f1c21b;
36376
+ --cds-support-warning-inverse: #f1c21b;
36377
+ --cds-text-disabled: rgba(244, 244, 244, 0.25);
36378
+ --cds-text-error: #ff8389;
36379
+ --cds-text-helper: #a8a8a8;
36380
+ --cds-text-inverse: #161616;
36381
+ --cds-text-on-color: #ffffff;
36382
+ --cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);
36383
+ --cds-text-placeholder: rgba(244, 244, 244, 0.4);
36384
+ --cds-text-primary: #f4f4f4;
36385
+ --cds-text-secondary: #c6c6c6;
36386
+ --cds-toggle-off: #6f6f6f;
36387
+ --cds-spacing-01: 0.125rem;
36388
+ --cds-spacing-02: 0.25rem;
36389
+ --cds-spacing-03: 0.5rem;
36390
+ --cds-spacing-04: 0.75rem;
36391
+ --cds-spacing-05: 1rem;
36392
+ --cds-spacing-06: 1.5rem;
36393
+ --cds-spacing-07: 2rem;
36394
+ --cds-spacing-08: 2.5rem;
36395
+ --cds-spacing-09: 3rem;
36396
+ --cds-spacing-10: 4rem;
36397
+ --cds-spacing-11: 5rem;
36398
+ --cds-spacing-12: 6rem;
36399
+ --cds-spacing-13: 10rem;
36400
+ --cds-fluid-spacing-01: 0;
36401
+ --cds-fluid-spacing-02: 2vw;
36402
+ --cds-fluid-spacing-03: 5vw;
36403
+ --cds-fluid-spacing-04: 10vw;
36404
+ --cds-caption-01-font-size: 0.75rem;
36405
+ --cds-caption-01-font-weight: 400;
36406
+ --cds-caption-01-line-height: 1.33333;
36407
+ --cds-caption-01-letter-spacing: 0.32px;
36408
+ --cds-caption-02-font-size: 0.875rem;
36409
+ --cds-caption-02-font-weight: 400;
36410
+ --cds-caption-02-line-height: 1.28572;
36411
+ --cds-caption-02-letter-spacing: 0.32px;
36412
+ --cds-label-01-font-size: 0.75rem;
36413
+ --cds-label-01-font-weight: 400;
36414
+ --cds-label-01-line-height: 1.33333;
36415
+ --cds-label-01-letter-spacing: 0.32px;
36416
+ --cds-label-02-font-size: 0.875rem;
36417
+ --cds-label-02-font-weight: 400;
36418
+ --cds-label-02-line-height: 1.28572;
36419
+ --cds-label-02-letter-spacing: 0.16px;
36420
+ --cds-helper-text-01-font-size: 0.75rem;
36421
+ --cds-helper-text-01-line-height: 1.33333;
36422
+ --cds-helper-text-01-letter-spacing: 0.32px;
36423
+ --cds-helper-text-02-font-size: 0.875rem;
36424
+ --cds-helper-text-02-font-weight: 400;
36425
+ --cds-helper-text-02-line-height: 1.28572;
36426
+ --cds-helper-text-02-letter-spacing: 0.16px;
36427
+ --cds-body-short-01-font-size: 0.875rem;
36428
+ --cds-body-short-01-font-weight: 400;
36429
+ --cds-body-short-01-line-height: 1.28572;
36430
+ --cds-body-short-01-letter-spacing: 0.16px;
36431
+ --cds-body-short-02-font-size: 1rem;
36432
+ --cds-body-short-02-font-weight: 400;
36433
+ --cds-body-short-02-line-height: 1.375;
36434
+ --cds-body-short-02-letter-spacing: 0;
36435
+ --cds-body-long-01-font-size: 0.875rem;
36436
+ --cds-body-long-01-font-weight: 400;
36437
+ --cds-body-long-01-line-height: 1.42857;
36438
+ --cds-body-long-01-letter-spacing: 0.16px;
36439
+ --cds-body-long-02-font-size: 1rem;
36440
+ --cds-body-long-02-font-weight: 400;
36441
+ --cds-body-long-02-line-height: 1.5;
36442
+ --cds-body-long-02-letter-spacing: 0;
36443
+ --cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
36444
+ --cds-code-01-font-size: 0.75rem;
36445
+ --cds-code-01-font-weight: 400;
36446
+ --cds-code-01-line-height: 1.33333;
36447
+ --cds-code-01-letter-spacing: 0.32px;
36448
+ --cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
36449
+ --cds-code-02-font-size: 0.875rem;
36450
+ --cds-code-02-font-weight: 400;
36451
+ --cds-code-02-line-height: 1.42857;
36452
+ --cds-code-02-letter-spacing: 0.32px;
36453
+ --cds-heading-01-font-size: 0.875rem;
36454
+ --cds-heading-01-font-weight: 600;
36455
+ --cds-heading-01-line-height: 1.42857;
36456
+ --cds-heading-01-letter-spacing: 0.16px;
36457
+ --cds-heading-02-font-size: 1rem;
36458
+ --cds-heading-02-font-weight: 600;
36459
+ --cds-heading-02-line-height: 1.5;
36460
+ --cds-heading-02-letter-spacing: 0;
36461
+ --cds-productive-heading-01-font-size: 0.875rem;
36462
+ --cds-productive-heading-01-font-weight: 600;
36463
+ --cds-productive-heading-01-line-height: 1.28572;
36464
+ --cds-productive-heading-01-letter-spacing: 0.16px;
36465
+ --cds-productive-heading-02-font-size: 1rem;
36466
+ --cds-productive-heading-02-font-weight: 600;
36467
+ --cds-productive-heading-02-line-height: 1.375;
36468
+ --cds-productive-heading-02-letter-spacing: 0;
36469
+ --cds-productive-heading-03-font-size: 1.25rem;
36470
+ --cds-productive-heading-03-font-weight: 400;
36471
+ --cds-productive-heading-03-line-height: 1.4;
36472
+ --cds-productive-heading-03-letter-spacing: 0;
36473
+ --cds-productive-heading-04-font-size: 1.75rem;
36474
+ --cds-productive-heading-04-font-weight: 400;
36475
+ --cds-productive-heading-04-line-height: 1.28572;
36476
+ --cds-productive-heading-04-letter-spacing: 0;
36477
+ --cds-productive-heading-05-font-size: 2rem;
36478
+ --cds-productive-heading-05-font-weight: 400;
36479
+ --cds-productive-heading-05-line-height: 1.25;
36480
+ --cds-productive-heading-05-letter-spacing: 0;
36481
+ --cds-productive-heading-06-font-size: 2.625rem;
36482
+ --cds-productive-heading-06-font-weight: 300;
36483
+ --cds-productive-heading-06-line-height: 1.199;
36484
+ --cds-productive-heading-06-letter-spacing: 0;
36485
+ --cds-productive-heading-07-font-size: 3.375rem;
36486
+ --cds-productive-heading-07-font-weight: 300;
36487
+ --cds-productive-heading-07-line-height: 1.19;
36488
+ --cds-productive-heading-07-letter-spacing: 0;
36489
+ --cds-expressive-paragraph-01-font-size: 1.5rem;
36490
+ --cds-expressive-paragraph-01-font-weight: 300;
36491
+ --cds-expressive-paragraph-01-line-height: 1.334;
36492
+ --cds-expressive-paragraph-01-letter-spacing: 0;
36493
+ --cds-expressive-heading-01-font-size: 0.875rem;
36494
+ --cds-expressive-heading-01-font-weight: 600;
36495
+ --cds-expressive-heading-01-line-height: 1.42857;
36496
+ --cds-expressive-heading-01-letter-spacing: 0.16px;
36497
+ --cds-expressive-heading-02-font-size: 1rem;
36498
+ --cds-expressive-heading-02-font-weight: 600;
36499
+ --cds-expressive-heading-02-line-height: 1.5;
36500
+ --cds-expressive-heading-02-letter-spacing: 0;
36501
+ --cds-expressive-heading-03-font-size: 1.25rem;
36502
+ --cds-expressive-heading-03-font-weight: 400;
36503
+ --cds-expressive-heading-03-line-height: 1.4;
36504
+ --cds-expressive-heading-03-letter-spacing: 0;
36505
+ --cds-expressive-heading-04-font-size: 1.75rem;
36506
+ --cds-expressive-heading-04-font-weight: 400;
36507
+ --cds-expressive-heading-04-line-height: 1.28572;
36508
+ --cds-expressive-heading-04-letter-spacing: 0;
36509
+ --cds-expressive-heading-05-font-size: 2rem;
36510
+ --cds-expressive-heading-05-font-weight: 400;
36511
+ --cds-expressive-heading-05-line-height: 1.25;
36512
+ --cds-expressive-heading-05-letter-spacing: 0;
36513
+ --cds-expressive-heading-06-font-size: 2rem;
36514
+ --cds-expressive-heading-06-font-weight: 600;
36515
+ --cds-expressive-heading-06-line-height: 1.25;
36516
+ --cds-expressive-heading-06-letter-spacing: 0;
36517
+ --cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
36518
+ --cds-quotation-01-font-size: 1.25rem;
36519
+ --cds-quotation-01-font-weight: 400;
36520
+ --cds-quotation-01-line-height: 1.3;
36521
+ --cds-quotation-01-letter-spacing: 0;
36522
+ --cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
36523
+ --cds-quotation-02-font-size: 2rem;
36524
+ --cds-quotation-02-font-weight: 300;
36525
+ --cds-quotation-02-line-height: 1.25;
36526
+ --cds-quotation-02-letter-spacing: 0;
36527
+ --cds-display-01-font-size: 2.625rem;
36528
+ --cds-display-01-font-weight: 300;
36529
+ --cds-display-01-line-height: 1.19;
36530
+ --cds-display-01-letter-spacing: 0;
36531
+ --cds-display-02-font-size: 2.625rem;
36532
+ --cds-display-02-font-weight: 600;
36533
+ --cds-display-02-line-height: 1.19;
36534
+ --cds-display-02-letter-spacing: 0;
36535
+ --cds-display-03-font-size: 2.625rem;
36536
+ --cds-display-03-font-weight: 300;
36537
+ --cds-display-03-line-height: 1.19;
36538
+ --cds-display-03-letter-spacing: 0;
36539
+ --cds-display-04-font-size: 2.625rem;
36540
+ --cds-display-04-font-weight: 300;
36541
+ --cds-display-04-line-height: 1.19;
36542
+ --cds-display-04-letter-spacing: 0;
36543
+ --cds-legal-01-font-size: 0.75rem;
36544
+ --cds-legal-01-font-weight: 400;
36545
+ --cds-legal-01-line-height: 1.33333;
36546
+ --cds-legal-01-letter-spacing: 0.32px;
36547
+ --cds-legal-02-font-size: 0.875rem;
36548
+ --cds-legal-02-font-weight: 400;
36549
+ --cds-legal-02-line-height: 1.28572;
36550
+ --cds-legal-02-letter-spacing: 0.16px;
36551
+ --cds-body-compact-01-font-size: 0.875rem;
36552
+ --cds-body-compact-01-font-weight: 400;
36553
+ --cds-body-compact-01-line-height: 1.28572;
36554
+ --cds-body-compact-01-letter-spacing: 0.16px;
36555
+ --cds-body-compact-02-font-size: 1rem;
36556
+ --cds-body-compact-02-font-weight: 400;
36557
+ --cds-body-compact-02-line-height: 1.375;
36558
+ --cds-body-compact-02-letter-spacing: 0;
36559
+ --cds-heading-compact-01-font-size: 0.875rem;
36560
+ --cds-heading-compact-01-font-weight: 600;
36561
+ --cds-heading-compact-01-line-height: 1.28572;
36562
+ --cds-heading-compact-01-letter-spacing: 0.16px;
36563
+ --cds-heading-compact-02-font-size: 1rem;
36564
+ --cds-heading-compact-02-font-weight: 600;
36565
+ --cds-heading-compact-02-line-height: 1.375;
36566
+ --cds-heading-compact-02-letter-spacing: 0;
36567
+ --cds-body-01-font-size: 0.875rem;
36568
+ --cds-body-01-font-weight: 400;
36569
+ --cds-body-01-line-height: 1.42857;
36570
+ --cds-body-01-letter-spacing: 0.16px;
36571
+ --cds-body-02-font-size: 1rem;
36572
+ --cds-body-02-font-weight: 400;
36573
+ --cds-body-02-line-height: 1.5;
36574
+ --cds-body-02-letter-spacing: 0;
36575
+ --cds-heading-03-font-size: 1.25rem;
36576
+ --cds-heading-03-font-weight: 400;
36577
+ --cds-heading-03-line-height: 1.4;
36578
+ --cds-heading-03-letter-spacing: 0;
36579
+ --cds-heading-04-font-size: 1.75rem;
36580
+ --cds-heading-04-font-weight: 400;
36581
+ --cds-heading-04-line-height: 1.28572;
36582
+ --cds-heading-04-letter-spacing: 0;
36583
+ --cds-heading-05-font-size: 2rem;
36584
+ --cds-heading-05-font-weight: 400;
36585
+ --cds-heading-05-line-height: 1.25;
36586
+ --cds-heading-05-letter-spacing: 0;
36587
+ --cds-heading-06-font-size: 2.625rem;
36588
+ --cds-heading-06-font-weight: 300;
36589
+ --cds-heading-06-line-height: 1.199;
36590
+ --cds-heading-06-letter-spacing: 0;
36591
+ --cds-heading-07-font-size: 3.375rem;
36592
+ --cds-heading-07-font-weight: 300;
36593
+ --cds-heading-07-line-height: 1.19;
36594
+ --cds-heading-07-letter-spacing: 0;
36595
+ --cds-fluid-heading-03-font-size: 1.25rem;
36596
+ --cds-fluid-heading-03-font-weight: 400;
36597
+ --cds-fluid-heading-03-line-height: 1.4;
36598
+ --cds-fluid-heading-03-letter-spacing: 0;
36599
+ --cds-fluid-heading-04-font-size: 1.75rem;
36600
+ --cds-fluid-heading-04-font-weight: 400;
36601
+ --cds-fluid-heading-04-line-height: 1.28572;
36602
+ --cds-fluid-heading-04-letter-spacing: 0;
36603
+ --cds-fluid-heading-05-font-size: 2rem;
36604
+ --cds-fluid-heading-05-font-weight: 400;
36605
+ --cds-fluid-heading-05-line-height: 1.25;
36606
+ --cds-fluid-heading-05-letter-spacing: 0;
36607
+ --cds-fluid-heading-06-font-size: 2rem;
36608
+ --cds-fluid-heading-06-font-weight: 600;
36609
+ --cds-fluid-heading-06-line-height: 1.25;
36610
+ --cds-fluid-heading-06-letter-spacing: 0;
36611
+ --cds-fluid-paragraph-01-font-size: 1.5rem;
36612
+ --cds-fluid-paragraph-01-font-weight: 300;
36613
+ --cds-fluid-paragraph-01-line-height: 1.334;
36614
+ --cds-fluid-paragraph-01-letter-spacing: 0;
36615
+ --cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
36616
+ --cds-fluid-quotation-01-font-size: 1.25rem;
36617
+ --cds-fluid-quotation-01-font-weight: 400;
36618
+ --cds-fluid-quotation-01-line-height: 1.3;
36619
+ --cds-fluid-quotation-01-letter-spacing: 0;
36620
+ --cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
36621
+ --cds-fluid-quotation-02-font-size: 2rem;
36622
+ --cds-fluid-quotation-02-font-weight: 300;
36623
+ --cds-fluid-quotation-02-line-height: 1.25;
36624
+ --cds-fluid-quotation-02-letter-spacing: 0;
36625
+ --cds-fluid-display-01-font-size: 2.625rem;
36626
+ --cds-fluid-display-01-font-weight: 300;
36627
+ --cds-fluid-display-01-line-height: 1.19;
36628
+ --cds-fluid-display-01-letter-spacing: 0;
36629
+ --cds-fluid-display-02-font-size: 2.625rem;
36630
+ --cds-fluid-display-02-font-weight: 600;
36631
+ --cds-fluid-display-02-line-height: 1.19;
36632
+ --cds-fluid-display-02-letter-spacing: 0;
36633
+ --cds-fluid-display-03-font-size: 2.625rem;
36634
+ --cds-fluid-display-03-font-weight: 300;
36635
+ --cds-fluid-display-03-line-height: 1.19;
36636
+ --cds-fluid-display-03-letter-spacing: 0;
36637
+ --cds-fluid-display-04-font-size: 2.625rem;
36638
+ --cds-fluid-display-04-font-weight: 300;
36639
+ --cds-fluid-display-04-line-height: 1.19;
36640
+ --cds-fluid-display-04-letter-spacing: 0;
36641
+ --cds-true: ;
36642
+ --cds-button-separator: #161616;
36643
+ --cds-button-primary: #0f62fe;
36644
+ --cds-button-secondary: #6f6f6f;
36645
+ --cds-button-tertiary: #ffffff;
36646
+ --cds-button-danger-primary: #da1e28;
36647
+ --cds-button-danger-secondary: #fa4d56;
36648
+ --cds-button-danger-active: #750e13;
36649
+ --cds-button-primary-active: #002d9c;
36650
+ --cds-button-secondary-active: #393939;
36651
+ --cds-button-tertiary-active: #c6c6c6;
36652
+ --cds-button-danger-hover: #b81921;
36653
+ --cds-button-primary-hover: #0050e6;
36654
+ --cds-button-secondary-hover: #5e5e5e;
36655
+ --cds-button-tertiary-hover: #f4f4f4;
36656
+ --cds-button-disabled: rgba(141, 141, 141, 0.3);
36657
+ --cds-tag-background-red: #a2191f;
36658
+ --cds-tag-color-red: #ffd7d9;
36659
+ --cds-tag-hover-red: #c21e25;
36660
+ --cds-tag-background-magenta: #9f1853;
36661
+ --cds-tag-color-magenta: #ffd6e8;
36662
+ --cds-tag-hover-magenta: #bf1d63;
36663
+ --cds-tag-background-purple: #6929c4;
36664
+ --cds-tag-color-purple: #e8daff;
36665
+ --cds-tag-hover-purple: #7c3dd6;
36666
+ --cds-tag-background-blue: #0043ce;
36667
+ --cds-tag-color-blue: #d0e2ff;
36668
+ --cds-tag-hover-blue: #0053ff;
36669
+ --cds-tag-background-cyan: #00539a;
36670
+ --cds-tag-color-cyan: #bae6ff;
36671
+ --cds-tag-hover-cyan: #0066bd;
36672
+ --cds-tag-background-teal: #005d5d;
36673
+ --cds-tag-color-teal: #9ef0f0;
36674
+ --cds-tag-hover-teal: #007070;
36675
+ --cds-tag-background-green: #0e6027;
36676
+ --cds-tag-color-green: #a7f0ba;
36677
+ --cds-tag-hover-green: #11742f;
36678
+ --cds-tag-background-gray: #525252;
36679
+ --cds-tag-color-gray: #e0e0e0;
36680
+ --cds-tag-hover-gray: #636363;
36681
+ --cds-tag-background-cool-gray: #4d5358;
36682
+ --cds-tag-color-cool-gray: #dde1e6;
36683
+ --cds-tag-hover-cool-gray: #5d646a;
36684
+ --cds-tag-background-warm-gray: #565151;
36685
+ --cds-tag-color-warm-gray: #e5e0df;
36686
+ --cds-tag-hover-warm-gray: #696363;
36687
+ --cds-notification-background-error: #262626;
36688
+ --cds-notification-background-success: #262626;
36689
+ --cds-notification-background-info: #262626;
36690
+ --cds-notification-background-warning: #262626;
36691
+ --cds-notification-action-hover: var(--cds-layer-hover);
36692
+ --cds-notification-action-tertiary-inverse: #0f62fe;
36693
+ --cds-notification-action-tertiary-inverse-active: #002d9c;
36694
+ --cds-notification-action-tertiary-inverse-hover: #0050e6;
36695
+ --cds-notification-action-tertiary-inverse-text: #ffffff;
36696
+ --cds-notification-action-tertiary-inverse-text-on-color-disabled: #8d8d8d;
36697
+ --cds-layer: var(--cds-layer-01, #f4f4f4);
36698
+ --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
36699
+ --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
36700
+ --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
36701
+ --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
36702
+ --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
36703
+ --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
36704
+ --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
36705
+ --cds-field: var(--cds-field-01, #f4f4f4);
36706
+ --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
36707
+ --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
36708
+ --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
36709
+ --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
36710
+ --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
36711
+ }
36712
+
36713
+ .c4p--decorator {
36714
+ display: inline-flex;
36715
+ max-width: 100%;
36716
+ align-items: normal;
36717
+ border-radius: 6rem;
36718
+ }
36719
+
36720
+ .c4p--decorator .c4p--decorator__label {
36721
+ font-size: var(--cds-label-01-font-size, 0.75rem);
36722
+ font-weight: var(--cds-label-01-font-weight, 400);
36723
+ line-height: var(--cds-label-01-line-height, 1.33333);
36724
+ letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
36725
+ position: relative;
36726
+ display: inline-flex;
36727
+ height: 1.5rem;
36728
+ align-items: normal;
36729
+ padding: 0 0.5rem;
36730
+ border-width: 0.0625rem 0 0.0625rem 0.0625rem;
36731
+ border-style: solid;
36732
+ border-color: var(--cds-border-subtle-02, #e0e0e0);
36733
+ border-radius: 6rem 0 0 6rem;
36734
+ background-color: var(--cds-layer-01, #f4f4f4);
36735
+ color: var(--cds-text-secondary, #525252);
36736
+ line-height: 1.8;
36737
+ }
36738
+
36739
+ .c4p--decorator .c4p--decorator__value {
36740
+ font-size: var(--cds-label-01-font-size, 0.75rem);
36741
+ font-weight: var(--cds-label-01-font-weight, 400);
36742
+ line-height: var(--cds-label-01-line-height, 1.33333);
36743
+ letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
36744
+ position: relative;
36745
+ display: inline-flex;
36746
+ overflow: hidden;
36747
+ height: 1.5rem;
36748
+ align-items: normal;
36749
+ padding: 0 0.5rem;
36750
+ border-width: 0.0625rem 0.0625rem 0.0625rem 0;
36751
+ border-style: solid;
36752
+ border-color: var(--cds-border-subtle-02, #e0e0e0);
36753
+ border-radius: 0 6rem 6rem 0;
36754
+ background-color: var(--cds-layer-01, #f4f4f4);
36755
+ color: var(--cds-text-primary, #161616);
36756
+ line-height: 1.8;
36757
+ }
36758
+
36759
+ .c4p--decorator .c4p--decorator-icon {
36760
+ margin-top: 0.1875rem;
36761
+ margin-right: 0.25rem;
36762
+ }
36763
+
36764
+ .c4p--decorator--default .c4p--decorator__value::after {
36765
+ position: absolute;
36766
+ top: 0;
36767
+ bottom: 0;
36768
+ left: 0;
36769
+ border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
36770
+ content: "";
36771
+ }
36772
+
36773
+ .c4p--decorator--link {
36774
+ cursor: pointer;
36775
+ text-decoration: none;
36776
+ }
36777
+
36778
+ .c4p--decorator--link .c4p--decorator__label {
36779
+ background-color: var(--cds-layer-02, #ffffff);
36780
+ }
36781
+
36782
+ .c4p--decorator--link .c4p--decorator__value {
36783
+ background-color: var(--cds-layer-02, #ffffff);
36784
+ color: var(--cds-link-primary, #0f62fe);
36785
+ }
36786
+ .c4p--decorator--link .c4p--decorator__value::after {
36787
+ position: absolute;
36788
+ top: 0;
36789
+ bottom: 0;
36790
+ left: 0;
36791
+ border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
36792
+ content: "";
36793
+ }
36794
+
36795
+ .c4p--decorator--link:hover .c4p--decorator__value {
36796
+ color: var(--cds-link-primary-hover, #0043ce);
36797
+ text-decoration: underline;
36798
+ }
36799
+
36800
+ .c4p--decorator--link:focus {
36801
+ text-decoration: none;
36802
+ }
36803
+
36804
+ .c4p--decorator--link:focus .c4p--decorator__value {
36805
+ border-color: var(--cds-focus, #0f62fe);
36806
+ }
36807
+ .c4p--decorator--link:focus .c4p--decorator__value::after {
36808
+ position: absolute;
36809
+ top: 0;
36810
+ bottom: 0;
36811
+ left: 0;
36812
+ border-left: 1px solid var(--cds-focus, #0f62fe);
36813
+ content: "";
36814
+ }
36815
+
36816
+ .c4p--decorator--link:active .c4p--decorator__value {
36817
+ color: var(--cds-text-primary, #161616);
36818
+ }
36819
+
36820
+ .c4p--decorator--button:not(.c4p--decorator-disabled) {
36821
+ display: flex;
36822
+ padding: 0;
36823
+ border: 0;
36824
+ cursor: pointer;
36825
+ }
36826
+
36827
+ .c4p--decorator--button:not(.c4p--decorator-disabled) .c4p--decorator__label {
36828
+ background-color: var(--cds-layer-02, #ffffff);
36829
+ }
36830
+
36831
+ .c4p--decorator--button:not(.c4p--decorator-disabled) .c4p--decorator__value {
36832
+ background-color: var(--cds-layer-02, #ffffff);
36833
+ }
36834
+ .c4p--decorator--button:not(.c4p--decorator-disabled) .c4p--decorator__value::after {
36835
+ position: absolute;
36836
+ top: 0;
36837
+ bottom: 0;
36838
+ left: 0;
36839
+ border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
36840
+ content: "";
36841
+ }
36842
+
36843
+ .c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator__label {
36844
+ border-color: var(--cds-border-strong);
36845
+ background-color: var(--cds-layer-hover-02, #e8e8e8);
36846
+ }
36847
+
36848
+ .c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator__value {
36849
+ border-color: var(--cds-border-strong);
36850
+ background-color: var(--cds-layer-hover-02, #e8e8e8);
36851
+ }
36852
+ .c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator__value::after {
36853
+ position: absolute;
36854
+ top: 0;
36855
+ bottom: 0;
36856
+ left: 0;
36857
+ border-left: 1px solid var(--cds-border-strong);
36858
+ content: "";
36859
+ }
36860
+
36861
+ .c4p--decorator--button:not(.c4p--decorator-disabled):focus {
36862
+ outline: none;
36863
+ }
36864
+
36865
+ .c4p--decorator--button:not(.c4p--decorator-disabled):focus .c4p--decorator__label {
36866
+ border-color: var(--cds-focus, #0f62fe);
36867
+ background-color: var(--cds-layer-02, #ffffff);
36868
+ }
36869
+
36870
+ .c4p--decorator--button:not(.c4p--decorator-disabled):focus .c4p--decorator__value {
36871
+ border-color: var(--cds-focus, #0f62fe);
36872
+ background-color: var(--cds-layer-02, #ffffff);
36873
+ }
36874
+ .c4p--decorator--button:not(.c4p--decorator-disabled):focus .c4p--decorator__value::after {
36875
+ position: absolute;
36876
+ top: 0;
36877
+ bottom: 0;
36878
+ left: 0;
36879
+ border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
36880
+ content: "";
36881
+ }
36882
+
36883
+ .c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator__label {
36884
+ background-color: var(--cds-layer-selected-02, #e0e0e0);
36885
+ }
36886
+
36887
+ .c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator__value {
36888
+ background-color: var(--cds-layer-selected-02, #e0e0e0);
36889
+ }
36890
+ .c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator__value::after {
36891
+ position: absolute;
36892
+ top: 0;
36893
+ bottom: 0;
36894
+ left: 0;
36895
+ border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
36896
+ content: "";
36897
+ }
36898
+
36899
+ .c4p--decorator--button.c4p--decorator-disabled {
36900
+ padding: 0;
36901
+ border: 0;
36902
+ cursor: not-allowed;
36903
+ }
36904
+
36905
+ .c4p--decorator--button.c4p--decorator-disabled .c4p--decorator__label {
36906
+ background-color: var(--cds-layer-02, #ffffff);
36907
+ color: var(--cds-icon-on-color-disabled, #8d8d8d);
36908
+ }
36909
+
36910
+ .c4p--decorator--button.c4p--decorator-disabled .c4p--decorator__value {
36911
+ background-color: var(--cds-layer-02, #ffffff);
36912
+ color: var(--cds-icon-on-color-disabled, #8d8d8d);
36913
+ }
36914
+ .c4p--decorator--button.c4p--decorator-disabled .c4p--decorator__value::after {
36915
+ position: absolute;
36916
+ top: 0;
36917
+ bottom: 0;
36918
+ left: 0;
36919
+ border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
36920
+ content: "";
36921
+ }
36922
+
36923
+ .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label {
36924
+ background-color: var(--cds-layer-02, #ffffff);
36925
+ cursor: pointer;
36926
+ }
36927
+
36928
+ .c4p--decorator--buttons:not(.c4p--decorator-disabled):not(:hover) .c4p--decorator__value::after {
36929
+ position: absolute;
36930
+ top: 0;
36931
+ bottom: 0;
36932
+ left: 0;
36933
+ border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
36934
+ content: "";
36935
+ }
36936
+
36937
+ .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value {
36938
+ background-color: var(--cds-layer-02, #ffffff);
36939
+ cursor: pointer;
36940
+ }
36941
+
36942
+ .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:hover {
36943
+ border-color: var(--cds-border-strong);
36944
+ background-color: var(--cds-layer-hover-02, #e8e8e8);
36945
+ }
36946
+ .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:hover::after {
36947
+ position: absolute;
36948
+ z-index: 1;
36949
+ top: -1px;
36950
+ right: -1px;
36951
+ bottom: -1px;
36952
+ border-right: 1px solid var(--cds-border-strong);
36953
+ content: "";
36954
+ }
36955
+
36956
+ .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:hover {
36957
+ border-color: var(--cds-border-strong);
36958
+ background-color: var(--cds-layer-hover-02, #e8e8e8);
36959
+ }
36960
+ .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:hover::after {
36961
+ position: absolute;
36962
+ top: 0;
36963
+ bottom: 0;
36964
+ left: 0;
36965
+ border-left: 1px solid var(--cds-border-strong);
36966
+ content: "";
36967
+ }
36968
+
36969
+ .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:focus {
36970
+ border-color: var(--cds-focus, #0f62fe);
36971
+ outline: none;
36972
+ }
36973
+ .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:focus::after {
36974
+ position: absolute;
36975
+ z-index: 1;
36976
+ top: -1px;
36977
+ right: -1px;
36978
+ bottom: -1px;
36979
+ border-right: 1px solid var(--cds-focus, #0f62fe);
36980
+ content: "";
36981
+ }
36982
+
36983
+ .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:focus {
36984
+ border-color: var(--cds-focus, #0f62fe);
36985
+ outline: none;
36986
+ }
36987
+ .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:focus::after {
36988
+ position: absolute;
36989
+ top: 0;
36990
+ bottom: 0;
36991
+ left: 0;
36992
+ border-left: 1px solid var(--cds-focus, #0f62fe);
36993
+ content: "";
36994
+ }
36995
+
36996
+ .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:active {
36997
+ background-color: var(--cds-layer-hover-02, #e8e8e8);
36998
+ }
36999
+
37000
+ .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:active {
37001
+ background-color: var(--cds-layer-hover-02, #e8e8e8);
37002
+ }
37003
+
37004
+ .c4p--decorator--buttons.c4p--decorator-disabled .c4p--decorator__label {
37005
+ background-color: var(--cds-layer-02, #ffffff);
37006
+ color: var(--cds-icon-on-color-disabled, #8d8d8d);
37007
+ }
37008
+
37009
+ .c4p--decorator--buttons.c4p--decorator-disabled .c4p--decorator__value {
37010
+ background-color: var(--cds-layer-02, #ffffff);
37011
+ color: var(--cds-icon-on-color-disabled, #8d8d8d);
37012
+ }
37013
+ .c4p--decorator--buttons.c4p--decorator-disabled .c4p--decorator__value::after {
37014
+ position: absolute;
37015
+ top: 0;
37016
+ bottom: 0;
37017
+ left: 0;
37018
+ border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
37019
+ content: "";
37020
+ }
37021
+
37022
+ .c4p--decorator--sm .c4p--decorator__label {
37023
+ height: 1.125rem;
37024
+ padding: 0 0.25rem 0 0.5rem;
37025
+ line-height: 1.333;
37026
+ }
37027
+
37028
+ .c4p--decorator--sm .c4p--decorator__value {
37029
+ height: 1.125rem;
37030
+ padding: 0 0.5rem 0 calc(0.25rem + 1px);
37031
+ line-height: 1.333;
37032
+ }
37033
+
37034
+ .c4p--decorator--truncate-end .c4p--decorator__value {
37035
+ display: inline;
37036
+ overflow: hidden;
37037
+ text-overflow: ellipsis;
37038
+ white-space: nowrap;
37039
+ }
37040
+
37041
+ .c4p--decorator--truncate-start .c4p--decorator__value {
37042
+ display: inline;
37043
+ overflow: hidden;
37044
+ direction: rtl;
37045
+ text-overflow: ellipsis;
37046
+ white-space: nowrap;
37047
+ }
37048
+
37049
+ .c4p--decorator-icon__magnitude-unknown {
37050
+ fill: var(--cds-icon-secondary, #525252);
37051
+ }
37052
+
37053
+ .c4p--decorator-icon__magnitude-benign {
37054
+ fill: #007d79;
37055
+ }
37056
+
37057
+ .c4p--decorator-icon__magnitude-low {
37058
+ fill: var(--cds-support-warning, #f1c21b);
37059
+ }
37060
+
37061
+ .c4p--decorator-icon__magnitude-medium {
37062
+ fill: #ff832b;
37063
+ }
37064
+
37065
+ .c4p--decorator-icon__magnitude-high {
37066
+ fill: var(--cds-support-error, #da1e28);
37067
+ }
37068
+
37069
+ .c4p--decorator-icon__magnitude-critical {
37070
+ fill: var(--cds-support-error, #da1e28);
37071
+ }
37072
+
37073
+ .c4p--decorator-disabled svg {
37074
+ fill: var(--cds-icon-on-color-disabled, #8d8d8d);
37075
+ }
37076
+
37077
+ .c4p--decorator .c4p--decorator-icon--sm {
37078
+ width: 0.75rem;
37079
+ height: 0.75rem;
37080
+ margin-top: 0.15625rem;
37081
+ }
37082
+
37083
+ .c4p--decorator--light.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:hover .c4p--decorator-icon__magnitude-low, .c4p--decorator--light.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:active .c4p--decorator-icon__magnitude-low {
37084
+ stroke: #8e6a00;
37085
+ stroke-width: 1px;
37086
+ }
37087
+ .c4p--decorator--light.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:hover .c4p--decorator-icon__magnitude-medium path:first-child, .c4p--decorator--light.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:active .c4p--decorator-icon__magnitude-medium path:first-child {
37088
+ fill: #ba4e00;
37089
+ }
37090
+
37091
+ .c4p--decorator--dark.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:hover .c4p--decorator-icon__magnitude-high path:first-child, .c4p--decorator--dark.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:active .c4p--decorator-icon__magnitude-high path:first-child {
37092
+ fill: #ff8389;
37093
+ }
37094
+ .c4p--decorator--dark.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:hover .c4p--decorator-icon__magnitude-critical, .c4p--decorator--dark.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:active .c4p--decorator-icon__magnitude-critical {
37095
+ stroke: #ff8389;
37096
+ stroke-width: 0.03125rem;
37097
+ }
37098
+
37099
+ .c4p--decorator--light.c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator-icon__magnitude-low, .c4p--decorator--light.c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator-icon__magnitude-low {
37100
+ stroke: #8e6a00;
37101
+ stroke-width: 1px;
37102
+ }
37103
+ .c4p--decorator--light.c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator-icon__magnitude-medium path:first-child, .c4p--decorator--light.c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator-icon__magnitude-medium path:first-child {
37104
+ fill: #ba4e00;
37105
+ }
37106
+
37107
+ .c4p--decorator--dark.c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator-icon__magnitude-high path:first-child, .c4p--decorator--dark.c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator-icon__magnitude-high path:first-child {
37108
+ fill: #ff8389;
37109
+ }
37110
+ .c4p--decorator--dark.c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator-icon__magnitude-critical, .c4p--decorator--dark.c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator-icon__magnitude-critical {
37111
+ stroke: #ff8389;
37112
+ stroke-width: 0.03125rem;
37113
+ }
37114
+
35713
37115
  .c4p--description-list .cds--structured-list {
35714
37116
  margin-bottom: 2rem;
35715
37117
  }