@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
@@ -11395,17 +11395,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
11395
11395
|
background-color: var(--cds-ui-01, #f4f4f4);
|
11396
11396
|
transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
11397
11397
|
}
|
11398
|
-
.c4p--side-panel__container .c4p--side-panel__action-toolbar
|
11399
|
-
min-width: 2rem;
|
11400
|
-
}
|
11401
|
-
.c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button.c4p--side-panel__action-toolbar-icon-only-button {
|
11402
|
-
padding: 0;
|
11403
|
-
color: var(--cds-text-01, #161616);
|
11404
|
-
}
|
11405
|
-
.c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button.c4p--side-panel__action-toolbar-icon-only-button svg {
|
11406
|
-
margin-left: var(--cds-spacing-03, 0.5rem);
|
11407
|
-
}
|
11408
|
-
.c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button.c4p--side-panel__action-toolbar-leading-button {
|
11398
|
+
.c4p--side-panel__container .c4p--side-panel__action-toolbar-leading-button {
|
11409
11399
|
margin-right: var(--cds-spacing-03, 0.5rem);
|
11410
11400
|
}
|
11411
11401
|
.c4p--side-panel__container .bx--btn.c4p--side-panel__navigation-back-button {
|
@@ -11428,7 +11418,6 @@ a.bx--overflow-menu-options__btn::before {
|
|
11428
11418
|
display: flex;
|
11429
11419
|
align-items: center;
|
11430
11420
|
justify-content: center;
|
11431
|
-
background-color: var(--cds-ui-01, #f4f4f4);
|
11432
11421
|
}
|
11433
11422
|
.c4p--side-panel__container .bx--btn.c4p--side-panel__close-button .bx--btn__icon {
|
11434
11423
|
margin: 0;
|
@@ -16756,13 +16745,6 @@ button.bx--dropdown-text:focus {
|
|
16756
16745
|
flex-direction: column;
|
16757
16746
|
justify-content: center;
|
16758
16747
|
}
|
16759
|
-
.c4p--add-select__selections-cell:hover .c4p--add-select__selections-hidden-hover,
|
16760
|
-
.c4p--add-select__selections .bx--structured-list-row:focus-within .c4p--add-select__selections-hidden-hover {
|
16761
|
-
visibility: visible;
|
16762
|
-
}
|
16763
|
-
.c4p--add-select__selections-hidden-hover {
|
16764
|
-
visibility: hidden;
|
16765
|
-
}
|
16766
16748
|
.c4p--add-select__selections-row--selected.bx--structured-list-row {
|
16767
16749
|
border-bottom: 1px solid var(--cds-selected-ui, #e0e0e0);
|
16768
16750
|
background-color: var(--cds-selected-ui, #e0e0e0);
|
@@ -21359,7 +21341,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21359
21341
|
position: relative;
|
21360
21342
|
width: 100%;
|
21361
21343
|
max-height: 100%;
|
21362
|
-
overflow-y:
|
21344
|
+
overflow-y: auto;
|
21363
21345
|
}
|
21364
21346
|
|
21365
21347
|
.c4p--datagrid__carbon-row-expanded {
|
@@ -21525,6 +21507,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21525
21507
|
padding: 0 var(--cds-spacing-03, 0.5rem);
|
21526
21508
|
}
|
21527
21509
|
|
21510
|
+
.c4p--datagrid .c4p--datagrid__head-wrap {
|
21511
|
+
background-color: var(--cds-ui-03, #e0e0e0);
|
21512
|
+
}
|
21513
|
+
|
21528
21514
|
/*
|
21529
21515
|
* Licensed Materials - Property of IBM
|
21530
21516
|
* 5724-Q36
|
@@ -21620,7 +21606,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21620
21606
|
}
|
21621
21607
|
.c4p--datagrid__sortableColumn .bx--table-header-label .bx--table-sort:focus,
|
21622
21608
|
.c4p--datagrid__sortableColumn .bx--table-header-label .bx--table-sort:active,
|
21623
|
-
.c4p--datagrid__sortableColumn .bx--table-header-label .bx--table-sort:focus
|
21609
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label .bx--table-sort:focus .c4p--datagrid__sortable-icon {
|
21624
21610
|
/* stylelint-disable-next-line declaration-no-important */
|
21625
21611
|
background: none !important;
|
21626
21612
|
/* stylelint-disable-next-line declaration-no-important */
|
@@ -21641,7 +21627,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21641
21627
|
color: var(--cds-text-01, #161616) !important;
|
21642
21628
|
font: inherit;
|
21643
21629
|
}
|
21644
|
-
.c4p--datagrid__sortableColumn .bx--table-header-label .bx--table-sort
|
21630
|
+
.c4p--datagrid__sortableColumn .bx--table-header-label .bx--table-sort .c4p--datagrid__sortable-icon {
|
21645
21631
|
fill: var(--cds-text-01, #161616);
|
21646
21632
|
opacity: 0;
|
21647
21633
|
transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
@@ -21652,14 +21638,14 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21652
21638
|
margin: 0 calc(-1 * var(--cds-spacing-05, 1rem));
|
21653
21639
|
}
|
21654
21640
|
|
21655
|
-
.c4p--datagrid__sortableColumn:hover .bx--table-header-label
|
21656
|
-
.c4p--datagrid__sortableColumn:focus-within .bx--table-header-label
|
21657
|
-
.c4p--datagrid__sortableColumn.c4p--datagrid__isSorted .bx--table-header-label
|
21641
|
+
.c4p--datagrid__sortableColumn:hover .bx--table-header-label .c4p--datagrid__sortable-icon,
|
21642
|
+
.c4p--datagrid__sortableColumn:focus-within .bx--table-header-label .c4p--datagrid__sortable-icon,
|
21643
|
+
.c4p--datagrid__sortableColumn.c4p--datagrid__isSorted .bx--table-header-label .c4p--datagrid__sortable-icon {
|
21658
21644
|
opacity: 1;
|
21659
21645
|
visibility: visible;
|
21660
21646
|
}
|
21661
21647
|
|
21662
|
-
.c4p--datagrid__sortableColumn .c4p--datagrid--table-sort--desc
|
21648
|
+
.c4p--datagrid__sortableColumn .c4p--datagrid--table-sort--desc .c4p--datagrid__sortable-icon {
|
21663
21649
|
transform: rotate(180deg);
|
21664
21650
|
}
|
21665
21651
|
|
@@ -22845,6 +22831,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
22845
22831
|
/* stylelint-disable-next-line carbon/layout-token-use */
|
22846
22832
|
margin-right: var(--c4p--inline-edit--toolbar-width);
|
22847
22833
|
margin-left: var(--cds-spacing-05, 1rem);
|
22834
|
+
color: var(--cds-text-01, #161616);
|
22848
22835
|
line-height: var(--c4p--inline-edit--size);
|
22849
22836
|
}
|
22850
22837
|
.c4p--inline-edit .c4p--inline-edit__input:focus {
|
@@ -23036,7 +23023,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
23036
23023
|
.c4p--inline-edit-v2__btn-edit {
|
23037
23024
|
visibility: hidden;
|
23038
23025
|
}
|
23039
|
-
.c4p--inline-edit-v2
|
23026
|
+
.c4p--inline-edit-v2--focused {
|
23040
23027
|
background: var(--cds-field-01, #f4f4f4);
|
23041
23028
|
outline: 2px solid var(--cds-focus, #0f62fe);
|
23042
23029
|
}
|
@@ -23047,8 +23034,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
23047
23034
|
display: none;
|
23048
23035
|
}
|
23049
23036
|
.c4p--inline-edit-v2__warning-icon {
|
23050
|
-
|
23051
|
-
margin-right: 0.4375rem;
|
23037
|
+
margin: var(--cds-spacing-03, 0.5rem);
|
23052
23038
|
color: var(--cds-support-01, #da1e28);
|
23053
23039
|
}
|
23054
23040
|
.c4p--inline-edit-v2__warning-text {
|
@@ -23077,6 +23063,1415 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
23077
23063
|
outline: none;
|
23078
23064
|
}
|
23079
23065
|
|
23066
|
+
.c4p--inline-edit-v2__toolbar {
|
23067
|
+
--toolbar-width: var(--cds-spacing-07, 2rem);
|
23068
|
+
--toolbar-width-focussed: var(--cds-spacing-10, 4rem);
|
23069
|
+
display: inline-flex;
|
23070
|
+
overflow: hidden;
|
23071
|
+
width: var(--toolbar-width);
|
23072
|
+
}
|
23073
|
+
|
23074
|
+
.c4p--inline-edit-v2--invalid .c4p--inline-edit-v2__toolbar {
|
23075
|
+
--toolbar-width: var(--cds-spacing-07, 2rem);
|
23076
|
+
--toolbar-width-focussed: var(--cds-spacing-12, 6rem);
|
23077
|
+
}
|
23078
|
+
|
23079
|
+
@keyframes slide-in {
|
23080
|
+
0% {
|
23081
|
+
overflow: hidden;
|
23082
|
+
width: var(--toolbar-width);
|
23083
|
+
}
|
23084
|
+
99% {
|
23085
|
+
overflow: hidden;
|
23086
|
+
width: var(--toolbar-width-focussed);
|
23087
|
+
}
|
23088
|
+
100% {
|
23089
|
+
overflow: visible;
|
23090
|
+
width: var(--toolbar-width-focussed);
|
23091
|
+
}
|
23092
|
+
}
|
23093
|
+
.c4p--inline-edit-v2--focused .c4p--inline-edit-v2__toolbar {
|
23094
|
+
overflow: initial;
|
23095
|
+
width: var(--toolbar-width-focussed);
|
23096
|
+
animation: slide-in 150ms cubic-bezier(0, 0, 0.38, 0.9);
|
23097
|
+
}
|
23098
|
+
|
23099
|
+
@keyframes fade {
|
23100
|
+
0% {
|
23101
|
+
opacity: 0;
|
23102
|
+
}
|
23103
|
+
15% {
|
23104
|
+
opacity: 0;
|
23105
|
+
}
|
23106
|
+
100% {
|
23107
|
+
opacity: 1;
|
23108
|
+
}
|
23109
|
+
}
|
23110
|
+
.c4p--non-linear-reading__term-light--closed {
|
23111
|
+
padding: 0.0625rem var(--cds-spacing-03, 0.5rem) 0.0625rem var(--cds-spacing-03, 0.5rem);
|
23112
|
+
border: none;
|
23113
|
+
border-radius: var(--cds-spacing-04, 0.75rem);
|
23114
|
+
background-color: var(--cds-interactive-02, #393939);
|
23115
|
+
white-space: nowrap;
|
23116
|
+
background-color: var(--cds-interactive-02, #393939);
|
23117
|
+
color: var(--cds-inverse-01, #ffffff);
|
23118
|
+
}
|
23119
|
+
.c4p--non-linear-reading__term-light--closed:hover {
|
23120
|
+
background-color: var(--cds-hover-secondary, #4c4c4c);
|
23121
|
+
cursor: pointer;
|
23122
|
+
}
|
23123
|
+
.c4p--non-linear-reading__term-light--closed:hover {
|
23124
|
+
background-color: var(--cds-hover-secondary, #4c4c4c);
|
23125
|
+
}
|
23126
|
+
.c4p--non-linear-reading__term-light--open {
|
23127
|
+
padding: 0.0625rem var(--cds-spacing-03, 0.5rem) 0.0625rem var(--cds-spacing-03, 0.5rem);
|
23128
|
+
border: none;
|
23129
|
+
border-radius: var(--cds-spacing-04, 0.75rem);
|
23130
|
+
background-color: var(--cds-interactive-02, #393939);
|
23131
|
+
white-space: nowrap;
|
23132
|
+
padding-right: 0;
|
23133
|
+
background-color: #e8daff;
|
23134
|
+
color: var(--cds-text-01, #161616);
|
23135
|
+
}
|
23136
|
+
.c4p--non-linear-reading__term-light--open:hover {
|
23137
|
+
background-color: var(--cds-hover-secondary, #4c4c4c);
|
23138
|
+
cursor: pointer;
|
23139
|
+
}
|
23140
|
+
.c4p--non-linear-reading__term-light--open svg {
|
23141
|
+
padding-top: 0.0625rem;
|
23142
|
+
margin: 0 var(--cds-spacing-02, 0.25rem) 0 var(--cds-spacing-01, 0.125rem);
|
23143
|
+
vertical-align: text-top;
|
23144
|
+
}
|
23145
|
+
.c4p--non-linear-reading__term-light--open:hover {
|
23146
|
+
background-color: #dcc7ff;
|
23147
|
+
}
|
23148
|
+
.c4p--non-linear-reading__term-dark--closed {
|
23149
|
+
--cds-interactive-01: #0f62fe;
|
23150
|
+
--cds-interactive-02: #6f6f6f;
|
23151
|
+
--cds-interactive-03: #ffffff;
|
23152
|
+
--cds-interactive-04: #4589ff;
|
23153
|
+
--cds-ui-background: #161616;
|
23154
|
+
--cds-ui-01: #262626;
|
23155
|
+
--cds-ui-02: #393939;
|
23156
|
+
--cds-ui-03: #393939;
|
23157
|
+
--cds-ui-04: #6f6f6f;
|
23158
|
+
--cds-ui-05: #f4f4f4;
|
23159
|
+
--cds-text-01: #f4f4f4;
|
23160
|
+
--cds-text-02: #c6c6c6;
|
23161
|
+
--cds-text-03: #6f6f6f;
|
23162
|
+
--cds-text-04: #ffffff;
|
23163
|
+
--cds-text-05: #8d8d8d;
|
23164
|
+
--cds-text-error: #ff8389;
|
23165
|
+
--cds-icon-01: #f4f4f4;
|
23166
|
+
--cds-icon-02: #c6c6c6;
|
23167
|
+
--cds-icon-03: #ffffff;
|
23168
|
+
--cds-link-01: #78a9ff;
|
23169
|
+
--cds-link-02: #a6c8ff;
|
23170
|
+
--cds-inverse-link: #0f62fe;
|
23171
|
+
--cds-field-01: #262626;
|
23172
|
+
--cds-field-02: #393939;
|
23173
|
+
--cds-inverse-01: #161616;
|
23174
|
+
--cds-inverse-02: #f4f4f4;
|
23175
|
+
--cds-support-01: #fa4d56;
|
23176
|
+
--cds-support-02: #42be65;
|
23177
|
+
--cds-support-03: #f1c21b;
|
23178
|
+
--cds-support-04: #4589ff;
|
23179
|
+
--cds-inverse-support-01: #da1e28;
|
23180
|
+
--cds-inverse-support-02: #24a148;
|
23181
|
+
--cds-inverse-support-03: #f1c21b;
|
23182
|
+
--cds-inverse-support-04: #0f62fe;
|
23183
|
+
--cds-overlay-01: rgba(0, 0, 0, 0.65);
|
23184
|
+
--cds-danger-01: #da1e28;
|
23185
|
+
--cds-danger-02: #fa4d56;
|
23186
|
+
--cds-focus: #ffffff;
|
23187
|
+
--cds-inverse-focus-ui: #0f62fe;
|
23188
|
+
--cds-hover-primary: #0353e9;
|
23189
|
+
--cds-active-primary: #002d9c;
|
23190
|
+
--cds-hover-primary-text: #a6c8ff;
|
23191
|
+
--cds-hover-secondary: #606060;
|
23192
|
+
--cds-active-secondary: #393939;
|
23193
|
+
--cds-hover-tertiary: #f4f4f4;
|
23194
|
+
--cds-active-tertiary: #c6c6c6;
|
23195
|
+
--cds-hover-ui: #353535;
|
23196
|
+
--cds-hover-light-ui: #4c4c4c;
|
23197
|
+
--cds-hover-selected-ui: #4c4c4c;
|
23198
|
+
--cds-active-ui: #525252;
|
23199
|
+
--cds-active-light-ui: #6f6f6f;
|
23200
|
+
--cds-selected-ui: #393939;
|
23201
|
+
--cds-selected-light-ui: #525252;
|
23202
|
+
--cds-inverse-hover-ui: #e5e5e5;
|
23203
|
+
--cds-hover-danger: #b81921;
|
23204
|
+
--cds-active-danger: #750e13;
|
23205
|
+
--cds-hover-row: #353535;
|
23206
|
+
--cds-visited-link: #be95ff;
|
23207
|
+
--cds-disabled-01: #262626;
|
23208
|
+
--cds-disabled-02: #525252;
|
23209
|
+
--cds-disabled-03: #8d8d8d;
|
23210
|
+
--cds-highlight: #002d9c;
|
23211
|
+
--cds-decorative-01: #525252;
|
23212
|
+
--cds-button-separator: #161616;
|
23213
|
+
--cds-skeleton-01: #353535;
|
23214
|
+
--cds-skeleton-02: #525252;
|
23215
|
+
--cds-background: #161616;
|
23216
|
+
--cds-layer: #262626;
|
23217
|
+
--cds-layer-accent: #393939;
|
23218
|
+
--cds-layer-accent-hover: #474747;
|
23219
|
+
--cds-layer-accent-active: #6f6f6f;
|
23220
|
+
--cds-field: #262626;
|
23221
|
+
--cds-background-inverse: #f4f4f4;
|
23222
|
+
--cds-background-brand: #0f62fe;
|
23223
|
+
--cds-interactive: #4589ff;
|
23224
|
+
--cds-border-subtle: #393939;
|
23225
|
+
--cds-border-strong: #6f6f6f;
|
23226
|
+
--cds-border-inverse: #f4f4f4;
|
23227
|
+
--cds-border-interactive: #4589ff;
|
23228
|
+
--cds-text-primary: #f4f4f4;
|
23229
|
+
--cds-text-secondary: #c6c6c6;
|
23230
|
+
--cds-text-placeholder: #6f6f6f;
|
23231
|
+
--cds-text-helper: #8d8d8d;
|
23232
|
+
--cds-text-on-color: #ffffff;
|
23233
|
+
--cds-text-inverse: #161616;
|
23234
|
+
--cds-link-primary: #78a9ff;
|
23235
|
+
--cds-link-secondary: #a6c8ff;
|
23236
|
+
--cds-link-visited: #be95ff;
|
23237
|
+
--cds-link-inverse: #0f62fe;
|
23238
|
+
--cds-icon-primary: #f4f4f4;
|
23239
|
+
--cds-icon-secondary: #c6c6c6;
|
23240
|
+
--cds-icon-on-color: #ffffff;
|
23241
|
+
--cds-icon-inverse: #161616;
|
23242
|
+
--cds-support-error: #fa4d56;
|
23243
|
+
--cds-support-success: #42be65;
|
23244
|
+
--cds-support-warning: #f1c21b;
|
23245
|
+
--cds-support-info: #4589ff;
|
23246
|
+
--cds-support-error-inverse: #da1e28;
|
23247
|
+
--cds-support-success-inverse: #24a148;
|
23248
|
+
--cds-support-warning-inverse: #f1c21b;
|
23249
|
+
--cds-support-info-inverse: #0f62fe;
|
23250
|
+
--cds-overlay: rgba(0, 0, 0, 0.65);
|
23251
|
+
--cds-toggle-off: #6f6f6f;
|
23252
|
+
--cds-shadow: rgba(0, 0, 0, 0.8);
|
23253
|
+
--cds-button-primary: #0f62fe;
|
23254
|
+
--cds-button-secondary: #6f6f6f;
|
23255
|
+
--cds-button-tertiary: #ffffff;
|
23256
|
+
--cds-button-danger-primary: #da1e28;
|
23257
|
+
--cds-button-danger-secondary: #fa4d56;
|
23258
|
+
--cds-background-active: #525252;
|
23259
|
+
--cds-layer-active: #525252;
|
23260
|
+
--cds-button-danger-active: #750e13;
|
23261
|
+
--cds-button-primary-active: #002d9c;
|
23262
|
+
--cds-button-secondary-active: #393939;
|
23263
|
+
--cds-button-tertiary-active: #c6c6c6;
|
23264
|
+
--cds-focus-inset: #161616;
|
23265
|
+
--cds-focus-inverse: #0f62fe;
|
23266
|
+
--cds-background-hover: #353535;
|
23267
|
+
--cds-layer-hover: #353535;
|
23268
|
+
--cds-field-hover: #353535;
|
23269
|
+
--cds-background-inverse-hover: #e5e5e5;
|
23270
|
+
--cds-link-primary-hover: #a6c8ff;
|
23271
|
+
--cds-button-danger-hover: #b81921;
|
23272
|
+
--cds-button-primary-hover: #0353e9;
|
23273
|
+
--cds-button-secondary-hover: #606060;
|
23274
|
+
--cds-button-tertiary-hover: #f4f4f4;
|
23275
|
+
--cds-background-selected: #393939;
|
23276
|
+
--cds-background-selected-hover: #4c4c4c;
|
23277
|
+
--cds-layer-selected: #393939;
|
23278
|
+
--cds-layer-selected-hover: #4c4c4c;
|
23279
|
+
--cds-layer-selected-inverse: #f4f4f4;
|
23280
|
+
--cds-border-subtle-selected: #525252;
|
23281
|
+
--cds-border-disabled: #262626;
|
23282
|
+
--cds-text-disabled: #525252;
|
23283
|
+
--cds-button-disabled: #525252;
|
23284
|
+
--cds-icon-disabled: #525252;
|
23285
|
+
--cds-text-on-color-disabled: #8d8d8d;
|
23286
|
+
--cds-icon-on-color-disabled: #8d8d8d;
|
23287
|
+
--cds-layer-selected-disabled: #8d8d8d;
|
23288
|
+
--cds-skeleton-background: #353535;
|
23289
|
+
--cds-skeleton-element: #525252;
|
23290
|
+
--cds-brand-01: #0f62fe;
|
23291
|
+
--cds-brand-02: #6f6f6f;
|
23292
|
+
--cds-brand-03: #ffffff;
|
23293
|
+
--cds-active-01: #525252;
|
23294
|
+
--cds-hover-field: #353535;
|
23295
|
+
--cds-danger: #da1e28;
|
23296
|
+
--cds-caption-01-font-size: 0.75rem;
|
23297
|
+
--cds-caption-01-font-weight: 400;
|
23298
|
+
--cds-caption-01-line-height: 1.33333;
|
23299
|
+
--cds-caption-01-letter-spacing: 0.32px;
|
23300
|
+
--cds-caption-02-font-size: 0.875rem;
|
23301
|
+
--cds-caption-02-font-weight: 400;
|
23302
|
+
--cds-caption-02-line-height: 1.28572;
|
23303
|
+
--cds-caption-02-letter-spacing: 0.32px;
|
23304
|
+
--cds-label-01-font-size: 0.75rem;
|
23305
|
+
--cds-label-01-font-weight: 400;
|
23306
|
+
--cds-label-01-line-height: 1.33333;
|
23307
|
+
--cds-label-01-letter-spacing: 0.32px;
|
23308
|
+
--cds-label-02-font-size: 0.875rem;
|
23309
|
+
--cds-label-02-font-weight: 400;
|
23310
|
+
--cds-label-02-line-height: 1.28572;
|
23311
|
+
--cds-label-02-letter-spacing: 0.16px;
|
23312
|
+
--cds-helper-text-01-font-size: 0.75rem;
|
23313
|
+
--cds-helper-text-01-line-height: 1.33333;
|
23314
|
+
--cds-helper-text-01-letter-spacing: 0.32px;
|
23315
|
+
--cds-helper-text-02-font-size: 0.875rem;
|
23316
|
+
--cds-helper-text-02-line-height: 1.28572;
|
23317
|
+
--cds-helper-text-02-letter-spacing: 0.16px;
|
23318
|
+
--cds-body-short-01-font-size: 0.875rem;
|
23319
|
+
--cds-body-short-01-font-weight: 400;
|
23320
|
+
--cds-body-short-01-line-height: 1.28572;
|
23321
|
+
--cds-body-short-01-letter-spacing: 0.16px;
|
23322
|
+
--cds-body-long-01-font-size: 0.875rem;
|
23323
|
+
--cds-body-long-01-font-weight: 400;
|
23324
|
+
--cds-body-long-01-line-height: 1.42857;
|
23325
|
+
--cds-body-long-01-letter-spacing: 0.16px;
|
23326
|
+
--cds-body-short-02-font-size: 1rem;
|
23327
|
+
--cds-body-short-02-font-weight: 400;
|
23328
|
+
--cds-body-short-02-line-height: 1.375;
|
23329
|
+
--cds-body-short-02-letter-spacing: 0;
|
23330
|
+
--cds-body-long-02-font-size: 1rem;
|
23331
|
+
--cds-body-long-02-font-weight: 400;
|
23332
|
+
--cds-body-long-02-line-height: 1.5;
|
23333
|
+
--cds-body-long-02-letter-spacing: 0;
|
23334
|
+
--cds-code-01-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
|
23335
|
+
--cds-code-01-font-size: 0.75rem;
|
23336
|
+
--cds-code-01-font-weight: 400;
|
23337
|
+
--cds-code-01-line-height: 1.33333;
|
23338
|
+
--cds-code-01-letter-spacing: 0.32px;
|
23339
|
+
--cds-code-02-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
|
23340
|
+
--cds-code-02-font-size: 0.875rem;
|
23341
|
+
--cds-code-02-font-weight: 400;
|
23342
|
+
--cds-code-02-line-height: 1.42857;
|
23343
|
+
--cds-code-02-letter-spacing: 0.32px;
|
23344
|
+
--cds-heading-01-font-size: 0.875rem;
|
23345
|
+
--cds-heading-01-font-weight: 600;
|
23346
|
+
--cds-heading-01-line-height: 1.42857;
|
23347
|
+
--cds-heading-01-letter-spacing: 0.16px;
|
23348
|
+
--cds-productive-heading-01-font-size: 0.875rem;
|
23349
|
+
--cds-productive-heading-01-font-weight: 600;
|
23350
|
+
--cds-productive-heading-01-line-height: 1.28572;
|
23351
|
+
--cds-productive-heading-01-letter-spacing: 0.16px;
|
23352
|
+
--cds-heading-02-font-size: 1rem;
|
23353
|
+
--cds-heading-02-font-weight: 600;
|
23354
|
+
--cds-heading-02-line-height: 1.5;
|
23355
|
+
--cds-heading-02-letter-spacing: 0;
|
23356
|
+
--cds-productive-heading-02-font-size: 1rem;
|
23357
|
+
--cds-productive-heading-02-font-weight: 600;
|
23358
|
+
--cds-productive-heading-02-line-height: 1.375;
|
23359
|
+
--cds-productive-heading-02-letter-spacing: 0;
|
23360
|
+
--cds-productive-heading-03-font-size: 1.25rem;
|
23361
|
+
--cds-productive-heading-03-font-weight: 400;
|
23362
|
+
--cds-productive-heading-03-line-height: 1.4;
|
23363
|
+
--cds-productive-heading-03-letter-spacing: 0;
|
23364
|
+
--cds-productive-heading-04-font-size: 1.75rem;
|
23365
|
+
--cds-productive-heading-04-font-weight: 400;
|
23366
|
+
--cds-productive-heading-04-line-height: 1.28572;
|
23367
|
+
--cds-productive-heading-04-letter-spacing: 0;
|
23368
|
+
--cds-productive-heading-05-font-size: 2rem;
|
23369
|
+
--cds-productive-heading-05-font-weight: 400;
|
23370
|
+
--cds-productive-heading-05-line-height: 1.25;
|
23371
|
+
--cds-productive-heading-05-letter-spacing: 0;
|
23372
|
+
--cds-productive-heading-06-font-size: 2.625rem;
|
23373
|
+
--cds-productive-heading-06-font-weight: 300;
|
23374
|
+
--cds-productive-heading-06-line-height: 1.199;
|
23375
|
+
--cds-productive-heading-06-letter-spacing: 0;
|
23376
|
+
--cds-productive-heading-07-font-size: 3.375rem;
|
23377
|
+
--cds-productive-heading-07-font-weight: 300;
|
23378
|
+
--cds-productive-heading-07-line-height: 1.199;
|
23379
|
+
--cds-productive-heading-07-letter-spacing: 0;
|
23380
|
+
--cds-expressive-heading-01-font-size: 0.875rem;
|
23381
|
+
--cds-expressive-heading-01-font-weight: 600;
|
23382
|
+
--cds-expressive-heading-01-line-height: 1.25;
|
23383
|
+
--cds-expressive-heading-01-letter-spacing: 0.16px;
|
23384
|
+
--cds-expressive-heading-02-font-size: 1rem;
|
23385
|
+
--cds-expressive-heading-02-font-weight: 600;
|
23386
|
+
--cds-expressive-heading-02-line-height: 1.5;
|
23387
|
+
--cds-expressive-heading-02-letter-spacing: 0;
|
23388
|
+
--cds-expressive-heading-03-font-size: 1.25rem;
|
23389
|
+
--cds-expressive-heading-03-font-weight: 400;
|
23390
|
+
--cds-expressive-heading-03-line-height: 1.4;
|
23391
|
+
--cds-expressive-heading-03-letter-spacing: 0;
|
23392
|
+
--cds-expressive-heading-04-font-size: 1.75rem;
|
23393
|
+
--cds-expressive-heading-04-font-weight: 400;
|
23394
|
+
--cds-expressive-heading-04-line-height: 1.28572;
|
23395
|
+
--cds-expressive-heading-04-letter-spacing: 0;
|
23396
|
+
--cds-expressive-heading-05-font-size: 2rem;
|
23397
|
+
--cds-expressive-heading-05-font-weight: 400;
|
23398
|
+
--cds-expressive-heading-05-line-height: 1.25;
|
23399
|
+
--cds-expressive-heading-05-letter-spacing: 0;
|
23400
|
+
--cds-expressive-heading-06-font-size: 2rem;
|
23401
|
+
--cds-expressive-heading-06-font-weight: 600;
|
23402
|
+
--cds-expressive-heading-06-line-height: 1.25;
|
23403
|
+
--cds-expressive-heading-06-letter-spacing: 0;
|
23404
|
+
--cds-expressive-paragraph-01-font-size: 1.5rem;
|
23405
|
+
--cds-expressive-paragraph-01-font-weight: 300;
|
23406
|
+
--cds-expressive-paragraph-01-line-height: 1.334;
|
23407
|
+
--cds-expressive-paragraph-01-letter-spacing: 0;
|
23408
|
+
--cds-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
23409
|
+
--cds-quotation-01-font-size: 1.25rem;
|
23410
|
+
--cds-quotation-01-font-weight: 400;
|
23411
|
+
--cds-quotation-01-line-height: 1.3;
|
23412
|
+
--cds-quotation-01-letter-spacing: 0;
|
23413
|
+
--cds-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
23414
|
+
--cds-quotation-02-font-size: 2rem;
|
23415
|
+
--cds-quotation-02-font-weight: 300;
|
23416
|
+
--cds-quotation-02-line-height: 1.25;
|
23417
|
+
--cds-quotation-02-letter-spacing: 0;
|
23418
|
+
--cds-display-01-font-size: 2.625rem;
|
23419
|
+
--cds-display-01-font-weight: 300;
|
23420
|
+
--cds-display-01-line-height: 1.19;
|
23421
|
+
--cds-display-01-letter-spacing: 0;
|
23422
|
+
--cds-display-02-font-size: 2.625rem;
|
23423
|
+
--cds-display-02-font-weight: 600;
|
23424
|
+
--cds-display-02-line-height: 1.19;
|
23425
|
+
--cds-display-02-letter-spacing: 0;
|
23426
|
+
--cds-display-03-font-size: 2.625rem;
|
23427
|
+
--cds-display-03-font-weight: 300;
|
23428
|
+
--cds-display-03-line-height: 1.19;
|
23429
|
+
--cds-display-03-letter-spacing: 0;
|
23430
|
+
--cds-display-04-font-size: 2.625rem;
|
23431
|
+
--cds-display-04-font-weight: 300;
|
23432
|
+
--cds-display-04-line-height: 1.19;
|
23433
|
+
--cds-display-04-letter-spacing: 0;
|
23434
|
+
--cds-legal-01-font-size: 0.75rem;
|
23435
|
+
--cds-legal-01-font-weight: 400;
|
23436
|
+
--cds-legal-01-line-height: 1.33333;
|
23437
|
+
--cds-legal-01-letter-spacing: 0.32px;
|
23438
|
+
--cds-legal-02-font-size: 0.875rem;
|
23439
|
+
--cds-legal-02-font-weight: 400;
|
23440
|
+
--cds-legal-02-line-height: 1.28572;
|
23441
|
+
--cds-legal-02-letter-spacing: 0.16px;
|
23442
|
+
--cds-body-compact-01-font-size: 0.875rem;
|
23443
|
+
--cds-body-compact-01-font-weight: 400;
|
23444
|
+
--cds-body-compact-01-line-height: 1.28572;
|
23445
|
+
--cds-body-compact-01-letter-spacing: 0.16px;
|
23446
|
+
--cds-body-compact-02-font-size: 1rem;
|
23447
|
+
--cds-body-compact-02-font-weight: 400;
|
23448
|
+
--cds-body-compact-02-line-height: 1.375;
|
23449
|
+
--cds-body-compact-02-letter-spacing: 0;
|
23450
|
+
--cds-body-01-font-size: 0.875rem;
|
23451
|
+
--cds-body-01-font-weight: 400;
|
23452
|
+
--cds-body-01-line-height: 1.42857;
|
23453
|
+
--cds-body-01-letter-spacing: 0.16px;
|
23454
|
+
--cds-body-02-font-size: 1rem;
|
23455
|
+
--cds-body-02-font-weight: 400;
|
23456
|
+
--cds-body-02-line-height: 1.5;
|
23457
|
+
--cds-body-02-letter-spacing: 0;
|
23458
|
+
--cds-heading-compact-01-font-size: 0.875rem;
|
23459
|
+
--cds-heading-compact-01-font-weight: 600;
|
23460
|
+
--cds-heading-compact-01-line-height: 1.28572;
|
23461
|
+
--cds-heading-compact-01-letter-spacing: 0.16px;
|
23462
|
+
--cds-heading-compact-02-font-size: 1rem;
|
23463
|
+
--cds-heading-compact-02-font-weight: 600;
|
23464
|
+
--cds-heading-compact-02-line-height: 1.375;
|
23465
|
+
--cds-heading-compact-02-letter-spacing: 0;
|
23466
|
+
--cds-heading-03-font-size: 1.25rem;
|
23467
|
+
--cds-heading-03-font-weight: 400;
|
23468
|
+
--cds-heading-03-line-height: 1.4;
|
23469
|
+
--cds-heading-03-letter-spacing: 0;
|
23470
|
+
--cds-heading-04-font-size: 1.75rem;
|
23471
|
+
--cds-heading-04-font-weight: 400;
|
23472
|
+
--cds-heading-04-line-height: 1.28572;
|
23473
|
+
--cds-heading-04-letter-spacing: 0;
|
23474
|
+
--cds-heading-05-font-size: 2rem;
|
23475
|
+
--cds-heading-05-font-weight: 400;
|
23476
|
+
--cds-heading-05-line-height: 1.25;
|
23477
|
+
--cds-heading-05-letter-spacing: 0;
|
23478
|
+
--cds-heading-06-font-size: 2.625rem;
|
23479
|
+
--cds-heading-06-font-weight: 300;
|
23480
|
+
--cds-heading-06-line-height: 1.199;
|
23481
|
+
--cds-heading-06-letter-spacing: 0;
|
23482
|
+
--cds-heading-07-font-size: 3.375rem;
|
23483
|
+
--cds-heading-07-font-weight: 300;
|
23484
|
+
--cds-heading-07-line-height: 1.199;
|
23485
|
+
--cds-heading-07-letter-spacing: 0;
|
23486
|
+
--cds-fluid-heading-03-font-size: 1.25rem;
|
23487
|
+
--cds-fluid-heading-03-font-weight: 400;
|
23488
|
+
--cds-fluid-heading-03-line-height: 1.4;
|
23489
|
+
--cds-fluid-heading-03-letter-spacing: 0;
|
23490
|
+
--cds-fluid-heading-04-font-size: 1.75rem;
|
23491
|
+
--cds-fluid-heading-04-font-weight: 400;
|
23492
|
+
--cds-fluid-heading-04-line-height: 1.28572;
|
23493
|
+
--cds-fluid-heading-04-letter-spacing: 0;
|
23494
|
+
--cds-fluid-heading-05-font-size: 2rem;
|
23495
|
+
--cds-fluid-heading-05-font-weight: 400;
|
23496
|
+
--cds-fluid-heading-05-line-height: 1.25;
|
23497
|
+
--cds-fluid-heading-05-letter-spacing: 0;
|
23498
|
+
--cds-fluid-heading-06-font-size: 2rem;
|
23499
|
+
--cds-fluid-heading-06-font-weight: 600;
|
23500
|
+
--cds-fluid-heading-06-line-height: 1.25;
|
23501
|
+
--cds-fluid-heading-06-letter-spacing: 0;
|
23502
|
+
--cds-fluid-paragraph-01-font-size: 1.5rem;
|
23503
|
+
--cds-fluid-paragraph-01-font-weight: 300;
|
23504
|
+
--cds-fluid-paragraph-01-line-height: 1.334;
|
23505
|
+
--cds-fluid-paragraph-01-letter-spacing: 0;
|
23506
|
+
--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
23507
|
+
--cds-fluid-quotation-01-font-size: 1.25rem;
|
23508
|
+
--cds-fluid-quotation-01-font-weight: 400;
|
23509
|
+
--cds-fluid-quotation-01-line-height: 1.3;
|
23510
|
+
--cds-fluid-quotation-01-letter-spacing: 0;
|
23511
|
+
--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
23512
|
+
--cds-fluid-quotation-02-font-size: 2rem;
|
23513
|
+
--cds-fluid-quotation-02-font-weight: 300;
|
23514
|
+
--cds-fluid-quotation-02-line-height: 1.25;
|
23515
|
+
--cds-fluid-quotation-02-letter-spacing: 0;
|
23516
|
+
--cds-fluid-display-01-font-size: 2.625rem;
|
23517
|
+
--cds-fluid-display-01-font-weight: 300;
|
23518
|
+
--cds-fluid-display-01-line-height: 1.19;
|
23519
|
+
--cds-fluid-display-01-letter-spacing: 0;
|
23520
|
+
--cds-fluid-display-02-font-size: 2.625rem;
|
23521
|
+
--cds-fluid-display-02-font-weight: 600;
|
23522
|
+
--cds-fluid-display-02-line-height: 1.19;
|
23523
|
+
--cds-fluid-display-02-letter-spacing: 0;
|
23524
|
+
--cds-fluid-display-03-font-size: 2.625rem;
|
23525
|
+
--cds-fluid-display-03-font-weight: 300;
|
23526
|
+
--cds-fluid-display-03-line-height: 1.19;
|
23527
|
+
--cds-fluid-display-03-letter-spacing: 0;
|
23528
|
+
--cds-fluid-display-04-font-size: 2.625rem;
|
23529
|
+
--cds-fluid-display-04-font-weight: 300;
|
23530
|
+
--cds-fluid-display-04-line-height: 1.19;
|
23531
|
+
--cds-fluid-display-04-letter-spacing: 0;
|
23532
|
+
--cds-spacing-01: 0.125rem;
|
23533
|
+
--cds-spacing-02: 0.25rem;
|
23534
|
+
--cds-spacing-03: 0.5rem;
|
23535
|
+
--cds-spacing-04: 0.75rem;
|
23536
|
+
--cds-spacing-05: 1rem;
|
23537
|
+
--cds-spacing-06: 1.5rem;
|
23538
|
+
--cds-spacing-07: 2rem;
|
23539
|
+
--cds-spacing-08: 2.5rem;
|
23540
|
+
--cds-spacing-09: 3rem;
|
23541
|
+
--cds-spacing-10: 4rem;
|
23542
|
+
--cds-spacing-11: 5rem;
|
23543
|
+
--cds-spacing-12: 6rem;
|
23544
|
+
--cds-spacing-13: 10rem;
|
23545
|
+
--cds-fluid-spacing-01: 0;
|
23546
|
+
--cds-fluid-spacing-02: 2vw;
|
23547
|
+
--cds-fluid-spacing-03: 5vw;
|
23548
|
+
--cds-fluid-spacing-04: 10vw;
|
23549
|
+
--cds-layout-01: 1rem;
|
23550
|
+
--cds-layout-02: 1.5rem;
|
23551
|
+
--cds-layout-03: 2rem;
|
23552
|
+
--cds-layout-04: 3rem;
|
23553
|
+
--cds-layout-05: 4rem;
|
23554
|
+
--cds-layout-06: 6rem;
|
23555
|
+
--cds-layout-07: 10rem;
|
23556
|
+
--cds-container-01: 1.5rem;
|
23557
|
+
--cds-container-02: 2rem;
|
23558
|
+
--cds-container-03: 2.5rem;
|
23559
|
+
--cds-container-04: 3rem;
|
23560
|
+
--cds-container-05: 4rem;
|
23561
|
+
--cds-size-xsmall: 1.5rem;
|
23562
|
+
--cds-size-small: 2rem;
|
23563
|
+
--cds-size-medium: 2.5rem;
|
23564
|
+
--cds-size-large: 3rem;
|
23565
|
+
--cds-size-xlarge: 4rem;
|
23566
|
+
--cds-size-2XLarge: 5rem;
|
23567
|
+
--cds-icon-size-01: 1rem;
|
23568
|
+
--cds-icon-size-02: 1.25rem;
|
23569
|
+
padding: 0.0625rem var(--cds-spacing-03, 0.5rem) 0.0625rem var(--cds-spacing-03, 0.5rem);
|
23570
|
+
border: none;
|
23571
|
+
border-radius: var(--cds-spacing-04, 0.75rem);
|
23572
|
+
background-color: var(--cds-interactive-02, #393939);
|
23573
|
+
white-space: nowrap;
|
23574
|
+
background-color: var(--cds-interactive-02, #393939);
|
23575
|
+
color: var(--cds-text-04, #ffffff);
|
23576
|
+
}
|
23577
|
+
.c4p--non-linear-reading__term-dark--closed:hover {
|
23578
|
+
background-color: var(--cds-hover-secondary, #4c4c4c);
|
23579
|
+
cursor: pointer;
|
23580
|
+
}
|
23581
|
+
.c4p--non-linear-reading__term-dark--closed:hover {
|
23582
|
+
background-color: var(--cds-hover-secondary, #4c4c4c);
|
23583
|
+
}
|
23584
|
+
.c4p--non-linear-reading__term-dark--open {
|
23585
|
+
--cds-interactive-01: #0f62fe;
|
23586
|
+
--cds-interactive-02: #6f6f6f;
|
23587
|
+
--cds-interactive-03: #ffffff;
|
23588
|
+
--cds-interactive-04: #4589ff;
|
23589
|
+
--cds-ui-background: #161616;
|
23590
|
+
--cds-ui-01: #262626;
|
23591
|
+
--cds-ui-02: #393939;
|
23592
|
+
--cds-ui-03: #393939;
|
23593
|
+
--cds-ui-04: #6f6f6f;
|
23594
|
+
--cds-ui-05: #f4f4f4;
|
23595
|
+
--cds-text-01: #f4f4f4;
|
23596
|
+
--cds-text-02: #c6c6c6;
|
23597
|
+
--cds-text-03: #6f6f6f;
|
23598
|
+
--cds-text-04: #ffffff;
|
23599
|
+
--cds-text-05: #8d8d8d;
|
23600
|
+
--cds-text-error: #ff8389;
|
23601
|
+
--cds-icon-01: #f4f4f4;
|
23602
|
+
--cds-icon-02: #c6c6c6;
|
23603
|
+
--cds-icon-03: #ffffff;
|
23604
|
+
--cds-link-01: #78a9ff;
|
23605
|
+
--cds-link-02: #a6c8ff;
|
23606
|
+
--cds-inverse-link: #0f62fe;
|
23607
|
+
--cds-field-01: #262626;
|
23608
|
+
--cds-field-02: #393939;
|
23609
|
+
--cds-inverse-01: #161616;
|
23610
|
+
--cds-inverse-02: #f4f4f4;
|
23611
|
+
--cds-support-01: #fa4d56;
|
23612
|
+
--cds-support-02: #42be65;
|
23613
|
+
--cds-support-03: #f1c21b;
|
23614
|
+
--cds-support-04: #4589ff;
|
23615
|
+
--cds-inverse-support-01: #da1e28;
|
23616
|
+
--cds-inverse-support-02: #24a148;
|
23617
|
+
--cds-inverse-support-03: #f1c21b;
|
23618
|
+
--cds-inverse-support-04: #0f62fe;
|
23619
|
+
--cds-overlay-01: rgba(0, 0, 0, 0.65);
|
23620
|
+
--cds-danger-01: #da1e28;
|
23621
|
+
--cds-danger-02: #fa4d56;
|
23622
|
+
--cds-focus: #ffffff;
|
23623
|
+
--cds-inverse-focus-ui: #0f62fe;
|
23624
|
+
--cds-hover-primary: #0353e9;
|
23625
|
+
--cds-active-primary: #002d9c;
|
23626
|
+
--cds-hover-primary-text: #a6c8ff;
|
23627
|
+
--cds-hover-secondary: #606060;
|
23628
|
+
--cds-active-secondary: #393939;
|
23629
|
+
--cds-hover-tertiary: #f4f4f4;
|
23630
|
+
--cds-active-tertiary: #c6c6c6;
|
23631
|
+
--cds-hover-ui: #353535;
|
23632
|
+
--cds-hover-light-ui: #4c4c4c;
|
23633
|
+
--cds-hover-selected-ui: #4c4c4c;
|
23634
|
+
--cds-active-ui: #525252;
|
23635
|
+
--cds-active-light-ui: #6f6f6f;
|
23636
|
+
--cds-selected-ui: #393939;
|
23637
|
+
--cds-selected-light-ui: #525252;
|
23638
|
+
--cds-inverse-hover-ui: #e5e5e5;
|
23639
|
+
--cds-hover-danger: #b81921;
|
23640
|
+
--cds-active-danger: #750e13;
|
23641
|
+
--cds-hover-row: #353535;
|
23642
|
+
--cds-visited-link: #be95ff;
|
23643
|
+
--cds-disabled-01: #262626;
|
23644
|
+
--cds-disabled-02: #525252;
|
23645
|
+
--cds-disabled-03: #8d8d8d;
|
23646
|
+
--cds-highlight: #002d9c;
|
23647
|
+
--cds-decorative-01: #525252;
|
23648
|
+
--cds-button-separator: #161616;
|
23649
|
+
--cds-skeleton-01: #353535;
|
23650
|
+
--cds-skeleton-02: #525252;
|
23651
|
+
--cds-background: #161616;
|
23652
|
+
--cds-layer: #262626;
|
23653
|
+
--cds-layer-accent: #393939;
|
23654
|
+
--cds-layer-accent-hover: #474747;
|
23655
|
+
--cds-layer-accent-active: #6f6f6f;
|
23656
|
+
--cds-field: #262626;
|
23657
|
+
--cds-background-inverse: #f4f4f4;
|
23658
|
+
--cds-background-brand: #0f62fe;
|
23659
|
+
--cds-interactive: #4589ff;
|
23660
|
+
--cds-border-subtle: #393939;
|
23661
|
+
--cds-border-strong: #6f6f6f;
|
23662
|
+
--cds-border-inverse: #f4f4f4;
|
23663
|
+
--cds-border-interactive: #4589ff;
|
23664
|
+
--cds-text-primary: #f4f4f4;
|
23665
|
+
--cds-text-secondary: #c6c6c6;
|
23666
|
+
--cds-text-placeholder: #6f6f6f;
|
23667
|
+
--cds-text-helper: #8d8d8d;
|
23668
|
+
--cds-text-on-color: #ffffff;
|
23669
|
+
--cds-text-inverse: #161616;
|
23670
|
+
--cds-link-primary: #78a9ff;
|
23671
|
+
--cds-link-secondary: #a6c8ff;
|
23672
|
+
--cds-link-visited: #be95ff;
|
23673
|
+
--cds-link-inverse: #0f62fe;
|
23674
|
+
--cds-icon-primary: #f4f4f4;
|
23675
|
+
--cds-icon-secondary: #c6c6c6;
|
23676
|
+
--cds-icon-on-color: #ffffff;
|
23677
|
+
--cds-icon-inverse: #161616;
|
23678
|
+
--cds-support-error: #fa4d56;
|
23679
|
+
--cds-support-success: #42be65;
|
23680
|
+
--cds-support-warning: #f1c21b;
|
23681
|
+
--cds-support-info: #4589ff;
|
23682
|
+
--cds-support-error-inverse: #da1e28;
|
23683
|
+
--cds-support-success-inverse: #24a148;
|
23684
|
+
--cds-support-warning-inverse: #f1c21b;
|
23685
|
+
--cds-support-info-inverse: #0f62fe;
|
23686
|
+
--cds-overlay: rgba(0, 0, 0, 0.65);
|
23687
|
+
--cds-toggle-off: #6f6f6f;
|
23688
|
+
--cds-shadow: rgba(0, 0, 0, 0.8);
|
23689
|
+
--cds-button-primary: #0f62fe;
|
23690
|
+
--cds-button-secondary: #6f6f6f;
|
23691
|
+
--cds-button-tertiary: #ffffff;
|
23692
|
+
--cds-button-danger-primary: #da1e28;
|
23693
|
+
--cds-button-danger-secondary: #fa4d56;
|
23694
|
+
--cds-background-active: #525252;
|
23695
|
+
--cds-layer-active: #525252;
|
23696
|
+
--cds-button-danger-active: #750e13;
|
23697
|
+
--cds-button-primary-active: #002d9c;
|
23698
|
+
--cds-button-secondary-active: #393939;
|
23699
|
+
--cds-button-tertiary-active: #c6c6c6;
|
23700
|
+
--cds-focus-inset: #161616;
|
23701
|
+
--cds-focus-inverse: #0f62fe;
|
23702
|
+
--cds-background-hover: #353535;
|
23703
|
+
--cds-layer-hover: #353535;
|
23704
|
+
--cds-field-hover: #353535;
|
23705
|
+
--cds-background-inverse-hover: #e5e5e5;
|
23706
|
+
--cds-link-primary-hover: #a6c8ff;
|
23707
|
+
--cds-button-danger-hover: #b81921;
|
23708
|
+
--cds-button-primary-hover: #0353e9;
|
23709
|
+
--cds-button-secondary-hover: #606060;
|
23710
|
+
--cds-button-tertiary-hover: #f4f4f4;
|
23711
|
+
--cds-background-selected: #393939;
|
23712
|
+
--cds-background-selected-hover: #4c4c4c;
|
23713
|
+
--cds-layer-selected: #393939;
|
23714
|
+
--cds-layer-selected-hover: #4c4c4c;
|
23715
|
+
--cds-layer-selected-inverse: #f4f4f4;
|
23716
|
+
--cds-border-subtle-selected: #525252;
|
23717
|
+
--cds-border-disabled: #262626;
|
23718
|
+
--cds-text-disabled: #525252;
|
23719
|
+
--cds-button-disabled: #525252;
|
23720
|
+
--cds-icon-disabled: #525252;
|
23721
|
+
--cds-text-on-color-disabled: #8d8d8d;
|
23722
|
+
--cds-icon-on-color-disabled: #8d8d8d;
|
23723
|
+
--cds-layer-selected-disabled: #8d8d8d;
|
23724
|
+
--cds-skeleton-background: #353535;
|
23725
|
+
--cds-skeleton-element: #525252;
|
23726
|
+
--cds-brand-01: #0f62fe;
|
23727
|
+
--cds-brand-02: #6f6f6f;
|
23728
|
+
--cds-brand-03: #ffffff;
|
23729
|
+
--cds-active-01: #525252;
|
23730
|
+
--cds-hover-field: #353535;
|
23731
|
+
--cds-danger: #da1e28;
|
23732
|
+
--cds-caption-01-font-size: 0.75rem;
|
23733
|
+
--cds-caption-01-font-weight: 400;
|
23734
|
+
--cds-caption-01-line-height: 1.33333;
|
23735
|
+
--cds-caption-01-letter-spacing: 0.32px;
|
23736
|
+
--cds-caption-02-font-size: 0.875rem;
|
23737
|
+
--cds-caption-02-font-weight: 400;
|
23738
|
+
--cds-caption-02-line-height: 1.28572;
|
23739
|
+
--cds-caption-02-letter-spacing: 0.32px;
|
23740
|
+
--cds-label-01-font-size: 0.75rem;
|
23741
|
+
--cds-label-01-font-weight: 400;
|
23742
|
+
--cds-label-01-line-height: 1.33333;
|
23743
|
+
--cds-label-01-letter-spacing: 0.32px;
|
23744
|
+
--cds-label-02-font-size: 0.875rem;
|
23745
|
+
--cds-label-02-font-weight: 400;
|
23746
|
+
--cds-label-02-line-height: 1.28572;
|
23747
|
+
--cds-label-02-letter-spacing: 0.16px;
|
23748
|
+
--cds-helper-text-01-font-size: 0.75rem;
|
23749
|
+
--cds-helper-text-01-line-height: 1.33333;
|
23750
|
+
--cds-helper-text-01-letter-spacing: 0.32px;
|
23751
|
+
--cds-helper-text-02-font-size: 0.875rem;
|
23752
|
+
--cds-helper-text-02-line-height: 1.28572;
|
23753
|
+
--cds-helper-text-02-letter-spacing: 0.16px;
|
23754
|
+
--cds-body-short-01-font-size: 0.875rem;
|
23755
|
+
--cds-body-short-01-font-weight: 400;
|
23756
|
+
--cds-body-short-01-line-height: 1.28572;
|
23757
|
+
--cds-body-short-01-letter-spacing: 0.16px;
|
23758
|
+
--cds-body-long-01-font-size: 0.875rem;
|
23759
|
+
--cds-body-long-01-font-weight: 400;
|
23760
|
+
--cds-body-long-01-line-height: 1.42857;
|
23761
|
+
--cds-body-long-01-letter-spacing: 0.16px;
|
23762
|
+
--cds-body-short-02-font-size: 1rem;
|
23763
|
+
--cds-body-short-02-font-weight: 400;
|
23764
|
+
--cds-body-short-02-line-height: 1.375;
|
23765
|
+
--cds-body-short-02-letter-spacing: 0;
|
23766
|
+
--cds-body-long-02-font-size: 1rem;
|
23767
|
+
--cds-body-long-02-font-weight: 400;
|
23768
|
+
--cds-body-long-02-line-height: 1.5;
|
23769
|
+
--cds-body-long-02-letter-spacing: 0;
|
23770
|
+
--cds-code-01-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
|
23771
|
+
--cds-code-01-font-size: 0.75rem;
|
23772
|
+
--cds-code-01-font-weight: 400;
|
23773
|
+
--cds-code-01-line-height: 1.33333;
|
23774
|
+
--cds-code-01-letter-spacing: 0.32px;
|
23775
|
+
--cds-code-02-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
|
23776
|
+
--cds-code-02-font-size: 0.875rem;
|
23777
|
+
--cds-code-02-font-weight: 400;
|
23778
|
+
--cds-code-02-line-height: 1.42857;
|
23779
|
+
--cds-code-02-letter-spacing: 0.32px;
|
23780
|
+
--cds-heading-01-font-size: 0.875rem;
|
23781
|
+
--cds-heading-01-font-weight: 600;
|
23782
|
+
--cds-heading-01-line-height: 1.42857;
|
23783
|
+
--cds-heading-01-letter-spacing: 0.16px;
|
23784
|
+
--cds-productive-heading-01-font-size: 0.875rem;
|
23785
|
+
--cds-productive-heading-01-font-weight: 600;
|
23786
|
+
--cds-productive-heading-01-line-height: 1.28572;
|
23787
|
+
--cds-productive-heading-01-letter-spacing: 0.16px;
|
23788
|
+
--cds-heading-02-font-size: 1rem;
|
23789
|
+
--cds-heading-02-font-weight: 600;
|
23790
|
+
--cds-heading-02-line-height: 1.5;
|
23791
|
+
--cds-heading-02-letter-spacing: 0;
|
23792
|
+
--cds-productive-heading-02-font-size: 1rem;
|
23793
|
+
--cds-productive-heading-02-font-weight: 600;
|
23794
|
+
--cds-productive-heading-02-line-height: 1.375;
|
23795
|
+
--cds-productive-heading-02-letter-spacing: 0;
|
23796
|
+
--cds-productive-heading-03-font-size: 1.25rem;
|
23797
|
+
--cds-productive-heading-03-font-weight: 400;
|
23798
|
+
--cds-productive-heading-03-line-height: 1.4;
|
23799
|
+
--cds-productive-heading-03-letter-spacing: 0;
|
23800
|
+
--cds-productive-heading-04-font-size: 1.75rem;
|
23801
|
+
--cds-productive-heading-04-font-weight: 400;
|
23802
|
+
--cds-productive-heading-04-line-height: 1.28572;
|
23803
|
+
--cds-productive-heading-04-letter-spacing: 0;
|
23804
|
+
--cds-productive-heading-05-font-size: 2rem;
|
23805
|
+
--cds-productive-heading-05-font-weight: 400;
|
23806
|
+
--cds-productive-heading-05-line-height: 1.25;
|
23807
|
+
--cds-productive-heading-05-letter-spacing: 0;
|
23808
|
+
--cds-productive-heading-06-font-size: 2.625rem;
|
23809
|
+
--cds-productive-heading-06-font-weight: 300;
|
23810
|
+
--cds-productive-heading-06-line-height: 1.199;
|
23811
|
+
--cds-productive-heading-06-letter-spacing: 0;
|
23812
|
+
--cds-productive-heading-07-font-size: 3.375rem;
|
23813
|
+
--cds-productive-heading-07-font-weight: 300;
|
23814
|
+
--cds-productive-heading-07-line-height: 1.199;
|
23815
|
+
--cds-productive-heading-07-letter-spacing: 0;
|
23816
|
+
--cds-expressive-heading-01-font-size: 0.875rem;
|
23817
|
+
--cds-expressive-heading-01-font-weight: 600;
|
23818
|
+
--cds-expressive-heading-01-line-height: 1.25;
|
23819
|
+
--cds-expressive-heading-01-letter-spacing: 0.16px;
|
23820
|
+
--cds-expressive-heading-02-font-size: 1rem;
|
23821
|
+
--cds-expressive-heading-02-font-weight: 600;
|
23822
|
+
--cds-expressive-heading-02-line-height: 1.5;
|
23823
|
+
--cds-expressive-heading-02-letter-spacing: 0;
|
23824
|
+
--cds-expressive-heading-03-font-size: 1.25rem;
|
23825
|
+
--cds-expressive-heading-03-font-weight: 400;
|
23826
|
+
--cds-expressive-heading-03-line-height: 1.4;
|
23827
|
+
--cds-expressive-heading-03-letter-spacing: 0;
|
23828
|
+
--cds-expressive-heading-04-font-size: 1.75rem;
|
23829
|
+
--cds-expressive-heading-04-font-weight: 400;
|
23830
|
+
--cds-expressive-heading-04-line-height: 1.28572;
|
23831
|
+
--cds-expressive-heading-04-letter-spacing: 0;
|
23832
|
+
--cds-expressive-heading-05-font-size: 2rem;
|
23833
|
+
--cds-expressive-heading-05-font-weight: 400;
|
23834
|
+
--cds-expressive-heading-05-line-height: 1.25;
|
23835
|
+
--cds-expressive-heading-05-letter-spacing: 0;
|
23836
|
+
--cds-expressive-heading-06-font-size: 2rem;
|
23837
|
+
--cds-expressive-heading-06-font-weight: 600;
|
23838
|
+
--cds-expressive-heading-06-line-height: 1.25;
|
23839
|
+
--cds-expressive-heading-06-letter-spacing: 0;
|
23840
|
+
--cds-expressive-paragraph-01-font-size: 1.5rem;
|
23841
|
+
--cds-expressive-paragraph-01-font-weight: 300;
|
23842
|
+
--cds-expressive-paragraph-01-line-height: 1.334;
|
23843
|
+
--cds-expressive-paragraph-01-letter-spacing: 0;
|
23844
|
+
--cds-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
23845
|
+
--cds-quotation-01-font-size: 1.25rem;
|
23846
|
+
--cds-quotation-01-font-weight: 400;
|
23847
|
+
--cds-quotation-01-line-height: 1.3;
|
23848
|
+
--cds-quotation-01-letter-spacing: 0;
|
23849
|
+
--cds-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
23850
|
+
--cds-quotation-02-font-size: 2rem;
|
23851
|
+
--cds-quotation-02-font-weight: 300;
|
23852
|
+
--cds-quotation-02-line-height: 1.25;
|
23853
|
+
--cds-quotation-02-letter-spacing: 0;
|
23854
|
+
--cds-display-01-font-size: 2.625rem;
|
23855
|
+
--cds-display-01-font-weight: 300;
|
23856
|
+
--cds-display-01-line-height: 1.19;
|
23857
|
+
--cds-display-01-letter-spacing: 0;
|
23858
|
+
--cds-display-02-font-size: 2.625rem;
|
23859
|
+
--cds-display-02-font-weight: 600;
|
23860
|
+
--cds-display-02-line-height: 1.19;
|
23861
|
+
--cds-display-02-letter-spacing: 0;
|
23862
|
+
--cds-display-03-font-size: 2.625rem;
|
23863
|
+
--cds-display-03-font-weight: 300;
|
23864
|
+
--cds-display-03-line-height: 1.19;
|
23865
|
+
--cds-display-03-letter-spacing: 0;
|
23866
|
+
--cds-display-04-font-size: 2.625rem;
|
23867
|
+
--cds-display-04-font-weight: 300;
|
23868
|
+
--cds-display-04-line-height: 1.19;
|
23869
|
+
--cds-display-04-letter-spacing: 0;
|
23870
|
+
--cds-legal-01-font-size: 0.75rem;
|
23871
|
+
--cds-legal-01-font-weight: 400;
|
23872
|
+
--cds-legal-01-line-height: 1.33333;
|
23873
|
+
--cds-legal-01-letter-spacing: 0.32px;
|
23874
|
+
--cds-legal-02-font-size: 0.875rem;
|
23875
|
+
--cds-legal-02-font-weight: 400;
|
23876
|
+
--cds-legal-02-line-height: 1.28572;
|
23877
|
+
--cds-legal-02-letter-spacing: 0.16px;
|
23878
|
+
--cds-body-compact-01-font-size: 0.875rem;
|
23879
|
+
--cds-body-compact-01-font-weight: 400;
|
23880
|
+
--cds-body-compact-01-line-height: 1.28572;
|
23881
|
+
--cds-body-compact-01-letter-spacing: 0.16px;
|
23882
|
+
--cds-body-compact-02-font-size: 1rem;
|
23883
|
+
--cds-body-compact-02-font-weight: 400;
|
23884
|
+
--cds-body-compact-02-line-height: 1.375;
|
23885
|
+
--cds-body-compact-02-letter-spacing: 0;
|
23886
|
+
--cds-body-01-font-size: 0.875rem;
|
23887
|
+
--cds-body-01-font-weight: 400;
|
23888
|
+
--cds-body-01-line-height: 1.42857;
|
23889
|
+
--cds-body-01-letter-spacing: 0.16px;
|
23890
|
+
--cds-body-02-font-size: 1rem;
|
23891
|
+
--cds-body-02-font-weight: 400;
|
23892
|
+
--cds-body-02-line-height: 1.5;
|
23893
|
+
--cds-body-02-letter-spacing: 0;
|
23894
|
+
--cds-heading-compact-01-font-size: 0.875rem;
|
23895
|
+
--cds-heading-compact-01-font-weight: 600;
|
23896
|
+
--cds-heading-compact-01-line-height: 1.28572;
|
23897
|
+
--cds-heading-compact-01-letter-spacing: 0.16px;
|
23898
|
+
--cds-heading-compact-02-font-size: 1rem;
|
23899
|
+
--cds-heading-compact-02-font-weight: 600;
|
23900
|
+
--cds-heading-compact-02-line-height: 1.375;
|
23901
|
+
--cds-heading-compact-02-letter-spacing: 0;
|
23902
|
+
--cds-heading-03-font-size: 1.25rem;
|
23903
|
+
--cds-heading-03-font-weight: 400;
|
23904
|
+
--cds-heading-03-line-height: 1.4;
|
23905
|
+
--cds-heading-03-letter-spacing: 0;
|
23906
|
+
--cds-heading-04-font-size: 1.75rem;
|
23907
|
+
--cds-heading-04-font-weight: 400;
|
23908
|
+
--cds-heading-04-line-height: 1.28572;
|
23909
|
+
--cds-heading-04-letter-spacing: 0;
|
23910
|
+
--cds-heading-05-font-size: 2rem;
|
23911
|
+
--cds-heading-05-font-weight: 400;
|
23912
|
+
--cds-heading-05-line-height: 1.25;
|
23913
|
+
--cds-heading-05-letter-spacing: 0;
|
23914
|
+
--cds-heading-06-font-size: 2.625rem;
|
23915
|
+
--cds-heading-06-font-weight: 300;
|
23916
|
+
--cds-heading-06-line-height: 1.199;
|
23917
|
+
--cds-heading-06-letter-spacing: 0;
|
23918
|
+
--cds-heading-07-font-size: 3.375rem;
|
23919
|
+
--cds-heading-07-font-weight: 300;
|
23920
|
+
--cds-heading-07-line-height: 1.199;
|
23921
|
+
--cds-heading-07-letter-spacing: 0;
|
23922
|
+
--cds-fluid-heading-03-font-size: 1.25rem;
|
23923
|
+
--cds-fluid-heading-03-font-weight: 400;
|
23924
|
+
--cds-fluid-heading-03-line-height: 1.4;
|
23925
|
+
--cds-fluid-heading-03-letter-spacing: 0;
|
23926
|
+
--cds-fluid-heading-04-font-size: 1.75rem;
|
23927
|
+
--cds-fluid-heading-04-font-weight: 400;
|
23928
|
+
--cds-fluid-heading-04-line-height: 1.28572;
|
23929
|
+
--cds-fluid-heading-04-letter-spacing: 0;
|
23930
|
+
--cds-fluid-heading-05-font-size: 2rem;
|
23931
|
+
--cds-fluid-heading-05-font-weight: 400;
|
23932
|
+
--cds-fluid-heading-05-line-height: 1.25;
|
23933
|
+
--cds-fluid-heading-05-letter-spacing: 0;
|
23934
|
+
--cds-fluid-heading-06-font-size: 2rem;
|
23935
|
+
--cds-fluid-heading-06-font-weight: 600;
|
23936
|
+
--cds-fluid-heading-06-line-height: 1.25;
|
23937
|
+
--cds-fluid-heading-06-letter-spacing: 0;
|
23938
|
+
--cds-fluid-paragraph-01-font-size: 1.5rem;
|
23939
|
+
--cds-fluid-paragraph-01-font-weight: 300;
|
23940
|
+
--cds-fluid-paragraph-01-line-height: 1.334;
|
23941
|
+
--cds-fluid-paragraph-01-letter-spacing: 0;
|
23942
|
+
--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
23943
|
+
--cds-fluid-quotation-01-font-size: 1.25rem;
|
23944
|
+
--cds-fluid-quotation-01-font-weight: 400;
|
23945
|
+
--cds-fluid-quotation-01-line-height: 1.3;
|
23946
|
+
--cds-fluid-quotation-01-letter-spacing: 0;
|
23947
|
+
--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
23948
|
+
--cds-fluid-quotation-02-font-size: 2rem;
|
23949
|
+
--cds-fluid-quotation-02-font-weight: 300;
|
23950
|
+
--cds-fluid-quotation-02-line-height: 1.25;
|
23951
|
+
--cds-fluid-quotation-02-letter-spacing: 0;
|
23952
|
+
--cds-fluid-display-01-font-size: 2.625rem;
|
23953
|
+
--cds-fluid-display-01-font-weight: 300;
|
23954
|
+
--cds-fluid-display-01-line-height: 1.19;
|
23955
|
+
--cds-fluid-display-01-letter-spacing: 0;
|
23956
|
+
--cds-fluid-display-02-font-size: 2.625rem;
|
23957
|
+
--cds-fluid-display-02-font-weight: 600;
|
23958
|
+
--cds-fluid-display-02-line-height: 1.19;
|
23959
|
+
--cds-fluid-display-02-letter-spacing: 0;
|
23960
|
+
--cds-fluid-display-03-font-size: 2.625rem;
|
23961
|
+
--cds-fluid-display-03-font-weight: 300;
|
23962
|
+
--cds-fluid-display-03-line-height: 1.19;
|
23963
|
+
--cds-fluid-display-03-letter-spacing: 0;
|
23964
|
+
--cds-fluid-display-04-font-size: 2.625rem;
|
23965
|
+
--cds-fluid-display-04-font-weight: 300;
|
23966
|
+
--cds-fluid-display-04-line-height: 1.19;
|
23967
|
+
--cds-fluid-display-04-letter-spacing: 0;
|
23968
|
+
--cds-spacing-01: 0.125rem;
|
23969
|
+
--cds-spacing-02: 0.25rem;
|
23970
|
+
--cds-spacing-03: 0.5rem;
|
23971
|
+
--cds-spacing-04: 0.75rem;
|
23972
|
+
--cds-spacing-05: 1rem;
|
23973
|
+
--cds-spacing-06: 1.5rem;
|
23974
|
+
--cds-spacing-07: 2rem;
|
23975
|
+
--cds-spacing-08: 2.5rem;
|
23976
|
+
--cds-spacing-09: 3rem;
|
23977
|
+
--cds-spacing-10: 4rem;
|
23978
|
+
--cds-spacing-11: 5rem;
|
23979
|
+
--cds-spacing-12: 6rem;
|
23980
|
+
--cds-spacing-13: 10rem;
|
23981
|
+
--cds-fluid-spacing-01: 0;
|
23982
|
+
--cds-fluid-spacing-02: 2vw;
|
23983
|
+
--cds-fluid-spacing-03: 5vw;
|
23984
|
+
--cds-fluid-spacing-04: 10vw;
|
23985
|
+
--cds-layout-01: 1rem;
|
23986
|
+
--cds-layout-02: 1.5rem;
|
23987
|
+
--cds-layout-03: 2rem;
|
23988
|
+
--cds-layout-04: 3rem;
|
23989
|
+
--cds-layout-05: 4rem;
|
23990
|
+
--cds-layout-06: 6rem;
|
23991
|
+
--cds-layout-07: 10rem;
|
23992
|
+
--cds-container-01: 1.5rem;
|
23993
|
+
--cds-container-02: 2rem;
|
23994
|
+
--cds-container-03: 2.5rem;
|
23995
|
+
--cds-container-04: 3rem;
|
23996
|
+
--cds-container-05: 4rem;
|
23997
|
+
--cds-size-xsmall: 1.5rem;
|
23998
|
+
--cds-size-small: 2rem;
|
23999
|
+
--cds-size-medium: 2.5rem;
|
24000
|
+
--cds-size-large: 3rem;
|
24001
|
+
--cds-size-xlarge: 4rem;
|
24002
|
+
--cds-size-2XLarge: 5rem;
|
24003
|
+
--cds-icon-size-01: 1rem;
|
24004
|
+
--cds-icon-size-02: 1.25rem;
|
24005
|
+
padding: 0.0625rem var(--cds-spacing-03, 0.5rem) 0.0625rem var(--cds-spacing-03, 0.5rem);
|
24006
|
+
border: none;
|
24007
|
+
border-radius: var(--cds-spacing-04, 0.75rem);
|
24008
|
+
background-color: var(--cds-interactive-02, #393939);
|
24009
|
+
white-space: nowrap;
|
24010
|
+
padding-right: 0;
|
24011
|
+
background-color: #491d8b;
|
24012
|
+
color: var(--cds-text-04, #ffffff);
|
24013
|
+
}
|
24014
|
+
.c4p--non-linear-reading__term-dark--open:hover {
|
24015
|
+
background-color: var(--cds-hover-secondary, #4c4c4c);
|
24016
|
+
cursor: pointer;
|
24017
|
+
}
|
24018
|
+
.c4p--non-linear-reading__term-dark--open svg {
|
24019
|
+
padding-top: 0.0625rem;
|
24020
|
+
margin: 0 var(--cds-spacing-02, 0.25rem) 0 var(--cds-spacing-01, 0.125rem);
|
24021
|
+
vertical-align: text-top;
|
24022
|
+
}
|
24023
|
+
.c4p--non-linear-reading__term-dark--open:hover {
|
24024
|
+
background-color: #7f3ae7;
|
24025
|
+
}
|
24026
|
+
.c4p--non-linear-reading--body-light {
|
24027
|
+
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
24028
|
+
font-weight: var(--cds-body-long-01-font-weight, 400);
|
24029
|
+
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
24030
|
+
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
24031
|
+
display: block;
|
24032
|
+
padding: var(--cds-spacing-03, 0.5rem) var(--cds-spacing-04, 0.75rem);
|
24033
|
+
border-left-width: 0.078125rem;
|
24034
|
+
border-left-style: solid;
|
24035
|
+
margin: var(--cds-spacing-02, 0.25rem) 0;
|
24036
|
+
animation: fade 600ms;
|
24037
|
+
border-left-color: #6929c4;
|
24038
|
+
color: #6929c4;
|
24039
|
+
}
|
24040
|
+
.c4p--non-linear-reading--body-dark {
|
24041
|
+
--cds-interactive-01: #0f62fe;
|
24042
|
+
--cds-interactive-02: #6f6f6f;
|
24043
|
+
--cds-interactive-03: #ffffff;
|
24044
|
+
--cds-interactive-04: #4589ff;
|
24045
|
+
--cds-ui-background: #161616;
|
24046
|
+
--cds-ui-01: #262626;
|
24047
|
+
--cds-ui-02: #393939;
|
24048
|
+
--cds-ui-03: #393939;
|
24049
|
+
--cds-ui-04: #6f6f6f;
|
24050
|
+
--cds-ui-05: #f4f4f4;
|
24051
|
+
--cds-text-01: #f4f4f4;
|
24052
|
+
--cds-text-02: #c6c6c6;
|
24053
|
+
--cds-text-03: #6f6f6f;
|
24054
|
+
--cds-text-04: #ffffff;
|
24055
|
+
--cds-text-05: #8d8d8d;
|
24056
|
+
--cds-text-error: #ff8389;
|
24057
|
+
--cds-icon-01: #f4f4f4;
|
24058
|
+
--cds-icon-02: #c6c6c6;
|
24059
|
+
--cds-icon-03: #ffffff;
|
24060
|
+
--cds-link-01: #78a9ff;
|
24061
|
+
--cds-link-02: #a6c8ff;
|
24062
|
+
--cds-inverse-link: #0f62fe;
|
24063
|
+
--cds-field-01: #262626;
|
24064
|
+
--cds-field-02: #393939;
|
24065
|
+
--cds-inverse-01: #161616;
|
24066
|
+
--cds-inverse-02: #f4f4f4;
|
24067
|
+
--cds-support-01: #fa4d56;
|
24068
|
+
--cds-support-02: #42be65;
|
24069
|
+
--cds-support-03: #f1c21b;
|
24070
|
+
--cds-support-04: #4589ff;
|
24071
|
+
--cds-inverse-support-01: #da1e28;
|
24072
|
+
--cds-inverse-support-02: #24a148;
|
24073
|
+
--cds-inverse-support-03: #f1c21b;
|
24074
|
+
--cds-inverse-support-04: #0f62fe;
|
24075
|
+
--cds-overlay-01: rgba(0, 0, 0, 0.65);
|
24076
|
+
--cds-danger-01: #da1e28;
|
24077
|
+
--cds-danger-02: #fa4d56;
|
24078
|
+
--cds-focus: #ffffff;
|
24079
|
+
--cds-inverse-focus-ui: #0f62fe;
|
24080
|
+
--cds-hover-primary: #0353e9;
|
24081
|
+
--cds-active-primary: #002d9c;
|
24082
|
+
--cds-hover-primary-text: #a6c8ff;
|
24083
|
+
--cds-hover-secondary: #606060;
|
24084
|
+
--cds-active-secondary: #393939;
|
24085
|
+
--cds-hover-tertiary: #f4f4f4;
|
24086
|
+
--cds-active-tertiary: #c6c6c6;
|
24087
|
+
--cds-hover-ui: #353535;
|
24088
|
+
--cds-hover-light-ui: #4c4c4c;
|
24089
|
+
--cds-hover-selected-ui: #4c4c4c;
|
24090
|
+
--cds-active-ui: #525252;
|
24091
|
+
--cds-active-light-ui: #6f6f6f;
|
24092
|
+
--cds-selected-ui: #393939;
|
24093
|
+
--cds-selected-light-ui: #525252;
|
24094
|
+
--cds-inverse-hover-ui: #e5e5e5;
|
24095
|
+
--cds-hover-danger: #b81921;
|
24096
|
+
--cds-active-danger: #750e13;
|
24097
|
+
--cds-hover-row: #353535;
|
24098
|
+
--cds-visited-link: #be95ff;
|
24099
|
+
--cds-disabled-01: #262626;
|
24100
|
+
--cds-disabled-02: #525252;
|
24101
|
+
--cds-disabled-03: #8d8d8d;
|
24102
|
+
--cds-highlight: #002d9c;
|
24103
|
+
--cds-decorative-01: #525252;
|
24104
|
+
--cds-button-separator: #161616;
|
24105
|
+
--cds-skeleton-01: #353535;
|
24106
|
+
--cds-skeleton-02: #525252;
|
24107
|
+
--cds-background: #161616;
|
24108
|
+
--cds-layer: #262626;
|
24109
|
+
--cds-layer-accent: #393939;
|
24110
|
+
--cds-layer-accent-hover: #474747;
|
24111
|
+
--cds-layer-accent-active: #6f6f6f;
|
24112
|
+
--cds-field: #262626;
|
24113
|
+
--cds-background-inverse: #f4f4f4;
|
24114
|
+
--cds-background-brand: #0f62fe;
|
24115
|
+
--cds-interactive: #4589ff;
|
24116
|
+
--cds-border-subtle: #393939;
|
24117
|
+
--cds-border-strong: #6f6f6f;
|
24118
|
+
--cds-border-inverse: #f4f4f4;
|
24119
|
+
--cds-border-interactive: #4589ff;
|
24120
|
+
--cds-text-primary: #f4f4f4;
|
24121
|
+
--cds-text-secondary: #c6c6c6;
|
24122
|
+
--cds-text-placeholder: #6f6f6f;
|
24123
|
+
--cds-text-helper: #8d8d8d;
|
24124
|
+
--cds-text-on-color: #ffffff;
|
24125
|
+
--cds-text-inverse: #161616;
|
24126
|
+
--cds-link-primary: #78a9ff;
|
24127
|
+
--cds-link-secondary: #a6c8ff;
|
24128
|
+
--cds-link-visited: #be95ff;
|
24129
|
+
--cds-link-inverse: #0f62fe;
|
24130
|
+
--cds-icon-primary: #f4f4f4;
|
24131
|
+
--cds-icon-secondary: #c6c6c6;
|
24132
|
+
--cds-icon-on-color: #ffffff;
|
24133
|
+
--cds-icon-inverse: #161616;
|
24134
|
+
--cds-support-error: #fa4d56;
|
24135
|
+
--cds-support-success: #42be65;
|
24136
|
+
--cds-support-warning: #f1c21b;
|
24137
|
+
--cds-support-info: #4589ff;
|
24138
|
+
--cds-support-error-inverse: #da1e28;
|
24139
|
+
--cds-support-success-inverse: #24a148;
|
24140
|
+
--cds-support-warning-inverse: #f1c21b;
|
24141
|
+
--cds-support-info-inverse: #0f62fe;
|
24142
|
+
--cds-overlay: rgba(0, 0, 0, 0.65);
|
24143
|
+
--cds-toggle-off: #6f6f6f;
|
24144
|
+
--cds-shadow: rgba(0, 0, 0, 0.8);
|
24145
|
+
--cds-button-primary: #0f62fe;
|
24146
|
+
--cds-button-secondary: #6f6f6f;
|
24147
|
+
--cds-button-tertiary: #ffffff;
|
24148
|
+
--cds-button-danger-primary: #da1e28;
|
24149
|
+
--cds-button-danger-secondary: #fa4d56;
|
24150
|
+
--cds-background-active: #525252;
|
24151
|
+
--cds-layer-active: #525252;
|
24152
|
+
--cds-button-danger-active: #750e13;
|
24153
|
+
--cds-button-primary-active: #002d9c;
|
24154
|
+
--cds-button-secondary-active: #393939;
|
24155
|
+
--cds-button-tertiary-active: #c6c6c6;
|
24156
|
+
--cds-focus-inset: #161616;
|
24157
|
+
--cds-focus-inverse: #0f62fe;
|
24158
|
+
--cds-background-hover: #353535;
|
24159
|
+
--cds-layer-hover: #353535;
|
24160
|
+
--cds-field-hover: #353535;
|
24161
|
+
--cds-background-inverse-hover: #e5e5e5;
|
24162
|
+
--cds-link-primary-hover: #a6c8ff;
|
24163
|
+
--cds-button-danger-hover: #b81921;
|
24164
|
+
--cds-button-primary-hover: #0353e9;
|
24165
|
+
--cds-button-secondary-hover: #606060;
|
24166
|
+
--cds-button-tertiary-hover: #f4f4f4;
|
24167
|
+
--cds-background-selected: #393939;
|
24168
|
+
--cds-background-selected-hover: #4c4c4c;
|
24169
|
+
--cds-layer-selected: #393939;
|
24170
|
+
--cds-layer-selected-hover: #4c4c4c;
|
24171
|
+
--cds-layer-selected-inverse: #f4f4f4;
|
24172
|
+
--cds-border-subtle-selected: #525252;
|
24173
|
+
--cds-border-disabled: #262626;
|
24174
|
+
--cds-text-disabled: #525252;
|
24175
|
+
--cds-button-disabled: #525252;
|
24176
|
+
--cds-icon-disabled: #525252;
|
24177
|
+
--cds-text-on-color-disabled: #8d8d8d;
|
24178
|
+
--cds-icon-on-color-disabled: #8d8d8d;
|
24179
|
+
--cds-layer-selected-disabled: #8d8d8d;
|
24180
|
+
--cds-skeleton-background: #353535;
|
24181
|
+
--cds-skeleton-element: #525252;
|
24182
|
+
--cds-brand-01: #0f62fe;
|
24183
|
+
--cds-brand-02: #6f6f6f;
|
24184
|
+
--cds-brand-03: #ffffff;
|
24185
|
+
--cds-active-01: #525252;
|
24186
|
+
--cds-hover-field: #353535;
|
24187
|
+
--cds-danger: #da1e28;
|
24188
|
+
--cds-caption-01-font-size: 0.75rem;
|
24189
|
+
--cds-caption-01-font-weight: 400;
|
24190
|
+
--cds-caption-01-line-height: 1.33333;
|
24191
|
+
--cds-caption-01-letter-spacing: 0.32px;
|
24192
|
+
--cds-caption-02-font-size: 0.875rem;
|
24193
|
+
--cds-caption-02-font-weight: 400;
|
24194
|
+
--cds-caption-02-line-height: 1.28572;
|
24195
|
+
--cds-caption-02-letter-spacing: 0.32px;
|
24196
|
+
--cds-label-01-font-size: 0.75rem;
|
24197
|
+
--cds-label-01-font-weight: 400;
|
24198
|
+
--cds-label-01-line-height: 1.33333;
|
24199
|
+
--cds-label-01-letter-spacing: 0.32px;
|
24200
|
+
--cds-label-02-font-size: 0.875rem;
|
24201
|
+
--cds-label-02-font-weight: 400;
|
24202
|
+
--cds-label-02-line-height: 1.28572;
|
24203
|
+
--cds-label-02-letter-spacing: 0.16px;
|
24204
|
+
--cds-helper-text-01-font-size: 0.75rem;
|
24205
|
+
--cds-helper-text-01-line-height: 1.33333;
|
24206
|
+
--cds-helper-text-01-letter-spacing: 0.32px;
|
24207
|
+
--cds-helper-text-02-font-size: 0.875rem;
|
24208
|
+
--cds-helper-text-02-line-height: 1.28572;
|
24209
|
+
--cds-helper-text-02-letter-spacing: 0.16px;
|
24210
|
+
--cds-body-short-01-font-size: 0.875rem;
|
24211
|
+
--cds-body-short-01-font-weight: 400;
|
24212
|
+
--cds-body-short-01-line-height: 1.28572;
|
24213
|
+
--cds-body-short-01-letter-spacing: 0.16px;
|
24214
|
+
--cds-body-long-01-font-size: 0.875rem;
|
24215
|
+
--cds-body-long-01-font-weight: 400;
|
24216
|
+
--cds-body-long-01-line-height: 1.42857;
|
24217
|
+
--cds-body-long-01-letter-spacing: 0.16px;
|
24218
|
+
--cds-body-short-02-font-size: 1rem;
|
24219
|
+
--cds-body-short-02-font-weight: 400;
|
24220
|
+
--cds-body-short-02-line-height: 1.375;
|
24221
|
+
--cds-body-short-02-letter-spacing: 0;
|
24222
|
+
--cds-body-long-02-font-size: 1rem;
|
24223
|
+
--cds-body-long-02-font-weight: 400;
|
24224
|
+
--cds-body-long-02-line-height: 1.5;
|
24225
|
+
--cds-body-long-02-letter-spacing: 0;
|
24226
|
+
--cds-code-01-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
|
24227
|
+
--cds-code-01-font-size: 0.75rem;
|
24228
|
+
--cds-code-01-font-weight: 400;
|
24229
|
+
--cds-code-01-line-height: 1.33333;
|
24230
|
+
--cds-code-01-letter-spacing: 0.32px;
|
24231
|
+
--cds-code-02-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
|
24232
|
+
--cds-code-02-font-size: 0.875rem;
|
24233
|
+
--cds-code-02-font-weight: 400;
|
24234
|
+
--cds-code-02-line-height: 1.42857;
|
24235
|
+
--cds-code-02-letter-spacing: 0.32px;
|
24236
|
+
--cds-heading-01-font-size: 0.875rem;
|
24237
|
+
--cds-heading-01-font-weight: 600;
|
24238
|
+
--cds-heading-01-line-height: 1.42857;
|
24239
|
+
--cds-heading-01-letter-spacing: 0.16px;
|
24240
|
+
--cds-productive-heading-01-font-size: 0.875rem;
|
24241
|
+
--cds-productive-heading-01-font-weight: 600;
|
24242
|
+
--cds-productive-heading-01-line-height: 1.28572;
|
24243
|
+
--cds-productive-heading-01-letter-spacing: 0.16px;
|
24244
|
+
--cds-heading-02-font-size: 1rem;
|
24245
|
+
--cds-heading-02-font-weight: 600;
|
24246
|
+
--cds-heading-02-line-height: 1.5;
|
24247
|
+
--cds-heading-02-letter-spacing: 0;
|
24248
|
+
--cds-productive-heading-02-font-size: 1rem;
|
24249
|
+
--cds-productive-heading-02-font-weight: 600;
|
24250
|
+
--cds-productive-heading-02-line-height: 1.375;
|
24251
|
+
--cds-productive-heading-02-letter-spacing: 0;
|
24252
|
+
--cds-productive-heading-03-font-size: 1.25rem;
|
24253
|
+
--cds-productive-heading-03-font-weight: 400;
|
24254
|
+
--cds-productive-heading-03-line-height: 1.4;
|
24255
|
+
--cds-productive-heading-03-letter-spacing: 0;
|
24256
|
+
--cds-productive-heading-04-font-size: 1.75rem;
|
24257
|
+
--cds-productive-heading-04-font-weight: 400;
|
24258
|
+
--cds-productive-heading-04-line-height: 1.28572;
|
24259
|
+
--cds-productive-heading-04-letter-spacing: 0;
|
24260
|
+
--cds-productive-heading-05-font-size: 2rem;
|
24261
|
+
--cds-productive-heading-05-font-weight: 400;
|
24262
|
+
--cds-productive-heading-05-line-height: 1.25;
|
24263
|
+
--cds-productive-heading-05-letter-spacing: 0;
|
24264
|
+
--cds-productive-heading-06-font-size: 2.625rem;
|
24265
|
+
--cds-productive-heading-06-font-weight: 300;
|
24266
|
+
--cds-productive-heading-06-line-height: 1.199;
|
24267
|
+
--cds-productive-heading-06-letter-spacing: 0;
|
24268
|
+
--cds-productive-heading-07-font-size: 3.375rem;
|
24269
|
+
--cds-productive-heading-07-font-weight: 300;
|
24270
|
+
--cds-productive-heading-07-line-height: 1.199;
|
24271
|
+
--cds-productive-heading-07-letter-spacing: 0;
|
24272
|
+
--cds-expressive-heading-01-font-size: 0.875rem;
|
24273
|
+
--cds-expressive-heading-01-font-weight: 600;
|
24274
|
+
--cds-expressive-heading-01-line-height: 1.25;
|
24275
|
+
--cds-expressive-heading-01-letter-spacing: 0.16px;
|
24276
|
+
--cds-expressive-heading-02-font-size: 1rem;
|
24277
|
+
--cds-expressive-heading-02-font-weight: 600;
|
24278
|
+
--cds-expressive-heading-02-line-height: 1.5;
|
24279
|
+
--cds-expressive-heading-02-letter-spacing: 0;
|
24280
|
+
--cds-expressive-heading-03-font-size: 1.25rem;
|
24281
|
+
--cds-expressive-heading-03-font-weight: 400;
|
24282
|
+
--cds-expressive-heading-03-line-height: 1.4;
|
24283
|
+
--cds-expressive-heading-03-letter-spacing: 0;
|
24284
|
+
--cds-expressive-heading-04-font-size: 1.75rem;
|
24285
|
+
--cds-expressive-heading-04-font-weight: 400;
|
24286
|
+
--cds-expressive-heading-04-line-height: 1.28572;
|
24287
|
+
--cds-expressive-heading-04-letter-spacing: 0;
|
24288
|
+
--cds-expressive-heading-05-font-size: 2rem;
|
24289
|
+
--cds-expressive-heading-05-font-weight: 400;
|
24290
|
+
--cds-expressive-heading-05-line-height: 1.25;
|
24291
|
+
--cds-expressive-heading-05-letter-spacing: 0;
|
24292
|
+
--cds-expressive-heading-06-font-size: 2rem;
|
24293
|
+
--cds-expressive-heading-06-font-weight: 600;
|
24294
|
+
--cds-expressive-heading-06-line-height: 1.25;
|
24295
|
+
--cds-expressive-heading-06-letter-spacing: 0;
|
24296
|
+
--cds-expressive-paragraph-01-font-size: 1.5rem;
|
24297
|
+
--cds-expressive-paragraph-01-font-weight: 300;
|
24298
|
+
--cds-expressive-paragraph-01-line-height: 1.334;
|
24299
|
+
--cds-expressive-paragraph-01-letter-spacing: 0;
|
24300
|
+
--cds-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
24301
|
+
--cds-quotation-01-font-size: 1.25rem;
|
24302
|
+
--cds-quotation-01-font-weight: 400;
|
24303
|
+
--cds-quotation-01-line-height: 1.3;
|
24304
|
+
--cds-quotation-01-letter-spacing: 0;
|
24305
|
+
--cds-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
24306
|
+
--cds-quotation-02-font-size: 2rem;
|
24307
|
+
--cds-quotation-02-font-weight: 300;
|
24308
|
+
--cds-quotation-02-line-height: 1.25;
|
24309
|
+
--cds-quotation-02-letter-spacing: 0;
|
24310
|
+
--cds-display-01-font-size: 2.625rem;
|
24311
|
+
--cds-display-01-font-weight: 300;
|
24312
|
+
--cds-display-01-line-height: 1.19;
|
24313
|
+
--cds-display-01-letter-spacing: 0;
|
24314
|
+
--cds-display-02-font-size: 2.625rem;
|
24315
|
+
--cds-display-02-font-weight: 600;
|
24316
|
+
--cds-display-02-line-height: 1.19;
|
24317
|
+
--cds-display-02-letter-spacing: 0;
|
24318
|
+
--cds-display-03-font-size: 2.625rem;
|
24319
|
+
--cds-display-03-font-weight: 300;
|
24320
|
+
--cds-display-03-line-height: 1.19;
|
24321
|
+
--cds-display-03-letter-spacing: 0;
|
24322
|
+
--cds-display-04-font-size: 2.625rem;
|
24323
|
+
--cds-display-04-font-weight: 300;
|
24324
|
+
--cds-display-04-line-height: 1.19;
|
24325
|
+
--cds-display-04-letter-spacing: 0;
|
24326
|
+
--cds-legal-01-font-size: 0.75rem;
|
24327
|
+
--cds-legal-01-font-weight: 400;
|
24328
|
+
--cds-legal-01-line-height: 1.33333;
|
24329
|
+
--cds-legal-01-letter-spacing: 0.32px;
|
24330
|
+
--cds-legal-02-font-size: 0.875rem;
|
24331
|
+
--cds-legal-02-font-weight: 400;
|
24332
|
+
--cds-legal-02-line-height: 1.28572;
|
24333
|
+
--cds-legal-02-letter-spacing: 0.16px;
|
24334
|
+
--cds-body-compact-01-font-size: 0.875rem;
|
24335
|
+
--cds-body-compact-01-font-weight: 400;
|
24336
|
+
--cds-body-compact-01-line-height: 1.28572;
|
24337
|
+
--cds-body-compact-01-letter-spacing: 0.16px;
|
24338
|
+
--cds-body-compact-02-font-size: 1rem;
|
24339
|
+
--cds-body-compact-02-font-weight: 400;
|
24340
|
+
--cds-body-compact-02-line-height: 1.375;
|
24341
|
+
--cds-body-compact-02-letter-spacing: 0;
|
24342
|
+
--cds-body-01-font-size: 0.875rem;
|
24343
|
+
--cds-body-01-font-weight: 400;
|
24344
|
+
--cds-body-01-line-height: 1.42857;
|
24345
|
+
--cds-body-01-letter-spacing: 0.16px;
|
24346
|
+
--cds-body-02-font-size: 1rem;
|
24347
|
+
--cds-body-02-font-weight: 400;
|
24348
|
+
--cds-body-02-line-height: 1.5;
|
24349
|
+
--cds-body-02-letter-spacing: 0;
|
24350
|
+
--cds-heading-compact-01-font-size: 0.875rem;
|
24351
|
+
--cds-heading-compact-01-font-weight: 600;
|
24352
|
+
--cds-heading-compact-01-line-height: 1.28572;
|
24353
|
+
--cds-heading-compact-01-letter-spacing: 0.16px;
|
24354
|
+
--cds-heading-compact-02-font-size: 1rem;
|
24355
|
+
--cds-heading-compact-02-font-weight: 600;
|
24356
|
+
--cds-heading-compact-02-line-height: 1.375;
|
24357
|
+
--cds-heading-compact-02-letter-spacing: 0;
|
24358
|
+
--cds-heading-03-font-size: 1.25rem;
|
24359
|
+
--cds-heading-03-font-weight: 400;
|
24360
|
+
--cds-heading-03-line-height: 1.4;
|
24361
|
+
--cds-heading-03-letter-spacing: 0;
|
24362
|
+
--cds-heading-04-font-size: 1.75rem;
|
24363
|
+
--cds-heading-04-font-weight: 400;
|
24364
|
+
--cds-heading-04-line-height: 1.28572;
|
24365
|
+
--cds-heading-04-letter-spacing: 0;
|
24366
|
+
--cds-heading-05-font-size: 2rem;
|
24367
|
+
--cds-heading-05-font-weight: 400;
|
24368
|
+
--cds-heading-05-line-height: 1.25;
|
24369
|
+
--cds-heading-05-letter-spacing: 0;
|
24370
|
+
--cds-heading-06-font-size: 2.625rem;
|
24371
|
+
--cds-heading-06-font-weight: 300;
|
24372
|
+
--cds-heading-06-line-height: 1.199;
|
24373
|
+
--cds-heading-06-letter-spacing: 0;
|
24374
|
+
--cds-heading-07-font-size: 3.375rem;
|
24375
|
+
--cds-heading-07-font-weight: 300;
|
24376
|
+
--cds-heading-07-line-height: 1.199;
|
24377
|
+
--cds-heading-07-letter-spacing: 0;
|
24378
|
+
--cds-fluid-heading-03-font-size: 1.25rem;
|
24379
|
+
--cds-fluid-heading-03-font-weight: 400;
|
24380
|
+
--cds-fluid-heading-03-line-height: 1.4;
|
24381
|
+
--cds-fluid-heading-03-letter-spacing: 0;
|
24382
|
+
--cds-fluid-heading-04-font-size: 1.75rem;
|
24383
|
+
--cds-fluid-heading-04-font-weight: 400;
|
24384
|
+
--cds-fluid-heading-04-line-height: 1.28572;
|
24385
|
+
--cds-fluid-heading-04-letter-spacing: 0;
|
24386
|
+
--cds-fluid-heading-05-font-size: 2rem;
|
24387
|
+
--cds-fluid-heading-05-font-weight: 400;
|
24388
|
+
--cds-fluid-heading-05-line-height: 1.25;
|
24389
|
+
--cds-fluid-heading-05-letter-spacing: 0;
|
24390
|
+
--cds-fluid-heading-06-font-size: 2rem;
|
24391
|
+
--cds-fluid-heading-06-font-weight: 600;
|
24392
|
+
--cds-fluid-heading-06-line-height: 1.25;
|
24393
|
+
--cds-fluid-heading-06-letter-spacing: 0;
|
24394
|
+
--cds-fluid-paragraph-01-font-size: 1.5rem;
|
24395
|
+
--cds-fluid-paragraph-01-font-weight: 300;
|
24396
|
+
--cds-fluid-paragraph-01-line-height: 1.334;
|
24397
|
+
--cds-fluid-paragraph-01-letter-spacing: 0;
|
24398
|
+
--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
24399
|
+
--cds-fluid-quotation-01-font-size: 1.25rem;
|
24400
|
+
--cds-fluid-quotation-01-font-weight: 400;
|
24401
|
+
--cds-fluid-quotation-01-line-height: 1.3;
|
24402
|
+
--cds-fluid-quotation-01-letter-spacing: 0;
|
24403
|
+
--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
24404
|
+
--cds-fluid-quotation-02-font-size: 2rem;
|
24405
|
+
--cds-fluid-quotation-02-font-weight: 300;
|
24406
|
+
--cds-fluid-quotation-02-line-height: 1.25;
|
24407
|
+
--cds-fluid-quotation-02-letter-spacing: 0;
|
24408
|
+
--cds-fluid-display-01-font-size: 2.625rem;
|
24409
|
+
--cds-fluid-display-01-font-weight: 300;
|
24410
|
+
--cds-fluid-display-01-line-height: 1.19;
|
24411
|
+
--cds-fluid-display-01-letter-spacing: 0;
|
24412
|
+
--cds-fluid-display-02-font-size: 2.625rem;
|
24413
|
+
--cds-fluid-display-02-font-weight: 600;
|
24414
|
+
--cds-fluid-display-02-line-height: 1.19;
|
24415
|
+
--cds-fluid-display-02-letter-spacing: 0;
|
24416
|
+
--cds-fluid-display-03-font-size: 2.625rem;
|
24417
|
+
--cds-fluid-display-03-font-weight: 300;
|
24418
|
+
--cds-fluid-display-03-line-height: 1.19;
|
24419
|
+
--cds-fluid-display-03-letter-spacing: 0;
|
24420
|
+
--cds-fluid-display-04-font-size: 2.625rem;
|
24421
|
+
--cds-fluid-display-04-font-weight: 300;
|
24422
|
+
--cds-fluid-display-04-line-height: 1.19;
|
24423
|
+
--cds-fluid-display-04-letter-spacing: 0;
|
24424
|
+
--cds-spacing-01: 0.125rem;
|
24425
|
+
--cds-spacing-02: 0.25rem;
|
24426
|
+
--cds-spacing-03: 0.5rem;
|
24427
|
+
--cds-spacing-04: 0.75rem;
|
24428
|
+
--cds-spacing-05: 1rem;
|
24429
|
+
--cds-spacing-06: 1.5rem;
|
24430
|
+
--cds-spacing-07: 2rem;
|
24431
|
+
--cds-spacing-08: 2.5rem;
|
24432
|
+
--cds-spacing-09: 3rem;
|
24433
|
+
--cds-spacing-10: 4rem;
|
24434
|
+
--cds-spacing-11: 5rem;
|
24435
|
+
--cds-spacing-12: 6rem;
|
24436
|
+
--cds-spacing-13: 10rem;
|
24437
|
+
--cds-fluid-spacing-01: 0;
|
24438
|
+
--cds-fluid-spacing-02: 2vw;
|
24439
|
+
--cds-fluid-spacing-03: 5vw;
|
24440
|
+
--cds-fluid-spacing-04: 10vw;
|
24441
|
+
--cds-layout-01: 1rem;
|
24442
|
+
--cds-layout-02: 1.5rem;
|
24443
|
+
--cds-layout-03: 2rem;
|
24444
|
+
--cds-layout-04: 3rem;
|
24445
|
+
--cds-layout-05: 4rem;
|
24446
|
+
--cds-layout-06: 6rem;
|
24447
|
+
--cds-layout-07: 10rem;
|
24448
|
+
--cds-container-01: 1.5rem;
|
24449
|
+
--cds-container-02: 2rem;
|
24450
|
+
--cds-container-03: 2.5rem;
|
24451
|
+
--cds-container-04: 3rem;
|
24452
|
+
--cds-container-05: 4rem;
|
24453
|
+
--cds-size-xsmall: 1.5rem;
|
24454
|
+
--cds-size-small: 2rem;
|
24455
|
+
--cds-size-medium: 2.5rem;
|
24456
|
+
--cds-size-large: 3rem;
|
24457
|
+
--cds-size-xlarge: 4rem;
|
24458
|
+
--cds-size-2XLarge: 5rem;
|
24459
|
+
--cds-icon-size-01: 1rem;
|
24460
|
+
--cds-icon-size-02: 1.25rem;
|
24461
|
+
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
24462
|
+
font-weight: var(--cds-body-long-01-font-weight, 400);
|
24463
|
+
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
24464
|
+
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
24465
|
+
display: block;
|
24466
|
+
padding: var(--cds-spacing-03, 0.5rem) var(--cds-spacing-04, 0.75rem);
|
24467
|
+
border-left-width: 0.078125rem;
|
24468
|
+
border-left-style: solid;
|
24469
|
+
margin: var(--cds-spacing-02, 0.25rem) 0;
|
24470
|
+
animation: fade 600ms;
|
24471
|
+
border-left-color: #d4bbff;
|
24472
|
+
color: #d4bbff;
|
24473
|
+
}
|
24474
|
+
|
23080
24475
|
@font-face {
|
23081
24476
|
font-display: auto;
|
23082
24477
|
font-family: "IBM Plex Mono";
|