@carbon/ibm-products 1.47.0 → 1.48.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (51) hide show
  1. package/css/index-full-carbon.css +1387 -24
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +4 -4
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +1 -11
  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 +1387 -24
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +4 -4
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +1387 -24
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +4 -4
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/AddSelect/AddSelectBreadcrumbs.js +6 -4
  18. package/es/components/AddSelect/AddSelectList.js +15 -26
  19. package/es/components/CreateFullPage/CreateFullPage.js +3 -2
  20. package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -1
  21. package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +14 -5
  22. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +7 -1
  23. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +0 -6
  24. package/es/components/Datagrid/useSortableColumns.js +20 -4
  25. package/es/components/NonLinearReading/NonLinearReading.js +87 -0
  26. package/es/components/NonLinearReading/index.js +8 -0
  27. package/es/components/SidePanel/SidePanel.js +2 -3
  28. package/es/components/index.js +2 -1
  29. package/es/global/js/package-settings.js +3 -1
  30. package/lib/components/AddSelect/AddSelectBreadcrumbs.js +6 -4
  31. package/lib/components/AddSelect/AddSelectList.js +14 -25
  32. package/lib/components/CreateFullPage/CreateFullPage.js +2 -1
  33. package/lib/components/Datagrid/Datagrid/DatagridContent.js +1 -1
  34. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +13 -4
  35. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +7 -1
  36. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +0 -6
  37. package/lib/components/Datagrid/useSortableColumns.js +20 -4
  38. package/lib/components/NonLinearReading/NonLinearReading.js +90 -0
  39. package/lib/components/NonLinearReading/index.js +12 -0
  40. package/lib/components/SidePanel/SidePanel.js +1 -2
  41. package/lib/components/index.js +8 -1
  42. package/lib/global/js/package-settings.js +3 -1
  43. package/package.json +2 -2
  44. package/scss/components/AddSelect/_add-select.scss +0 -10
  45. package/scss/components/Datagrid/styles/_datagrid.scss +4 -0
  46. package/scss/components/Datagrid/styles/_useSortableColumns.scss +8 -4
  47. package/scss/components/NonLinearReading/_index.scss +8 -0
  48. package/scss/components/NonLinearReading/_non-linear-reading.scss +157 -0
  49. package/scss/components/NonLinearReading/_storybook-styles.scss +13 -0
  50. package/scss/components/SidePanel/_side-panel.scss +5 -14
  51. package/scss/components/_index.scss +1 -0
@@ -1106,17 +1106,7 @@
1106
1106
  background-color: var(--cds-ui-01, #f4f4f4);
1107
1107
  transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
1108
1108
  }
