@carbon/ibm-products 1.57.0 → 1.58.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +336 -900
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +3 -3
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon.css +336 -900
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +3 -3
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +336 -900
- package/css/index.css.map +1 -1
- package/css/index.min.css +3 -3
- package/css/index.min.css.map +1 -1
- package/es/components/Checklist/Checklist.js +277 -0
- package/es/components/Checklist/ChecklistChart.js +104 -0
- package/es/components/Checklist/ChecklistIcon.js +105 -0
- package/es/components/Checklist/index.js +8 -0
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -0
- package/es/components/NonLinearReading/NonLinearReading.js +9 -4
- package/es/components/index.js +2 -1
- package/es/global/js/package-settings.js +1 -0
- package/lib/components/Checklist/Checklist.js +267 -0
- package/lib/components/Checklist/ChecklistChart.js +94 -0
- package/lib/components/Checklist/ChecklistIcon.js +92 -0
- package/lib/components/Checklist/index.js +12 -0
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -0
- package/lib/components/NonLinearReading/NonLinearReading.js +8 -3
- package/lib/components/index.js +8 -1
- package/lib/global/js/package-settings.js +1 -0
- package/package.json +2 -2
- package/scss/components/Checklist/_checklist.scss +231 -0
- package/scss/components/Checklist/_index.scss +8 -0
- package/scss/components/Checklist/_storybook-styles.scss +13 -0
- package/scss/components/Datagrid/styles/_datagrid.scss +31 -5
- package/scss/components/NonLinearReading/_non-linear-reading.scss +76 -64
- package/scss/components/_index.scss +1 -0
@@ -6707,6 +6707,22 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
6707
6707
|
width: 100%;
|
6708
6708
|
padding-top: 0;
|
6709
6709
|
}
|
6710
|
+
.c4p--datagrid__grid-container .bx--data-table-header__description {
|
6711
|
+
overflow: hidden;
|
6712
|
+
text-overflow: ellipsis;
|
6713
|
+
white-space: nowrap;
|
6714
|
+
}
|
6715
|
+
.c4p--datagrid__grid-container .bx--data-table-header__title {
|
6716
|
+
overflow: hidden;
|
6717
|
+
max-width: 80ch;
|
6718
|
+
text-overflow: ellipsis;
|
6719
|
+
white-space: nowrap;
|
6720
|
+
}
|
6721
|
+
@media (min-width: 42rem) {
|
6722
|
+
.c4p--datagrid__grid-container .bx--data-table-header__title {
|
6723
|
+
max-width: 55ch;
|
6724
|
+
}
|
6725
|
+
}
|
6710
6726
|
.c4p--datagrid__grid-container .bx--data-table-content {
|
6711
6727
|
width: 100%;
|
6712
6728
|
height: 100%;
|
@@ -7111,6 +7127,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7111
7127
|
width: 1rem;
|
7112
7128
|
height: 100%;
|
7113
7129
|
margin: 0;
|
7130
|
+
-moz-appearance: initial;
|
7114
7131
|
-webkit-appearance: none;
|
7115
7132
|
appearance: none;
|
7116
7133
|
background: transparent;
|
@@ -7120,12 +7137,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7120
7137
|
outline: 0;
|
7121
7138
|
}
|
7122
7139
|
|
7123
|
-
.c4p--datagrid .c4p--datagrid__col-resizer-range:focus::before {
|
7140
|
+
.c4p--datagrid .c4p--datagrid__col-resizer-range:focus + .c4p--datagrid__col-resize-indicator::before {
|
7124
7141
|
position: absolute;
|
7125
7142
|
top: 50%;
|
7126
7143
|
left: 50%;
|
7127
7144
|
width: 2px;
|
7128
|
-
height:
|
7145
|
+
height: var(--c4p--datagrid--header-height);
|
7129
7146
|
background-color: var(--cds-focus, #0f62fe);
|
7130
7147
|
content: "";
|
7131
7148
|
transform: translate(-50%, -50%);
|
@@ -7143,11 +7160,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7143
7160
|
transform: translate(-50%, 0);
|
7144
7161
|
}
|
7145
7162
|
|
7146
|
-
.c4p--datagrid .c4p--datagrid__col-resizer-range:focus::after {
|
7163
|
+
.c4p--datagrid .c4p--datagrid__col-resizer-range:focus + .c4p--datagrid__col-resize-indicator::after {
|
7147
7164
|
position: absolute;
|
7148
7165
|
/* stylelint-disable-next-line carbon/layout-token-use */
|
7149
|
-
top: var(--c4p--datagrid--row-height);
|
7150
|
-
right: var(--cds-spacing-
|
7166
|
+
top: calc(var(--c4p--datagrid--row-height) - 20px);
|
7167
|
+
right: var(--cds-spacing-02, 0.25rem);
|
7151
7168
|
width: 1px;
|
7152
7169
|
height: calc(var(--c4p--datagrid--grid-height) - var(--c4p--datagrid--row-height));
|
7153
7170
|
background-color: var(--cds-active-ui, #c6c6c6);
|
@@ -7164,6 +7181,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7164
7181
|
background: transparent;
|
7165
7182
|
}
|
7166
7183
|
|
7184
|
+
.c4p--datagrid .c4p--datagrid__col-resizer-range::-moz-range-thumb {
|
7185
|
+
visibility: hidden;
|
7186
|
+
}
|
7187
|
+
|
7167
7188
|
/*
|
7168
7189
|
* Licensed Materials - Property of IBM
|
7169
7190
|
* 5724-Q36
|
@@ -9832,22 +9853,32 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
9832
9853
|
padding-right: 0.1875rem;
|
9833
9854
|
border-width: 0.0625rem;
|
9834
9855
|
border-style: solid;
|
9856
|
+
border-color: var(--cds-button-tertiary, #0f62fe);
|
9835
9857
|
border-radius: var(--cds-spacing-04, 0.75rem);
|
9836
|
-
white-space: nowrap;
|
9837
|
-
border-color: var(--cds-interactive-03, #0f62fe);
|
9838
9858
|
background-color: transparent;
|
9839
|
-
color: var(--cds-
|
9859
|
+
color: var(--cds-button-tertiary, #0f62fe);
|
9860
|
+
white-space: nowrap;
|
9840
9861
|
}
|
9841
9862
|
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-closed:hover {
|
9842
|
-
|
9863
|
+
border-color: var(--cds-button-tertiary, #0f62fe);
|
9864
|
+
background-color: var(--cds-button-tertiary, #0f62fe);
|
9865
|
+
color: var(--cds-text-inverse, #ffffff);
|
9866
|
+
}
|
9867
|
+
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-closed:focus {
|
9868
|
+
border-color: var(--cds-text-inverse, #ffffff);
|
9869
|
+
background-color: var(--cds-button-tertiary, #0f62fe);
|
9870
|
+
box-shadow: 0 0 0 1px var(--cds-text-inverse, #ffffff), 0 0 0 3px var(--cds-button-tertiary, #0f62fe);
|
9871
|
+
color: var(--cds-text-inverse, #ffffff);
|
9872
|
+
}
|
9873
|
+
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-closed:focus-visible {
|
9874
|
+
outline: none;
|
9843
9875
|
}
|
9844
9876
|
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-closed svg {
|
9845
9877
|
margin: 0.0625rem 0 0 0;
|
9846
9878
|
vertical-align: text-top;
|
9847
9879
|
}
|
9848
|
-
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-closed
|
9849
|
-
|
9850
|
-
color: var(--cds-inverse-01, #ffffff);
|
9880
|
+
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-closed + .c4p--non-linear-reading__body {
|
9881
|
+
display: none;
|
9851
9882
|
}
|
9852
9883
|
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-open {
|
9853
9884
|
height: 1.25rem;
|
@@ -9855,25 +9886,46 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
9855
9886
|
padding-right: 0.1875rem;
|
9856
9887
|
border-width: 0.0625rem;
|
9857
9888
|
border-style: solid;
|
9889
|
+
border-color: var(--cds-button-tertiary, #0f62fe);
|
9858
9890
|
border-radius: var(--cds-spacing-04, 0.75rem);
|
9891
|
+
background-color: transparent;
|
9892
|
+
color: var(--cds-button-tertiary, #0f62fe);
|
9859
9893
|
white-space: nowrap;
|
9860
|
-
border-color: var(--cds-
|
9861
|
-
background-color: var(--cds-
|
9862
|
-
color: var(--cds-inverse
|
9894
|
+
border-color: var(--cds-button-tertiary, #0f62fe);
|
9895
|
+
background-color: var(--cds-button-tertiary, #0f62fe);
|
9896
|
+
color: var(--cds-text-inverse, #ffffff);
|
9863
9897
|
}
|
9864
9898
|
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-open:hover {
|
9865
|
-
|
9899
|
+
border-color: var(--cds-button-tertiary, #0f62fe);
|
9900
|
+
background-color: var(--cds-button-tertiary, #0f62fe);
|
9901
|
+
color: var(--cds-text-inverse, #ffffff);
|
9902
|
+
}
|
9903
|
+
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-open:focus {
|
9904
|
+
border-color: var(--cds-text-inverse, #ffffff);
|
9905
|
+
background-color: var(--cds-button-tertiary, #0f62fe);
|
9906
|
+
box-shadow: 0 0 0 1px var(--cds-text-inverse, #ffffff), 0 0 0 3px var(--cds-button-tertiary, #0f62fe);
|
9907
|
+
color: var(--cds-text-inverse, #ffffff);
|
9908
|
+
}
|
9909
|
+
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-open:focus-visible {
|
9910
|
+
outline: none;
|
9866
9911
|
}
|
9867
9912
|
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-open svg {
|
9868
9913
|
margin: 0.0625rem 0 0 0;
|
9869
9914
|
vertical-align: text-top;
|
9870
9915
|
}
|
9871
|
-
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-open svg {
|
9872
|
-
transform: rotate(180deg);
|
9873
|
-
}
|
9874
9916
|
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-open:hover {
|
9917
|
+
border-color: var(--cds-button-tertiary, #0f62fe);
|
9918
|
+
background-color: transparent;
|
9919
|
+
color: var(--cds-button-tertiary, #0f62fe);
|
9920
|
+
}
|
9921
|
+
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-open:focus {
|
9922
|
+
border-color: var(--cds-text-inverse, #ffffff);
|
9875
9923
|
background-color: transparent;
|
9876
|
-
|
9924
|
+
box-shadow: inset 0 0 0 1px var(--cds-button-tertiary, #0f62fe), 0 0 0 1px var(--cds-text-inverse, #ffffff), 0 0 0 3px var(--cds-button-tertiary, #0f62fe);
|
9925
|
+
color: var(--cds-button-tertiary, #0f62fe);
|
9926
|
+
}
|
9927
|
+
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-open svg {
|
9928
|
+
transform: rotate(180deg);
|
9877
9929
|
}
|
9878
9930
|
.c4p--non-linear-reading__light .c4p--non-linear-reading__body {
|
9879
9931
|
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
@@ -9882,14 +9934,17 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
9882
9934
|
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
9883
9935
|
display: block;
|
9884
9936
|
padding: var(--cds-spacing-03, 0.5rem) var(--cds-spacing-04, 0.75rem);
|
9885
|
-
border-left
|
9886
|
-
border-left-style: solid;
|
9937
|
+
border-left: 0.078125rem solid var(--cds-text-01, #161616);
|
9887
9938
|
margin: var(--cds-spacing-02, 0.25rem) 0;
|
9888
9939
|
animation: fade 600ms;
|
9889
|
-
|
9940
|
+
}
|
9941
|
+
@media (prefers-reduced-motion: reduce) {
|
9942
|
+
.c4p--non-linear-reading__light .c4p--non-linear-reading__body {
|
9943
|
+
animation: none;
|
9944
|
+
}
|
9890
9945
|
}
|
9891
9946
|
|
9892
|
-
.c4p--non-linear-reading__dark
|
9947
|
+
.c4p--non-linear-reading__dark {
|
9893
9948
|
--cds-interactive-01: #0f62fe;
|
9894
9949
|
--cds-interactive-02: #6f6f6f;
|
9895
9950
|
--cds-interactive-03: #ffffff;
|
@@ -10310,908 +10365,104 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
10310
10365
|
--cds-size-2XLarge: 5rem;
|
10311
10366
|
--cds-icon-size-01: 1rem;
|
10312
10367
|
--cds-icon-size-02: 1.25rem;
|
10368
|
+
}
|
10369
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-closed {
|
10313
10370
|
height: 1.25rem;
|
10314
10371
|
padding-top: 0;
|
10315
10372
|
padding-right: 0.1875rem;
|
10316
10373
|
border-width: 0.0625rem;
|
10317
10374
|
border-style: solid;
|
10375
|
+
border-color: var(--cds-button-tertiary, #0f62fe);
|
10318
10376
|
border-radius: var(--cds-spacing-04, 0.75rem);
|
10319
|
-
white-space: nowrap;
|
10320
|
-
border-color: var(--cds-icon-03, #ffffff);
|
10321
10377
|
background-color: transparent;
|
10322
|
-
color: var(--cds-
|
10378
|
+
color: var(--cds-button-tertiary, #0f62fe);
|
10379
|
+
white-space: nowrap;
|
10323
10380
|
}
|
10324
10381
|
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-closed:hover {
|
10325
|
-
|
10382
|
+
border-color: var(--cds-button-tertiary, #0f62fe);
|
10383
|
+
background-color: var(--cds-button-tertiary, #0f62fe);
|
10384
|
+
color: var(--cds-text-inverse, #ffffff);
|
10385
|
+
}
|
10386
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-closed:focus {
|
10387
|
+
border-color: var(--cds-text-inverse, #ffffff);
|
10388
|
+
background-color: var(--cds-button-tertiary, #0f62fe);
|
10389
|
+
box-shadow: 0 0 0 1px var(--cds-text-inverse, #ffffff), 0 0 0 3px var(--cds-button-tertiary, #0f62fe);
|
10390
|
+
color: var(--cds-text-inverse, #ffffff);
|
10391
|
+
}
|
10392
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-closed:focus-visible {
|
10393
|
+
outline: none;
|
10326
10394
|
}
|
10327
10395
|
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-closed svg {
|
10328
10396
|
margin: 0.0625rem 0 0 0;
|
10329
10397
|
vertical-align: text-top;
|
10330
10398
|
}
|
10331
|
-
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-closed
|
10332
|
-
|
10333
|
-
color: var(--cds-inverse-01, #ffffff);
|
10399
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-closed + .c4p--non-linear-reading__body {
|
10400
|
+
display: none;
|
10334
10401
|
}
|
10335
10402
|
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open {
|
10336
|
-
|
10337
|
-
|
10338
|
-
|
10339
|
-
|
10340
|
-
|
10341
|
-
--cds-
|
10342
|
-
--cds-
|
10343
|
-
|
10344
|
-
--cds-
|
10345
|
-
|
10346
|
-
--cds-
|
10347
|
-
--cds-
|
10348
|
-
--cds-text-
|
10349
|
-
|
10350
|
-
|
10351
|
-
--cds-
|
10352
|
-
--cds-
|
10353
|
-
--cds-
|
10354
|
-
|
10355
|
-
|
10356
|
-
--cds-
|
10357
|
-
--cds-
|
10358
|
-
--cds-
|
10359
|
-
--cds-
|
10360
|
-
|
10361
|
-
|
10362
|
-
|
10363
|
-
|
10364
|
-
|
10365
|
-
|
10366
|
-
|
10367
|
-
|
10368
|
-
|
10369
|
-
--cds-
|
10370
|
-
|
10371
|
-
--cds-
|
10372
|
-
|
10373
|
-
|
10374
|
-
--cds-inverse
|
10375
|
-
|
10376
|
-
--cds-
|
10377
|
-
--cds-
|
10378
|
-
|
10379
|
-
|
10380
|
-
|
10381
|
-
|
10382
|
-
|
10383
|
-
--cds-hover-light-ui: #4c4c4c;
|
10384
|
-
--cds-hover-selected-ui: #4c4c4c;
|
10385
|
-
--cds-active-ui: #525252;
|
10386
|
-
--cds-active-light-ui: #6f6f6f;
|
10387
|
-
--cds-selected-ui: #393939;
|
10388
|
-
--cds-selected-light-ui: #525252;
|
10389
|
-
--cds-inverse-hover-ui: #e5e5e5;
|
10390
|
-
--cds-hover-danger: #b81921;
|
10391
|
-
--cds-active-danger: #750e13;
|
10392
|
-
--cds-hover-row: #353535;
|
10393
|
-
--cds-visited-link: #be95ff;
|
10394
|
-
--cds-disabled-01: #262626;
|
10395
|
-
--cds-disabled-02: #525252;
|
10396
|
-
--cds-disabled-03: #8d8d8d;
|
10397
|
-
--cds-highlight: #002d9c;
|
10398
|
-
--cds-decorative-01: #525252;
|
10399
|
-
--cds-button-separator: #161616;
|
10400
|
-
--cds-skeleton-01: #353535;
|
10401
|
-
--cds-skeleton-02: #525252;
|
10402
|
-
--cds-background: #161616;
|
10403
|
-
--cds-layer: #262626;
|
10404
|
-
--cds-layer-accent: #393939;
|
10405
|
-
--cds-layer-accent-hover: #474747;
|
10406
|
-
--cds-layer-accent-active: #6f6f6f;
|
10407
|
-
--cds-field: #262626;
|
10408
|
-
--cds-background-inverse: #f4f4f4;
|
10409
|
-
--cds-background-brand: #0f62fe;
|
10410
|
-
--cds-interactive: #4589ff;
|
10411
|
-
--cds-border-subtle: #393939;
|
10412
|
-
--cds-border-strong: #6f6f6f;
|
10413
|
-
--cds-border-inverse: #f4f4f4;
|
10414
|
-
--cds-border-interactive: #4589ff;
|
10415
|
-
--cds-text-primary: #f4f4f4;
|
10416
|
-
--cds-text-secondary: #c6c6c6;
|
10417
|
-
--cds-text-placeholder: #6f6f6f;
|
10418
|
-
--cds-text-helper: #8d8d8d;
|
10419
|
-
--cds-text-on-color: #ffffff;
|
10420
|
-
--cds-text-inverse: #161616;
|
10421
|
-
--cds-link-primary: #78a9ff;
|
10422
|
-
--cds-link-secondary: #a6c8ff;
|
10423
|
-
--cds-link-visited: #be95ff;
|
10424
|
-
--cds-link-inverse: #0f62fe;
|
10425
|
-
--cds-icon-primary: #f4f4f4;
|
10426
|
-
--cds-icon-secondary: #c6c6c6;
|
10427
|
-
--cds-icon-on-color: #ffffff;
|
10428
|
-
--cds-icon-inverse: #161616;
|
10429
|
-
--cds-support-error: #fa4d56;
|
10430
|
-
--cds-support-success: #42be65;
|
10431
|
-
--cds-support-warning: #f1c21b;
|
10432
|
-
--cds-support-info: #4589ff;
|
10433
|
-
--cds-support-error-inverse: #da1e28;
|
10434
|
-
--cds-support-success-inverse: #24a148;
|
10435
|
-
--cds-support-warning-inverse: #f1c21b;
|
10436
|
-
--cds-support-info-inverse: #0f62fe;
|
10437
|
-
--cds-overlay: rgba(0, 0, 0, 0.65);
|
10438
|
-
--cds-toggle-off: #6f6f6f;
|
10439
|
-
--cds-shadow: rgba(0, 0, 0, 0.8);
|
10440
|
-
--cds-button-primary: #0f62fe;
|
10441
|
-
--cds-button-secondary: #6f6f6f;
|
10442
|
-
--cds-button-tertiary: #ffffff;
|
10443
|
-
--cds-button-danger-primary: #da1e28;
|
10444
|
-
--cds-button-danger-secondary: #fa4d56;
|
10445
|
-
--cds-background-active: #525252;
|
10446
|
-
--cds-layer-active: #525252;
|
10447
|
-
--cds-button-danger-active: #750e13;
|
10448
|
-
--cds-button-primary-active: #002d9c;
|
10449
|
-
--cds-button-secondary-active: #393939;
|
10450
|
-
--cds-button-tertiary-active: #c6c6c6;
|
10451
|
-
--cds-focus-inset: #161616;
|
10452
|
-
--cds-focus-inverse: #0f62fe;
|
10453
|
-
--cds-background-hover: #353535;
|
10454
|
-
--cds-layer-hover: #353535;
|
10455
|
-
--cds-field-hover: #353535;
|
10456
|
-
--cds-background-inverse-hover: #e5e5e5;
|
10457
|
-
--cds-link-primary-hover: #a6c8ff;
|
10458
|
-
--cds-button-danger-hover: #b81921;
|
10459
|
-
--cds-button-primary-hover: #0353e9;
|
10460
|
-
--cds-button-secondary-hover: #606060;
|
10461
|
-
--cds-button-tertiary-hover: #f4f4f4;
|
10462
|
-
--cds-background-selected: #393939;
|
10463
|
-
--cds-background-selected-hover: #4c4c4c;
|
10464
|
-
--cds-layer-selected: #393939;
|
10465
|
-
--cds-layer-selected-hover: #4c4c4c;
|
10466
|
-
--cds-layer-selected-inverse: #f4f4f4;
|
10467
|
-
--cds-border-subtle-selected: #525252;
|
10468
|
-
--cds-border-disabled: #262626;
|
10469
|
-
--cds-text-disabled: #525252;
|
10470
|
-
--cds-button-disabled: #525252;
|
10471
|
-
--cds-icon-disabled: #525252;
|
10472
|
-
--cds-text-on-color-disabled: #8d8d8d;
|
10473
|
-
--cds-icon-on-color-disabled: #8d8d8d;
|
10474
|
-
--cds-layer-selected-disabled: #8d8d8d;
|
10475
|
-
--cds-skeleton-background: #353535;
|
10476
|
-
--cds-skeleton-element: #525252;
|
10477
|
-
--cds-brand-01: #0f62fe;
|
10478
|
-
--cds-brand-02: #6f6f6f;
|
10479
|
-
--cds-brand-03: #ffffff;
|
10480
|
-
--cds-active-01: #525252;
|
10481
|
-
--cds-hover-field: #353535;
|
10482
|
-
--cds-danger: #da1e28;
|
10483
|
-
--cds-caption-01-font-size: 0.75rem;
|
10484
|
-
--cds-caption-01-font-weight: 400;
|
10485
|
-
--cds-caption-01-line-height: 1.33333;
|
10486
|
-
--cds-caption-01-letter-spacing: 0.32px;
|
10487
|
-
--cds-caption-02-font-size: 0.875rem;
|
10488
|
-
--cds-caption-02-font-weight: 400;
|
10489
|
-
--cds-caption-02-line-height: 1.28572;
|
10490
|
-
--cds-caption-02-letter-spacing: 0.32px;
|
10491
|
-
--cds-label-01-font-size: 0.75rem;
|
10492
|
-
--cds-label-01-font-weight: 400;
|
10493
|
-
--cds-label-01-line-height: 1.33333;
|
10494
|
-
--cds-label-01-letter-spacing: 0.32px;
|
10495
|
-
--cds-label-02-font-size: 0.875rem;
|
10496
|
-
--cds-label-02-font-weight: 400;
|
10497
|
-
--cds-label-02-line-height: 1.28572;
|
10498
|
-
--cds-label-02-letter-spacing: 0.16px;
|
10499
|
-
--cds-helper-text-01-font-size: 0.75rem;
|
10500
|
-
--cds-helper-text-01-line-height: 1.33333;
|
10501
|
-
--cds-helper-text-01-letter-spacing: 0.32px;
|
10502
|
-
--cds-helper-text-02-font-size: 0.875rem;
|
10503
|
-
--cds-helper-text-02-line-height: 1.28572;
|
10504
|
-
--cds-helper-text-02-letter-spacing: 0.16px;
|
10505
|
-
--cds-body-short-01-font-size: 0.875rem;
|
10506
|
-
--cds-body-short-01-font-weight: 400;
|
10507
|
-
--cds-body-short-01-line-height: 1.28572;
|
10508
|
-
--cds-body-short-01-letter-spacing: 0.16px;
|
10509
|
-
--cds-body-long-01-font-size: 0.875rem;
|
10510
|
-
--cds-body-long-01-font-weight: 400;
|
10511
|
-
--cds-body-long-01-line-height: 1.42857;
|
10512
|
-
--cds-body-long-01-letter-spacing: 0.16px;
|
10513
|
-
--cds-body-short-02-font-size: 1rem;
|
10514
|
-
--cds-body-short-02-font-weight: 400;
|
10515
|
-
--cds-body-short-02-line-height: 1.375;
|
10516
|
-
--cds-body-short-02-letter-spacing: 0;
|
10517
|
-
--cds-body-long-02-font-size: 1rem;
|
10518
|
-
--cds-body-long-02-font-weight: 400;
|
10519
|
-
--cds-body-long-02-line-height: 1.5;
|
10520
|
-
--cds-body-long-02-letter-spacing: 0;
|
10521
|
-
--cds-code-01-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
|
10522
|
-
--cds-code-01-font-size: 0.75rem;
|
10523
|
-
--cds-code-01-font-weight: 400;
|
10524
|
-
--cds-code-01-line-height: 1.33333;
|
10525
|
-
--cds-code-01-letter-spacing: 0.32px;
|
10526
|
-
--cds-code-02-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
|
10527
|
-
--cds-code-02-font-size: 0.875rem;
|
10528
|
-
--cds-code-02-font-weight: 400;
|
10529
|
-
--cds-code-02-line-height: 1.42857;
|
10530
|
-
--cds-code-02-letter-spacing: 0.32px;
|
10531
|
-
--cds-heading-01-font-size: 0.875rem;
|
10532
|
-
--cds-heading-01-font-weight: 600;
|
10533
|
-
--cds-heading-01-line-height: 1.42857;
|
10534
|
-
--cds-heading-01-letter-spacing: 0.16px;
|
10535
|
-
--cds-productive-heading-01-font-size: 0.875rem;
|
10536
|
-
--cds-productive-heading-01-font-weight: 600;
|
10537
|
-
--cds-productive-heading-01-line-height: 1.28572;
|
10538
|
-
--cds-productive-heading-01-letter-spacing: 0.16px;
|
10539
|
-
--cds-heading-02-font-size: 1rem;
|
10540
|
-
--cds-heading-02-font-weight: 600;
|
10541
|
-
--cds-heading-02-line-height: 1.5;
|
10542
|
-
--cds-heading-02-letter-spacing: 0;
|
10543
|
-
--cds-productive-heading-02-font-size: 1rem;
|
10544
|
-
--cds-productive-heading-02-font-weight: 600;
|
10545
|
-
--cds-productive-heading-02-line-height: 1.375;
|
10546
|
-
--cds-productive-heading-02-letter-spacing: 0;
|
10547
|
-
--cds-productive-heading-03-font-size: 1.25rem;
|
10548
|
-
--cds-productive-heading-03-font-weight: 400;
|
10549
|
-
--cds-productive-heading-03-line-height: 1.4;
|
10550
|
-
--cds-productive-heading-03-letter-spacing: 0;
|
10551
|
-
--cds-productive-heading-04-font-size: 1.75rem;
|
10552
|
-
--cds-productive-heading-04-font-weight: 400;
|
10553
|
-
--cds-productive-heading-04-line-height: 1.28572;
|
10554
|
-
--cds-productive-heading-04-letter-spacing: 0;
|
10555
|
-
--cds-productive-heading-05-font-size: 2rem;
|
10556
|
-
--cds-productive-heading-05-font-weight: 400;
|
10557
|
-
--cds-productive-heading-05-line-height: 1.25;
|
10558
|
-
--cds-productive-heading-05-letter-spacing: 0;
|
10559
|
-
--cds-productive-heading-06-font-size: 2.625rem;
|
10560
|
-
--cds-productive-heading-06-font-weight: 300;
|
10561
|
-
--cds-productive-heading-06-line-height: 1.199;
|
10562
|
-
--cds-productive-heading-06-letter-spacing: 0;
|
10563
|
-
--cds-productive-heading-07-font-size: 3.375rem;
|
10564
|
-
--cds-productive-heading-07-font-weight: 300;
|
10565
|
-
--cds-productive-heading-07-line-height: 1.199;
|
10566
|
-
--cds-productive-heading-07-letter-spacing: 0;
|
10567
|
-
--cds-expressive-heading-01-font-size: 0.875rem;
|
10568
|
-
--cds-expressive-heading-01-font-weight: 600;
|
10569
|
-
--cds-expressive-heading-01-line-height: 1.25;
|
10570
|
-
--cds-expressive-heading-01-letter-spacing: 0.16px;
|
10571
|
-
--cds-expressive-heading-02-font-size: 1rem;
|
10572
|
-
--cds-expressive-heading-02-font-weight: 600;
|
10573
|
-
--cds-expressive-heading-02-line-height: 1.5;
|
10574
|
-
--cds-expressive-heading-02-letter-spacing: 0;
|
10575
|
-
--cds-expressive-heading-03-font-size: 1.25rem;
|
10576
|
-
--cds-expressive-heading-03-font-weight: 400;
|
10577
|
-
--cds-expressive-heading-03-line-height: 1.4;
|
10578
|
-
--cds-expressive-heading-03-letter-spacing: 0;
|
10579
|
-
--cds-expressive-heading-04-font-size: 1.75rem;
|
10580
|
-
--cds-expressive-heading-04-font-weight: 400;
|
10581
|
-
--cds-expressive-heading-04-line-height: 1.28572;
|
10582
|
-
--cds-expressive-heading-04-letter-spacing: 0;
|
10583
|
-
--cds-expressive-heading-05-font-size: 2rem;
|
10584
|
-
--cds-expressive-heading-05-font-weight: 400;
|
10585
|
-
--cds-expressive-heading-05-line-height: 1.25;
|
10586
|
-
--cds-expressive-heading-05-letter-spacing: 0;
|
10587
|
-
--cds-expressive-heading-06-font-size: 2rem;
|
10588
|
-
--cds-expressive-heading-06-font-weight: 600;
|
10589
|
-
--cds-expressive-heading-06-line-height: 1.25;
|
10590
|
-
--cds-expressive-heading-06-letter-spacing: 0;
|
10591
|
-
--cds-expressive-paragraph-01-font-size: 1.5rem;
|
10592
|
-
--cds-expressive-paragraph-01-font-weight: 300;
|
10593
|
-
--cds-expressive-paragraph-01-line-height: 1.334;
|
10594
|
-
--cds-expressive-paragraph-01-letter-spacing: 0;
|
10595
|
-
--cds-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
10596
|
-
--cds-quotation-01-font-size: 1.25rem;
|
10597
|
-
--cds-quotation-01-font-weight: 400;
|
10598
|
-
--cds-quotation-01-line-height: 1.3;
|
10599
|
-
--cds-quotation-01-letter-spacing: 0;
|
10600
|
-
--cds-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
10601
|
-
--cds-quotation-02-font-size: 2rem;
|
10602
|
-
--cds-quotation-02-font-weight: 300;
|
10603
|
-
--cds-quotation-02-line-height: 1.25;
|
10604
|
-
--cds-quotation-02-letter-spacing: 0;
|
10605
|
-
--cds-display-01-font-size: 2.625rem;
|
10606
|
-
--cds-display-01-font-weight: 300;
|
10607
|
-
--cds-display-01-line-height: 1.19;
|
10608
|
-
--cds-display-01-letter-spacing: 0;
|
10609
|
-
--cds-display-02-font-size: 2.625rem;
|
10610
|
-
--cds-display-02-font-weight: 600;
|
10611
|
-
--cds-display-02-line-height: 1.19;
|
10612
|
-
--cds-display-02-letter-spacing: 0;
|
10613
|
-
--cds-display-03-font-size: 2.625rem;
|
10614
|
-
--cds-display-03-font-weight: 300;
|
10615
|
-
--cds-display-03-line-height: 1.19;
|
10616
|
-
--cds-display-03-letter-spacing: 0;
|
10617
|
-
--cds-display-04-font-size: 2.625rem;
|
10618
|
-
--cds-display-04-font-weight: 300;
|
10619
|
-
--cds-display-04-line-height: 1.19;
|
10620
|
-
--cds-display-04-letter-spacing: 0;
|
10621
|
-
--cds-legal-01-font-size: 0.75rem;
|
10622
|
-
--cds-legal-01-font-weight: 400;
|
10623
|
-
--cds-legal-01-line-height: 1.33333;
|
10624
|
-
--cds-legal-01-letter-spacing: 0.32px;
|
10625
|
-
--cds-legal-02-font-size: 0.875rem;
|
10626
|
-
--cds-legal-02-font-weight: 400;
|
10627
|
-
--cds-legal-02-line-height: 1.28572;
|
10628
|
-
--cds-legal-02-letter-spacing: 0.16px;
|
10629
|
-
--cds-body-compact-01-font-size: 0.875rem;
|
10630
|
-
--cds-body-compact-01-font-weight: 400;
|
10631
|
-
--cds-body-compact-01-line-height: 1.28572;
|
10632
|
-
--cds-body-compact-01-letter-spacing: 0.16px;
|
10633
|
-
--cds-body-compact-02-font-size: 1rem;
|
10634
|
-
--cds-body-compact-02-font-weight: 400;
|
10635
|
-
--cds-body-compact-02-line-height: 1.375;
|
10636
|
-
--cds-body-compact-02-letter-spacing: 0;
|
10637
|
-
--cds-body-01-font-size: 0.875rem;
|
10638
|
-
--cds-body-01-font-weight: 400;
|
10639
|
-
--cds-body-01-line-height: 1.42857;
|
10640
|
-
--cds-body-01-letter-spacing: 0.16px;
|
10641
|
-
--cds-body-02-font-size: 1rem;
|
10642
|
-
--cds-body-02-font-weight: 400;
|
10643
|
-
--cds-body-02-line-height: 1.5;
|
10644
|
-
--cds-body-02-letter-spacing: 0;
|
10645
|
-
--cds-heading-compact-01-font-size: 0.875rem;
|
10646
|
-
--cds-heading-compact-01-font-weight: 600;
|
10647
|
-
--cds-heading-compact-01-line-height: 1.28572;
|
10648
|
-
--cds-heading-compact-01-letter-spacing: 0.16px;
|
10649
|
-
--cds-heading-compact-02-font-size: 1rem;
|
10650
|
-
--cds-heading-compact-02-font-weight: 600;
|
10651
|
-
--cds-heading-compact-02-line-height: 1.375;
|
10652
|
-
--cds-heading-compact-02-letter-spacing: 0;
|
10653
|
-
--cds-heading-03-font-size: 1.25rem;
|
10654
|
-
--cds-heading-03-font-weight: 400;
|
10655
|
-
--cds-heading-03-line-height: 1.4;
|
10656
|
-
--cds-heading-03-letter-spacing: 0;
|
10657
|
-
--cds-heading-04-font-size: 1.75rem;
|
10658
|
-
--cds-heading-04-font-weight: 400;
|
10659
|
-
--cds-heading-04-line-height: 1.28572;
|
10660
|
-
--cds-heading-04-letter-spacing: 0;
|
10661
|
-
--cds-heading-05-font-size: 2rem;
|
10662
|
-
--cds-heading-05-font-weight: 400;
|
10663
|
-
--cds-heading-05-line-height: 1.25;
|
10664
|
-
--cds-heading-05-letter-spacing: 0;
|
10665
|
-
--cds-heading-06-font-size: 2.625rem;
|
10666
|
-
--cds-heading-06-font-weight: 300;
|
10667
|
-
--cds-heading-06-line-height: 1.199;
|
10668
|
-
--cds-heading-06-letter-spacing: 0;
|
10669
|
-
--cds-heading-07-font-size: 3.375rem;
|
10670
|
-
--cds-heading-07-font-weight: 300;
|
10671
|
-
--cds-heading-07-line-height: 1.199;
|
10672
|
-
--cds-heading-07-letter-spacing: 0;
|
10673
|
-
--cds-fluid-heading-03-font-size: 1.25rem;
|
10674
|
-
--cds-fluid-heading-03-font-weight: 400;
|
10675
|
-
--cds-fluid-heading-03-line-height: 1.4;
|
10676
|
-
--cds-fluid-heading-03-letter-spacing: 0;
|
10677
|
-
--cds-fluid-heading-04-font-size: 1.75rem;
|
10678
|
-
--cds-fluid-heading-04-font-weight: 400;
|
10679
|
-
--cds-fluid-heading-04-line-height: 1.28572;
|
10680
|
-
--cds-fluid-heading-04-letter-spacing: 0;
|
10681
|
-
--cds-fluid-heading-05-font-size: 2rem;
|
10682
|
-
--cds-fluid-heading-05-font-weight: 400;
|
10683
|
-
--cds-fluid-heading-05-line-height: 1.25;
|
10684
|
-
--cds-fluid-heading-05-letter-spacing: 0;
|
10685
|
-
--cds-fluid-heading-06-font-size: 2rem;
|
10686
|
-
--cds-fluid-heading-06-font-weight: 600;
|
10687
|
-
--cds-fluid-heading-06-line-height: 1.25;
|
10688
|
-
--cds-fluid-heading-06-letter-spacing: 0;
|
10689
|
-
--cds-fluid-paragraph-01-font-size: 1.5rem;
|
10690
|
-
--cds-fluid-paragraph-01-font-weight: 300;
|
10691
|
-
--cds-fluid-paragraph-01-line-height: 1.334;
|
10692
|
-
--cds-fluid-paragraph-01-letter-spacing: 0;
|
10693
|
-
--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
10694
|
-
--cds-fluid-quotation-01-font-size: 1.25rem;
|
10695
|
-
--cds-fluid-quotation-01-font-weight: 400;
|
10696
|
-
--cds-fluid-quotation-01-line-height: 1.3;
|
10697
|
-
--cds-fluid-quotation-01-letter-spacing: 0;
|
10698
|
-
--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
10699
|
-
--cds-fluid-quotation-02-font-size: 2rem;
|
10700
|
-
--cds-fluid-quotation-02-font-weight: 300;
|
10701
|
-
--cds-fluid-quotation-02-line-height: 1.25;
|
10702
|
-
--cds-fluid-quotation-02-letter-spacing: 0;
|
10703
|
-
--cds-fluid-display-01-font-size: 2.625rem;
|
10704
|
-
--cds-fluid-display-01-font-weight: 300;
|
10705
|
-
--cds-fluid-display-01-line-height: 1.19;
|
10706
|
-
--cds-fluid-display-01-letter-spacing: 0;
|
10707
|
-
--cds-fluid-display-02-font-size: 2.625rem;
|
10708
|
-
--cds-fluid-display-02-font-weight: 600;
|
10709
|
-
--cds-fluid-display-02-line-height: 1.19;
|
10710
|
-
--cds-fluid-display-02-letter-spacing: 0;
|
10711
|
-
--cds-fluid-display-03-font-size: 2.625rem;
|
10712
|
-
--cds-fluid-display-03-font-weight: 300;
|
10713
|
-
--cds-fluid-display-03-line-height: 1.19;
|
10714
|
-
--cds-fluid-display-03-letter-spacing: 0;
|
10715
|
-
--cds-fluid-display-04-font-size: 2.625rem;
|
10716
|
-
--cds-fluid-display-04-font-weight: 300;
|
10717
|
-
--cds-fluid-display-04-line-height: 1.19;
|
10718
|
-
--cds-fluid-display-04-letter-spacing: 0;
|
10719
|
-
--cds-spacing-01: 0.125rem;
|
10720
|
-
--cds-spacing-02: 0.25rem;
|
10721
|
-
--cds-spacing-03: 0.5rem;
|
10722
|
-
--cds-spacing-04: 0.75rem;
|
10723
|
-
--cds-spacing-05: 1rem;
|
10724
|
-
--cds-spacing-06: 1.5rem;
|
10725
|
-
--cds-spacing-07: 2rem;
|
10726
|
-
--cds-spacing-08: 2.5rem;
|
10727
|
-
--cds-spacing-09: 3rem;
|
10728
|
-
--cds-spacing-10: 4rem;
|
10729
|
-
--cds-spacing-11: 5rem;
|
10730
|
-
--cds-spacing-12: 6rem;
|
10731
|
-
--cds-spacing-13: 10rem;
|
10732
|
-
--cds-fluid-spacing-01: 0;
|
10733
|
-
--cds-fluid-spacing-02: 2vw;
|
10734
|
-
--cds-fluid-spacing-03: 5vw;
|
10735
|
-
--cds-fluid-spacing-04: 10vw;
|
10736
|
-
--cds-layout-01: 1rem;
|
10737
|
-
--cds-layout-02: 1.5rem;
|
10738
|
-
--cds-layout-03: 2rem;
|
10739
|
-
--cds-layout-04: 3rem;
|
10740
|
-
--cds-layout-05: 4rem;
|
10741
|
-
--cds-layout-06: 6rem;
|
10742
|
-
--cds-layout-07: 10rem;
|
10743
|
-
--cds-container-01: 1.5rem;
|
10744
|
-
--cds-container-02: 2rem;
|
10745
|
-
--cds-container-03: 2.5rem;
|
10746
|
-
--cds-container-04: 3rem;
|
10747
|
-
--cds-container-05: 4rem;
|
10748
|
-
--cds-size-xsmall: 1.5rem;
|
10749
|
-
--cds-size-small: 2rem;
|
10750
|
-
--cds-size-medium: 2.5rem;
|
10751
|
-
--cds-size-large: 3rem;
|
10752
|
-
--cds-size-xlarge: 4rem;
|
10753
|
-
--cds-size-2XLarge: 5rem;
|
10754
|
-
--cds-icon-size-01: 1rem;
|
10755
|
-
--cds-icon-size-02: 1.25rem;
|
10756
|
-
height: 1.25rem;
|
10757
|
-
padding-top: 0;
|
10758
|
-
padding-right: 0.1875rem;
|
10759
|
-
border-width: 0.0625rem;
|
10760
|
-
border-style: solid;
|
10761
|
-
border-radius: var(--cds-spacing-04, 0.75rem);
|
10762
|
-
white-space: nowrap;
|
10763
|
-
border-color: var(--cds-icon-03, #ffffff);
|
10764
|
-
background-color: var(--cds-icon-03, #ffffff);
|
10765
|
-
color: var(--cds-inverse-01, #ffffff);
|
10766
|
-
}
|
10767
|
-
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open:hover {
|
10768
|
-
cursor: pointer;
|
10769
|
-
}
|
10770
|
-
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open svg {
|
10771
|
-
margin: 0.0625rem 0 0 0;
|
10772
|
-
vertical-align: text-top;
|
10773
|
-
}
|
10774
|
-
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open svg {
|
10775
|
-
transform: rotate(180deg);
|
10776
|
-
}
|
10777
|
-
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open:hover {
|
10778
|
-
background-color: transparent;
|
10779
|
-
color: var(--cds-text-01, #161616);
|
10780
|
-
}
|
10781
|
-
.c4p--non-linear-reading__dark .c4p--non-linear-reading__body {
|
10782
|
-
--cds-interactive-01: #0f62fe;
|
10783
|
-
--cds-interactive-02: #6f6f6f;
|
10784
|
-
--cds-interactive-03: #ffffff;
|
10785
|
-
--cds-interactive-04: #4589ff;
|
10786
|
-
--cds-ui-background: #161616;
|
10787
|
-
--cds-ui-01: #262626;
|
10788
|
-
--cds-ui-02: #393939;
|
10789
|
-
--cds-ui-03: #393939;
|
10790
|
-
--cds-ui-04: #6f6f6f;
|
10791
|
-
--cds-ui-05: #f4f4f4;
|
10792
|
-
--cds-text-01: #f4f4f4;
|
10793
|
-
--cds-text-02: #c6c6c6;
|
10794
|
-
--cds-text-03: #6f6f6f;
|
10795
|
-
--cds-text-04: #ffffff;
|
10796
|
-
--cds-text-05: #8d8d8d;
|
10797
|
-
--cds-text-error: #ff8389;
|
10798
|
-
--cds-icon-01: #f4f4f4;
|
10799
|
-
--cds-icon-02: #c6c6c6;
|
10800
|
-
--cds-icon-03: #ffffff;
|
10801
|
-
--cds-link-01: #78a9ff;
|
10802
|
-
--cds-link-02: #a6c8ff;
|
10803
|
-
--cds-inverse-link: #0f62fe;
|
10804
|
-
--cds-field-01: #262626;
|
10805
|
-
--cds-field-02: #393939;
|
10806
|
-
--cds-inverse-01: #161616;
|
10807
|
-
--cds-inverse-02: #f4f4f4;
|
10808
|
-
--cds-support-01: #fa4d56;
|
10809
|
-
--cds-support-02: #42be65;
|
10810
|
-
--cds-support-03: #f1c21b;
|
10811
|
-
--cds-support-04: #4589ff;
|
10812
|
-
--cds-inverse-support-01: #da1e28;
|
10813
|
-
--cds-inverse-support-02: #24a148;
|
10814
|
-
--cds-inverse-support-03: #f1c21b;
|
10815
|
-
--cds-inverse-support-04: #0f62fe;
|
10816
|
-
--cds-overlay-01: rgba(0, 0, 0, 0.65);
|
10817
|
-
--cds-danger-01: #da1e28;
|
10818
|
-
--cds-danger-02: #fa4d56;
|
10819
|
-
--cds-focus: #ffffff;
|
10820
|
-
--cds-inverse-focus-ui: #0f62fe;
|
10821
|
-
--cds-hover-primary: #0353e9;
|
10822
|
-
--cds-active-primary: #002d9c;
|
10823
|
-
--cds-hover-primary-text: #a6c8ff;
|
10824
|
-
--cds-hover-secondary: #606060;
|
10825
|
-
--cds-active-secondary: #393939;
|
10826
|
-
--cds-hover-tertiary: #f4f4f4;
|
10827
|
-
--cds-active-tertiary: #c6c6c6;
|
10828
|
-
--cds-hover-ui: #353535;
|
10829
|
-
--cds-hover-light-ui: #4c4c4c;
|
10830
|
-
--cds-hover-selected-ui: #4c4c4c;
|
10831
|
-
--cds-active-ui: #525252;
|
10832
|
-
--cds-active-light-ui: #6f6f6f;
|
10833
|
-
--cds-selected-ui: #393939;
|
10834
|
-
--cds-selected-light-ui: #525252;
|
10835
|
-
--cds-inverse-hover-ui: #e5e5e5;
|
10836
|
-
--cds-hover-danger: #b81921;
|
10837
|
-
--cds-active-danger: #750e13;
|
10838
|
-
--cds-hover-row: #353535;
|
10839
|
-
--cds-visited-link: #be95ff;
|
10840
|
-
--cds-disabled-01: #262626;
|
10841
|
-
--cds-disabled-02: #525252;
|
10842
|
-
--cds-disabled-03: #8d8d8d;
|
10843
|
-
--cds-highlight: #002d9c;
|
10844
|
-
--cds-decorative-01: #525252;
|
10845
|
-
--cds-button-separator: #161616;
|
10846
|
-
--cds-skeleton-01: #353535;
|
10847
|
-
--cds-skeleton-02: #525252;
|
10848
|
-
--cds-background: #161616;
|
10849
|
-
--cds-layer: #262626;
|
10850
|
-
--cds-layer-accent: #393939;
|
10851
|
-
--cds-layer-accent-hover: #474747;
|
10852
|
-
--cds-layer-accent-active: #6f6f6f;
|
10853
|
-
--cds-field: #262626;
|
10854
|
-
--cds-background-inverse: #f4f4f4;
|
10855
|
-
--cds-background-brand: #0f62fe;
|
10856
|
-
--cds-interactive: #4589ff;
|
10857
|
-
--cds-border-subtle: #393939;
|
10858
|
-
--cds-border-strong: #6f6f6f;
|
10859
|
-
--cds-border-inverse: #f4f4f4;
|
10860
|
-
--cds-border-interactive: #4589ff;
|
10861
|
-
--cds-text-primary: #f4f4f4;
|
10862
|
-
--cds-text-secondary: #c6c6c6;
|
10863
|
-
--cds-text-placeholder: #6f6f6f;
|
10864
|
-
--cds-text-helper: #8d8d8d;
|
10865
|
-
--cds-text-on-color: #ffffff;
|
10866
|
-
--cds-text-inverse: #161616;
|
10867
|
-
--cds-link-primary: #78a9ff;
|
10868
|
-
--cds-link-secondary: #a6c8ff;
|
10869
|
-
--cds-link-visited: #be95ff;
|
10870
|
-
--cds-link-inverse: #0f62fe;
|
10871
|
-
--cds-icon-primary: #f4f4f4;
|
10872
|
-
--cds-icon-secondary: #c6c6c6;
|
10873
|
-
--cds-icon-on-color: #ffffff;
|
10874
|
-
--cds-icon-inverse: #161616;
|
10875
|
-
--cds-support-error: #fa4d56;
|
10876
|
-
--cds-support-success: #42be65;
|
10877
|
-
--cds-support-warning: #f1c21b;
|
10878
|
-
--cds-support-info: #4589ff;
|
10879
|
-
--cds-support-error-inverse: #da1e28;
|
10880
|
-
--cds-support-success-inverse: #24a148;
|
10881
|
-
--cds-support-warning-inverse: #f1c21b;
|
10882
|
-
--cds-support-info-inverse: #0f62fe;
|
10883
|
-
--cds-overlay: rgba(0, 0, 0, 0.65);
|
10884
|
-
--cds-toggle-off: #6f6f6f;
|
10885
|
-
--cds-shadow: rgba(0, 0, 0, 0.8);
|
10886
|
-
--cds-button-primary: #0f62fe;
|
10887
|
-
--cds-button-secondary: #6f6f6f;
|
10888
|
-
--cds-button-tertiary: #ffffff;
|
10889
|
-
--cds-button-danger-primary: #da1e28;
|
10890
|
-
--cds-button-danger-secondary: #fa4d56;
|
10891
|
-
--cds-background-active: #525252;
|
10892
|
-
--cds-layer-active: #525252;
|
10893
|
-
--cds-button-danger-active: #750e13;
|
10894
|
-
--cds-button-primary-active: #002d9c;
|
10895
|
-
--cds-button-secondary-active: #393939;
|
10896
|
-
--cds-button-tertiary-active: #c6c6c6;
|
10897
|
-
--cds-focus-inset: #161616;
|
10898
|
-
--cds-focus-inverse: #0f62fe;
|
10899
|
-
--cds-background-hover: #353535;
|
10900
|
-
--cds-layer-hover: #353535;
|
10901
|
-
--cds-field-hover: #353535;
|
10902
|
-
--cds-background-inverse-hover: #e5e5e5;
|
10903
|
-
--cds-link-primary-hover: #a6c8ff;
|
10904
|
-
--cds-button-danger-hover: #b81921;
|
10905
|
-
--cds-button-primary-hover: #0353e9;
|
10906
|
-
--cds-button-secondary-hover: #606060;
|
10907
|
-
--cds-button-tertiary-hover: #f4f4f4;
|
10908
|
-
--cds-background-selected: #393939;
|
10909
|
-
--cds-background-selected-hover: #4c4c4c;
|
10910
|
-
--cds-layer-selected: #393939;
|
10911
|
-
--cds-layer-selected-hover: #4c4c4c;
|
10912
|
-
--cds-layer-selected-inverse: #f4f4f4;
|
10913
|
-
--cds-border-subtle-selected: #525252;
|
10914
|
-
--cds-border-disabled: #262626;
|
10915
|
-
--cds-text-disabled: #525252;
|
10916
|
-
--cds-button-disabled: #525252;
|
10917
|
-
--cds-icon-disabled: #525252;
|
10918
|
-
--cds-text-on-color-disabled: #8d8d8d;
|
10919
|
-
--cds-icon-on-color-disabled: #8d8d8d;
|
10920
|
-
--cds-layer-selected-disabled: #8d8d8d;
|
10921
|
-
--cds-skeleton-background: #353535;
|
10922
|
-
--cds-skeleton-element: #525252;
|
10923
|
-
--cds-brand-01: #0f62fe;
|
10924
|
-
--cds-brand-02: #6f6f6f;
|
10925
|
-
--cds-brand-03: #ffffff;
|
10926
|
-
--cds-active-01: #525252;
|
10927
|
-
--cds-hover-field: #353535;
|
10928
|
-
--cds-danger: #da1e28;
|
10929
|
-
--cds-caption-01-font-size: 0.75rem;
|
10930
|
-
--cds-caption-01-font-weight: 400;
|
10931
|
-
--cds-caption-01-line-height: 1.33333;
|
10932
|
-
--cds-caption-01-letter-spacing: 0.32px;
|
10933
|
-
--cds-caption-02-font-size: 0.875rem;
|
10934
|
-
--cds-caption-02-font-weight: 400;
|
10935
|
-
--cds-caption-02-line-height: 1.28572;
|
10936
|
-
--cds-caption-02-letter-spacing: 0.32px;
|
10937
|
-
--cds-label-01-font-size: 0.75rem;
|
10938
|
-
--cds-label-01-font-weight: 400;
|
10939
|
-
--cds-label-01-line-height: 1.33333;
|
10940
|
-
--cds-label-01-letter-spacing: 0.32px;
|
10941
|
-
--cds-label-02-font-size: 0.875rem;
|
10942
|
-
--cds-label-02-font-weight: 400;
|
10943
|
-
--cds-label-02-line-height: 1.28572;
|
10944
|
-
--cds-label-02-letter-spacing: 0.16px;
|
10945
|
-
--cds-helper-text-01-font-size: 0.75rem;
|
10946
|
-
--cds-helper-text-01-line-height: 1.33333;
|
10947
|
-
--cds-helper-text-01-letter-spacing: 0.32px;
|
10948
|
-
--cds-helper-text-02-font-size: 0.875rem;
|
10949
|
-
--cds-helper-text-02-line-height: 1.28572;
|
10950
|
-
--cds-helper-text-02-letter-spacing: 0.16px;
|
10951
|
-
--cds-body-short-01-font-size: 0.875rem;
|
10952
|
-
--cds-body-short-01-font-weight: 400;
|
10953
|
-
--cds-body-short-01-line-height: 1.28572;
|
10954
|
-
--cds-body-short-01-letter-spacing: 0.16px;
|
10955
|
-
--cds-body-long-01-font-size: 0.875rem;
|
10956
|
-
--cds-body-long-01-font-weight: 400;
|
10957
|
-
--cds-body-long-01-line-height: 1.42857;
|
10958
|
-
--cds-body-long-01-letter-spacing: 0.16px;
|
10959
|
-
--cds-body-short-02-font-size: 1rem;
|
10960
|
-
--cds-body-short-02-font-weight: 400;
|
10961
|
-
--cds-body-short-02-line-height: 1.375;
|
10962
|
-
--cds-body-short-02-letter-spacing: 0;
|
10963
|
-
--cds-body-long-02-font-size: 1rem;
|
10964
|
-
--cds-body-long-02-font-weight: 400;
|
10965
|
-
--cds-body-long-02-line-height: 1.5;
|
10966
|
-
--cds-body-long-02-letter-spacing: 0;
|
10967
|
-
--cds-code-01-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
|
10968
|
-
--cds-code-01-font-size: 0.75rem;
|
10969
|
-
--cds-code-01-font-weight: 400;
|
10970
|
-
--cds-code-01-line-height: 1.33333;
|
10971
|
-
--cds-code-01-letter-spacing: 0.32px;
|
10972
|
-
--cds-code-02-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
|
10973
|
-
--cds-code-02-font-size: 0.875rem;
|
10974
|
-
--cds-code-02-font-weight: 400;
|
10975
|
-
--cds-code-02-line-height: 1.42857;
|
10976
|
-
--cds-code-02-letter-spacing: 0.32px;
|
10977
|
-
--cds-heading-01-font-size: 0.875rem;
|
10978
|
-
--cds-heading-01-font-weight: 600;
|
10979
|
-
--cds-heading-01-line-height: 1.42857;
|
10980
|
-
--cds-heading-01-letter-spacing: 0.16px;
|
10981
|
-
--cds-productive-heading-01-font-size: 0.875rem;
|
10982
|
-
--cds-productive-heading-01-font-weight: 600;
|
10983
|
-
--cds-productive-heading-01-line-height: 1.28572;
|
10984
|
-
--cds-productive-heading-01-letter-spacing: 0.16px;
|
10985
|
-
--cds-heading-02-font-size: 1rem;
|
10986
|
-
--cds-heading-02-font-weight: 600;
|
10987
|
-
--cds-heading-02-line-height: 1.5;
|
10988
|
-
--cds-heading-02-letter-spacing: 0;
|
10989
|
-
--cds-productive-heading-02-font-size: 1rem;
|
10990
|
-
--cds-productive-heading-02-font-weight: 600;
|
10991
|
-
--cds-productive-heading-02-line-height: 1.375;
|
10992
|
-
--cds-productive-heading-02-letter-spacing: 0;
|
10993
|
-
--cds-productive-heading-03-font-size: 1.25rem;
|
10994
|
-
--cds-productive-heading-03-font-weight: 400;
|
10995
|
-
--cds-productive-heading-03-line-height: 1.4;
|
10996
|
-
--cds-productive-heading-03-letter-spacing: 0;
|
10997
|
-
--cds-productive-heading-04-font-size: 1.75rem;
|
10998
|
-
--cds-productive-heading-04-font-weight: 400;
|
10999
|
-
--cds-productive-heading-04-line-height: 1.28572;
|
11000
|
-
--cds-productive-heading-04-letter-spacing: 0;
|
11001
|
-
--cds-productive-heading-05-font-size: 2rem;
|
11002
|
-
--cds-productive-heading-05-font-weight: 400;
|
11003
|
-
--cds-productive-heading-05-line-height: 1.25;
|
11004
|
-
--cds-productive-heading-05-letter-spacing: 0;
|
11005
|
-
--cds-productive-heading-06-font-size: 2.625rem;
|
11006
|
-
--cds-productive-heading-06-font-weight: 300;
|
11007
|
-
--cds-productive-heading-06-line-height: 1.199;
|
11008
|
-
--cds-productive-heading-06-letter-spacing: 0;
|
11009
|
-
--cds-productive-heading-07-font-size: 3.375rem;
|
11010
|
-
--cds-productive-heading-07-font-weight: 300;
|
11011
|
-
--cds-productive-heading-07-line-height: 1.199;
|
11012
|
-
--cds-productive-heading-07-letter-spacing: 0;
|
11013
|
-
--cds-expressive-heading-01-font-size: 0.875rem;
|
11014
|
-
--cds-expressive-heading-01-font-weight: 600;
|
11015
|
-
--cds-expressive-heading-01-line-height: 1.25;
|
11016
|
-
--cds-expressive-heading-01-letter-spacing: 0.16px;
|
11017
|
-
--cds-expressive-heading-02-font-size: 1rem;
|
11018
|
-
--cds-expressive-heading-02-font-weight: 600;
|
11019
|
-
--cds-expressive-heading-02-line-height: 1.5;
|
11020
|
-
--cds-expressive-heading-02-letter-spacing: 0;
|
11021
|
-
--cds-expressive-heading-03-font-size: 1.25rem;
|
11022
|
-
--cds-expressive-heading-03-font-weight: 400;
|
11023
|
-
--cds-expressive-heading-03-line-height: 1.4;
|
11024
|
-
--cds-expressive-heading-03-letter-spacing: 0;
|
11025
|
-
--cds-expressive-heading-04-font-size: 1.75rem;
|
11026
|
-
--cds-expressive-heading-04-font-weight: 400;
|
11027
|
-
--cds-expressive-heading-04-line-height: 1.28572;
|
11028
|
-
--cds-expressive-heading-04-letter-spacing: 0;
|
11029
|
-
--cds-expressive-heading-05-font-size: 2rem;
|
11030
|
-
--cds-expressive-heading-05-font-weight: 400;
|
11031
|
-
--cds-expressive-heading-05-line-height: 1.25;
|
11032
|
-
--cds-expressive-heading-05-letter-spacing: 0;
|
11033
|
-
--cds-expressive-heading-06-font-size: 2rem;
|
11034
|
-
--cds-expressive-heading-06-font-weight: 600;
|
11035
|
-
--cds-expressive-heading-06-line-height: 1.25;
|
11036
|
-
--cds-expressive-heading-06-letter-spacing: 0;
|
11037
|
-
--cds-expressive-paragraph-01-font-size: 1.5rem;
|
11038
|
-
--cds-expressive-paragraph-01-font-weight: 300;
|
11039
|
-
--cds-expressive-paragraph-01-line-height: 1.334;
|
11040
|
-
--cds-expressive-paragraph-01-letter-spacing: 0;
|
11041
|
-
--cds-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
11042
|
-
--cds-quotation-01-font-size: 1.25rem;
|
11043
|
-
--cds-quotation-01-font-weight: 400;
|
11044
|
-
--cds-quotation-01-line-height: 1.3;
|
11045
|
-
--cds-quotation-01-letter-spacing: 0;
|
11046
|
-
--cds-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
11047
|
-
--cds-quotation-02-font-size: 2rem;
|
11048
|
-
--cds-quotation-02-font-weight: 300;
|
11049
|
-
--cds-quotation-02-line-height: 1.25;
|
11050
|
-
--cds-quotation-02-letter-spacing: 0;
|
11051
|
-
--cds-display-01-font-size: 2.625rem;
|
11052
|
-
--cds-display-01-font-weight: 300;
|
11053
|
-
--cds-display-01-line-height: 1.19;
|
11054
|
-
--cds-display-01-letter-spacing: 0;
|
11055
|
-
--cds-display-02-font-size: 2.625rem;
|
11056
|
-
--cds-display-02-font-weight: 600;
|
11057
|
-
--cds-display-02-line-height: 1.19;
|
11058
|
-
--cds-display-02-letter-spacing: 0;
|
11059
|
-
--cds-display-03-font-size: 2.625rem;
|
11060
|
-
--cds-display-03-font-weight: 300;
|
11061
|
-
--cds-display-03-line-height: 1.19;
|
11062
|
-
--cds-display-03-letter-spacing: 0;
|
11063
|
-
--cds-display-04-font-size: 2.625rem;
|
11064
|
-
--cds-display-04-font-weight: 300;
|
11065
|
-
--cds-display-04-line-height: 1.19;
|
11066
|
-
--cds-display-04-letter-spacing: 0;
|
11067
|
-
--cds-legal-01-font-size: 0.75rem;
|
11068
|
-
--cds-legal-01-font-weight: 400;
|
11069
|
-
--cds-legal-01-line-height: 1.33333;
|
11070
|
-
--cds-legal-01-letter-spacing: 0.32px;
|
11071
|
-
--cds-legal-02-font-size: 0.875rem;
|
11072
|
-
--cds-legal-02-font-weight: 400;
|
11073
|
-
--cds-legal-02-line-height: 1.28572;
|
11074
|
-
--cds-legal-02-letter-spacing: 0.16px;
|
11075
|
-
--cds-body-compact-01-font-size: 0.875rem;
|
11076
|
-
--cds-body-compact-01-font-weight: 400;
|
11077
|
-
--cds-body-compact-01-line-height: 1.28572;
|
11078
|
-
--cds-body-compact-01-letter-spacing: 0.16px;
|
11079
|
-
--cds-body-compact-02-font-size: 1rem;
|
11080
|
-
--cds-body-compact-02-font-weight: 400;
|
11081
|
-
--cds-body-compact-02-line-height: 1.375;
|
11082
|
-
--cds-body-compact-02-letter-spacing: 0;
|
11083
|
-
--cds-body-01-font-size: 0.875rem;
|
11084
|
-
--cds-body-01-font-weight: 400;
|
11085
|
-
--cds-body-01-line-height: 1.42857;
|
11086
|
-
--cds-body-01-letter-spacing: 0.16px;
|
11087
|
-
--cds-body-02-font-size: 1rem;
|
11088
|
-
--cds-body-02-font-weight: 400;
|
11089
|
-
--cds-body-02-line-height: 1.5;
|
11090
|
-
--cds-body-02-letter-spacing: 0;
|
11091
|
-
--cds-heading-compact-01-font-size: 0.875rem;
|
11092
|
-
--cds-heading-compact-01-font-weight: 600;
|
11093
|
-
--cds-heading-compact-01-line-height: 1.28572;
|
11094
|
-
--cds-heading-compact-01-letter-spacing: 0.16px;
|
11095
|
-
--cds-heading-compact-02-font-size: 1rem;
|
11096
|
-
--cds-heading-compact-02-font-weight: 600;
|
11097
|
-
--cds-heading-compact-02-line-height: 1.375;
|
11098
|
-
--cds-heading-compact-02-letter-spacing: 0;
|
11099
|
-
--cds-heading-03-font-size: 1.25rem;
|
11100
|
-
--cds-heading-03-font-weight: 400;
|
11101
|
-
--cds-heading-03-line-height: 1.4;
|
11102
|
-
--cds-heading-03-letter-spacing: 0;
|
11103
|
-
--cds-heading-04-font-size: 1.75rem;
|
11104
|
-
--cds-heading-04-font-weight: 400;
|
11105
|
-
--cds-heading-04-line-height: 1.28572;
|
11106
|
-
--cds-heading-04-letter-spacing: 0;
|
11107
|
-
--cds-heading-05-font-size: 2rem;
|
11108
|
-
--cds-heading-05-font-weight: 400;
|
11109
|
-
--cds-heading-05-line-height: 1.25;
|
11110
|
-
--cds-heading-05-letter-spacing: 0;
|
11111
|
-
--cds-heading-06-font-size: 2.625rem;
|
11112
|
-
--cds-heading-06-font-weight: 300;
|
11113
|
-
--cds-heading-06-line-height: 1.199;
|
11114
|
-
--cds-heading-06-letter-spacing: 0;
|
11115
|
-
--cds-heading-07-font-size: 3.375rem;
|
11116
|
-
--cds-heading-07-font-weight: 300;
|
11117
|
-
--cds-heading-07-line-height: 1.199;
|
11118
|
-
--cds-heading-07-letter-spacing: 0;
|
11119
|
-
--cds-fluid-heading-03-font-size: 1.25rem;
|
11120
|
-
--cds-fluid-heading-03-font-weight: 400;
|
11121
|
-
--cds-fluid-heading-03-line-height: 1.4;
|
11122
|
-
--cds-fluid-heading-03-letter-spacing: 0;
|
11123
|
-
--cds-fluid-heading-04-font-size: 1.75rem;
|
11124
|
-
--cds-fluid-heading-04-font-weight: 400;
|
11125
|
-
--cds-fluid-heading-04-line-height: 1.28572;
|
11126
|
-
--cds-fluid-heading-04-letter-spacing: 0;
|
11127
|
-
--cds-fluid-heading-05-font-size: 2rem;
|
11128
|
-
--cds-fluid-heading-05-font-weight: 400;
|
11129
|
-
--cds-fluid-heading-05-line-height: 1.25;
|
11130
|
-
--cds-fluid-heading-05-letter-spacing: 0;
|
11131
|
-
--cds-fluid-heading-06-font-size: 2rem;
|
11132
|
-
--cds-fluid-heading-06-font-weight: 600;
|
11133
|
-
--cds-fluid-heading-06-line-height: 1.25;
|
11134
|
-
--cds-fluid-heading-06-letter-spacing: 0;
|
11135
|
-
--cds-fluid-paragraph-01-font-size: 1.5rem;
|
11136
|
-
--cds-fluid-paragraph-01-font-weight: 300;
|
11137
|
-
--cds-fluid-paragraph-01-line-height: 1.334;
|
11138
|
-
--cds-fluid-paragraph-01-letter-spacing: 0;
|
11139
|
-
--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
11140
|
-
--cds-fluid-quotation-01-font-size: 1.25rem;
|
11141
|
-
--cds-fluid-quotation-01-font-weight: 400;
|
11142
|
-
--cds-fluid-quotation-01-line-height: 1.3;
|
11143
|
-
--cds-fluid-quotation-01-letter-spacing: 0;
|
11144
|
-
--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
11145
|
-
--cds-fluid-quotation-02-font-size: 2rem;
|
11146
|
-
--cds-fluid-quotation-02-font-weight: 300;
|
11147
|
-
--cds-fluid-quotation-02-line-height: 1.25;
|
11148
|
-
--cds-fluid-quotation-02-letter-spacing: 0;
|
11149
|
-
--cds-fluid-display-01-font-size: 2.625rem;
|
11150
|
-
--cds-fluid-display-01-font-weight: 300;
|
11151
|
-
--cds-fluid-display-01-line-height: 1.19;
|
11152
|
-
--cds-fluid-display-01-letter-spacing: 0;
|
11153
|
-
--cds-fluid-display-02-font-size: 2.625rem;
|
11154
|
-
--cds-fluid-display-02-font-weight: 600;
|
11155
|
-
--cds-fluid-display-02-line-height: 1.19;
|
11156
|
-
--cds-fluid-display-02-letter-spacing: 0;
|
11157
|
-
--cds-fluid-display-03-font-size: 2.625rem;
|
11158
|
-
--cds-fluid-display-03-font-weight: 300;
|
11159
|
-
--cds-fluid-display-03-line-height: 1.19;
|
11160
|
-
--cds-fluid-display-03-letter-spacing: 0;
|
11161
|
-
--cds-fluid-display-04-font-size: 2.625rem;
|
11162
|
-
--cds-fluid-display-04-font-weight: 300;
|
11163
|
-
--cds-fluid-display-04-line-height: 1.19;
|
11164
|
-
--cds-fluid-display-04-letter-spacing: 0;
|
11165
|
-
--cds-spacing-01: 0.125rem;
|
11166
|
-
--cds-spacing-02: 0.25rem;
|
11167
|
-
--cds-spacing-03: 0.5rem;
|
11168
|
-
--cds-spacing-04: 0.75rem;
|
11169
|
-
--cds-spacing-05: 1rem;
|
11170
|
-
--cds-spacing-06: 1.5rem;
|
11171
|
-
--cds-spacing-07: 2rem;
|
11172
|
-
--cds-spacing-08: 2.5rem;
|
11173
|
-
--cds-spacing-09: 3rem;
|
11174
|
-
--cds-spacing-10: 4rem;
|
11175
|
-
--cds-spacing-11: 5rem;
|
11176
|
-
--cds-spacing-12: 6rem;
|
11177
|
-
--cds-spacing-13: 10rem;
|
11178
|
-
--cds-fluid-spacing-01: 0;
|
11179
|
-
--cds-fluid-spacing-02: 2vw;
|
11180
|
-
--cds-fluid-spacing-03: 5vw;
|
11181
|
-
--cds-fluid-spacing-04: 10vw;
|
11182
|
-
--cds-layout-01: 1rem;
|
11183
|
-
--cds-layout-02: 1.5rem;
|
11184
|
-
--cds-layout-03: 2rem;
|
11185
|
-
--cds-layout-04: 3rem;
|
11186
|
-
--cds-layout-05: 4rem;
|
11187
|
-
--cds-layout-06: 6rem;
|
11188
|
-
--cds-layout-07: 10rem;
|
11189
|
-
--cds-container-01: 1.5rem;
|
11190
|
-
--cds-container-02: 2rem;
|
11191
|
-
--cds-container-03: 2.5rem;
|
11192
|
-
--cds-container-04: 3rem;
|
11193
|
-
--cds-container-05: 4rem;
|
11194
|
-
--cds-size-xsmall: 1.5rem;
|
11195
|
-
--cds-size-small: 2rem;
|
11196
|
-
--cds-size-medium: 2.5rem;
|
11197
|
-
--cds-size-large: 3rem;
|
11198
|
-
--cds-size-xlarge: 4rem;
|
11199
|
-
--cds-size-2XLarge: 5rem;
|
11200
|
-
--cds-icon-size-01: 1rem;
|
11201
|
-
--cds-icon-size-02: 1.25rem;
|
10403
|
+
height: 1.25rem;
|
10404
|
+
padding-top: 0;
|
10405
|
+
padding-right: 0.1875rem;
|
10406
|
+
border-width: 0.0625rem;
|
10407
|
+
border-style: solid;
|
10408
|
+
border-color: var(--cds-button-tertiary, #0f62fe);
|
10409
|
+
border-radius: var(--cds-spacing-04, 0.75rem);
|
10410
|
+
background-color: transparent;
|
10411
|
+
color: var(--cds-button-tertiary, #0f62fe);
|
10412
|
+
white-space: nowrap;
|
10413
|
+
border-color: var(--cds-button-tertiary, #0f62fe);
|
10414
|
+
background-color: var(--cds-button-tertiary, #0f62fe);
|
10415
|
+
color: var(--cds-text-inverse, #ffffff);
|
10416
|
+
}
|
10417
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open:hover {
|
10418
|
+
border-color: var(--cds-button-tertiary, #0f62fe);
|
10419
|
+
background-color: var(--cds-button-tertiary, #0f62fe);
|
10420
|
+
color: var(--cds-text-inverse, #ffffff);
|
10421
|
+
}
|
10422
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open:focus {
|
10423
|
+
border-color: var(--cds-text-inverse, #ffffff);
|
10424
|
+
background-color: var(--cds-button-tertiary, #0f62fe);
|
10425
|
+
box-shadow: 0 0 0 1px var(--cds-text-inverse, #ffffff), 0 0 0 3px var(--cds-button-tertiary, #0f62fe);
|
10426
|
+
color: var(--cds-text-inverse, #ffffff);
|
10427
|
+
}
|
10428
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open:focus-visible {
|
10429
|
+
outline: none;
|
10430
|
+
}
|
10431
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open svg {
|
10432
|
+
margin: 0.0625rem 0 0 0;
|
10433
|
+
vertical-align: text-top;
|
10434
|
+
}
|
10435
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open:hover {
|
10436
|
+
border-color: var(--cds-button-tertiary, #0f62fe);
|
10437
|
+
background-color: transparent;
|
10438
|
+
color: var(--cds-button-tertiary, #0f62fe);
|
10439
|
+
}
|
10440
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open:focus {
|
10441
|
+
border-color: var(--cds-text-inverse, #ffffff);
|
10442
|
+
background-color: transparent;
|
10443
|
+
box-shadow: inset 0 0 0 1px var(--cds-button-tertiary, #0f62fe), 0 0 0 1px var(--cds-text-inverse, #ffffff), 0 0 0 3px var(--cds-button-tertiary, #0f62fe);
|
10444
|
+
color: var(--cds-button-tertiary, #0f62fe);
|
10445
|
+
}
|
10446
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open svg {
|
10447
|
+
transform: rotate(180deg);
|
10448
|
+
}
|
10449
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__body {
|
11202
10450
|
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
11203
10451
|
font-weight: var(--cds-body-long-01-font-weight, 400);
|
11204
10452
|
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
11205
10453
|
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
11206
10454
|
display: block;
|
11207
10455
|
padding: var(--cds-spacing-03, 0.5rem) var(--cds-spacing-04, 0.75rem);
|
11208
|
-
border-left
|
11209
|
-
border-left-style: solid;
|
10456
|
+
border-left: 0.078125rem solid var(--cds-text-01, #161616);
|
11210
10457
|
margin: var(--cds-spacing-02, 0.25rem) 0;
|
11211
10458
|
animation: fade 600ms;
|
11212
|
-
border-left-color: var(--cds-text-01, #161616);
|
11213
10459
|
color: var(--cds-text-01, #161616);
|
11214
10460
|
}
|
10461
|
+
@media (prefers-reduced-motion: reduce) {
|
10462
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__body {
|
10463
|
+
animation: none;
|
10464
|
+
}
|
10465
|
+
}
|
11215
10466
|
.c4p--non-linear-reading__dark .c4p--non-linear-reading__body a {
|
11216
10467
|
color: var(--cds-link-01, #0f62fe);
|
11217
10468
|
}
|
@@ -11946,4 +11197,189 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
11946
11197
|
color: #161616 !important;
|
11947
11198
|
}
|
11948
11199
|
|
11200
|
+
/* stylelint-disable declaration-no-important */
|
11201
|
+
.c4p--checklist__header {
|
11202
|
+
display: flex;
|
11203
|
+
padding: var(--cds-spacing-05, 1rem);
|
11204
|
+
background-color: var(--cds-ui-01, #f4f4f4);
|
11205
|
+
gap: var(--cds-spacing-03, 0.5rem);
|
11206
|
+
}
|
11207
|
+
.c4p--checklist__chart {
|
11208
|
+
position: relative;
|
11209
|
+
width: var(--cds-spacing-08, 2.5rem);
|
11210
|
+
min-width: var(--cds-spacing-08, 2.5rem);
|
11211
|
+
height: var(--cds-spacing-08, 2.5rem);
|
11212
|
+
align-self: center;
|
11213
|
+
}
|
11214
|
+
.c4p--checklist__chart::after {
|
11215
|
+
position: absolute;
|
11216
|
+
top: var(--cds-spacing-02, 0.25rem);
|
11217
|
+
left: var(--cds-spacing-02, 0.25rem);
|
11218
|
+
width: var(--cds-spacing-07, 2rem);
|
11219
|
+
height: var(--cds-spacing-07, 2rem);
|
11220
|
+
border-radius: 50%;
|
11221
|
+
background-color: var(--cds-ui-01, #f4f4f4);
|
11222
|
+
content: "";
|
11223
|
+
}
|
11224
|
+
.c4p--checklist__titles {
|
11225
|
+
display: flex;
|
11226
|
+
flex-direction: column;
|
11227
|
+
justify-content: center;
|
11228
|
+
}
|
11229
|
+
.c4p--checklist__title {
|
11230
|
+
font-size: var(--cds-productive-heading-02-font-size, 1rem);
|
11231
|
+
font-weight: var(--cds-productive-heading-02-font-weight, 600);
|
11232
|
+
line-height: var(--cds-productive-heading-02-line-height, 1.375);
|
11233
|
+
letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
|
11234
|
+
display: -webkit-box;
|
11235
|
+
overflow: hidden;
|
11236
|
+
-webkit-box-orient: vertical;
|
11237
|
+
-webkit-line-clamp: 2;
|
11238
|
+
text-overflow: ellipsis;
|
11239
|
+
}
|
11240
|
+
.c4p--checklist__chart-label {
|
11241
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
11242
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
11243
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
11244
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
11245
|
+
display: -webkit-box;
|
11246
|
+
overflow: hidden;
|
11247
|
+
-webkit-box-orient: vertical;
|
11248
|
+
-webkit-line-clamp: 2;
|
11249
|
+
text-overflow: ellipsis;
|
11250
|
+
color: var(--cds-text-02, #525252);
|
11251
|
+
}
|
11252
|
+
.c4p--checklist__title + .c4p--checklist__chart-label {
|
11253
|
+
margin-top: var(--cds-spacing-01, 0.125rem);
|
11254
|
+
}
|
11255
|
+
.c4p--checklist__toggle {
|
11256
|
+
width: 30px;
|
11257
|
+
min-width: 30px;
|
11258
|
+
height: 30px;
|
11259
|
+
min-height: 30px !important;
|
11260
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
11261
|
+
padding: 0 0.375rem !important;
|
11262
|
+
margin-top: calc(-1 * var(--cds-spacing-03, 0.5rem)) !important;
|
11263
|
+
margin-right: calc(-1 * var(--cds-spacing-03, 0.5rem)) !important;
|
11264
|
+
margin-left: auto !important;
|
11265
|
+
}
|
11266
|
+
.c4p--checklist__chevron {
|
11267
|
+
color: var(--cds-text-01, #161616);
|
11268
|
+
transform: rotate(0deg);
|
11269
|
+
transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
11270
|
+
}
|
11271
|
+
@media (prefers-reduced-motion: reduce) {
|
11272
|
+
.c4p--checklist__chevron {
|
11273
|
+
transition: none;
|
11274
|
+
}
|
11275
|
+
}
|
11276
|
+
.c4p--checklist__closed .c4p--checklist__chevron {
|
11277
|
+
transform: rotate(-180deg);
|
11278
|
+
}
|
11279
|
+
.c4p--checklist__button {
|
11280
|
+
max-width: none !important;
|
11281
|
+
min-height: auto !important;
|
11282
|
+
/* stylelint-disable-next-line declaration-property-value-disallowed-list */
|
11283
|
+
flex-shrink: unset !important;
|
11284
|
+
padding: 0 !important;
|
11285
|
+
border: none !important;
|
11286
|
+
background-color: transparent !important;
|
11287
|
+
color: var(--cds-link-01, #0f62fe) !important;
|
11288
|
+
}
|
11289
|
+
.c4p--checklist__button div {
|
11290
|
+
display: -webkit-box;
|
11291
|
+
overflow: hidden;
|
11292
|
+
-webkit-box-orient: vertical;
|
11293
|
+
-webkit-line-clamp: 2;
|
11294
|
+
text-overflow: ellipsis;
|
11295
|
+
}
|
11296
|
+
.c4p--checklist__button:hover {
|
11297
|
+
background: transparent;
|
11298
|
+
color: var(--cds-link-primary-hover, #0043ce);
|
11299
|
+
text-decoration: underline;
|
11300
|
+
}
|
11301
|
+
.c4p--checklist__button:active {
|
11302
|
+
background: transparent;
|
11303
|
+
color: var(--cds-text-primary, #161616);
|
11304
|
+
text-decoration: underline;
|
11305
|
+
}
|
11306
|
+
.c4p--checklist__button--error {
|
11307
|
+
color: var(--cds-text-error, #da1e28) !important;
|
11308
|
+
}
|
11309
|
+
.c4p--checklist__content-outer {
|
11310
|
+
overflow: hidden;
|
11311
|
+
}
|
11312
|
+
.c4p--checklist__content-inner {
|
11313
|
+
height: 100%;
|
11314
|
+
background-color: var(--cds-ui-01, #f4f4f4);
|
11315
|
+
transform: translate(0, 0);
|
11316
|
+
transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
11317
|
+
}
|
11318
|
+
@media (prefers-reduced-motion: reduce) {
|
11319
|
+
.c4p--checklist__content-inner {
|
11320
|
+
transition: none;
|
11321
|
+
}
|
11322
|
+
}
|
11323
|
+
.c4p--checklist__closed .c4p--checklist__content-inner {
|
11324
|
+
height: 0;
|
11325
|
+
transform: translate(0, -100%);
|
11326
|
+
}
|
11327
|
+
.c4p--checklist__list-group {
|
11328
|
+
padding: var(--cds-spacing-05, 1rem);
|
11329
|
+
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
11330
|
+
}
|
11331
|
+
.c4p--checklist__list-title {
|
11332
|
+
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
11333
|
+
font-weight: var(--cds-body-short-01-font-weight, 400);
|
11334
|
+
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
11335
|
+
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
11336
|
+
display: -webkit-box;
|
11337
|
+
overflow: hidden;
|
11338
|
+
-webkit-box-orient: vertical;
|
11339
|
+
-webkit-line-clamp: 2;
|
11340
|
+
text-overflow: ellipsis;
|
11341
|
+
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
11342
|
+
}
|
11343
|
+
.c4p--checklist__list-item {
|
11344
|
+
display: flex;
|
11345
|
+
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
11346
|
+
}
|
11347
|
+
.c4p--checklist__list-item:last-child {
|
11348
|
+
margin-bottom: 0;
|
11349
|
+
}
|
11350
|
+
.c4p--checklist__icon {
|
11351
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
11352
|
+
margin: 0.0625rem var(--cds-spacing-03, 0.5rem) 0 0;
|
11353
|
+
color: var(--cds-link-01, #0f62fe);
|
11354
|
+
}
|
11355
|
+
.c4p--checklist__icon--error {
|
11356
|
+
color: var(--cds-support-error, #da1e28);
|
11357
|
+
}
|
11358
|
+
.c4p--checklist__icon--disabled {
|
11359
|
+
color: var(--cds-disabled-03, #8d8d8d);
|
11360
|
+
}
|
11361
|
+
.c4p--checklist__label {
|
11362
|
+
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
11363
|
+
font-weight: var(--cds-body-short-01-font-weight, 400);
|
11364
|
+
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
11365
|
+
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
11366
|
+
display: -webkit-box;
|
11367
|
+
overflow: hidden;
|
11368
|
+
-webkit-box-orient: vertical;
|
11369
|
+
-webkit-line-clamp: 2;
|
11370
|
+
text-overflow: ellipsis;
|
11371
|
+
}
|
11372
|
+
.c4p--checklist__label--checked, .c4p--checklist__label--disabled, .c4p--checklist__label--error {
|
11373
|
+
color: var(--cds-disabled-03, #8d8d8d);
|
11374
|
+
}
|
11375
|
+
.c4p--checklist__footer {
|
11376
|
+
display: -webkit-box;
|
11377
|
+
overflow: hidden;
|
11378
|
+
-webkit-box-orient: vertical;
|
11379
|
+
-webkit-line-clamp: 2;
|
11380
|
+
text-overflow: ellipsis;
|
11381
|
+
padding: var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem);
|
11382
|
+
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
11383
|
+
}
|
11384
|
+
|
11949
11385
|
/*# sourceMappingURL=index-without-carbon.css.map */
|