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