1109
- .c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button {
1110
- min-width: 2rem;
1111
- }
1112
- .c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button.c4p--side-panel__action-toolbar-icon-only-button {
1113
- padding: 0;
1114
- color: var(--cds-text-01, #161616);
1115
- }
1116
- .c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button.c4p--side-panel__action-toolbar-icon-only-button svg {
1117
- margin-left: var(--cds-spacing-03, 0.5rem);
1118
- }
1119
- .c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button.c4p--side-panel__action-toolbar-leading-button {
1109
+ .c4p--side-panel__container .c4p--side-panel__action-toolbar-leading-button {
1120
1110
  margin-right: var(--cds-spacing-03, 0.5rem);
1121
1111
  }
1122
1112
  .c4p--side-panel__container .bx--btn.c4p--side-panel__navigation-back-button {
@@ -2386,13 +2376,6 @@
2386
2376
  flex-direction: column;
2387
2377
  justify-content: center;
2388
2378
  }
2389
- .c4p--add-select__selections-cell:hover .c4p--add-select__selections-hidden-hover,
2390
- .c4p--add-select__selections .bx--structured-list-row:focus-within .c4p--add-select__selections-hidden-hover {
2391
- visibility: visible;
2392
- }
2393
- .c4p--add-select__selections-hidden-hover {
2394
- visibility: hidden;
2395
- }
2396
2379
  .c4p--add-select__selections-row--selected.bx--structured-list-row {
2397
2380
  border-bottom: 1px solid var(--cds-selected-ui, #e0e0e0);
2398
2381
  background-color: var(--cds-selected-ui, #e0e0e0);
@@ -7118,6 +7101,10 @@ button.c4p--add-select__global-filter-toggle--open {
7118
7101
  padding: 0 var(--cds-spacing-03, 0.5rem);
7119
7102
  }
7120
7103
 
7104
+ .c4p--datagrid .c4p--datagrid__head-wrap {
7105
+ background-color: var(--cds-ui-03, #e0e0e0);
7106
+ }
7107
+
7121
7108
  /*
7122
7109
  * Licensed Materials - Property of IBM
7123
7110
  * 5724-Q36
@@ -7213,7 +7200,7 @@ button.c4p--add-select__global-filter-toggle--open {
7213
7200
  }
7214
7201
  .c4p--datagrid__sortableColumn .bx--table-header-label .bx--table-sort:focus,
7215
7202
  .c4p--datagrid__sortableColumn .bx--table-header-label .bx--table-sort:active,
7216
- .c4p--datagrid__sortableColumn .bx--table-header-label .bx--table-sort:focus svg {
7203
+ .c4p--datagrid__sortableColumn .bx--table-header-label .bx--table-sort:focus .c4p--datagrid__sortable-icon {
7217
7204
  /* stylelint-disable-next-line declaration-no-important */
7218
7205
  background: none !important;
7219
7206
  /* stylelint-disable-next-line declaration-no-important */
@@ -7234,7 +7221,7 @@ button.c4p--add-select__global-filter-toggle--open {
7234
7221
  color: var(--cds-text-01, #161616) !important;
7235
7222
  font: inherit;
7236
7223
  }
7237
- .c4p--datagrid__sortableColumn .bx--table-header-label .bx--table-sort svg {
7224
+ .c4p--datagrid__sortableColumn .bx--table-header-label .bx--table-sort .c4p--datagrid__sortable-icon {
7238
7225
  fill: var(--cds-text-01, #161616);
7239
7226
  opacity: 0;
7240
7227
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
@@ -7245,14 +7232,14 @@ button.c4p--add-select__global-filter-toggle--open {
7245
7232
  margin: 0 calc(-1 * var(--cds-spacing-05, 1rem));
7246
7233
  }
7247
7234
 
7248
- .c4p--datagrid__sortableColumn:hover .bx--table-header-label svg,
7249
- .c4p--datagrid__sortableColumn:focus-within .bx--table-header-label svg,
7250
- .c4p--datagrid__sortableColumn.c4p--datagrid__isSorted .bx--table-header-label svg {
7235
+ .c4p--datagrid__sortableColumn:hover .bx--table-header-label .c4p--datagrid__sortable-icon,
7236
+ .c4p--datagrid__sortableColumn:focus-within .bx--table-header-label .c4p--datagrid__sortable-icon,
7237
+ .c4p--datagrid__sortableColumn.c4p--datagrid__isSorted .bx--table-header-label .c4p--datagrid__sortable-icon {
7251
7238
  opacity: 1;
7252
7239
  visibility: visible;
7253
7240
  }
7254
7241
 
7255
- .c4p--datagrid__sortableColumn .c4p--datagrid--table-sort--desc svg {
7242
+ .c4p--datagrid__sortableColumn .c4p--datagrid--table-sort--desc .c4p--datagrid__sortable-icon {
7256
7243
  transform: rotate(180deg);
7257
7244
  }
7258
7245
 
@@ -8670,4 +8657,1380 @@ th.c4p--datagrid__select-all-toggle-on.button {
8670
8657
  outline: none;
8671
8658
  }
8672
8659
 
8660
+ @keyframes fade {
8661
+ 0% {
8662
+ opacity: 0;
8663
+ }
8664
+ 15% {
8665
+ opacity: 0;
8666
+ }
8667
+ 100% {
8668
+ opacity: 1;
8669
+ }
8670
+ }
8671
+ .c4p--non-linear-reading__term-light--closed {
8672
+ padding: 0.0625rem var(--cds-spacing-03, 0.5rem) 0.0625rem var(--cds-spacing-03, 0.5rem);
8673
+ border: none;
8674
+ border-radius: var(--cds-spacing-04, 0.75rem);
8675
+ background-color: var(--cds-interactive-02, #393939);
8676
+ white-space: nowrap;
8677
+ background-color: var(--cds-interactive-02, #393939);
8678
+ color: var(--cds-inverse-01, #ffffff);
8679
+ }
8680
+ .c4p--non-linear-reading__term-light--closed:hover {
8681
+ background-color: var(--cds-hover-secondary, #4c4c4c);
8682
+ cursor: pointer;
8683
+ }
8684
+ .c4p--non-linear-reading__term-light--closed:hover {
8685
+ background-color: var(--cds-hover-secondary, #4c4c4c);
8686
+ }
8687
+ .c4p--non-linear-reading__term-light--open {
8688
+ padding: 0.0625rem var(--cds-spacing-03, 0.5rem) 0.0625rem var(--cds-spacing-03, 0.5rem);
8689
+ border: none;
8690
+ border-radius: var(--cds-spacing-04, 0.75rem);
8691
+ background-color: var(--cds-interactive-02, #393939);
8692
+ white-space: nowrap;
8693
+ padding-right: 0;
8694
+ background-color: #e8daff;
8695
+ color: var(--cds-text-01, #161616);
8696
+ }
8697
+ .c4p--non-linear-reading__term-light--open:hover {
8698
+ background-color: var(--cds-hover-secondary, #4c4c4c);
8699
+ cursor: pointer;
8700
+ }
8701
+ .c4p--non-linear-reading__term-light--open svg {
8702
+ padding-top: 0.0625rem;
8703
+ margin: 0 var(--cds-spacing-02, 0.25rem) 0 var(--cds-spacing-01, 0.125rem);
8704
+ vertical-align: text-top;
8705
+ }
8706
+ .c4p--non-linear-reading__term-light--open:hover {
8707
+ background-color: #dcc7ff;
8708
+ }
8709
+ .c4p--non-linear-reading__term-dark--closed {
8710
+ --cds-interactive-01: #0f62fe;
8711
+ --cds-interactive-02: #6f6f6f;
8712
+ --cds-interactive-03: #ffffff;
8713
+ --cds-interactive-04: #4589ff;
8714
+ --cds-ui-background: #161616;
8715
+ --cds-ui-01: #262626;
8716
+ --cds-ui-02: #393939;
8717
+ --cds-ui-03: #393939;
8718
+ --cds-ui-04: #6f6f6f;
8719
+ --cds-ui-05: #f4f4f4;
8720
+ --cds-text-01: #f4f4f4;
8721
+ --cds-text-02: #c6c6c6;
8722
+ --cds-text-03: #6f6f6f;
8723
+ --cds-text-04: #ffffff;
8724
+ --cds-text-05: #8d8d8d;
8725
+ --cds-text-error: #ff8389;
8726
+ --cds-icon-01: #f4f4f4;
8727
+ --cds-icon-02: #c6c6c6;
8728
+ --cds-icon-03: #ffffff;
8729
+ --cds-link-01: #78a9ff;
8730
+ --cds-link-02: #a6c8ff;
8731
+ --cds-inverse-link: #0f62fe;
8732
+ --cds-field-01: #262626;
8733
+ --cds-field-02: #393939;
8734
+ --cds-inverse-01: #161616;
8735
+ --cds-inverse-02: #f4f4f4;
8736
+ --cds-support-01: #fa4d56;
8737
+ --cds-support-02: #42be65;
8738
+ --cds-support-03: #f1c21b;
8739
+ --cds-support-04: #4589ff;
8740
+ --cds-inverse-support-01: #da1e28;
8741
+ --cds-inverse-support-02: #24a148;
8742
+ --cds-inverse-support-03: #f1c21b;
8743
+ --cds-inverse-support-04: #0f62fe;
8744
+ --cds-overlay-01: rgba(0, 0, 0, 0.65);
8745
+ --cds-danger-01: #da1e28;
8746
+ --cds-danger-02: #fa4d56;
8747
+ --cds-focus: #ffffff;
8748
+ --cds-inverse-focus-ui: #0f62fe;
8749
+ --cds-hover-primary: #0353e9;
8750
+ --cds-active-primary: #002d9c;
8751
+ --cds-hover-primary-text: #a6c8ff;
8752
+ --cds-hover-secondary: #606060;
8753
+ --cds-active-secondary: #393939;
8754
+ --cds-hover-tertiary: #f4f4f4;
8755
+ --cds-active-tertiary: #c6c6c6;
8756
+ --cds-hover-ui: #353535;
8757
+ --cds-hover-light-ui: #4c4c4c;
8758
+ --cds-hover-selected-ui: #4c4c4c;
8759
+ --cds-active-ui: #525252;
8760
+ --cds-active-light-ui: #6f6f6f;
8761
+ --cds-selected-ui: #393939;
8762
+ --cds-selected-light-ui: #525252;
8763
+ --cds-inverse-hover-ui: #e5e5e5;
8764
+ --cds-hover-danger: #b81921;
8765
+ --cds-active-danger: #750e13;
8766
+ --cds-hover-row: #353535;
8767
+ --cds-visited-link: #be95ff;
8768
+ --cds-disabled-01: #262626;
8769
+ --cds-disabled-02: #525252;
8770
+ --cds-disabled-03: #8d8d8d;
8771
+ --cds-highlight: #002d9c;
8772
+ --cds-decorative-01: #525252;
8773
+ --cds-button-separator: #161616;
8774
+ --cds-skeleton-01: #353535;
8775
+ --cds-skeleton-02: #525252;
8776
+ --cds-background: #161616;
8777
+ --cds-layer: #262626;
8778
+ --cds-layer-accent: #393939;
8779
+ --cds-layer-accent-hover: #474747;
8780
+ --cds-layer-accent-active: #6f6f6f;
8781
+ --cds-field: #262626;
8782
+ --cds-background-inverse: #f4f4f4;
8783
+ --cds-background-brand: #0f62fe;
8784
+ --cds-interactive: #4589ff;
8785
+ --cds-border-subtle: #393939;
8786
+ --cds-border-strong: #6f6f6f;
8787
+ --cds-border-inverse: #f4f4f4;
8788
+ --cds-border-interactive: #4589ff;
8789
+ --cds-text-primary: #f4f4f4;
8790
+ --cds-text-secondary: #c6c6c6;
8791
+ --cds-text-placeholder: #6f6f6f;
8792
+ --cds-text-helper: #8d8d8d;
8793
+ --cds-text-on-color: #ffffff;
8794
+ --cds-text-inverse: #161616;
8795
+ --cds-link-primary: #78a9ff;
8796
+ --cds-link-secondary: #a6c8ff;
8797
+ --cds-link-visited: #be95ff;
8798
+ --cds-link-inverse: #0f62fe;
8799
+ --cds-icon-primary: #f4f4f4;
8800
+ --cds-icon-secondary: #c6c6c6;
8801
+ --cds-icon-on-color: #ffffff;
8802
+ --cds-icon-inverse: #161616;
8803
+ --cds-support-error: #fa4d56;
8804
+ --cds-support-success: #42be65;
8805
+ --cds-support-warning: #f1c21b;
8806
+ --cds-support-info: #4589ff;
8807
+ --cds-support-error-inverse: #da1e28;
8808
+ --cds-support-success-inverse: #24a148;
8809
+ --cds-support-warning-inverse: #f1c21b;
8810
+ --cds-support-info-inverse: #0f62fe;
8811
+ --cds-overlay: rgba(0, 0, 0, 0.65);
8812
+ --cds-toggle-off: #6f6f6f;
8813
+ --cds-shadow: rgba(0, 0, 0, 0.8);
8814
+ --cds-button-primary: #0f62fe;
8815
+ --cds-button-secondary: #6f6f6f;
8816
+ --cds-button-tertiary: #ffffff;
8817
+ --cds-button-danger-primary: #da1e28;
8818
+ --cds-button-danger-secondary: #fa4d56;
8819
+ --cds-background-active: #525252;
8820
+ --cds-layer-active: #525252;
8821
+ --cds-button-danger-active: #750e13;
8822
+ --cds-button-primary-active: #002d9c;
8823
+ --cds-button-secondary-active: #393939;
8824
+ --cds-button-tertiary-active: #c6c6c6;
8825
+ --cds-focus-inset: #161616;
8826
+ --cds-focus-inverse: #0f62fe;
8827
+ --cds-background-hover: #353535;
8828
+ --cds-layer-hover: #353535;
8829
+ --cds-field-hover: #353535;
8830
+ --cds-background-inverse-hover: #e5e5e5;
8831
+ --cds-link-primary-hover: #a6c8ff;
8832
+ --cds-button-danger-hover: #b81921;
8833
+ --cds-button-primary-hover: #0353e9;
8834
+ --cds-button-secondary-hover: #606060;
8835
+ --cds-button-tertiary-hover: #f4f4f4;
8836
+ --cds-background-selected: #393939;
8837
+ --cds-background-selected-hover: #4c4c4c;
8838
+ --cds-layer-selected: #393939;
8839
+ --cds-layer-selected-hover: #4c4c4c;
8840
+ --cds-layer-selected-inverse: #f4f4f4;
8841
+ --cds-border-subtle-selected: #525252;
8842
+ --cds-border-disabled: #262626;
8843
+ --cds-text-disabled: #525252;
8844
+ --cds-button-disabled: #525252;
8845
+ --cds-icon-disabled: #525252;
8846
+ --cds-text-on-color-disabled: #8d8d8d;
8847
+ --cds-icon-on-color-disabled: #8d8d8d;
8848
+ --cds-layer-selected-disabled: #8d8d8d;
8849
+ --cds-skeleton-background: #353535;
8850
+ --cds-skeleton-element: #525252;
8851
+ --cds-brand-01: #0f62fe;
8852
+ --cds-brand-02: #6f6f6f;
8853
+ --cds-brand-03: #ffffff;
8854
+ --cds-active-01: #525252;
8855
+ --cds-hover-field: #353535;
8856
+ --cds-danger: #da1e28;
8857
+ --cds-caption-01-font-size: 0.75rem;
8858
+ --cds-caption-01-font-weight: 400;
8859
+ --cds-caption-01-line-height: 1.33333;
8860
+ --cds-caption-01-letter-spacing: 0.32px;
8861
+ --cds-caption-02-font-size: 0.875rem;
8862
+ --cds-caption-02-font-weight: 400;
8863
+ --cds-caption-02-line-height: 1.28572;
8864
+ --cds-caption-02-letter-spacing: 0.32px;
8865
+ --cds-label-01-font-size: 0.75rem;
8866
+ --cds-label-01-font-weight: 400;
8867
+ --cds-label-01-line-height: 1.33333;
8868
+ --cds-label-01-letter-spacing: 0.32px;
8869
+ --cds-label-02-font-size: 0.875rem;
8870
+ --cds-label-02-font-weight: 400;
8871
+ --cds-label-02-line-height: 1.28572;
8872
+ --cds-label-02-letter-spacing: 0.16px;
8873
+ --cds-helper-text-01-font-size: 0.75rem;
8874
+ --cds-helper-text-01-line-height: 1.33333;
8875
+ --cds-helper-text-01-letter-spacing: 0.32px;
8876
+ --cds-helper-text-02-font-size: 0.875rem;
8877
+ --cds-helper-text-02-line-height: 1.28572;
8878
+ --cds-helper-text-02-letter-spacing: 0.16px;
8879
+ --cds-body-short-01-font-size: 0.875rem;
8880
+ --cds-body-short-01-font-weight: 400;
8881
+ --cds-body-short-01-line-height: 1.28572;
8882
+ --cds-body-short-01-letter-spacing: 0.16px;
8883
+ --cds-body-long-01-font-size: 0.875rem;
8884
+ --cds-body-long-01-font-weight: 400;
8885
+ --cds-body-long-01-line-height: 1.42857;
8886
+ --cds-body-long-01-letter-spacing: 0.16px;
8887
+ --cds-body-short-02-font-size: 1rem;
8888
+ --cds-body-short-02-font-weight: 400;
8889
+ --cds-body-short-02-line-height: 1.375;
8890
+ --cds-body-short-02-letter-spacing: 0;
8891
+ --cds-body-long-02-font-size: 1rem;
8892
+ --cds-body-long-02-font-weight: 400;
8893
+ --cds-body-long-02-line-height: 1.5;
8894
+ --cds-body-long-02-letter-spacing: 0;
8895
+ --cds-code-01-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
8896
+ --cds-code-01-font-size: 0.75rem;
8897
+ --cds-code-01-font-weight: 400;
8898
+ --cds-code-01-line-height: 1.33333;
8899
+ --cds-code-01-letter-spacing: 0.32px;
8900
+ --cds-code-02-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
8901
+ --cds-code-02-font-size: 0.875rem;
8902
+ --cds-code-02-font-weight: 400;
8903
+ --cds-code-02-line-height: 1.42857;
8904
+ --cds-code-02-letter-spacing: 0.32px;
8905
+ --cds-heading-01-font-size: 0.875rem;
8906
+ --cds-heading-01-font-weight: 600;
8907
+ --cds-heading-01-line-height: 1.42857;
8908
+ --cds-heading-01-letter-spacing: 0.16px;
8909
+ --cds-productive-heading-01-font-size: 0.875rem;
8910
+ --cds-productive-heading-01-font-weight: 600;
8911
+ --cds-productive-heading-01-line-height: 1.28572;
8912
+ --cds-productive-heading-01-letter-spacing: 0.16px;
8913
+ --cds-heading-02-font-size: 1rem;
8914
+ --cds-heading-02-font-weight: 600;
8915
+ --cds-heading-02-line-height: 1.5;
8916
+ --cds-heading-02-letter-spacing: 0;
8917
+ --cds-productive-heading-02-font-size: 1rem;
8918
+ --cds-productive-heading-02-font-weight: 600;
8919
+ --cds-productive-heading-02-line-height: 1.375;
8920
+ --cds-productive-heading-02-letter-spacing: 0;
8921
+ --cds-productive-heading-03-font-size: 1.25rem;
8922
+ --cds-productive-heading-03-font-weight: 400;
8923
+ --cds-productive-heading-03-line-height: 1.4;
8924
+ --cds-productive-heading-03-letter-spacing: 0;
8925
+ --cds-productive-heading-04-font-size: 1.75rem;
8926
+ --cds-productive-heading-04-font-weight: 400;
8927
+ --cds-productive-heading-04-line-height: 1.28572;
8928
+ --cds-productive-heading-04-letter-spacing: 0;
8929
+ --cds-productive-heading-05-font-size: 2rem;
8930
+ --cds-productive-heading-05-font-weight: 400;
8931
+ --cds-productive-heading-05-line-height: 1.25;
8932
+ --cds-productive-heading-05-letter-spacing: 0;
8933
+ --cds-productive-heading-06-font-size: 2.625rem;
8934
+ --cds-productive-heading-06-font-weight: 300;
8935
+ --cds-productive-heading-06-line-height: 1.199;
8936
+ --cds-productive-heading-06-letter-spacing: 0;
8937
+ --cds-productive-heading-07-font-size: 3.375rem;
8938
+ --cds-productive-heading-07-font-weight: 300;
8939
+ --cds-productive-heading-07-line-height: 1.199;
8940
+ --cds-productive-heading-07-letter-spacing: 0;
8941
+ --cds-expressive-heading-01-font-size: 0.875rem;
8942
+ --cds-expressive-heading-01-font-weight: 600;
8943
+ --cds-expressive-heading-01-line-height: 1.25;
8944
+ --cds-expressive-heading-01-letter-spacing: 0.16px;
8945
+ --cds-expressive-heading-02-font-size: 1rem;
8946
+ --cds-expressive-heading-02-font-weight: 600;
8947
+ --cds-expressive-heading-02-line-height: 1.5;
8948
+ --cds-expressive-heading-02-letter-spacing: 0;
8949
+ --cds-expressive-heading-03-font-size: 1.25rem;
8950
+ --cds-expressive-heading-03-font-weight: 400;
8951
+ --cds-expressive-heading-03-line-height: 1.4;
8952
+ --cds-expressive-heading-03-letter-spacing: 0;
8953
+ --cds-expressive-heading-04-font-size: 1.75rem;
8954
+ --cds-expressive-heading-04-font-weight: 400;
8955
+ --cds-expressive-heading-04-line-height: 1.28572;
8956
+ --cds-expressive-heading-04-letter-spacing: 0;
8957
+ --cds-expressive-heading-05-font-size: 2rem;
8958
+ --cds-expressive-heading-05-font-weight: 400;
8959
+ --cds-expressive-heading-05-line-height: 1.25;
8960
+ --cds-expressive-heading-05-letter-spacing: 0;
8961
+ --cds-expressive-heading-06-font-size: 2rem;
8962
+ --cds-expressive-heading-06-font-weight: 600;
8963
+ --cds-expressive-heading-06-line-height: 1.25;
8964
+ --cds-expressive-heading-06-letter-spacing: 0;
8965
+ --cds-expressive-paragraph-01-font-size: 1.5rem;
8966
+ --cds-expressive-paragraph-01-font-weight: 300;
8967
+ --cds-expressive-paragraph-01-line-height: 1.334;
8968
+ --cds-expressive-paragraph-01-letter-spacing: 0;
8969
+ --cds-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
8970
+ --cds-quotation-01-font-size: 1.25rem;
8971
+ --cds-quotation-01-font-weight: 400;
8972
+ --cds-quotation-01-line-height: 1.3;
8973
+ --cds-quotation-01-letter-spacing: 0;
8974
+ --cds-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
8975
+ --cds-quotation-02-font-size: 2rem;
8976
+ --cds-quotation-02-font-weight: 300;
8977
+ --cds-quotation-02-line-height: 1.25;
8978
+ --cds-quotation-02-letter-spacing: 0;
8979
+ --cds-display-01-font-size: 2.625rem;
8980
+ --cds-display-01-font-weight: 300;
8981
+ --cds-display-01-line-height: 1.19;
8982
+ --cds-display-01-letter-spacing: 0;
8983
+ --cds-display-02-font-size: 2.625rem;
8984
+ --cds-display-02-font-weight: 600;
8985
+ --cds-display-02-line-height: 1.19;
8986
+ --cds-display-02-letter-spacing: 0;
8987
+ --cds-display-03-font-size: 2.625rem;
8988
+ --cds-display-03-font-weight: 300;
8989
+ --cds-display-03-line-height: 1.19;
8990
+ --cds-display-03-letter-spacing: 0;
8991
+ --cds-display-04-font-size: 2.625rem;
8992
+ --cds-display-04-font-weight: 300;
8993
+ --cds-display-04-line-height: 1.19;
8994
+ --cds-display-04-letter-spacing: 0;
8995
+ --cds-legal-01-font-size: 0.75rem;
8996
+ --cds-legal-01-font-weight: 400;
8997
+ --cds-legal-01-line-height: 1.33333;
8998
+ --cds-legal-01-letter-spacing: 0.32px;
8999
+ --cds-legal-02-font-size: 0.875rem;
9000
+ --cds-legal-02-font-weight: 400;
9001
+ --cds-legal-02-line-height: 1.28572;
9002
+ --cds-legal-02-letter-spacing: 0.16px;
9003
+ --cds-body-compact-01-font-size: 0.875rem;
9004
+ --cds-body-compact-01-font-weight: 400;
9005
+ --cds-body-compact-01-line-height: 1.28572;
9006
+ --cds-body-compact-01-letter-spacing: 0.16px;
9007
+ --cds-body-compact-02-font-size: 1rem;
9008
+ --cds-body-compact-02-font-weight: 400;
9009
+ --cds-body-compact-02-line-height: 1.375;
9010
+ --cds-body-compact-02-letter-spacing: 0;
9011
+ --cds-body-01-font-size: 0.875rem;
9012
+ --cds-body-01-font-weight: 400;
9013
+ --cds-body-01-line-height: 1.42857;
9014
+ --cds-body-01-letter-spacing: 0.16px;
9015
+ --cds-body-02-font-size: 1rem;
9016
+ --cds-body-02-font-weight: 400;
9017
+ --cds-body-02-line-height: 1.5;
9018
+ --cds-body-02-letter-spacing: 0;
9019
+ --cds-heading-compact-01-font-size: 0.875rem;
9020
+ --cds-heading-compact-01-font-weight: 600;
9021
+ --cds-heading-compact-01-line-height: 1.28572;
9022
+ --cds-heading-compact-01-letter-spacing: 0.16px;
9023
+ --cds-heading-compact-02-font-size: 1rem;
9024
+ --cds-heading-compact-02-font-weight: 600;
9025
+ --cds-heading-compact-02-line-height: 1.375;
9026
+ --cds-heading-compact-02-letter-spacing: 0;
9027
+ --cds-heading-03-font-size: 1.25rem;
9028
+ --cds-heading-03-font-weight: 400;
9029
+ --cds-heading-03-line-height: 1.4;
9030
+ --cds-heading-03-letter-spacing: 0;
9031
+ --cds-heading-04-font-size: 1.75rem;
9032
+ --cds-heading-04-font-weight: 400;
9033
+ --cds-heading-04-line-height: 1.28572;
9034
+ --cds-heading-04-letter-spacing: 0;
9035
+ --cds-heading-05-font-size: 2rem;
9036
+ --cds-heading-05-font-weight: 400;
9037
+ --cds-heading-05-line-height: 1.25;
9038
+ --cds-heading-05-letter-spacing: 0;
9039
+ --cds-heading-06-font-size: 2.625rem;
9040
+ --cds-heading-06-font-weight: 300;
9041
+ --cds-heading-06-line-height: 1.199;
9042
+ --cds-heading-06-letter-spacing: 0;
9043
+ --cds-heading-07-font-size: 3.375rem;
9044
+ --cds-heading-07-font-weight: 300;
9045
+ --cds-heading-07-line-height: 1.199;
9046
+ --cds-heading-07-letter-spacing: 0;
9047
+ --cds-fluid-heading-03-font-size: 1.25rem;
9048
+ --cds-fluid-heading-03-font-weight: 400;
9049
+ --cds-fluid-heading-03-line-height: 1.4;
9050
+ --cds-fluid-heading-03-letter-spacing: 0;
9051
+ --cds-fluid-heading-04-font-size: 1.75rem;
9052
+ --cds-fluid-heading-04-font-weight: 400;
9053
+ --cds-fluid-heading-04-line-height: 1.28572;
9054
+ --cds-fluid-heading-04-letter-spacing: 0;
9055
+ --cds-fluid-heading-05-font-size: 2rem;
9056
+ --cds-fluid-heading-05-font-weight: 400;
9057
+ --cds-fluid-heading-05-line-height: 1.25;
9058
+ --cds-fluid-heading-05-letter-spacing: 0;
9059
+ --cds-fluid-heading-06-font-size: 2rem;
9060
+ --cds-fluid-heading-06-font-weight: 600;
9061
+ --cds-fluid-heading-06-line-height: 1.25;
9062
+ --cds-fluid-heading-06-letter-spacing: 0;
9063
+ --cds-fluid-paragraph-01-font-size: 1.5rem;
9064
+ --cds-fluid-paragraph-01-font-weight: 300;
9065
+ --cds-fluid-paragraph-01-line-height: 1.334;
9066
+ --cds-fluid-paragraph-01-letter-spacing: 0;
9067
+ --cds-fluid-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
9068
+ --cds-fluid-quotation-01-font-size: 1.25rem;
9069
+ --cds-fluid-quotation-01-font-weight: 400;
9070
+ --cds-fluid-quotation-01-line-height: 1.3;
9071
+ --cds-fluid-quotation-01-letter-spacing: 0;
9072
+ --cds-fluid-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
9073
+ --cds-fluid-quotation-02-font-size: 2rem;
9074
+ --cds-fluid-quotation-02-font-weight: 300;
9075
+ --cds-fluid-quotation-02-line-height: 1.25;
9076
+ --cds-fluid-quotation-02-letter-spacing: 0;
9077
+ --cds-fluid-display-01-font-size: 2.625rem;
9078
+ --cds-fluid-display-01-font-weight: 300;
9079
+ --cds-fluid-display-01-line-height: 1.19;
9080
+ --cds-fluid-display-01-letter-spacing: 0;
9081
+ --cds-fluid-display-02-font-size: 2.625rem;
9082
+ --cds-fluid-display-02-font-weight: 600;
9083
+ --cds-fluid-display-02-line-height: 1.19;
9084
+ --cds-fluid-display-02-letter-spacing: 0;
9085
+ --cds-fluid-display-03-font-size: 2.625rem;
9086
+ --cds-fluid-display-03-font-weight: 300;
9087
+ --cds-fluid-display-03-line-height: 1.19;
9088
+ --cds-fluid-display-03-letter-spacing: 0;
9089
+ --cds-fluid-display-04-font-size: 2.625rem;
9090
+ --cds-fluid-display-04-font-weight: 300;
9091
+ --cds-fluid-display-04-line-height: 1.19;
9092
+ --cds-fluid-display-04-letter-spacing: 0;
9093
+ --cds-spacing-01: 0.125rem;
9094
+ --cds-spacing-02: 0.25rem;
9095
+ --cds-spacing-03: 0.5rem;
9096
+ --cds-spacing-04: 0.75rem;
9097
+ --cds-spacing-05: 1rem;
9098
+ --cds-spacing-06: 1.5rem;
9099
+ --cds-spacing-07: 2rem;
9100
+ --cds-spacing-08: 2.5rem;
9101
+ --cds-spacing-09: 3rem;
9102
+ --cds-spacing-10: 4rem;
9103
+ --cds-spacing-11: 5rem;
9104
+ --cds-spacing-12: 6rem;
9105
+ --cds-spacing-13: 10rem;
9106
+ --cds-fluid-spacing-01: 0;
9107
+ --cds-fluid-spacing-02: 2vw;
9108
+ --cds-fluid-spacing-03: 5vw;
9109
+ --cds-fluid-spacing-04: 10vw;
9110
+ --cds-layout-01: 1rem;
9111
+ --cds-layout-02: 1.5rem;
9112
+ --cds-layout-03: 2rem;
9113
+ --cds-layout-04: 3rem;
9114
+ --cds-layout-05: 4rem;
9115
+ --cds-layout-06: 6rem;
9116
+ --cds-layout-07: 10rem;
9117
+ --cds-container-01: 1.5rem;
9118
+ --cds-container-02: 2rem;
9119
+ --cds-container-03: 2.5rem;
9120
+ --cds-container-04: 3rem;
9121
+ --cds-container-05: 4rem;
9122
+ --cds-size-xsmall: 1.5rem;
9123
+ --cds-size-small: 2rem;
9124
+ --cds-size-medium: 2.5rem;
9125
+ --cds-size-large: 3rem;
9126
+ --cds-size-xlarge: 4rem;
9127
+ --cds-size-2XLarge: 5rem;
9128
+ --cds-icon-size-01: 1rem;
9129
+ --cds-icon-size-02: 1.25rem;
9130
+ padding: 0.0625rem var(--cds-spacing-03, 0.5rem) 0.0625rem var(--cds-spacing-03, 0.5rem);
9131
+ border: none;
9132
+ border-radius: var(--cds-spacing-04, 0.75rem);
9133
+ background-color: var(--cds-interactive-02, #393939);
9134
+ white-space: nowrap;
9135
+ background-color: var(--cds-interactive-02, #393939);
9136
+ color: var(--cds-text-04, #ffffff);
9137
+ }
9138
+ .c4p--non-linear-reading__term-dark--closed:hover {
9139
+ background-color: var(--cds-hover-secondary, #4c4c4c);
9140
+ cursor: pointer;
9141
+ }
9142
+ .c4p--non-linear-reading__term-dark--closed:hover {
9143
+ background-color: var(--cds-hover-secondary, #4c4c4c);
9144
+ }
9145
+ .c4p--non-linear-reading__term-dark--open {
9146
+ --cds-interactive-01: #0f62fe;
9147
+ --cds-interactive-02: #6f6f6f;
9148
+ --cds-interactive-03: #ffffff;
9149
+ --cds-interactive-04: #4589ff;
9150
+ --cds-ui-background: #161616;
9151
+ --cds-ui-01: #262626;
9152
+ --cds-ui-02: #393939;
9153
+ --cds-ui-03: #393939;
9154
+ --cds-ui-04: #6f6f6f;
9155
+ --cds-ui-05: #f4f4f4;
9156
+ --cds-text-01: #f4f4f4;
9157
+ --cds-text-02: #c6c6c6;
9158
+ --cds-text-03: #6f6f6f;
9159
+ --cds-text-04: #ffffff;
9160
+ --cds-text-05: #8d8d8d;
9161
+ --cds-text-error: #ff8389;
9162
+ --cds-icon-01: #f4f4f4;
9163
+ --cds-icon-02: #c6c6c6;
9164
+ --cds-icon-03: #ffffff;
9165
+ --cds-link-01: #78a9ff;
9166
+ --cds-link-02: #a6c8ff;
9167
+ --cds-inverse-link: #0f62fe;
9168
+ --cds-field-01: #262626;
9169
+ --cds-field-02: #393939;
9170
+ --cds-inverse-01: #161616;
9171
+ --cds-inverse-02: #f4f4f4;
9172
+ --cds-support-01: #fa4d56;
9173
+ --cds-support-02: #42be65;
9174
+ --cds-support-03: #f1c21b;
9175
+ --cds-support-04: #4589ff;
9176
+ --cds-inverse-support-01: #da1e28;
9177
+ --cds-inverse-support-02: #24a148;
9178
+ --cds-inverse-support-03: #f1c21b;
9179
+ --cds-inverse-support-04: #0f62fe;
9180
+ --cds-overlay-01: rgba(0, 0, 0, 0.65);
9181
+ --cds-danger-01: #da1e28;
9182
+ --cds-danger-02: #fa4d56;
9183
+ --cds-focus: #ffffff;
9184
+ --cds-inverse-focus-ui: #0f62fe;
9185
+ --cds-hover-primary: #0353e9;
9186
+ --cds-active-primary: #002d9c;
9187
+ --cds-hover-primary-text: #a6c8ff;
9188
+ --cds-hover-secondary: #606060;
9189
+ --cds-active-secondary: #393939;
9190
+ --cds-hover-tertiary: #f4f4f4;
9191
+ --cds-active-tertiary: #c6c6c6;
9192
+ --cds-hover-ui: #353535;
9193
+ --cds-hover-light-ui: #4c4c4c;
9194
+ --cds-hover-selected-ui: #4c4c4c;
9195
+ --cds-active-ui: #525252;
9196
+ --cds-active-light-ui: #6f6f6f;
9197
+ --cds-selected-ui: #393939;
9198
+ --cds-selected-light-ui: #525252;
9199
+ --cds-inverse-hover-ui: #e5e5e5;
9200
+ --cds-hover-danger: #b81921;
9201
+ --cds-active-danger: #750e13;
9202
+ --cds-hover-row: #353535;
9203
+ --cds-visited-link: #be95ff;
9204
+ --cds-disabled-01: #262626;
9205
+ --cds-disabled-02: #525252;
9206
+ --cds-disabled-03: #8d8d8d;
9207
+ --cds-highlight: #002d9c;
9208
+ --cds-decorative-01: #525252;
9209
+ --cds-button-separator: #161616;
9210
+ --cds-skeleton-01: #353535;
9211
+ --cds-skeleton-02: #525252;
9212
+ --cds-background: #161616;
9213
+ --cds-layer: #262626;
9214
+ --cds-layer-accent: #393939;
9215
+ --cds-layer-accent-hover: #474747;
9216
+ --cds-layer-accent-active: #6f6f6f;
9217
+ --cds-field: #262626;
9218
+ --cds-background-inverse: #f4f4f4;
9219
+ --cds-background-brand: #0f62fe;
9220
+ --cds-interactive: #4589ff;
9221
+ --cds-border-subtle: #393939;
9222
+ --cds-border-strong: #6f6f6f;
9223
+ --cds-border-inverse: #f4f4f4;
9224
+ --cds-border-interactive: #4589ff;
9225
+ --cds-text-primary: #f4f4f4;
9226
+ --cds-text-secondary: #c6c6c6;
9227
+ --cds-text-placeholder: #6f6f6f;
9228
+ --cds-text-helper: #8d8d8d;
9229
+ --cds-text-on-color: #ffffff;
9230
+ --cds-text-inverse: #161616;
9231
+ --cds-link-primary: #78a9ff;
9232
+ --cds-link-secondary: #a6c8ff;
9233
+ --cds-link-visited: #be95ff;
9234
+ --cds-link-inverse: #0f62fe;
9235
+ --cds-icon-primary: #f4f4f4;
9236
+ --cds-icon-secondary: #c6c6c6;
9237
+ --cds-icon-on-color: #ffffff;
9238
+ --cds-icon-inverse: #161616;
9239
+ --cds-support-error: #fa4d56;
9240
+ --cds-support-success: #42be65;
9241
+ --cds-support-warning: #f1c21b;
9242
+ --cds-support-info: #4589ff;
9243
+ --cds-support-error-inverse: #da1e28;
9244
+ --cds-support-success-inverse: #24a148;
9245
+ --cds-support-warning-inverse: #f1c21b;
9246
+ --cds-support-info-inverse: #0f62fe;
9247
+ --cds-overlay: rgba(0, 0, 0, 0.65);
9248
+ --cds-toggle-off: #6f6f6f;
9249
+ --cds-shadow: rgba(0, 0, 0, 0.8);
9250
+ --cds-button-primary: #0f62fe;
9251
+ --cds-button-secondary: #6f6f6f;
9252
+ --cds-button-tertiary: #ffffff;
9253
+ --cds-button-danger-primary: #da1e28;
9254
+ --cds-button-danger-secondary: #fa4d56;
9255
+ --cds-background-active: #525252;
9256
+ --cds-layer-active: #525252;
9257
+ --cds-button-danger-active: #750e13;
9258
+ --cds-button-primary-active: #002d9c;
9259
+ --cds-button-secondary-active: #393939;
9260
+ --cds-button-tertiary-active: #c6c6c6;
9261
+ --cds-focus-inset: #161616;
9262
+ --cds-focus-inverse: #0f62fe;
9263
+ --cds-background-hover: #353535;
9264
+ --cds-layer-hover: #353535;
9265
+ --cds-field-hover: #353535;
9266
+ --cds-background-inverse-hover: #e5e5e5;
9267
+ --cds-link-primary-hover: #a6c8ff;
9268
+ --cds-button-danger-hover: #b81921;
9269
+ --cds-button-primary-hover: #0353e9;
9270
+ --cds-button-secondary-hover: #606060;
9271
+ --cds-button-tertiary-hover: #f4f4f4;
9272
+ --cds-background-selected: #393939;
9273
+ --cds-background-selected-hover: #4c4c4c;
9274
+ --cds-layer-selected: #393939;
9275
+ --cds-layer-selected-hover: #4c4c4c;
9276
+ --cds-layer-selected-inverse: #f4f4f4;
9277
+ --cds-border-subtle-selected: #525252;
9278
+ --cds-border-disabled: #262626;
9279
+ --cds-text-disabled: #525252;
9280
+ --cds-button-disabled: #525252;
9281
+ --cds-icon-disabled: #525252;
9282
+ --cds-text-on-color-disabled: #8d8d8d;
9283
+ --cds-icon-on-color-disabled: #8d8d8d;
9284
+ --cds-layer-selected-disabled: #8d8d8d;
9285
+ --cds-skeleton-background: #353535;
9286
+ --cds-skeleton-element: #525252;
9287
+ --cds-brand-01: #0f62fe;
9288
+ --cds-brand-02: #6f6f6f;
9289
+ --cds-brand-03: #ffffff;
9290
+ --cds-active-01: #525252;
9291
+ --cds-hover-field: #353535;
9292
+ --cds-danger: #da1e28;
9293
+ --cds-caption-01-font-size: 0.75rem;
9294
+ --cds-caption-01-font-weight: 400;
9295
+ --cds-caption-01-line-height: 1.33333;
9296
+ --cds-caption-01-letter-spacing: 0.32px;
9297
+ --cds-caption-02-font-size: 0.875rem;
9298
+ --cds-caption-02-font-weight: 400;
9299
+ --cds-caption-02-line-height: 1.28572;
9300
+ --cds-caption-02-letter-spacing: 0.32px;
9301
+ --cds-label-01-font-size: 0.75rem;
9302
+ --cds-label-01-font-weight: 400;
9303
+ --cds-label-01-line-height: 1.33333;
9304
+ --cds-label-01-letter-spacing: 0.32px;
9305
+ --cds-label-02-font-size: 0.875rem;
9306
+ --cds-label-02-font-weight: 400;
9307
+ --cds-label-02-line-height: 1.28572;
9308
+ --cds-label-02-letter-spacing: 0.16px;
9309
+ --cds-helper-text-01-font-size: 0.75rem;
9310
+ --cds-helper-text-01-line-height: 1.33333;
9311
+ --cds-helper-text-01-letter-spacing: 0.32px;
9312
+ --cds-helper-text-02-font-size: 0.875rem;
9313
+ --cds-helper-text-02-line-height: 1.28572;
9314
+ --cds-helper-text-02-letter-spacing: 0.16px;
9315
+ --cds-body-short-01-font-size: 0.875rem;
9316
+ --cds-body-short-01-font-weight: 400;
9317
+ --cds-body-short-01-line-height: 1.28572;
9318
+ --cds-body-short-01-letter-spacing: 0.16px;
9319
+ --cds-body-long-01-font-size: 0.875rem;
9320
+ --cds-body-long-01-font-weight: 400;
9321
+ --cds-body-long-01-line-height: 1.42857;
9322
+ --cds-body-long-01-letter-spacing: 0.16px;
9323
+ --cds-body-short-02-font-size: 1rem;
9324
+ --cds-body-short-02-font-weight: 400;
9325
+ --cds-body-short-02-line-height: 1.375;
9326
+ --cds-body-short-02-letter-spacing: 0;
9327
+ --cds-body-long-02-font-size: 1rem;
9328
+ --cds-body-long-02-font-weight: 400;
9329
+ --cds-body-long-02-line-height: 1.5;
9330
+ --cds-body-long-02-letter-spacing: 0;
9331
+ --cds-code-01-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
9332
+ --cds-code-01-font-size: 0.75rem;
9333
+ --cds-code-01-font-weight: 400;
9334
+ --cds-code-01-line-height: 1.33333;
9335
+ --cds-code-01-letter-spacing: 0.32px;
9336
+ --cds-code-02-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
9337
+ --cds-code-02-font-size: 0.875rem;
9338
+ --cds-code-02-font-weight: 400;
9339
+ --cds-code-02-line-height: 1.42857;
9340
+ --cds-code-02-letter-spacing: 0.32px;
9341
+ --cds-heading-01-font-size: 0.875rem;
9342
+ --cds-heading-01-font-weight: 600;
9343
+ --cds-heading-01-line-height: 1.42857;
9344
+ --cds-heading-01-letter-spacing: 0.16px;
9345
+ --cds-productive-heading-01-font-size: 0.875rem;
9346
+ --cds-productive-heading-01-font-weight: 600;
9347
+ --cds-productive-heading-01-line-height: 1.28572;
9348
+ --cds-productive-heading-01-letter-spacing: 0.16px;
9349
+ --cds-heading-02-font-size: 1rem;
9350
+ --cds-heading-02-font-weight: 600;
9351
+ --cds-heading-02-line-height: 1.5;
9352
+ --cds-heading-02-letter-spacing: 0;
9353
+ --cds-productive-heading-02-font-size: 1rem;
9354
+ --cds-productive-heading-02-font-weight: 600;
9355
+ --cds-productive-heading-02-line-height: 1.375;
9356
+ --cds-productive-heading-02-letter-spacing: 0;
9357
+ --cds-productive-heading-03-font-size: 1.25rem;
9358
+ --cds-productive-heading-03-font-weight: 400;
9359
+ --cds-productive-heading-03-line-height: 1.4;
9360
+ --cds-productive-heading-03-letter-spacing: 0;
9361
+ --cds-productive-heading-04-font-size: 1.75rem;
9362
+ --cds-productive-heading-04-font-weight: 400;
9363
+ --cds-productive-heading-04-line-height: 1.28572;
9364
+ --cds-productive-heading-04-letter-spacing: 0;
9365
+ --cds-productive-heading-05-font-size: 2rem;
9366
+ --cds-productive-heading-05-font-weight: 400;
9367
+ --cds-productive-heading-05-line-height: 1.25;
9368
+ --cds-productive-heading-05-letter-spacing: 0;
9369
+ --cds-productive-heading-06-font-size: 2.625rem;
9370
+ --cds-productive-heading-06-font-weight: 300;
9371
+ --cds-productive-heading-06-line-height: 1.199;
9372
+ --cds-productive-heading-06-letter-spacing: 0;
9373
+ --cds-productive-heading-07-font-size: 3.375rem;
9374
+ --cds-productive-heading-07-font-weight: 300;
9375
+ --cds-productive-heading-07-line-height: 1.199;
9376
+ --cds-productive-heading-07-letter-spacing: 0;
9377
+ --cds-expressive-heading-01-font-size: 0.875rem;
9378
+ --cds-expressive-heading-01-font-weight: 600;
9379
+ --cds-expressive-heading-01-line-height: 1.25;
9380
+ --cds-expressive-heading-01-letter-spacing: 0.16px;
9381
+ --cds-expressive-heading-02-font-size: 1rem;
9382
+ --cds-expressive-heading-02-font-weight: 600;
9383
+ --cds-expressive-heading-02-line-height: 1.5;
9384
+ --cds-expressive-heading-02-letter-spacing: 0;
9385
+ --cds-expressive-heading-03-font-size: 1.25rem;
9386
+ --cds-expressive-heading-03-font-weight: 400;
9387
+ --cds-expressive-heading-03-line-height: 1.4;
9388
+ --cds-expressive-heading-03-letter-spacing: 0;
9389
+ --cds-expressive-heading-04-font-size: 1.75rem;
9390
+ --cds-expressive-heading-04-font-weight: 400;
9391
+ --cds-expressive-heading-04-line-height: 1.28572;
9392
+ --cds-expressive-heading-04-letter-spacing: 0;
9393
+ --cds-expressive-heading-05-font-size: 2rem;
9394
+ --cds-expressive-heading-05-font-weight: 400;
9395
+ --cds-expressive-heading-05-line-height: 1.25;
9396
+ --cds-expressive-heading-05-letter-spacing: 0;
9397
+ --cds-expressive-heading-06-font-size: 2rem;
9398
+ --cds-expressive-heading-06-font-weight: 600;
9399
+ --cds-expressive-heading-06-line-height: 1.25;
9400
+ --cds-expressive-heading-06-letter-spacing: 0;
9401
+ --cds-expressive-paragraph-01-font-size: 1.5rem;
9402
+ --cds-expressive-paragraph-01-font-weight: 300;
9403
+ --cds-expressive-paragraph-01-line-height: 1.334;
9404
+ --cds-expressive-paragraph-01-letter-spacing: 0;
9405
+ --cds-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
9406
+ --cds-quotation-01-font-size: 1.25rem;
9407
+ --cds-quotation-01-font-weight: 400;
9408
+ --cds-quotation-01-line-height: 1.3;
9409
+ --cds-quotation-01-letter-spacing: 0;
9410
+ --cds-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
9411
+ --cds-quotation-02-font-size: 2rem;
9412
+ --cds-quotation-02-font-weight: 300;
9413
+ --cds-quotation-02-line-height: 1.25;
9414
+ --cds-quotation-02-letter-spacing: 0;
9415
+ --cds-display-01-font-size: 2.625rem;
9416
+ --cds-display-01-font-weight: 300;
9417
+ --cds-display-01-line-height: 1.19;
9418
+ --cds-display-01-letter-spacing: 0;
9419
+ --cds-display-02-font-size: 2.625rem;
9420
+ --cds-display-02-font-weight: 600;
9421
+ --cds-display-02-line-height: 1.19;
9422
+ --cds-display-02-letter-spacing: 0;
9423
+ --cds-display-03-font-size: 2.625rem;
9424
+ --cds-display-03-font-weight: 300;
9425
+ --cds-display-03-line-height: 1.19;
9426
+ --cds-display-03-letter-spacing: 0;
9427
+ --cds-display-04-font-size: 2.625rem;
9428
+ --cds-display-04-font-weight: 300;
9429
+ --cds-display-04-line-height: 1.19;
9430
+ --cds-display-04-letter-spacing: 0;
9431
+ --cds-legal-01-font-size: 0.75rem;
9432
+ --cds-legal-01-font-weight: 400;
9433
+ --cds-legal-01-line-height: 1.33333;
9434
+ --cds-legal-01-letter-spacing: 0.32px;
9435
+ --cds-legal-02-font-size: 0.875rem;
9436
+ --cds-legal-02-font-weight: 400;
9437
+ --cds-legal-02-line-height: 1.28572;
9438
+ --cds-legal-02-letter-spacing: 0.16px;
9439
+ --cds-body-compact-01-font-size: 0.875rem;
9440
+ --cds-body-compact-01-font-weight: 400;
9441
+ --cds-body-compact-01-line-height: 1.28572;
9442
+ --cds-body-compact-01-letter-spacing: 0.16px;
9443
+ --cds-body-compact-02-font-size: 1rem;
9444
+ --cds-body-compact-02-font-weight: 400;
9445
+ --cds-body-compact-02-line-height: 1.375;
9446
+ --cds-body-compact-02-letter-spacing: 0;
9447
+ --cds-body-01-font-size: 0.875rem;
9448
+ --cds-body-01-font-weight: 400;
9449
+ --cds-body-01-line-height: 1.42857;
9450
+ --cds-body-01-letter-spacing: 0.16px;
9451
+ --cds-body-02-font-size: 1rem;
9452
+ --cds-body-02-font-weight: 400;
9453
+ --cds-body-02-line-height: 1.5;
9454
+ --cds-body-02-letter-spacing: 0;
9455
+ --cds-heading-compact-01-font-size: 0.875rem;
9456
+ --cds-heading-compact-01-font-weight: 600;
9457
+ --cds-heading-compact-01-line-height: 1.28572;
9458
+ --cds-heading-compact-01-letter-spacing: 0.16px;
9459
+ --cds-heading-compact-02-font-size: 1rem;
9460
+ --cds-heading-compact-02-font-weight: 600;
9461
+ --cds-heading-compact-02-line-height: 1.375;
9462
+ --cds-heading-compact-02-letter-spacing: 0;
9463
+ --cds-heading-03-font-size: 1.25rem;
9464
+ --cds-heading-03-font-weight: 400;
9465
+ --cds-heading-03-line-height: 1.4;
9466
+ --cds-heading-03-letter-spacing: 0;
9467
+ --cds-heading-04-font-size: 1.75rem;
9468
+ --cds-heading-04-font-weight: 400;
9469
+ --cds-heading-04-line-height: 1.28572;
9470
+ --cds-heading-04-letter-spacing: 0;
9471
+ --cds-heading-05-font-size: 2rem;
9472
+ --cds-heading-05-font-weight: 400;
9473
+ --cds-heading-05-line-height: 1.25;
9474
+ --cds-heading-05-letter-spacing: 0;
9475
+ --cds-heading-06-font-size: 2.625rem;
9476
+ --cds-heading-06-font-weight: 300;
9477
+ --cds-heading-06-line-height: 1.199;
9478
+ --cds-heading-06-letter-spacing: 0;
9479
+ --cds-heading-07-font-size: 3.375rem;
9480
+ --cds-heading-07-font-weight: 300;
9481
+ --cds-heading-07-line-height: 1.199;
9482
+ --cds-heading-07-letter-spacing: 0;
9483
+ --cds-fluid-heading-03-font-size: 1.25rem;
9484
+ --cds-fluid-heading-03-font-weight: 400;
9485
+ --cds-fluid-heading-03-line-height: 1.4;
9486
+ --cds-fluid-heading-03-letter-spacing: 0;
9487
+ --cds-fluid-heading-04-font-size: 1.75rem;
9488
+ --cds-fluid-heading-04-font-weight: 400;
9489
+ --cds-fluid-heading-04-line-height: 1.28572;
9490
+ --cds-fluid-heading-04-letter-spacing: 0;
9491
+ --cds-fluid-heading-05-font-size: 2rem;
9492
+ --cds-fluid-heading-05-font-weight: 400;
9493
+ --cds-fluid-heading-05-line-height: 1.25;
9494
+ --cds-fluid-heading-05-letter-spacing: 0;
9495
+ --cds-fluid-heading-06-font-size: 2rem;
9496
+ --cds-fluid-heading-06-font-weight: 600;
9497
+ --cds-fluid-heading-06-line-height: 1.25;
9498
+ --cds-fluid-heading-06-letter-spacing: 0;
9499
+ --cds-fluid-paragraph-01-font-size: 1.5rem;
9500
+ --cds-fluid-paragraph-01-font-weight: 300;
9501
+ --cds-fluid-paragraph-01-line-height: 1.334;
9502
+ --cds-fluid-paragraph-01-letter-spacing: 0;
9503
+ --cds-fluid-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
9504
+ --cds-fluid-quotation-01-font-size: 1.25rem;
9505
+ --cds-fluid-quotation-01-font-weight: 400;
9506
+ --cds-fluid-quotation-01-line-height: 1.3;
9507
+ --cds-fluid-quotation-01-letter-spacing: 0;
9508
+ --cds-fluid-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
9509
+ --cds-fluid-quotation-02-font-size: 2rem;
9510
+ --cds-fluid-quotation-02-font-weight: 300;
9511
+ --cds-fluid-quotation-02-line-height: 1.25;
9512
+ --cds-fluid-quotation-02-letter-spacing: 0;
9513
+ --cds-fluid-display-01-font-size: 2.625rem;
9514
+ --cds-fluid-display-01-font-weight: 300;
9515
+ --cds-fluid-display-01-line-height: 1.19;
9516
+ --cds-fluid-display-01-letter-spacing: 0;
9517
+ --cds-fluid-display-02-font-size: 2.625rem;
9518
+ --cds-fluid-display-02-font-weight: 600;
9519
+ --cds-fluid-display-02-line-height: 1.19;
9520
+ --cds-fluid-display-02-letter-spacing: 0;
9521
+ --cds-fluid-display-03-font-size: 2.625rem;
9522
+ --cds-fluid-display-03-font-weight: 300;
9523
+ --cds-fluid-display-03-line-height: 1.19;
9524
+ --cds-fluid-display-03-letter-spacing: 0;
9525
+ --cds-fluid-display-04-font-size: 2.625rem;
9526
+ --cds-fluid-display-04-font-weight: 300;
9527
+ --cds-fluid-display-04-line-height: 1.19;
9528
+ --cds-fluid-display-04-letter-spacing: 0;
9529
+ --cds-spacing-01: 0.125rem;
9530
+ --cds-spacing-02: 0.25rem;
9531
+ --cds-spacing-03: 0.5rem;
9532
+ --cds-spacing-04: 0.75rem;
9533
+ --cds-spacing-05: 1rem;
9534
+ --cds-spacing-06: 1.5rem;
9535
+ --cds-spacing-07: 2rem;
9536
+ --cds-spacing-08: 2.5rem;
9537
+ --cds-spacing-09: 3rem;
9538
+ --cds-spacing-10: 4rem;
9539
+ --cds-spacing-11: 5rem;
9540
+ --cds-spacing-12: 6rem;
9541
+ --cds-spacing-13: 10rem;
9542
+ --cds-fluid-spacing-01: 0;
9543
+ --cds-fluid-spacing-02: 2vw;
9544
+ --cds-fluid-spacing-03: 5vw;
9545
+ --cds-fluid-spacing-04: 10vw;
9546
+ --cds-layout-01: 1rem;
9547
+ --cds-layout-02: 1.5rem;
9548
+ --cds-layout-03: 2rem;
9549
+ --cds-layout-04: 3rem;
9550
+ --cds-layout-05: 4rem;
9551
+ --cds-layout-06: 6rem;
9552
+ --cds-layout-07: 10rem;
9553
+ --cds-container-01: 1.5rem;
9554
+ --cds-container-02: 2rem;
9555
+ --cds-container-03: 2.5rem;
9556
+ --cds-container-04: 3rem;
9557
+ --cds-container-05: 4rem;
9558
+ --cds-size-xsmall: 1.5rem;
9559
+ --cds-size-small: 2rem;
9560
+ --cds-size-medium: 2.5rem;
9561
+ --cds-size-large: 3rem;
9562
+ --cds-size-xlarge: 4rem;
9563
+ --cds-size-2XLarge: 5rem;
9564
+ --cds-icon-size-01: 1rem;
9565
+ --cds-icon-size-02: 1.25rem;
9566
+ padding: 0.0625rem var(--cds-spacing-03, 0.5rem) 0.0625rem var(--cds-spacing-03, 0.5rem);
9567
+ border: none;
9568
+ border-radius: var(--cds-spacing-04, 0.75rem);
9569
+ background-color: var(--cds-interactive-02, #393939);
9570
+ white-space: nowrap;
9571
+ padding-right: 0;
9572
+ background-color: #491d8b;
9573
+ color: var(--cds-text-04, #ffffff);
9574
+ }
9575
+ .c4p--non-linear-reading__term-dark--open:hover {
9576
+ background-color: var(--cds-hover-secondary, #4c4c4c);
9577
+ cursor: pointer;
9578
+ }
9579
+ .c4p--non-linear-reading__term-dark--open svg {
9580
+ padding-top: 0.0625rem;
9581
+ margin: 0 var(--cds-spacing-02, 0.25rem) 0 var(--cds-spacing-01, 0.125rem);
9582
+ vertical-align: text-top;
9583
+ }
9584
+ .c4p--non-linear-reading__term-dark--open:hover {
9585
+ background-color: #7f3ae7;
9586
+ }
9587
+ .c4p--non-linear-reading--body-light {
9588
+ font-size: var(--cds-body-long-01-font-size, 0.875rem);
9589
+ font-weight: var(--cds-body-long-01-font-weight, 400);
9590
+ line-height: var(--cds-body-long-01-line-height, 1.42857);
9591
+ letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
9592
+ display: block;
9593
+ padding: var(--cds-spacing-03, 0.5rem) var(--cds-spacing-04, 0.75rem);
9594
+ border-left-width: 0.078125rem;
9595
+ border-left-style: solid;
9596
+ margin: var(--cds-spacing-02, 0.25rem) 0;
9597
+ animation: fade 600ms;
9598
+ border-left-color: #6929c4;
9599
+ color: #6929c4;
9600
+ }
9601
+ .c4p--non-linear-reading--body-dark {
9602
+ --cds-interactive-01: #0f62fe;
9603
+ --cds-interactive-02: #6f6f6f;
9604
+ --cds-interactive-03: #ffffff;
9605
+ --cds-interactive-04: #4589ff;
9606
+ --cds-ui-background: #161616;
9607
+ --cds-ui-01: #262626;
9608
+ --cds-ui-02: #393939;
9609
+ --cds-ui-03: #393939;
9610
+ --cds-ui-04: #6f6f6f;
9611
+ --cds-ui-05: #f4f4f4;
9612
+ --cds-text-01: #f4f4f4;
9613
+ --cds-text-02: #c6c6c6;
9614
+ --cds-text-03: #6f6f6f;
9615
+ --cds-text-04: #ffffff;
9616
+ --cds-text-05: #8d8d8d;
9617
+ --cds-text-error: #ff8389;
9618
+ --cds-icon-01: #f4f4f4;
9619
+ --cds-icon-02: #c6c6c6;
9620
+ --cds-icon-03: #ffffff;
9621
+ --cds-link-01: #78a9ff;
9622
+ --cds-link-02: #a6c8ff;
9623
+ --cds-inverse-link: #0f62fe;
9624
+ --cds-field-01: #262626;
9625
+ --cds-field-02: #393939;
9626
+ --cds-inverse-01: #161616;
9627
+ --cds-inverse-02: #f4f4f4;
9628
+ --cds-support-01: #fa4d56;
9629
+ --cds-support-02: #42be65;
9630
+ --cds-support-03: #f1c21b;
9631
+ --cds-support-04: #4589ff;
9632
+ --cds-inverse-support-01: #da1e28;
9633
+ --cds-inverse-support-02: #24a148;
9634
+ --cds-inverse-support-03: #f1c21b;
9635
+ --cds-inverse-support-04: #0f62fe;
9636
+ --cds-overlay-01: rgba(0, 0, 0, 0.65);
9637
+ --cds-danger-01: #da1e28;
9638
+ --cds-danger-02: #fa4d56;
9639
+ --cds-focus: #ffffff;
9640
+ --cds-inverse-focus-ui: #0f62fe;
9641
+ --cds-hover-primary: #0353e9;
9642
+ --cds-active-primary: #002d9c;
9643
+ --cds-hover-primary-text: #a6c8ff;
9644
+ --cds-hover-secondary: #606060;
9645
+ --cds-active-secondary: #393939;
9646
+ --cds-hover-tertiary: #f4f4f4;
9647
+ --cds-active-tertiary: #c6c6c6;
9648
+ --cds-hover-ui: #353535;
9649
+ --cds-hover-light-ui: #4c4c4c;
9650
+ --cds-hover-selected-ui: #4c4c4c;
9651
+ --cds-active-ui: #525252;
9652
+ --cds-active-light-ui: #6f6f6f;
9653
+ --cds-selected-ui: #393939;
9654
+ --cds-selected-light-ui: #525252;
9655
+ --cds-inverse-hover-ui: #e5e5e5;
9656
+ --cds-hover-danger: #b81921;
9657
+ --cds-active-danger: #750e13;
9658
+ --cds-hover-row: #353535;
9659
+ --cds-visited-link: #be95ff;
9660
+ --cds-disabled-01: #262626;
9661
+ --cds-disabled-02: #525252;
9662
+ --cds-disabled-03: #8d8d8d;
9663
+ --cds-highlight: #002d9c;
9664
+ --cds-decorative-01: #525252;
9665
+ --cds-button-separator: #161616;
9666
+ --cds-skeleton-01: #353535;
9667
+ --cds-skeleton-02: #525252;
9668
+ --cds-background: #161616;
9669
+ --cds-layer: #262626;
9670
+ --cds-layer-accent: #393939;
9671
+ --cds-layer-accent-hover: #474747;
9672
+ --cds-layer-accent-active: #6f6f6f;
9673
+ --cds-field: #262626;
9674
+ --cds-background-inverse: #f4f4f4;
9675
+ --cds-background-brand: #0f62fe;
9676
+ --cds-interactive: #4589ff;
9677
+ --cds-border-subtle: #393939;
9678
+ --cds-border-strong: #6f6f6f;
9679
+ --cds-border-inverse: #f4f4f4;
9680
+ --cds-border-interactive: #4589ff;
9681
+ --cds-text-primary: #f4f4f4;
9682
+ --cds-text-secondary: #c6c6c6;
9683
+ --cds-text-placeholder: #6f6f6f;
9684
+ --cds-text-helper: #8d8d8d;
9685
+ --cds-text-on-color: #ffffff;
9686
+ --cds-text-inverse: #161616;
9687
+ --cds-link-primary: #78a9ff;
9688
+ --cds-link-secondary: #a6c8ff;
9689
+ --cds-link-visited: #be95ff;
9690
+ --cds-link-inverse: #0f62fe;
9691
+ --cds-icon-primary: #f4f4f4;
9692
+ --cds-icon-secondary: #c6c6c6;
9693
+ --cds-icon-on-color: #ffffff;
9694
+ --cds-icon-inverse: #161616;
9695
+ --cds-support-error: #fa4d56;
9696
+ --cds-support-success: #42be65;
9697
+ --cds-support-warning: #f1c21b;
9698
+ --cds-support-info: #4589ff;
9699
+ --cds-support-error-inverse: #da1e28;
9700
+ --cds-support-success-inverse: #24a148;
9701
+ --cds-support-warning-inverse: #f1c21b;
9702
+ --cds-support-info-inverse: #0f62fe;
9703
+ --cds-overlay: rgba(0, 0, 0, 0.65);
9704
+ --cds-toggle-off: #6f6f6f;
9705
+ --cds-shadow: rgba(0, 0, 0, 0.8);
9706
+ --cds-button-primary: #0f62fe;
9707
+ --cds-button-secondary: #6f6f6f;
9708
+ --cds-button-tertiary: #ffffff;
9709
+ --cds-button-danger-primary: #da1e28;
9710
+ --cds-button-danger-secondary: #fa4d56;
9711
+ --cds-background-active: #525252;
9712
+ --cds-layer-active: #525252;
9713
+ --cds-button-danger-active: #750e13;
9714
+ --cds-button-primary-active: #002d9c;
9715
+ --cds-button-secondary-active: #393939;
9716
+ --cds-button-tertiary-active: #c6c6c6;
9717
+ --cds-focus-inset: #161616;
9718
+ --cds-focus-inverse: #0f62fe;
9719
+ --cds-background-hover: #353535;
9720
+ --cds-layer-hover: #353535;
9721
+ --cds-field-hover: #353535;
9722
+ --cds-background-inverse-hover: #e5e5e5;
9723
+ --cds-link-primary-hover: #a6c8ff;
9724
+ --cds-button-danger-hover: #b81921;
9725
+ --cds-button-primary-hover: #0353e9;
9726
+ --cds-button-secondary-hover: #606060;
9727
+ --cds-button-tertiary-hover: #f4f4f4;
9728
+ --cds-background-selected: #393939;
9729
+ --cds-background-selected-hover: #4c4c4c;
9730
+ --cds-layer-selected: #393939;
9731
+ --cds-layer-selected-hover: #4c4c4c;
9732
+ --cds-layer-selected-inverse: #f4f4f4;
9733
+ --cds-border-subtle-selected: #525252;
9734
+ --cds-border-disabled: #262626;
9735
+ --cds-text-disabled: #525252;
9736
+ --cds-button-disabled: #525252;
9737
+ --cds-icon-disabled: #525252;
9738
+ --cds-text-on-color-disabled: #8d8d8d;
9739
+ --cds-icon-on-color-disabled: #8d8d8d;
9740
+ --cds-layer-selected-disabled: #8d8d8d;
9741
+ --cds-skeleton-background: #353535;
9742
+ --cds-skeleton-element: #525252;
9743
+ --cds-brand-01: #0f62fe;
9744
+ --cds-brand-02: #6f6f6f;
9745
+ --cds-brand-03: #ffffff;
9746
+ --cds-active-01: #525252;
9747
+ --cds-hover-field: #353535;
9748
+ --cds-danger: #da1e28;
9749
+ --cds-caption-01-font-size: 0.75rem;
9750
+ --cds-caption-01-font-weight: 400;
9751
+ --cds-caption-01-line-height: 1.33333;
9752
+ --cds-caption-01-letter-spacing: 0.32px;
9753
+ --cds-caption-02-font-size: 0.875rem;
9754
+ --cds-caption-02-font-weight: 400;
9755
+ --cds-caption-02-line-height: 1.28572;
9756
+ --cds-caption-02-letter-spacing: 0.32px;
9757
+ --cds-label-01-font-size: 0.75rem;
9758
+ --cds-label-01-font-weight: 400;
9759
+ --cds-label-01-line-height: 1.33333;
9760
+ --cds-label-01-letter-spacing: 0.32px;
9761
+ --cds-label-02-font-size: 0.875rem;
9762
+ --cds-label-02-font-weight: 400;
9763
+ --cds-label-02-line-height: 1.28572;
9764
+ --cds-label-02-letter-spacing: 0.16px;
9765
+ --cds-helper-text-01-font-size: 0.75rem;
9766
+ --cds-helper-text-01-line-height: 1.33333;
9767
+ --cds-helper-text-01-letter-spacing: 0.32px;
9768
+ --cds-helper-text-02-font-size: 0.875rem;
9769
+ --cds-helper-text-02-line-height: 1.28572;
9770
+ --cds-helper-text-02-letter-spacing: 0.16px;
9771
+ --cds-body-short-01-font-size: 0.875rem;
9772
+ --cds-body-short-01-font-weight: 400;
9773
+ --cds-body-short-01-line-height: 1.28572;
9774
+ --cds-body-short-01-letter-spacing: 0.16px;
9775
+ --cds-body-long-01-font-size: 0.875rem;
9776
+ --cds-body-long-01-font-weight: 400;
9777
+ --cds-body-long-01-line-height: 1.42857;
9778
+ --cds-body-long-01-letter-spacing: 0.16px;
9779
+ --cds-body-short-02-font-size: 1rem;
9780
+ --cds-body-short-02-font-weight: 400;
9781
+ --cds-body-short-02-line-height: 1.375;
9782
+ --cds-body-short-02-letter-spacing: 0;
9783
+ --cds-body-long-02-font-size: 1rem;
9784
+ --cds-body-long-02-font-weight: 400;
9785
+ --cds-body-long-02-line-height: 1.5;
9786
+ --cds-body-long-02-letter-spacing: 0;
9787
+ --cds-code-01-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
9788
+ --cds-code-01-font-size: 0.75rem;
9789
+ --cds-code-01-font-weight: 400;
9790
+ --cds-code-01-line-height: 1.33333;
9791
+ --cds-code-01-letter-spacing: 0.32px;
9792
+ --cds-code-02-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
9793
+ --cds-code-02-font-size: 0.875rem;
9794
+ --cds-code-02-font-weight: 400;
9795
+ --cds-code-02-line-height: 1.42857;
9796
+ --cds-code-02-letter-spacing: 0.32px;
9797
+ --cds-heading-01-font-size: 0.875rem;
9798
+ --cds-heading-01-font-weight: 600;
9799
+ --cds-heading-01-line-height: 1.42857;
9800
+ --cds-heading-01-letter-spacing: 0.16px;
9801
+ --cds-productive-heading-01-font-size: 0.875rem;
9802
+ --cds-productive-heading-01-font-weight: 600;
9803
+ --cds-productive-heading-01-line-height: 1.28572;
9804
+ --cds-productive-heading-01-letter-spacing: 0.16px;
9805
+ --cds-heading-02-font-size: 1rem;
9806
+ --cds-heading-02-font-weight: 600;
9807
+ --cds-heading-02-line-height: 1.5;
9808
+ --cds-heading-02-letter-spacing: 0;
9809
+ --cds-productive-heading-02-font-size: 1rem;
9810
+ --cds-productive-heading-02-font-weight: 600;
9811
+ --cds-productive-heading-02-line-height: 1.375;
9812
+ --cds-productive-heading-02-letter-spacing: 0;
9813
+ --cds-productive-heading-03-font-size: 1.25rem;
9814
+ --cds-productive-heading-03-font-weight: 400;
9815
+ --cds-productive-heading-03-line-height: 1.4;
9816
+ --cds-productive-heading-03-letter-spacing: 0;
9817
+ --cds-productive-heading-04-font-size: 1.75rem;
9818
+ --cds-productive-heading-04-font-weight: 400;
9819
+ --cds-productive-heading-04-line-height: 1.28572;
9820
+ --cds-productive-heading-04-letter-spacing: 0;
9821
+ --cds-productive-heading-05-font-size: 2rem;
9822
+ --cds-productive-heading-05-font-weight: 400;
9823
+ --cds-productive-heading-05-line-height: 1.25;
9824
+ --cds-productive-heading-05-letter-spacing: 0;
9825
+ --cds-productive-heading-06-font-size: 2.625rem;
9826
+ --cds-productive-heading-06-font-weight: 300;
9827
+ --cds-productive-heading-06-line-height: 1.199;
9828
+ --cds-productive-heading-06-letter-spacing: 0;
9829
+ --cds-productive-heading-07-font-size: 3.375rem;
9830
+ --cds-productive-heading-07-font-weight: 300;
9831
+ --cds-productive-heading-07-line-height: 1.199;
9832
+ --cds-productive-heading-07-letter-spacing: 0;
9833
+ --cds-expressive-heading-01-font-size: 0.875rem;
9834
+ --cds-expressive-heading-01-font-weight: 600;
9835
+ --cds-expressive-heading-01-line-height: 1.25;
9836
+ --cds-expressive-heading-01-letter-spacing: 0.16px;
9837
+ --cds-expressive-heading-02-font-size: 1rem;
9838
+ --cds-expressive-heading-02-font-weight: 600;
9839
+ --cds-expressive-heading-02-line-height: 1.5;
9840
+ --cds-expressive-heading-02-letter-spacing: 0;
9841
+ --cds-expressive-heading-03-font-size: 1.25rem;
9842
+ --cds-expressive-heading-03-font-weight: 400;
9843
+ --cds-expressive-heading-03-line-height: 1.4;
9844
+ --cds-expressive-heading-03-letter-spacing: 0;
9845
+ --cds-expressive-heading-04-font-size: 1.75rem;
9846
+ --cds-expressive-heading-04-font-weight: 400;
9847
+ --cds-expressive-heading-04-line-height: 1.28572;
9848
+ --cds-expressive-heading-04-letter-spacing: 0;
9849
+ --cds-expressive-heading-05-font-size: 2rem;
9850
+ --cds-expressive-heading-05-font-weight: 400;
9851
+ --cds-expressive-heading-05-line-height: 1.25;
9852
+ --cds-expressive-heading-05-letter-spacing: 0;
9853
+ --cds-expressive-heading-06-font-size: 2rem;
9854
+ --cds-expressive-heading-06-font-weight: 600;
9855
+ --cds-expressive-heading-06-line-height: 1.25;
9856
+ --cds-expressive-heading-06-letter-spacing: 0;
9857
+ --cds-expressive-paragraph-01-font-size: 1.5rem;
9858
+ --cds-expressive-paragraph-01-font-weight: 300;
9859
+ --cds-expressive-paragraph-01-line-height: 1.334;
9860
+ --cds-expressive-paragraph-01-letter-spacing: 0;
9861
+ --cds-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
9862
+ --cds-quotation-01-font-size: 1.25rem;
9863
+ --cds-quotation-01-font-weight: 400;
9864
+ --cds-quotation-01-line-height: 1.3;
9865
+ --cds-quotation-01-letter-spacing: 0;
9866
+ --cds-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
9867
+ --cds-quotation-02-font-size: 2rem;
9868
+ --cds-quotation-02-font-weight: 300;
9869
+ --cds-quotation-02-line-height: 1.25;
9870
+ --cds-quotation-02-letter-spacing: 0;
9871
+ --cds-display-01-font-size: 2.625rem;
9872
+ --cds-display-01-font-weight: 300;
9873
+ --cds-display-01-line-height: 1.19;
9874
+ --cds-display-01-letter-spacing: 0;
9875
+ --cds-display-02-font-size: 2.625rem;
9876
+ --cds-display-02-font-weight: 600;
9877
+ --cds-display-02-line-height: 1.19;
9878
+ --cds-display-02-letter-spacing: 0;
9879
+ --cds-display-03-font-size: 2.625rem;
9880
+ --cds-display-03-font-weight: 300;
9881
+ --cds-display-03-line-height: 1.19;
9882
+ --cds-display-03-letter-spacing: 0;
9883
+ --cds-display-04-font-size: 2.625rem;
9884
+ --cds-display-04-font-weight: 300;
9885
+ --cds-display-04-line-height: 1.19;
9886
+ --cds-display-04-letter-spacing: 0;
9887
+ --cds-legal-01-font-size: 0.75rem;
9888
+ --cds-legal-01-font-weight: 400;
9889
+ --cds-legal-01-line-height: 1.33333;
9890
+ --cds-legal-01-letter-spacing: 0.32px;
9891
+ --cds-legal-02-font-size: 0.875rem;
9892
+ --cds-legal-02-font-weight: 400;
9893
+ --cds-legal-02-line-height: 1.28572;
9894
+ --cds-legal-02-letter-spacing: 0.16px;
9895
+ --cds-body-compact-01-font-size: 0.875rem;
9896
+ --cds-body-compact-01-font-weight: 400;
9897
+ --cds-body-compact-01-line-height: 1.28572;
9898
+ --cds-body-compact-01-letter-spacing: 0.16px;
9899
+ --cds-body-compact-02-font-size: 1rem;
9900
+ --cds-body-compact-02-font-weight: 400;
9901
+ --cds-body-compact-02-line-height: 1.375;
9902
+ --cds-body-compact-02-letter-spacing: 0;
9903
+ --cds-body-01-font-size: 0.875rem;
9904
+ --cds-body-01-font-weight: 400;
9905
+ --cds-body-01-line-height: 1.42857;
9906
+ --cds-body-01-letter-spacing: 0.16px;
9907
+ --cds-body-02-font-size: 1rem;
9908
+ --cds-body-02-font-weight: 400;
9909
+ --cds-body-02-line-height: 1.5;
9910
+ --cds-body-02-letter-spacing: 0;
9911
+ --cds-heading-compact-01-font-size: 0.875rem;
9912
+ --cds-heading-compact-01-font-weight: 600;
9913
+ --cds-heading-compact-01-line-height: 1.28572;
9914
+ --cds-heading-compact-01-letter-spacing: 0.16px;
9915
+ --cds-heading-compact-02-font-size: 1rem;
9916
+ --cds-heading-compact-02-font-weight: 600;
9917
+ --cds-heading-compact-02-line-height: 1.375;
9918
+ --cds-heading-compact-02-letter-spacing: 0;
9919
+ --cds-heading-03-font-size: 1.25rem;
9920
+ --cds-heading-03-font-weight: 400;
9921
+ --cds-heading-03-line-height: 1.4;
9922
+ --cds-heading-03-letter-spacing: 0;
9923
+ --cds-heading-04-font-size: 1.75rem;
9924
+ --cds-heading-04-font-weight: 400;
9925
+ --cds-heading-04-line-height: 1.28572;
9926
+ --cds-heading-04-letter-spacing: 0;
9927
+ --cds-heading-05-font-size: 2rem;
9928
+ --cds-heading-05-font-weight: 400;
9929
+ --cds-heading-05-line-height: 1.25;
9930
+ --cds-heading-05-letter-spacing: 0;
9931
+ --cds-heading-06-font-size: 2.625rem;
9932
+ --cds-heading-06-font-weight: 300;
9933
+ --cds-heading-06-line-height: 1.199;
9934
+ --cds-heading-06-letter-spacing: 0;
9935
+ --cds-heading-07-font-size: 3.375rem;
9936
+ --cds-heading-07-font-weight: 300;
9937
+ --cds-heading-07-line-height: 1.199;
9938
+ --cds-heading-07-letter-spacing: 0;
9939
+ --cds-fluid-heading-03-font-size: 1.25rem;
9940
+ --cds-fluid-heading-03-font-weight: 400;
9941
+ --cds-fluid-heading-03-line-height: 1.4;
9942
+ --cds-fluid-heading-03-letter-spacing: 0;
9943
+ --cds-fluid-heading-04-font-size: 1.75rem;
9944
+ --cds-fluid-heading-04-font-weight: 400;
9945
+ --cds-fluid-heading-04-line-height: 1.28572;
9946
+ --cds-fluid-heading-04-letter-spacing: 0;
9947
+ --cds-fluid-heading-05-font-size: 2rem;
9948
+ --cds-fluid-heading-05-font-weight: 400;
9949
+ --cds-fluid-heading-05-line-height: 1.25;
9950
+ --cds-fluid-heading-05-letter-spacing: 0;
9951
+ --cds-fluid-heading-06-font-size: 2rem;
9952
+ --cds-fluid-heading-06-font-weight: 600;
9953
+ --cds-fluid-heading-06-line-height: 1.25;
9954
+ --cds-fluid-heading-06-letter-spacing: 0;
9955
+ --cds-fluid-paragraph-01-font-size: 1.5rem;
9956
+ --cds-fluid-paragraph-01-font-weight: 300;
9957
+ --cds-fluid-paragraph-01-line-height: 1.334;
9958
+ --cds-fluid-paragraph-01-letter-spacing: 0;
9959
+ --cds-fluid-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
9960
+ --cds-fluid-quotation-01-font-size: 1.25rem;
9961
+ --cds-fluid-quotation-01-font-weight: 400;
9962
+ --cds-fluid-quotation-01-line-height: 1.3;
9963
+ --cds-fluid-quotation-01-letter-spacing: 0;
9964
+ --cds-fluid-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
9965
+ --cds-fluid-quotation-02-font-size: 2rem;
9966
+ --cds-fluid-quotation-02-font-weight: 300;
9967
+ --cds-fluid-quotation-02-line-height: 1.25;
9968
+ --cds-fluid-quotation-02-letter-spacing: 0;
9969
+ --cds-fluid-display-01-font-size: 2.625rem;
9970
+ --cds-fluid-display-01-font-weight: 300;
9971
+ --cds-fluid-display-01-line-height: 1.19;
9972
+ --cds-fluid-display-01-letter-spacing: 0;
9973
+ --cds-fluid-display-02-font-size: 2.625rem;
9974
+ --cds-fluid-display-02-font-weight: 600;
9975
+ --cds-fluid-display-02-line-height: 1.19;
9976
+ --cds-fluid-display-02-letter-spacing: 0;
9977
+ --cds-fluid-display-03-font-size: 2.625rem;
9978
+ --cds-fluid-display-03-font-weight: 300;
9979
+ --cds-fluid-display-03-line-height: 1.19;
9980
+ --cds-fluid-display-03-letter-spacing: 0;
9981
+ --cds-fluid-display-04-font-size: 2.625rem;
9982
+ --cds-fluid-display-04-font-weight: 300;
9983
+ --cds-fluid-display-04-line-height: 1.19;
9984
+ --cds-fluid-display-04-letter-spacing: 0;
9985
+ --cds-spacing-01: 0.125rem;
9986
+ --cds-spacing-02: 0.25rem;
9987
+ --cds-spacing-03: 0.5rem;
9988
+ --cds-spacing-04: 0.75rem;
9989
+ --cds-spacing-05: 1rem;
9990
+ --cds-spacing-06: 1.5rem;
9991
+ --cds-spacing-07: 2rem;
9992
+ --cds-spacing-08: 2.5rem;
9993
+ --cds-spacing-09: 3rem;
9994
+ --cds-spacing-10: 4rem;
9995
+ --cds-spacing-11: 5rem;
9996
+ --cds-spacing-12: 6rem;
9997
+ --cds-spacing-13: 10rem;
9998
+ --cds-fluid-spacing-01: 0;
9999
+ --cds-fluid-spacing-02: 2vw;
10000
+ --cds-fluid-spacing-03: 5vw;
10001
+ --cds-fluid-spacing-04: 10vw;
10002
+ --cds-layout-01: 1rem;
10003
+ --cds-layout-02: 1.5rem;
10004
+ --cds-layout-03: 2rem;
10005
+ --cds-layout-04: 3rem;
10006
+ --cds-layout-05: 4rem;
10007
+ --cds-layout-06: 6rem;
10008
+ --cds-layout-07: 10rem;
10009
+ --cds-container-01: 1.5rem;
10010
+ --cds-container-02: 2rem;
10011
+ --cds-container-03: 2.5rem;
10012
+ --cds-container-04: 3rem;
10013
+ --cds-container-05: 4rem;
10014
+ --cds-size-xsmall: 1.5rem;
10015
+ --cds-size-small: 2rem;
10016
+ --cds-size-medium: 2.5rem;
10017
+ --cds-size-large: 3rem;
10018
+ --cds-size-xlarge: 4rem;
10019
+ --cds-size-2XLarge: 5rem;
10020
+ --cds-icon-size-01: 1rem;
10021
+ --cds-icon-size-02: 1.25rem;
10022
+ font-size: var(--cds-body-long-01-font-size, 0.875rem);
10023
+ font-weight: var(--cds-body-long-01-font-weight, 400);
10024
+ line-height: var(--cds-body-long-01-line-height, 1.42857);
10025
+ letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
10026
+ display: block;
10027
+ padding: var(--cds-spacing-03, 0.5rem) var(--cds-spacing-04, 0.75rem);
10028
+ border-left-width: 0.078125rem;
10029
+ border-left-style: solid;
10030
+ margin: var(--cds-spacing-02, 0.25rem) 0;
10031
+ animation: fade 600ms;
10032
+ border-left-color: #d4bbff;
10033
+ color: #d4bbff;
10034
+ }
10035
+
8673
10036
  /*# sourceMappingURL=index-without-carbon.css.map */