@carbon/ibm-products 1.57.0 → 1.59.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +392 -944
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +4 -4
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon.css +346 -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 +390 -944
- package/css/index.css.map +1 -1
- package/css/index.min.css +4 -4
- package/css/index.min.css.map +1 -1
- package/es/components/Checklist/Checklist.js +277 -0
- package/es/components/Checklist/ChecklistChart.js +98 -0
- package/es/components/Checklist/ChecklistIcon.js +105 -0
- package/es/components/Checklist/index.js +8 -0
- package/es/components/CreateFullPage/CreateFullPage.js +25 -3
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -0
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +34 -18
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +2 -37
- package/es/components/InlineTip/InlineTip.js +5 -1
- package/es/components/InlineTip/InlineTipButton.js +1 -8
- package/es/components/InlineTip/InlineTipLink.js +1 -8
- 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/es/global/js/utils/test-helper.js +2 -2
- package/lib/components/Checklist/Checklist.js +267 -0
- package/lib/components/Checklist/ChecklistChart.js +88 -0
- package/lib/components/Checklist/ChecklistIcon.js +92 -0
- package/lib/components/Checklist/index.js +12 -0
- package/lib/components/CreateFullPage/CreateFullPage.js +24 -2
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -0
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +35 -19
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +2 -40
- package/lib/components/InlineTip/InlineTip.js +4 -0
- package/lib/components/InlineTip/InlineTipButton.js +2 -9
- package/lib/components/InlineTip/InlineTipLink.js +2 -9
- 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/lib/global/js/utils/test-helper.js +2 -2
- package/package.json +10 -10
- 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/ComboButton/_combo-button.scss +2 -1
- package/scss/components/Datagrid/styles/_datagrid.scss +31 -5
- package/scss/components/Datagrid/styles/addons/_RowSizeDropdown.scss +6 -1
- package/scss/components/NonLinearReading/_non-linear-reading.scss +76 -64
- package/scss/components/Toolbar/_toolbar.scss +6 -3
- package/scss/components/_index.scss +1 -0
package/css/index.css
CHANGED
@@ -7650,6 +7650,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
7650
7650
|
.security--combo-button .security--combo-button__overflow-menu {
|
7651
7651
|
width: 3rem;
|
7652
7652
|
height: auto;
|
7653
|
+
/* stylelint-disable-next-line function-no-unknown */
|
7653
7654
|
border-left: 0.0625rem solid var(--cds-ui-03, #e0e0e0);
|
7654
7655
|
background-color: var(--cds-interactive-01, #0f62fe);
|
7655
7656
|
}
|
@@ -10233,18 +10234,18 @@ a.bx--overflow-menu-options__btn::before {
|
|
10233
10234
|
|
10234
10235
|
.bx--toggle__appearance {
|
10235
10236
|
position: relative;
|
10236
|
-
width:
|
10237
|
-
height:
|
10237
|
+
width: to-to-rem(48px);
|
10238
|
+
height: to-to-rem(24px);
|
10238
10239
|
}
|
10239
10240
|
.bx--toggle__appearance::before {
|
10240
10241
|
position: absolute;
|
10241
10242
|
top: 0;
|
10242
10243
|
display: block;
|
10243
|
-
width:
|
10244
|
-
height:
|
10244
|
+
width: to-to-rem(48px);
|
10245
|
+
height: to-to-rem(24px);
|
10245
10246
|
box-sizing: border-box;
|
10246
10247
|
background-color: var(--cds-ui-04, #8d8d8d);
|
10247
|
-
border-radius:
|
10248
|
+
border-radius: to-to-rem(15px);
|
10248
10249
|
box-shadow: 0 0 0 1px transparent, 0 0 0 3px transparent;
|
10249
10250
|
content: "";
|
10250
10251
|
cursor: pointer;
|
@@ -10258,11 +10259,11 @@ a.bx--overflow-menu-options__btn::before {
|
|
10258
10259
|
}
|
10259
10260
|
.bx--toggle__appearance::after {
|
10260
10261
|
position: absolute;
|
10261
|
-
top:
|
10262
|
-
left:
|
10262
|
+
top: to-to-rem(3px);
|
10263
|
+
left: to-to-rem(3px);
|
10263
10264
|
display: block;
|
10264
|
-
width:
|
10265
|
-
height:
|
10265
|
+
width: to-to-rem(18px);
|
10266
|
+
height: to-to-rem(18px);
|
10266
10267
|
box-sizing: border-box;
|
10267
10268
|
background-color: var(--cds-icon-03, #ffffff);
|
10268
10269
|
border-radius: 50%;
|
@@ -10274,10 +10275,10 @@ a.bx--overflow-menu-options__btn::before {
|
|
10274
10275
|
.bx--toggle__check {
|
10275
10276
|
position: absolute;
|
10276
10277
|
z-index: 1;
|
10277
|
-
top:
|
10278
|
-
left:
|
10279
|
-
width:
|
10280
|
-
height:
|
10278
|
+
top: to-to-rem(6px);
|
10279
|
+
left: to-to-rem(6px);
|
10280
|
+
width: to-to-rem(6px);
|
10281
|
+
height: to-to-rem(5px);
|
10281
10282
|
fill: var(--cds-icon-03, #ffffff);
|
10282
10283
|
transform: scale(0.2);
|
10283
10284
|
transition: 70ms cubic-bezier(0.2, 0, 1, 0.9);
|
@@ -10295,7 +10296,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
10295
10296
|
|
10296
10297
|
.bx--toggle__text--left {
|
10297
10298
|
position: absolute;
|
10298
|
-
left:
|
10299
|
+
left: to-to-rem(48px);
|
10299
10300
|
}
|
10300
10301
|
|
10301
10302
|
.bx--toggle:checked + .bx--toggle__label .bx--toggle__text--left,
|
@@ -10313,7 +10314,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
10313
10314
|
}
|
10314
10315
|
.bx--toggle:checked + .bx--toggle__label .bx--toggle__appearance::after {
|
10315
10316
|
background-color: var(--cds-icon-03, #ffffff);
|
10316
|
-
transform: translateX(
|
10317
|
+
transform: translateX(to-to-rem(24px));
|
10317
10318
|
}
|
10318
10319
|
|
10319
10320
|
.bx--toggle + .bx--toggle__label .bx--toggle__appearance::before {
|
@@ -10359,30 +10360,30 @@ a.bx--overflow-menu-options__btn::before {
|
|
10359
10360
|
}
|
10360
10361
|
|
10361
10362
|
.bx--toggle--small + .bx--toggle__label .bx--toggle__appearance {
|
10362
|
-
width:
|
10363
|
-
height:
|
10363
|
+
width: to-to-rem(32px);
|
10364
|
+
height: to-to-rem(16px);
|
10364
10365
|
}
|
10365
10366
|
.bx--toggle--small + .bx--toggle__label .bx--toggle__appearance::before {
|
10366
10367
|
top: 0;
|
10367
|
-
width:
|
10368
|
-
height:
|
10368
|
+
width: to-to-rem(32px);
|
10369
|
+
height: to-to-rem(16px);
|
10369
10370
|
box-sizing: border-box;
|
10370
10371
|
border-radius: 0.9375rem;
|
10371
10372
|
}
|
10372
10373
|
.bx--toggle--small + .bx--toggle__label .bx--toggle__appearance::after {
|
10373
|
-
top:
|
10374
|
-
left:
|
10375
|
-
width:
|
10376
|
-
height:
|
10374
|
+
top: to-to-rem(3px);
|
10375
|
+
left: to-to-rem(3px);
|
10376
|
+
width: to-to-rem(10px);
|
10377
|
+
height: to-to-rem(10px);
|
10377
10378
|
}
|
10378
10379
|
|
10379
10380
|
.bx--toggle--small:checked + .bx--toggle__label .bx--toggle__check {
|
10380
10381
|
fill: var(--cds-support-02, #198038);
|
10381
|
-
transform: scale(1) translateX(
|
10382
|
+
transform: scale(1) translateX(to-to-rem(16px));
|
10382
10383
|
}
|
10383
10384
|
|
10384
10385
|
.bx--toggle--small + .bx--toggle__label .bx--toggle__text--left {
|
10385
|
-
left:
|
10386
|
+
left: to-to-rem(32px);
|
10386
10387
|
}
|
10387
10388
|
|
10388
10389
|
.bx--toggle--small:checked + .bx--toggle__label .bx--toggle__appearance::after {
|
@@ -10421,8 +10422,8 @@ a.bx--overflow-menu-options__btn::before {
|
|
10421
10422
|
.bx--toggle__switch {
|
10422
10423
|
position: relative;
|
10423
10424
|
display: flex;
|
10424
|
-
width:
|
10425
|
-
height:
|
10425
|
+
width: to-to-rem(48px);
|
10426
|
+
height: to-to-rem(24px);
|
10426
10427
|
align-items: center;
|
10427
10428
|
cursor: pointer;
|
10428
10429
|
}
|
@@ -10430,11 +10431,11 @@ a.bx--overflow-menu-options__btn::before {
|
|
10430
10431
|
position: absolute;
|
10431
10432
|
top: 0;
|
10432
10433
|
display: block;
|
10433
|
-
width:
|
10434
|
-
height:
|
10434
|
+
width: to-to-rem(48px);
|
10435
|
+
height: to-to-rem(24px);
|
10435
10436
|
box-sizing: border-box;
|
10436
10437
|
background-color: var(--cds-ui-04, #8d8d8d);
|
10437
|
-
border-radius:
|
10438
|
+
border-radius: to-to-rem(15px);
|
10438
10439
|
box-shadow: 0 0 0 1px transparent, 0 0 0 3px transparent;
|
10439
10440
|
content: "";
|
10440
10441
|
transition: box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9), background-color 70ms cubic-bezier(0.2, 0, 1, 0.9);
|
@@ -10447,11 +10448,11 @@ a.bx--overflow-menu-options__btn::before {
|
|
10447
10448
|
}
|
10448
10449
|
.bx--toggle__switch::after {
|
10449
10450
|
position: absolute;
|
10450
|
-
top:
|
10451
|
-
left:
|
10451
|
+
top: to-to-rem(3px);
|
10452
|
+
left: to-to-rem(3px);
|
10452
10453
|
display: block;
|
10453
|
-
width:
|
10454
|
-
height:
|
10454
|
+
width: to-to-rem(18px);
|
10455
|
+
height: to-to-rem(18px);
|
10455
10456
|
box-sizing: border-box;
|
10456
10457
|
background-color: var(--cds-icon-03, #ffffff);
|
10457
10458
|
border-radius: 50%;
|
@@ -10486,7 +10487,7 @@ a.bx--overflow-menu-options__btn::before {
|
|
10486
10487
|
}
|
10487
10488
|
.bx--toggle-input:checked + .bx--toggle-input__label > .bx--toggle__switch::after {
|
10488
10489
|
background-color: var(--cds-icon-03, #ffffff);
|
10489
|
-
transform: translateX(
|
10490
|
+
transform: translateX(to-to-rem(24px));
|
10490
10491
|
}
|
10491
10492
|
|
10492
10493
|
.bx--toggle-input:focus + .bx--toggle-input__label > .bx--toggle__switch::before,
|
@@ -10523,29 +10524,29 @@ a.bx--overflow-menu-options__btn::before {
|
|
10523
10524
|
}
|
10524
10525
|
|
10525
10526
|
.bx--toggle-input--small + .bx--toggle-input__label > .bx--toggle__switch {
|
10526
|
-
width:
|
10527
|
-
height:
|
10527
|
+
width: to-to-rem(32px);
|
10528
|
+
height: to-to-rem(16px);
|
10528
10529
|
}
|
10529
10530
|
.bx--toggle-input--small + .bx--toggle-input__label > .bx--toggle__switch::before {
|
10530
|
-
width:
|
10531
|
-
height:
|
10531
|
+
width: to-to-rem(32px);
|
10532
|
+
height: to-to-rem(16px);
|
10532
10533
|
border-radius: 0.9375rem;
|
10533
10534
|
}
|
10534
10535
|
.bx--toggle-input--small + .bx--toggle-input__label > .bx--toggle__switch::after {
|
10535
|
-
width:
|
10536
|
-
height:
|
10536
|
+
width: to-to-rem(10px);
|
10537
|
+
height: to-to-rem(10px);
|
10537
10538
|
}
|
10538
10539
|
.bx--toggle-input--small + .bx--toggle-input__label .bx--toggle__text--off,
|
10539
10540
|
.bx--toggle-input--small + .bx--toggle-input__label .bx--toggle__text--on {
|
10540
|
-
margin-left:
|
10541
|
+
margin-left: to-to-rem(40px);
|
10541
10542
|
}
|
10542
10543
|
|
10543
10544
|
.bx--toggle-input--small:checked + .bx--toggle-input__label > .bx--toggle__switch::after {
|
10544
|
-
transform: translateX(
|
10545
|
+
transform: translateX(to-to-rem(17px));
|
10545
10546
|
}
|
10546
10547
|
.bx--toggle-input--small:checked + .bx--toggle-input__label .bx--toggle__check {
|
10547
10548
|
fill: var(--cds-support-02, #198038);
|
10548
|
-
transform: scale(1) translateX(
|
10549
|
+
transform: scale(1) translateX(to-to-rem(16px));
|
10549
10550
|
}
|
10550
10551
|
|
10551
10552
|
.bx--toggle-input--small:disabled:checked + .bx--toggle-input__label .bx--toggle__check {
|
@@ -19383,6 +19384,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19383
19384
|
stroke-dashoffset: 0;
|
19384
19385
|
}
|
19385
19386
|
}
|
19387
|
+
/* stylelint-disable-next-line function-no-unknown */
|
19388
|
+
/* stylelint-disable-next-line function-no-unknown */
|
19386
19389
|
.c4p--toolbar {
|
19387
19390
|
display: flex;
|
19388
19391
|
min-width: 2.5rem;
|
@@ -19425,6 +19428,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
19425
19428
|
}
|
19426
19429
|
|
19427
19430
|
.c4p--toolbar__button__caret {
|
19431
|
+
/* stylelint-disable-next-line function-no-unknown */
|
19428
19432
|
position: absolute;
|
19429
19433
|
right: 0.125rem;
|
19430
19434
|
bottom: 0.125rem;
|
@@ -21153,6 +21157,22 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21153
21157
|
width: 100%;
|
21154
21158
|
padding-top: 0;
|
21155
21159
|
}
|
21160
|
+
.c4p--datagrid__grid-container .bx--data-table-header__description {
|
21161
|
+
overflow: hidden;
|
21162
|
+
text-overflow: ellipsis;
|
21163
|
+
white-space: nowrap;
|
21164
|
+
}
|
21165
|
+
.c4p--datagrid__grid-container .bx--data-table-header__title {
|
21166
|
+
overflow: hidden;
|
21167
|
+
max-width: 80ch;
|
21168
|
+
text-overflow: ellipsis;
|
21169
|
+
white-space: nowrap;
|
21170
|
+
}
|
21171
|
+
@media (min-width: 42rem) {
|
21172
|
+
.c4p--datagrid__grid-container .bx--data-table-header__title {
|
21173
|
+
max-width: 55ch;
|
21174
|
+
}
|
21175
|
+
}
|
21156
21176
|
.c4p--datagrid__grid-container .bx--data-table-content {
|
21157
21177
|
width: 100%;
|
21158
21178
|
height: 100%;
|
@@ -21557,6 +21577,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21557
21577
|
width: 1rem;
|
21558
21578
|
height: 100%;
|
21559
21579
|
margin: 0;
|
21580
|
+
-moz-appearance: initial;
|
21560
21581
|
-webkit-appearance: none;
|
21561
21582
|
appearance: none;
|
21562
21583
|
background: transparent;
|
@@ -21566,12 +21587,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21566
21587
|
outline: 0;
|
21567
21588
|
}
|
21568
21589
|
|
21569
|
-
.c4p--datagrid .c4p--datagrid__col-resizer-range:focus::before {
|
21590
|
+
.c4p--datagrid .c4p--datagrid__col-resizer-range:focus + .c4p--datagrid__col-resize-indicator::before {
|
21570
21591
|
position: absolute;
|
21571
21592
|
top: 50%;
|
21572
21593
|
left: 50%;
|
21573
21594
|
width: 2px;
|
21574
|
-
height:
|
21595
|
+
height: var(--c4p--datagrid--header-height);
|
21575
21596
|
background-color: var(--cds-focus, #0f62fe);
|
21576
21597
|
content: "";
|
21577
21598
|
transform: translate(-50%, -50%);
|
@@ -21589,11 +21610,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21589
21610
|
transform: translate(-50%, 0);
|
21590
21611
|
}
|
21591
21612
|
|
21592
|
-
.c4p--datagrid .c4p--datagrid__col-resizer-range:focus::after {
|
21613
|
+
.c4p--datagrid .c4p--datagrid__col-resizer-range:focus + .c4p--datagrid__col-resize-indicator::after {
|
21593
21614
|
position: absolute;
|
21594
21615
|
/* stylelint-disable-next-line carbon/layout-token-use */
|
21595
|
-
top: var(--c4p--datagrid--row-height);
|
21596
|
-
right: var(--cds-spacing-
|
21616
|
+
top: calc(var(--c4p--datagrid--row-height) - 20px);
|
21617
|
+
right: var(--cds-spacing-02, 0.25rem);
|
21597
21618
|
width: 1px;
|
21598
21619
|
height: calc(var(--c4p--datagrid--grid-height) - var(--c4p--datagrid--row-height));
|
21599
21620
|
background-color: var(--cds-active-ui, #c6c6c6);
|
@@ -21610,6 +21631,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21610
21631
|
background: transparent;
|
21611
21632
|
}
|
21612
21633
|
|
21634
|
+
.c4p--datagrid .c4p--datagrid__col-resizer-range::-moz-range-thumb {
|
21635
|
+
visibility: hidden;
|
21636
|
+
}
|
21637
|
+
|
21613
21638
|
/*
|
21614
21639
|
* Licensed Materials - Property of IBM
|
21615
21640
|
* 5724-Q36
|
@@ -21939,8 +21964,14 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21939
21964
|
* US Government Users Restricted Rights - Use, duplication or disclosure
|
21940
21965
|
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
21941
21966
|
*/
|
21967
|
+
.c4p--datagrid__row-size {
|
21968
|
+
position: relative;
|
21969
|
+
}
|
21970
|
+
|
21942
21971
|
.c4p--datagrid__row-size-dropdown {
|
21943
21972
|
position: absolute;
|
21973
|
+
right: 0;
|
21974
|
+
width: 10rem;
|
21944
21975
|
padding: var(--cds-spacing-05, 1rem);
|
21945
21976
|
background-color: var(--cds-ui-background, #ffffff);
|
21946
21977
|
box-shadow: 1px 4px 8px -3px var(--cds-overlay-01, rgba(22, 22, 22, 0.5)), -1px 6px 8px -5px var(--cds-overlay-01, rgba(22, 22, 22, 0.5));
|
@@ -24278,22 +24309,32 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
24278
24309
|
padding-right: 0.1875rem;
|
24279
24310
|
border-width: 0.0625rem;
|
24280
24311
|
border-style: solid;
|
24312
|
+
border-color: var(--cds-button-tertiary, #0f62fe);
|
24281
24313
|
border-radius: var(--cds-spacing-04, 0.75rem);
|
24282
|
-
white-space: nowrap;
|
24283
|
-
border-color: var(--cds-interactive-03, #0f62fe);
|
24284
24314
|
background-color: transparent;
|
24285
|
-
color: var(--cds-
|
24315
|
+
color: var(--cds-button-tertiary, #0f62fe);
|
24316
|
+
white-space: nowrap;
|
24286
24317
|
}
|
24287
24318
|
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-closed:hover {
|
24288
|
-
|
24319
|
+
border-color: var(--cds-button-tertiary, #0f62fe);
|
24320
|
+
background-color: var(--cds-button-tertiary, #0f62fe);
|
24321
|
+
color: var(--cds-text-inverse, #ffffff);
|
24322
|
+
}
|
24323
|
+
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-closed:focus {
|
24324
|
+
border-color: var(--cds-text-inverse, #ffffff);
|
24325
|
+
background-color: var(--cds-button-tertiary, #0f62fe);
|
24326
|
+
box-shadow: 0 0 0 1px var(--cds-text-inverse, #ffffff), 0 0 0 3px var(--cds-button-tertiary, #0f62fe);
|
24327
|
+
color: var(--cds-text-inverse, #ffffff);
|
24328
|
+
}
|
24329
|
+
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-closed:focus-visible {
|
24330
|
+
outline: none;
|
24289
24331
|
}
|
24290
24332
|
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-closed svg {
|
24291
24333
|
margin: 0.0625rem 0 0 0;
|
24292
24334
|
vertical-align: text-top;
|
24293
24335
|
}
|
24294
|
-
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-closed
|
24295
|
-
|
24296
|
-
color: var(--cds-inverse-01, #ffffff);
|
24336
|
+
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-closed + .c4p--non-linear-reading__body {
|
24337
|
+
display: none;
|
24297
24338
|
}
|
24298
24339
|
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-open {
|
24299
24340
|
height: 1.25rem;
|
@@ -24301,25 +24342,46 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
24301
24342
|
padding-right: 0.1875rem;
|
24302
24343
|
border-width: 0.0625rem;
|
24303
24344
|
border-style: solid;
|
24345
|
+
border-color: var(--cds-button-tertiary, #0f62fe);
|
24304
24346
|
border-radius: var(--cds-spacing-04, 0.75rem);
|
24347
|
+
background-color: transparent;
|
24348
|
+
color: var(--cds-button-tertiary, #0f62fe);
|
24305
24349
|
white-space: nowrap;
|
24306
|
-
border-color: var(--cds-
|
24307
|
-
background-color: var(--cds-
|
24308
|
-
color: var(--cds-inverse
|
24350
|
+
border-color: var(--cds-button-tertiary, #0f62fe);
|
24351
|
+
background-color: var(--cds-button-tertiary, #0f62fe);
|
24352
|
+
color: var(--cds-text-inverse, #ffffff);
|
24309
24353
|
}
|
24310
24354
|
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-open:hover {
|
24311
|
-
|
24355
|
+
border-color: var(--cds-button-tertiary, #0f62fe);
|
24356
|
+
background-color: var(--cds-button-tertiary, #0f62fe);
|
24357
|
+
color: var(--cds-text-inverse, #ffffff);
|
24358
|
+
}
|
24359
|
+
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-open:focus {
|
24360
|
+
border-color: var(--cds-text-inverse, #ffffff);
|
24361
|
+
background-color: var(--cds-button-tertiary, #0f62fe);
|
24362
|
+
box-shadow: 0 0 0 1px var(--cds-text-inverse, #ffffff), 0 0 0 3px var(--cds-button-tertiary, #0f62fe);
|
24363
|
+
color: var(--cds-text-inverse, #ffffff);
|
24364
|
+
}
|
24365
|
+
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-open:focus-visible {
|
24366
|
+
outline: none;
|
24312
24367
|
}
|
24313
24368
|
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-open svg {
|
24314
24369
|
margin: 0.0625rem 0 0 0;
|
24315
24370
|
vertical-align: text-top;
|
24316
24371
|
}
|
24317
|
-
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-open svg {
|
24318
|
-
transform: rotate(180deg);
|
24319
|
-
}
|
24320
24372
|
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-open:hover {
|
24373
|
+
border-color: var(--cds-button-tertiary, #0f62fe);
|
24321
24374
|
background-color: transparent;
|
24322
|
-
color: var(--cds-
|
24375
|
+
color: var(--cds-button-tertiary, #0f62fe);
|
24376
|
+
}
|
24377
|
+
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-open:focus {
|
24378
|
+
border-color: var(--cds-text-inverse, #ffffff);
|
24379
|
+
background-color: transparent;
|
24380
|
+
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);
|
24381
|
+
color: var(--cds-button-tertiary, #0f62fe);
|
24382
|
+
}
|
24383
|
+
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-open svg {
|
24384
|
+
transform: rotate(180deg);
|
24323
24385
|
}
|
24324
24386
|
.c4p--non-linear-reading__light .c4p--non-linear-reading__body {
|
24325
24387
|
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
@@ -24328,14 +24390,17 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
24328
24390
|
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
24329
24391
|
display: block;
|
24330
24392
|
padding: var(--cds-spacing-03, 0.5rem) var(--cds-spacing-04, 0.75rem);
|
24331
|
-
border-left
|
24332
|
-
border-left-style: solid;
|
24393
|
+
border-left: 0.078125rem solid var(--cds-text-01, #161616);
|
24333
24394
|
margin: var(--cds-spacing-02, 0.25rem) 0;
|
24334
24395
|
animation: fade 600ms;
|
24335
|
-
|
24396
|
+
}
|
24397
|
+
@media (prefers-reduced-motion: reduce) {
|
24398
|
+
.c4p--non-linear-reading__light .c4p--non-linear-reading__body {
|
24399
|
+
animation: none;
|
24400
|
+
}
|
24336
24401
|
}
|
24337
24402
|
|
24338
|
-
.c4p--non-linear-reading__dark
|
24403
|
+
.c4p--non-linear-reading__dark {
|
24339
24404
|
--cds-interactive-01: #0f62fe;
|
24340
24405
|
--cds-interactive-02: #6f6f6f;
|
24341
24406
|
--cds-interactive-03: #ffffff;
|
@@ -24756,908 +24821,104 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
24756
24821
|
--cds-size-2XLarge: 5rem;
|
24757
24822
|
--cds-icon-size-01: 1rem;
|
24758
24823
|
--cds-icon-size-02: 1.25rem;
|
24824
|
+
}
|
24825
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-closed {
|
24759
24826
|
height: 1.25rem;
|
24760
24827
|
padding-top: 0;
|
24761
24828
|
padding-right: 0.1875rem;
|
24762
24829
|
border-width: 0.0625rem;
|
24763
24830
|
border-style: solid;
|
24831
|
+
border-color: var(--cds-button-tertiary, #0f62fe);
|
24764
24832
|
border-radius: var(--cds-spacing-04, 0.75rem);
|
24765
|
-
white-space: nowrap;
|
24766
|
-
border-color: var(--cds-icon-03, #ffffff);
|
24767
24833
|
background-color: transparent;
|
24768
|
-
color: var(--cds-
|
24834
|
+
color: var(--cds-button-tertiary, #0f62fe);
|
24835
|
+
white-space: nowrap;
|
24769
24836
|
}
|
24770
24837
|
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-closed:hover {
|
24771
|
-
|
24838
|
+
border-color: var(--cds-button-tertiary, #0f62fe);
|
24839
|
+
background-color: var(--cds-button-tertiary, #0f62fe);
|
24840
|
+
color: var(--cds-text-inverse, #ffffff);
|
24841
|
+
}
|
24842
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-closed:focus {
|
24843
|
+
border-color: var(--cds-text-inverse, #ffffff);
|
24844
|
+
background-color: var(--cds-button-tertiary, #0f62fe);
|
24845
|
+
box-shadow: 0 0 0 1px var(--cds-text-inverse, #ffffff), 0 0 0 3px var(--cds-button-tertiary, #0f62fe);
|
24846
|
+
color: var(--cds-text-inverse, #ffffff);
|
24847
|
+
}
|
24848
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-closed:focus-visible {
|
24849
|
+
outline: none;
|
24772
24850
|
}
|
24773
24851
|
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-closed svg {
|
24774
24852
|
margin: 0.0625rem 0 0 0;
|
24775
24853
|
vertical-align: text-top;
|
24776
24854
|
}
|
24777
|
-
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-closed
|
24778
|
-
|
24779
|
-
color: var(--cds-inverse-01, #ffffff);
|
24855
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-closed + .c4p--non-linear-reading__body {
|
24856
|
+
display: none;
|
24780
24857
|
}
|
24781
24858
|
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open {
|
24782
|
-
|
24783
|
-
|
24784
|
-
|
24785
|
-
|
24786
|
-
|
24787
|
-
--cds-
|
24788
|
-
--cds-
|
24789
|
-
|
24790
|
-
--cds-
|
24791
|
-
|
24792
|
-
--cds-
|
24793
|
-
--cds-
|
24794
|
-
--cds-text-
|
24795
|
-
|
24796
|
-
|
24797
|
-
--cds-
|
24798
|
-
--cds-
|
24799
|
-
--cds-
|
24800
|
-
|
24801
|
-
|
24802
|
-
--cds-
|
24803
|
-
--cds-
|
24804
|
-
--cds-
|
24805
|
-
--cds-
|
24806
|
-
|
24807
|
-
|
24808
|
-
|
24809
|
-
|
24810
|
-
|
24811
|
-
|
24812
|
-
|
24813
|
-
|
24814
|
-
|
24815
|
-
--cds-
|
24816
|
-
|
24817
|
-
--cds-
|
24818
|
-
|
24819
|
-
|
24820
|
-
--cds-inverse
|
24821
|
-
|
24822
|
-
--cds-
|
24823
|
-
--cds-
|
24824
|
-
|
24825
|
-
|
24826
|
-
|
24827
|
-
|
24828
|
-
|
24829
|
-
--cds-hover-light-ui: #4c4c4c;
|
24830
|
-
--cds-hover-selected-ui: #4c4c4c;
|
24831
|
-
--cds-active-ui: #525252;
|
24832
|
-
--cds-active-light-ui: #6f6f6f;
|
24833
|
-
--cds-selected-ui: #393939;
|
24834
|
-
--cds-selected-light-ui: #525252;
|
24835
|
-
--cds-inverse-hover-ui: #e5e5e5;
|
24836
|
-
--cds-hover-danger: #b81921;
|
24837
|
-
--cds-active-danger: #750e13;
|
24838
|
-
--cds-hover-row: #353535;
|
24839
|
-
--cds-visited-link: #be95ff;
|
24840
|
-
--cds-disabled-01: #262626;
|
24841
|
-
--cds-disabled-02: #525252;
|
24842
|
-
--cds-disabled-03: #8d8d8d;
|
24843
|
-
--cds-highlight: #002d9c;
|
24844
|
-
--cds-decorative-01: #525252;
|
24845
|
-
--cds-button-separator: #161616;
|
24846
|
-
--cds-skeleton-01: #353535;
|
24847
|
-
--cds-skeleton-02: #525252;
|
24848
|
-
--cds-background: #161616;
|
24849
|
-
--cds-layer: #262626;
|
24850
|
-
--cds-layer-accent: #393939;
|
24851
|
-
--cds-layer-accent-hover: #474747;
|
24852
|
-
--cds-layer-accent-active: #6f6f6f;
|
24853
|
-
--cds-field: #262626;
|
24854
|
-
--cds-background-inverse: #f4f4f4;
|
24855
|
-
--cds-background-brand: #0f62fe;
|
24856
|
-
--cds-interactive: #4589ff;
|
24857
|
-
--cds-border-subtle: #393939;
|
24858
|
-
--cds-border-strong: #6f6f6f;
|
24859
|
-
--cds-border-inverse: #f4f4f4;
|
24860
|
-
--cds-border-interactive: #4589ff;
|
24861
|
-
--cds-text-primary: #f4f4f4;
|
24862
|
-
--cds-text-secondary: #c6c6c6;
|
24863
|
-
--cds-text-placeholder: #6f6f6f;
|
24864
|
-
--cds-text-helper: #8d8d8d;
|
24865
|
-
--cds-text-on-color: #ffffff;
|
24866
|
-
--cds-text-inverse: #161616;
|
24867
|
-
--cds-link-primary: #78a9ff;
|
24868
|
-
--cds-link-secondary: #a6c8ff;
|
24869
|
-
--cds-link-visited: #be95ff;
|
24870
|
-
--cds-link-inverse: #0f62fe;
|
24871
|
-
--cds-icon-primary: #f4f4f4;
|
24872
|
-
--cds-icon-secondary: #c6c6c6;
|
24873
|
-
--cds-icon-on-color: #ffffff;
|
24874
|
-
--cds-icon-inverse: #161616;
|
24875
|
-
--cds-support-error: #fa4d56;
|
24876
|
-
--cds-support-success: #42be65;
|
24877
|
-
--cds-support-warning: #f1c21b;
|
24878
|
-
--cds-support-info: #4589ff;
|
24879
|
-
--cds-support-error-inverse: #da1e28;
|
24880
|
-
--cds-support-success-inverse: #24a148;
|
24881
|
-
--cds-support-warning-inverse: #f1c21b;
|
24882
|
-
--cds-support-info-inverse: #0f62fe;
|
24883
|
-
--cds-overlay: rgba(0, 0, 0, 0.65);
|
24884
|
-
--cds-toggle-off: #6f6f6f;
|
24885
|
-
--cds-shadow: rgba(0, 0, 0, 0.8);
|
24886
|
-
--cds-button-primary: #0f62fe;
|
24887
|
-
--cds-button-secondary: #6f6f6f;
|
24888
|
-
--cds-button-tertiary: #ffffff;
|
24889
|
-
--cds-button-danger-primary: #da1e28;
|
24890
|
-
--cds-button-danger-secondary: #fa4d56;
|
24891
|
-
--cds-background-active: #525252;
|
24892
|
-
--cds-layer-active: #525252;
|
24893
|
-
--cds-button-danger-active: #750e13;
|
24894
|
-
--cds-button-primary-active: #002d9c;
|
24895
|
-
--cds-button-secondary-active: #393939;
|
24896
|
-
--cds-button-tertiary-active: #c6c6c6;
|
24897
|
-
--cds-focus-inset: #161616;
|
24898
|
-
--cds-focus-inverse: #0f62fe;
|
24899
|
-
--cds-background-hover: #353535;
|
24900
|
-
--cds-layer-hover: #353535;
|
24901
|
-
--cds-field-hover: #353535;
|
24902
|
-
--cds-background-inverse-hover: #e5e5e5;
|
24903
|
-
--cds-link-primary-hover: #a6c8ff;
|
24904
|
-
--cds-button-danger-hover: #b81921;
|
24905
|
-
--cds-button-primary-hover: #0353e9;
|
24906
|
-
--cds-button-secondary-hover: #606060;
|
24907
|
-
--cds-button-tertiary-hover: #f4f4f4;
|
24908
|
-
--cds-background-selected: #393939;
|
24909
|
-
--cds-background-selected-hover: #4c4c4c;
|
24910
|
-
--cds-layer-selected: #393939;
|
24911
|
-
--cds-layer-selected-hover: #4c4c4c;
|
24912
|
-
--cds-layer-selected-inverse: #f4f4f4;
|
24913
|
-
--cds-border-subtle-selected: #525252;
|
24914
|
-
--cds-border-disabled: #262626;
|
24915
|
-
--cds-text-disabled: #525252;
|
24916
|
-
--cds-button-disabled: #525252;
|
24917
|
-
--cds-icon-disabled: #525252;
|
24918
|
-
--cds-text-on-color-disabled: #8d8d8d;
|
24919
|
-
--cds-icon-on-color-disabled: #8d8d8d;
|
24920
|
-
--cds-layer-selected-disabled: #8d8d8d;
|
24921
|
-
--cds-skeleton-background: #353535;
|
24922
|
-
--cds-skeleton-element: #525252;
|
24923
|
-
--cds-brand-01: #0f62fe;
|
24924
|
-
--cds-brand-02: #6f6f6f;
|
24925
|
-
--cds-brand-03: #ffffff;
|
24926
|
-
--cds-active-01: #525252;
|
24927
|
-
--cds-hover-field: #353535;
|
24928
|
-
--cds-danger: #da1e28;
|
24929
|
-
--cds-caption-01-font-size: 0.75rem;
|
24930
|
-
--cds-caption-01-font-weight: 400;
|
24931
|
-
--cds-caption-01-line-height: 1.33333;
|
24932
|
-
--cds-caption-01-letter-spacing: 0.32px;
|
24933
|
-
--cds-caption-02-font-size: 0.875rem;
|
24934
|
-
--cds-caption-02-font-weight: 400;
|
24935
|
-
--cds-caption-02-line-height: 1.28572;
|
24936
|
-
--cds-caption-02-letter-spacing: 0.32px;
|
24937
|
-
--cds-label-01-font-size: 0.75rem;
|
24938
|
-
--cds-label-01-font-weight: 400;
|
24939
|
-
--cds-label-01-line-height: 1.33333;
|
24940
|
-
--cds-label-01-letter-spacing: 0.32px;
|
24941
|
-
--cds-label-02-font-size: 0.875rem;
|
24942
|
-
--cds-label-02-font-weight: 400;
|
24943
|
-
--cds-label-02-line-height: 1.28572;
|
24944
|
-
--cds-label-02-letter-spacing: 0.16px;
|
24945
|
-
--cds-helper-text-01-font-size: 0.75rem;
|
24946
|
-
--cds-helper-text-01-line-height: 1.33333;
|
24947
|
-
--cds-helper-text-01-letter-spacing: 0.32px;
|
24948
|
-
--cds-helper-text-02-font-size: 0.875rem;
|
24949
|
-
--cds-helper-text-02-line-height: 1.28572;
|
24950
|
-
--cds-helper-text-02-letter-spacing: 0.16px;
|
24951
|
-
--cds-body-short-01-font-size: 0.875rem;
|
24952
|
-
--cds-body-short-01-font-weight: 400;
|
24953
|
-
--cds-body-short-01-line-height: 1.28572;
|
24954
|
-
--cds-body-short-01-letter-spacing: 0.16px;
|
24955
|
-
--cds-body-long-01-font-size: 0.875rem;
|
24956
|
-
--cds-body-long-01-font-weight: 400;
|
24957
|
-
--cds-body-long-01-line-height: 1.42857;
|
24958
|
-
--cds-body-long-01-letter-spacing: 0.16px;
|
24959
|
-
--cds-body-short-02-font-size: 1rem;
|
24960
|
-
--cds-body-short-02-font-weight: 400;
|
24961
|
-
--cds-body-short-02-line-height: 1.375;
|
24962
|
-
--cds-body-short-02-letter-spacing: 0;
|
24963
|
-
--cds-body-long-02-font-size: 1rem;
|
24964
|
-
--cds-body-long-02-font-weight: 400;
|
24965
|
-
--cds-body-long-02-line-height: 1.5;
|
24966
|
-
--cds-body-long-02-letter-spacing: 0;
|
24967
|
-
--cds-code-01-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
|
24968
|
-
--cds-code-01-font-size: 0.75rem;
|
24969
|
-
--cds-code-01-font-weight: 400;
|
24970
|
-
--cds-code-01-line-height: 1.33333;
|
24971
|
-
--cds-code-01-letter-spacing: 0.32px;
|
24972
|
-
--cds-code-02-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
|
24973
|
-
--cds-code-02-font-size: 0.875rem;
|
24974
|
-
--cds-code-02-font-weight: 400;
|
24975
|
-
--cds-code-02-line-height: 1.42857;
|
24976
|
-
--cds-code-02-letter-spacing: 0.32px;
|
24977
|
-
--cds-heading-01-font-size: 0.875rem;
|
24978
|
-
--cds-heading-01-font-weight: 600;
|
24979
|
-
--cds-heading-01-line-height: 1.42857;
|
24980
|
-
--cds-heading-01-letter-spacing: 0.16px;
|
24981
|
-
--cds-productive-heading-01-font-size: 0.875rem;
|
24982
|
-
--cds-productive-heading-01-font-weight: 600;
|
24983
|
-
--cds-productive-heading-01-line-height: 1.28572;
|
24984
|
-
--cds-productive-heading-01-letter-spacing: 0.16px;
|
24985
|
-
--cds-heading-02-font-size: 1rem;
|
24986
|
-
--cds-heading-02-font-weight: 600;
|
24987
|
-
--cds-heading-02-line-height: 1.5;
|
24988
|
-
--cds-heading-02-letter-spacing: 0;
|
24989
|
-
--cds-productive-heading-02-font-size: 1rem;
|
24990
|
-
--cds-productive-heading-02-font-weight: 600;
|
24991
|
-
--cds-productive-heading-02-line-height: 1.375;
|
24992
|
-
--cds-productive-heading-02-letter-spacing: 0;
|
24993
|
-
--cds-productive-heading-03-font-size: 1.25rem;
|
24994
|
-
--cds-productive-heading-03-font-weight: 400;
|
24995
|
-
--cds-productive-heading-03-line-height: 1.4;
|
24996
|
-
--cds-productive-heading-03-letter-spacing: 0;
|
24997
|
-
--cds-productive-heading-04-font-size: 1.75rem;
|
24998
|
-
--cds-productive-heading-04-font-weight: 400;
|
24999
|
-
--cds-productive-heading-04-line-height: 1.28572;
|
25000
|
-
--cds-productive-heading-04-letter-spacing: 0;
|
25001
|
-
--cds-productive-heading-05-font-size: 2rem;
|
25002
|
-
--cds-productive-heading-05-font-weight: 400;
|
25003
|
-
--cds-productive-heading-05-line-height: 1.25;
|
25004
|
-
--cds-productive-heading-05-letter-spacing: 0;
|
25005
|
-
--cds-productive-heading-06-font-size: 2.625rem;
|
25006
|
-
--cds-productive-heading-06-font-weight: 300;
|
25007
|
-
--cds-productive-heading-06-line-height: 1.199;
|
25008
|
-
--cds-productive-heading-06-letter-spacing: 0;
|
25009
|
-
--cds-productive-heading-07-font-size: 3.375rem;
|
25010
|
-
--cds-productive-heading-07-font-weight: 300;
|
25011
|
-
--cds-productive-heading-07-line-height: 1.199;
|
25012
|
-
--cds-productive-heading-07-letter-spacing: 0;
|
25013
|
-
--cds-expressive-heading-01-font-size: 0.875rem;
|
25014
|
-
--cds-expressive-heading-01-font-weight: 600;
|
25015
|
-
--cds-expressive-heading-01-line-height: 1.25;
|
25016
|
-
--cds-expressive-heading-01-letter-spacing: 0.16px;
|
25017
|
-
--cds-expressive-heading-02-font-size: 1rem;
|
25018
|
-
--cds-expressive-heading-02-font-weight: 600;
|
25019
|
-
--cds-expressive-heading-02-line-height: 1.5;
|
25020
|
-
--cds-expressive-heading-02-letter-spacing: 0;
|
25021
|
-
--cds-expressive-heading-03-font-size: 1.25rem;
|
25022
|
-
--cds-expressive-heading-03-font-weight: 400;
|
25023
|
-
--cds-expressive-heading-03-line-height: 1.4;
|
25024
|
-
--cds-expressive-heading-03-letter-spacing: 0;
|
25025
|
-
--cds-expressive-heading-04-font-size: 1.75rem;
|
25026
|
-
--cds-expressive-heading-04-font-weight: 400;
|
25027
|
-
--cds-expressive-heading-04-line-height: 1.28572;
|
25028
|
-
--cds-expressive-heading-04-letter-spacing: 0;
|
25029
|
-
--cds-expressive-heading-05-font-size: 2rem;
|
25030
|
-
--cds-expressive-heading-05-font-weight: 400;
|
25031
|
-
--cds-expressive-heading-05-line-height: 1.25;
|
25032
|
-
--cds-expressive-heading-05-letter-spacing: 0;
|
25033
|
-
--cds-expressive-heading-06-font-size: 2rem;
|
25034
|
-
--cds-expressive-heading-06-font-weight: 600;
|
25035
|
-
--cds-expressive-heading-06-line-height: 1.25;
|
25036
|
-
--cds-expressive-heading-06-letter-spacing: 0;
|
25037
|
-
--cds-expressive-paragraph-01-font-size: 1.5rem;
|
25038
|
-
--cds-expressive-paragraph-01-font-weight: 300;
|
25039
|
-
--cds-expressive-paragraph-01-line-height: 1.334;
|
25040
|
-
--cds-expressive-paragraph-01-letter-spacing: 0;
|
25041
|
-
--cds-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
25042
|
-
--cds-quotation-01-font-size: 1.25rem;
|
25043
|
-
--cds-quotation-01-font-weight: 400;
|
25044
|
-
--cds-quotation-01-line-height: 1.3;
|
25045
|
-
--cds-quotation-01-letter-spacing: 0;
|
25046
|
-
--cds-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
25047
|
-
--cds-quotation-02-font-size: 2rem;
|
25048
|
-
--cds-quotation-02-font-weight: 300;
|
25049
|
-
--cds-quotation-02-line-height: 1.25;
|
25050
|
-
--cds-quotation-02-letter-spacing: 0;
|
25051
|
-
--cds-display-01-font-size: 2.625rem;
|
25052
|
-
--cds-display-01-font-weight: 300;
|
25053
|
-
--cds-display-01-line-height: 1.19;
|
25054
|
-
--cds-display-01-letter-spacing: 0;
|
25055
|
-
--cds-display-02-font-size: 2.625rem;
|
25056
|
-
--cds-display-02-font-weight: 600;
|
25057
|
-
--cds-display-02-line-height: 1.19;
|
25058
|
-
--cds-display-02-letter-spacing: 0;
|
25059
|
-
--cds-display-03-font-size: 2.625rem;
|
25060
|
-
--cds-display-03-font-weight: 300;
|
25061
|
-
--cds-display-03-line-height: 1.19;
|
25062
|
-
--cds-display-03-letter-spacing: 0;
|
25063
|
-
--cds-display-04-font-size: 2.625rem;
|
25064
|
-
--cds-display-04-font-weight: 300;
|
25065
|
-
--cds-display-04-line-height: 1.19;
|
25066
|
-
--cds-display-04-letter-spacing: 0;
|
25067
|
-
--cds-legal-01-font-size: 0.75rem;
|
25068
|
-
--cds-legal-01-font-weight: 400;
|
25069
|
-
--cds-legal-01-line-height: 1.33333;
|
25070
|
-
--cds-legal-01-letter-spacing: 0.32px;
|
25071
|
-
--cds-legal-02-font-size: 0.875rem;
|
25072
|
-
--cds-legal-02-font-weight: 400;
|
25073
|
-
--cds-legal-02-line-height: 1.28572;
|
25074
|
-
--cds-legal-02-letter-spacing: 0.16px;
|
25075
|
-
--cds-body-compact-01-font-size: 0.875rem;
|
25076
|
-
--cds-body-compact-01-font-weight: 400;
|
25077
|
-
--cds-body-compact-01-line-height: 1.28572;
|
25078
|
-
--cds-body-compact-01-letter-spacing: 0.16px;
|
25079
|
-
--cds-body-compact-02-font-size: 1rem;
|
25080
|
-
--cds-body-compact-02-font-weight: 400;
|
25081
|
-
--cds-body-compact-02-line-height: 1.375;
|
25082
|
-
--cds-body-compact-02-letter-spacing: 0;
|
25083
|
-
--cds-body-01-font-size: 0.875rem;
|
25084
|
-
--cds-body-01-font-weight: 400;
|
25085
|
-
--cds-body-01-line-height: 1.42857;
|
25086
|
-
--cds-body-01-letter-spacing: 0.16px;
|
25087
|
-
--cds-body-02-font-size: 1rem;
|
25088
|
-
--cds-body-02-font-weight: 400;
|
25089
|
-
--cds-body-02-line-height: 1.5;
|
25090
|
-
--cds-body-02-letter-spacing: 0;
|
25091
|
-
--cds-heading-compact-01-font-size: 0.875rem;
|
25092
|
-
--cds-heading-compact-01-font-weight: 600;
|
25093
|
-
--cds-heading-compact-01-line-height: 1.28572;
|
25094
|
-
--cds-heading-compact-01-letter-spacing: 0.16px;
|
25095
|
-
--cds-heading-compact-02-font-size: 1rem;
|
25096
|
-
--cds-heading-compact-02-font-weight: 600;
|
25097
|
-
--cds-heading-compact-02-line-height: 1.375;
|
25098
|
-
--cds-heading-compact-02-letter-spacing: 0;
|
25099
|
-
--cds-heading-03-font-size: 1.25rem;
|
25100
|
-
--cds-heading-03-font-weight: 400;
|
25101
|
-
--cds-heading-03-line-height: 1.4;
|
25102
|
-
--cds-heading-03-letter-spacing: 0;
|
25103
|
-
--cds-heading-04-font-size: 1.75rem;
|
25104
|
-
--cds-heading-04-font-weight: 400;
|
25105
|
-
--cds-heading-04-line-height: 1.28572;
|
25106
|
-
--cds-heading-04-letter-spacing: 0;
|
25107
|
-
--cds-heading-05-font-size: 2rem;
|
25108
|
-
--cds-heading-05-font-weight: 400;
|
25109
|
-
--cds-heading-05-line-height: 1.25;
|
25110
|
-
--cds-heading-05-letter-spacing: 0;
|
25111
|
-
--cds-heading-06-font-size: 2.625rem;
|
25112
|
-
--cds-heading-06-font-weight: 300;
|
25113
|
-
--cds-heading-06-line-height: 1.199;
|
25114
|
-
--cds-heading-06-letter-spacing: 0;
|
25115
|
-
--cds-heading-07-font-size: 3.375rem;
|
25116
|
-
--cds-heading-07-font-weight: 300;
|
25117
|
-
--cds-heading-07-line-height: 1.199;
|
25118
|
-
--cds-heading-07-letter-spacing: 0;
|
25119
|
-
--cds-fluid-heading-03-font-size: 1.25rem;
|
25120
|
-
--cds-fluid-heading-03-font-weight: 400;
|
25121
|
-
--cds-fluid-heading-03-line-height: 1.4;
|
25122
|
-
--cds-fluid-heading-03-letter-spacing: 0;
|
25123
|
-
--cds-fluid-heading-04-font-size: 1.75rem;
|
25124
|
-
--cds-fluid-heading-04-font-weight: 400;
|
25125
|
-
--cds-fluid-heading-04-line-height: 1.28572;
|
25126
|
-
--cds-fluid-heading-04-letter-spacing: 0;
|
25127
|
-
--cds-fluid-heading-05-font-size: 2rem;
|
25128
|
-
--cds-fluid-heading-05-font-weight: 400;
|
25129
|
-
--cds-fluid-heading-05-line-height: 1.25;
|
25130
|
-
--cds-fluid-heading-05-letter-spacing: 0;
|
25131
|
-
--cds-fluid-heading-06-font-size: 2rem;
|
25132
|
-
--cds-fluid-heading-06-font-weight: 600;
|
25133
|
-
--cds-fluid-heading-06-line-height: 1.25;
|
25134
|
-
--cds-fluid-heading-06-letter-spacing: 0;
|
25135
|
-
--cds-fluid-paragraph-01-font-size: 1.5rem;
|
25136
|
-
--cds-fluid-paragraph-01-font-weight: 300;
|
25137
|
-
--cds-fluid-paragraph-01-line-height: 1.334;
|
25138
|
-
--cds-fluid-paragraph-01-letter-spacing: 0;
|
25139
|
-
--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
25140
|
-
--cds-fluid-quotation-01-font-size: 1.25rem;
|
25141
|
-
--cds-fluid-quotation-01-font-weight: 400;
|
25142
|
-
--cds-fluid-quotation-01-line-height: 1.3;
|
25143
|
-
--cds-fluid-quotation-01-letter-spacing: 0;
|
25144
|
-
--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
25145
|
-
--cds-fluid-quotation-02-font-size: 2rem;
|
25146
|
-
--cds-fluid-quotation-02-font-weight: 300;
|
25147
|
-
--cds-fluid-quotation-02-line-height: 1.25;
|
25148
|
-
--cds-fluid-quotation-02-letter-spacing: 0;
|
25149
|
-
--cds-fluid-display-01-font-size: 2.625rem;
|
25150
|
-
--cds-fluid-display-01-font-weight: 300;
|
25151
|
-
--cds-fluid-display-01-line-height: 1.19;
|
25152
|
-
--cds-fluid-display-01-letter-spacing: 0;
|
25153
|
-
--cds-fluid-display-02-font-size: 2.625rem;
|
25154
|
-
--cds-fluid-display-02-font-weight: 600;
|
25155
|
-
--cds-fluid-display-02-line-height: 1.19;
|
25156
|
-
--cds-fluid-display-02-letter-spacing: 0;
|
25157
|
-
--cds-fluid-display-03-font-size: 2.625rem;
|
25158
|
-
--cds-fluid-display-03-font-weight: 300;
|
25159
|
-
--cds-fluid-display-03-line-height: 1.19;
|
25160
|
-
--cds-fluid-display-03-letter-spacing: 0;
|
25161
|
-
--cds-fluid-display-04-font-size: 2.625rem;
|
25162
|
-
--cds-fluid-display-04-font-weight: 300;
|
25163
|
-
--cds-fluid-display-04-line-height: 1.19;
|
25164
|
-
--cds-fluid-display-04-letter-spacing: 0;
|
25165
|
-
--cds-spacing-01: 0.125rem;
|
25166
|
-
--cds-spacing-02: 0.25rem;
|
25167
|
-
--cds-spacing-03: 0.5rem;
|
25168
|
-
--cds-spacing-04: 0.75rem;
|
25169
|
-
--cds-spacing-05: 1rem;
|
25170
|
-
--cds-spacing-06: 1.5rem;
|
25171
|
-
--cds-spacing-07: 2rem;
|
25172
|
-
--cds-spacing-08: 2.5rem;
|
25173
|
-
--cds-spacing-09: 3rem;
|
25174
|
-
--cds-spacing-10: 4rem;
|
25175
|
-
--cds-spacing-11: 5rem;
|
25176
|
-
--cds-spacing-12: 6rem;
|
25177
|
-
--cds-spacing-13: 10rem;
|
25178
|
-
--cds-fluid-spacing-01: 0;
|
25179
|
-
--cds-fluid-spacing-02: 2vw;
|
25180
|
-
--cds-fluid-spacing-03: 5vw;
|
25181
|
-
--cds-fluid-spacing-04: 10vw;
|
25182
|
-
--cds-layout-01: 1rem;
|
25183
|
-
--cds-layout-02: 1.5rem;
|
25184
|
-
--cds-layout-03: 2rem;
|
25185
|
-
--cds-layout-04: 3rem;
|
25186
|
-
--cds-layout-05: 4rem;
|
25187
|
-
--cds-layout-06: 6rem;
|
25188
|
-
--cds-layout-07: 10rem;
|
25189
|
-
--cds-container-01: 1.5rem;
|
25190
|
-
--cds-container-02: 2rem;
|
25191
|
-
--cds-container-03: 2.5rem;
|
25192
|
-
--cds-container-04: 3rem;
|
25193
|
-
--cds-container-05: 4rem;
|
25194
|
-
--cds-size-xsmall: 1.5rem;
|
25195
|
-
--cds-size-small: 2rem;
|
25196
|
-
--cds-size-medium: 2.5rem;
|
25197
|
-
--cds-size-large: 3rem;
|
25198
|
-
--cds-size-xlarge: 4rem;
|
25199
|
-
--cds-size-2XLarge: 5rem;
|
25200
|
-
--cds-icon-size-01: 1rem;
|
25201
|
-
--cds-icon-size-02: 1.25rem;
|
25202
|
-
height: 1.25rem;
|
25203
|
-
padding-top: 0;
|
25204
|
-
padding-right: 0.1875rem;
|
25205
|
-
border-width: 0.0625rem;
|
25206
|
-
border-style: solid;
|
25207
|
-
border-radius: var(--cds-spacing-04, 0.75rem);
|
25208
|
-
white-space: nowrap;
|
25209
|
-
border-color: var(--cds-icon-03, #ffffff);
|
25210
|
-
background-color: var(--cds-icon-03, #ffffff);
|
25211
|
-
color: var(--cds-inverse-01, #ffffff);
|
25212
|
-
}
|
25213
|
-
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open:hover {
|
25214
|
-
cursor: pointer;
|
25215
|
-
}
|
25216
|
-
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open svg {
|
25217
|
-
margin: 0.0625rem 0 0 0;
|
25218
|
-
vertical-align: text-top;
|
25219
|
-
}
|
25220
|
-
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open svg {
|
25221
|
-
transform: rotate(180deg);
|
25222
|
-
}
|
25223
|
-
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open:hover {
|
25224
|
-
background-color: transparent;
|
25225
|
-
color: var(--cds-text-01, #161616);
|
25226
|
-
}
|
25227
|
-
.c4p--non-linear-reading__dark .c4p--non-linear-reading__body {
|
25228
|
-
--cds-interactive-01: #0f62fe;
|
25229
|
-
--cds-interactive-02: #6f6f6f;
|
25230
|
-
--cds-interactive-03: #ffffff;
|
25231
|
-
--cds-interactive-04: #4589ff;
|
25232
|
-
--cds-ui-background: #161616;
|
25233
|
-
--cds-ui-01: #262626;
|
25234
|
-
--cds-ui-02: #393939;
|
25235
|
-
--cds-ui-03: #393939;
|
25236
|
-
--cds-ui-04: #6f6f6f;
|
25237
|
-
--cds-ui-05: #f4f4f4;
|
25238
|
-
--cds-text-01: #f4f4f4;
|
25239
|
-
--cds-text-02: #c6c6c6;
|
25240
|
-
--cds-text-03: #6f6f6f;
|
25241
|
-
--cds-text-04: #ffffff;
|
25242
|
-
--cds-text-05: #8d8d8d;
|
25243
|
-
--cds-text-error: #ff8389;
|
25244
|
-
--cds-icon-01: #f4f4f4;
|
25245
|
-
--cds-icon-02: #c6c6c6;
|
25246
|
-
--cds-icon-03: #ffffff;
|
25247
|
-
--cds-link-01: #78a9ff;
|
25248
|
-
--cds-link-02: #a6c8ff;
|
25249
|
-
--cds-inverse-link: #0f62fe;
|
25250
|
-
--cds-field-01: #262626;
|
25251
|
-
--cds-field-02: #393939;
|
25252
|
-
--cds-inverse-01: #161616;
|
25253
|
-
--cds-inverse-02: #f4f4f4;
|
25254
|
-
--cds-support-01: #fa4d56;
|
25255
|
-
--cds-support-02: #42be65;
|
25256
|
-
--cds-support-03: #f1c21b;
|
25257
|
-
--cds-support-04: #4589ff;
|
25258
|
-
--cds-inverse-support-01: #da1e28;
|
25259
|
-
--cds-inverse-support-02: #24a148;
|
25260
|
-
--cds-inverse-support-03: #f1c21b;
|
25261
|
-
--cds-inverse-support-04: #0f62fe;
|
25262
|
-
--cds-overlay-01: rgba(0, 0, 0, 0.65);
|
25263
|
-
--cds-danger-01: #da1e28;
|
25264
|
-
--cds-danger-02: #fa4d56;
|
25265
|
-
--cds-focus: #ffffff;
|
25266
|
-
--cds-inverse-focus-ui: #0f62fe;
|
25267
|
-
--cds-hover-primary: #0353e9;
|
25268
|
-
--cds-active-primary: #002d9c;
|
25269
|
-
--cds-hover-primary-text: #a6c8ff;
|
25270
|
-
--cds-hover-secondary: #606060;
|
25271
|
-
--cds-active-secondary: #393939;
|
25272
|
-
--cds-hover-tertiary: #f4f4f4;
|
25273
|
-
--cds-active-tertiary: #c6c6c6;
|
25274
|
-
--cds-hover-ui: #353535;
|
25275
|
-
--cds-hover-light-ui: #4c4c4c;
|
25276
|
-
--cds-hover-selected-ui: #4c4c4c;
|
25277
|
-
--cds-active-ui: #525252;
|
25278
|
-
--cds-active-light-ui: #6f6f6f;
|
25279
|
-
--cds-selected-ui: #393939;
|
25280
|
-
--cds-selected-light-ui: #525252;
|
25281
|
-
--cds-inverse-hover-ui: #e5e5e5;
|
25282
|
-
--cds-hover-danger: #b81921;
|
25283
|
-
--cds-active-danger: #750e13;
|
25284
|
-
--cds-hover-row: #353535;
|
25285
|
-
--cds-visited-link: #be95ff;
|
25286
|
-
--cds-disabled-01: #262626;
|
25287
|
-
--cds-disabled-02: #525252;
|
25288
|
-
--cds-disabled-03: #8d8d8d;
|
25289
|
-
--cds-highlight: #002d9c;
|
25290
|
-
--cds-decorative-01: #525252;
|
25291
|
-
--cds-button-separator: #161616;
|
25292
|
-
--cds-skeleton-01: #353535;
|
25293
|
-
--cds-skeleton-02: #525252;
|
25294
|
-
--cds-background: #161616;
|
25295
|
-
--cds-layer: #262626;
|
25296
|
-
--cds-layer-accent: #393939;
|
25297
|
-
--cds-layer-accent-hover: #474747;
|
25298
|
-
--cds-layer-accent-active: #6f6f6f;
|
25299
|
-
--cds-field: #262626;
|
25300
|
-
--cds-background-inverse: #f4f4f4;
|
25301
|
-
--cds-background-brand: #0f62fe;
|
25302
|
-
--cds-interactive: #4589ff;
|
25303
|
-
--cds-border-subtle: #393939;
|
25304
|
-
--cds-border-strong: #6f6f6f;
|
25305
|
-
--cds-border-inverse: #f4f4f4;
|
25306
|
-
--cds-border-interactive: #4589ff;
|
25307
|
-
--cds-text-primary: #f4f4f4;
|
25308
|
-
--cds-text-secondary: #c6c6c6;
|
25309
|
-
--cds-text-placeholder: #6f6f6f;
|
25310
|
-
--cds-text-helper: #8d8d8d;
|
25311
|
-
--cds-text-on-color: #ffffff;
|
25312
|
-
--cds-text-inverse: #161616;
|
25313
|
-
--cds-link-primary: #78a9ff;
|
25314
|
-
--cds-link-secondary: #a6c8ff;
|
25315
|
-
--cds-link-visited: #be95ff;
|
25316
|
-
--cds-link-inverse: #0f62fe;
|
25317
|
-
--cds-icon-primary: #f4f4f4;
|
25318
|
-
--cds-icon-secondary: #c6c6c6;
|
25319
|
-
--cds-icon-on-color: #ffffff;
|
25320
|
-
--cds-icon-inverse: #161616;
|
25321
|
-
--cds-support-error: #fa4d56;
|
25322
|
-
--cds-support-success: #42be65;
|
25323
|
-
--cds-support-warning: #f1c21b;
|
25324
|
-
--cds-support-info: #4589ff;
|
25325
|
-
--cds-support-error-inverse: #da1e28;
|
25326
|
-
--cds-support-success-inverse: #24a148;
|
25327
|
-
--cds-support-warning-inverse: #f1c21b;
|
25328
|
-
--cds-support-info-inverse: #0f62fe;
|
25329
|
-
--cds-overlay: rgba(0, 0, 0, 0.65);
|
25330
|
-
--cds-toggle-off: #6f6f6f;
|
25331
|
-
--cds-shadow: rgba(0, 0, 0, 0.8);
|
25332
|
-
--cds-button-primary: #0f62fe;
|
25333
|
-
--cds-button-secondary: #6f6f6f;
|
25334
|
-
--cds-button-tertiary: #ffffff;
|
25335
|
-
--cds-button-danger-primary: #da1e28;
|
25336
|
-
--cds-button-danger-secondary: #fa4d56;
|
25337
|
-
--cds-background-active: #525252;
|
25338
|
-
--cds-layer-active: #525252;
|
25339
|
-
--cds-button-danger-active: #750e13;
|
25340
|
-
--cds-button-primary-active: #002d9c;
|
25341
|
-
--cds-button-secondary-active: #393939;
|
25342
|
-
--cds-button-tertiary-active: #c6c6c6;
|
25343
|
-
--cds-focus-inset: #161616;
|
25344
|
-
--cds-focus-inverse: #0f62fe;
|
25345
|
-
--cds-background-hover: #353535;
|
25346
|
-
--cds-layer-hover: #353535;
|
25347
|
-
--cds-field-hover: #353535;
|
25348
|
-
--cds-background-inverse-hover: #e5e5e5;
|
25349
|
-
--cds-link-primary-hover: #a6c8ff;
|
25350
|
-
--cds-button-danger-hover: #b81921;
|
25351
|
-
--cds-button-primary-hover: #0353e9;
|
25352
|
-
--cds-button-secondary-hover: #606060;
|
25353
|
-
--cds-button-tertiary-hover: #f4f4f4;
|
25354
|
-
--cds-background-selected: #393939;
|
25355
|
-
--cds-background-selected-hover: #4c4c4c;
|
25356
|
-
--cds-layer-selected: #393939;
|
25357
|
-
--cds-layer-selected-hover: #4c4c4c;
|
25358
|
-
--cds-layer-selected-inverse: #f4f4f4;
|
25359
|
-
--cds-border-subtle-selected: #525252;
|
25360
|
-
--cds-border-disabled: #262626;
|
25361
|
-
--cds-text-disabled: #525252;
|
25362
|
-
--cds-button-disabled: #525252;
|
25363
|
-
--cds-icon-disabled: #525252;
|
25364
|
-
--cds-text-on-color-disabled: #8d8d8d;
|
25365
|
-
--cds-icon-on-color-disabled: #8d8d8d;
|
25366
|
-
--cds-layer-selected-disabled: #8d8d8d;
|
25367
|
-
--cds-skeleton-background: #353535;
|
25368
|
-
--cds-skeleton-element: #525252;
|
25369
|
-
--cds-brand-01: #0f62fe;
|
25370
|
-
--cds-brand-02: #6f6f6f;
|
25371
|
-
--cds-brand-03: #ffffff;
|
25372
|
-
--cds-active-01: #525252;
|
25373
|
-
--cds-hover-field: #353535;
|
25374
|
-
--cds-danger: #da1e28;
|
25375
|
-
--cds-caption-01-font-size: 0.75rem;
|
25376
|
-
--cds-caption-01-font-weight: 400;
|
25377
|
-
--cds-caption-01-line-height: 1.33333;
|
25378
|
-
--cds-caption-01-letter-spacing: 0.32px;
|
25379
|
-
--cds-caption-02-font-size: 0.875rem;
|
25380
|
-
--cds-caption-02-font-weight: 400;
|
25381
|
-
--cds-caption-02-line-height: 1.28572;
|
25382
|
-
--cds-caption-02-letter-spacing: 0.32px;
|
25383
|
-
--cds-label-01-font-size: 0.75rem;
|
25384
|
-
--cds-label-01-font-weight: 400;
|
25385
|
-
--cds-label-01-line-height: 1.33333;
|
25386
|
-
--cds-label-01-letter-spacing: 0.32px;
|
25387
|
-
--cds-label-02-font-size: 0.875rem;
|
25388
|
-
--cds-label-02-font-weight: 400;
|
25389
|
-
--cds-label-02-line-height: 1.28572;
|
25390
|
-
--cds-label-02-letter-spacing: 0.16px;
|
25391
|
-
--cds-helper-text-01-font-size: 0.75rem;
|
25392
|
-
--cds-helper-text-01-line-height: 1.33333;
|
25393
|
-
--cds-helper-text-01-letter-spacing: 0.32px;
|
25394
|
-
--cds-helper-text-02-font-size: 0.875rem;
|
25395
|
-
--cds-helper-text-02-line-height: 1.28572;
|
25396
|
-
--cds-helper-text-02-letter-spacing: 0.16px;
|
25397
|
-
--cds-body-short-01-font-size: 0.875rem;
|
25398
|
-
--cds-body-short-01-font-weight: 400;
|
25399
|
-
--cds-body-short-01-line-height: 1.28572;
|
25400
|
-
--cds-body-short-01-letter-spacing: 0.16px;
|
25401
|
-
--cds-body-long-01-font-size: 0.875rem;
|
25402
|
-
--cds-body-long-01-font-weight: 400;
|
25403
|
-
--cds-body-long-01-line-height: 1.42857;
|
25404
|
-
--cds-body-long-01-letter-spacing: 0.16px;
|
25405
|
-
--cds-body-short-02-font-size: 1rem;
|
25406
|
-
--cds-body-short-02-font-weight: 400;
|
25407
|
-
--cds-body-short-02-line-height: 1.375;
|
25408
|
-
--cds-body-short-02-letter-spacing: 0;
|
25409
|
-
--cds-body-long-02-font-size: 1rem;
|
25410
|
-
--cds-body-long-02-font-weight: 400;
|
25411
|
-
--cds-body-long-02-line-height: 1.5;
|
25412
|
-
--cds-body-long-02-letter-spacing: 0;
|
25413
|
-
--cds-code-01-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
|
25414
|
-
--cds-code-01-font-size: 0.75rem;
|
25415
|
-
--cds-code-01-font-weight: 400;
|
25416
|
-
--cds-code-01-line-height: 1.33333;
|
25417
|
-
--cds-code-01-letter-spacing: 0.32px;
|
25418
|
-
--cds-code-02-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
|
25419
|
-
--cds-code-02-font-size: 0.875rem;
|
25420
|
-
--cds-code-02-font-weight: 400;
|
25421
|
-
--cds-code-02-line-height: 1.42857;
|
25422
|
-
--cds-code-02-letter-spacing: 0.32px;
|
25423
|
-
--cds-heading-01-font-size: 0.875rem;
|
25424
|
-
--cds-heading-01-font-weight: 600;
|
25425
|
-
--cds-heading-01-line-height: 1.42857;
|
25426
|
-
--cds-heading-01-letter-spacing: 0.16px;
|
25427
|
-
--cds-productive-heading-01-font-size: 0.875rem;
|
25428
|
-
--cds-productive-heading-01-font-weight: 600;
|
25429
|
-
--cds-productive-heading-01-line-height: 1.28572;
|
25430
|
-
--cds-productive-heading-01-letter-spacing: 0.16px;
|
25431
|
-
--cds-heading-02-font-size: 1rem;
|
25432
|
-
--cds-heading-02-font-weight: 600;
|
25433
|
-
--cds-heading-02-line-height: 1.5;
|
25434
|
-
--cds-heading-02-letter-spacing: 0;
|
25435
|
-
--cds-productive-heading-02-font-size: 1rem;
|
25436
|
-
--cds-productive-heading-02-font-weight: 600;
|
25437
|
-
--cds-productive-heading-02-line-height: 1.375;
|
25438
|
-
--cds-productive-heading-02-letter-spacing: 0;
|
25439
|
-
--cds-productive-heading-03-font-size: 1.25rem;
|
25440
|
-
--cds-productive-heading-03-font-weight: 400;
|
25441
|
-
--cds-productive-heading-03-line-height: 1.4;
|
25442
|
-
--cds-productive-heading-03-letter-spacing: 0;
|
25443
|
-
--cds-productive-heading-04-font-size: 1.75rem;
|
25444
|
-
--cds-productive-heading-04-font-weight: 400;
|
25445
|
-
--cds-productive-heading-04-line-height: 1.28572;
|
25446
|
-
--cds-productive-heading-04-letter-spacing: 0;
|
25447
|
-
--cds-productive-heading-05-font-size: 2rem;
|
25448
|
-
--cds-productive-heading-05-font-weight: 400;
|
25449
|
-
--cds-productive-heading-05-line-height: 1.25;
|
25450
|
-
--cds-productive-heading-05-letter-spacing: 0;
|
25451
|
-
--cds-productive-heading-06-font-size: 2.625rem;
|
25452
|
-
--cds-productive-heading-06-font-weight: 300;
|
25453
|
-
--cds-productive-heading-06-line-height: 1.199;
|
25454
|
-
--cds-productive-heading-06-letter-spacing: 0;
|
25455
|
-
--cds-productive-heading-07-font-size: 3.375rem;
|
25456
|
-
--cds-productive-heading-07-font-weight: 300;
|
25457
|
-
--cds-productive-heading-07-line-height: 1.199;
|
25458
|
-
--cds-productive-heading-07-letter-spacing: 0;
|
25459
|
-
--cds-expressive-heading-01-font-size: 0.875rem;
|
25460
|
-
--cds-expressive-heading-01-font-weight: 600;
|
25461
|
-
--cds-expressive-heading-01-line-height: 1.25;
|
25462
|
-
--cds-expressive-heading-01-letter-spacing: 0.16px;
|
25463
|
-
--cds-expressive-heading-02-font-size: 1rem;
|
25464
|
-
--cds-expressive-heading-02-font-weight: 600;
|
25465
|
-
--cds-expressive-heading-02-line-height: 1.5;
|
25466
|
-
--cds-expressive-heading-02-letter-spacing: 0;
|
25467
|
-
--cds-expressive-heading-03-font-size: 1.25rem;
|
25468
|
-
--cds-expressive-heading-03-font-weight: 400;
|
25469
|
-
--cds-expressive-heading-03-line-height: 1.4;
|
25470
|
-
--cds-expressive-heading-03-letter-spacing: 0;
|
25471
|
-
--cds-expressive-heading-04-font-size: 1.75rem;
|
25472
|
-
--cds-expressive-heading-04-font-weight: 400;
|
25473
|
-
--cds-expressive-heading-04-line-height: 1.28572;
|
25474
|
-
--cds-expressive-heading-04-letter-spacing: 0;
|
25475
|
-
--cds-expressive-heading-05-font-size: 2rem;
|
25476
|
-
--cds-expressive-heading-05-font-weight: 400;
|
25477
|
-
--cds-expressive-heading-05-line-height: 1.25;
|
25478
|
-
--cds-expressive-heading-05-letter-spacing: 0;
|
25479
|
-
--cds-expressive-heading-06-font-size: 2rem;
|
25480
|
-
--cds-expressive-heading-06-font-weight: 600;
|
25481
|
-
--cds-expressive-heading-06-line-height: 1.25;
|
25482
|
-
--cds-expressive-heading-06-letter-spacing: 0;
|
25483
|
-
--cds-expressive-paragraph-01-font-size: 1.5rem;
|
25484
|
-
--cds-expressive-paragraph-01-font-weight: 300;
|
25485
|
-
--cds-expressive-paragraph-01-line-height: 1.334;
|
25486
|
-
--cds-expressive-paragraph-01-letter-spacing: 0;
|
25487
|
-
--cds-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
25488
|
-
--cds-quotation-01-font-size: 1.25rem;
|
25489
|
-
--cds-quotation-01-font-weight: 400;
|
25490
|
-
--cds-quotation-01-line-height: 1.3;
|
25491
|
-
--cds-quotation-01-letter-spacing: 0;
|
25492
|
-
--cds-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
25493
|
-
--cds-quotation-02-font-size: 2rem;
|
25494
|
-
--cds-quotation-02-font-weight: 300;
|
25495
|
-
--cds-quotation-02-line-height: 1.25;
|
25496
|
-
--cds-quotation-02-letter-spacing: 0;
|
25497
|
-
--cds-display-01-font-size: 2.625rem;
|
25498
|
-
--cds-display-01-font-weight: 300;
|
25499
|
-
--cds-display-01-line-height: 1.19;
|
25500
|
-
--cds-display-01-letter-spacing: 0;
|
25501
|
-
--cds-display-02-font-size: 2.625rem;
|
25502
|
-
--cds-display-02-font-weight: 600;
|
25503
|
-
--cds-display-02-line-height: 1.19;
|
25504
|
-
--cds-display-02-letter-spacing: 0;
|
25505
|
-
--cds-display-03-font-size: 2.625rem;
|
25506
|
-
--cds-display-03-font-weight: 300;
|
25507
|
-
--cds-display-03-line-height: 1.19;
|
25508
|
-
--cds-display-03-letter-spacing: 0;
|
25509
|
-
--cds-display-04-font-size: 2.625rem;
|
25510
|
-
--cds-display-04-font-weight: 300;
|
25511
|
-
--cds-display-04-line-height: 1.19;
|
25512
|
-
--cds-display-04-letter-spacing: 0;
|
25513
|
-
--cds-legal-01-font-size: 0.75rem;
|
25514
|
-
--cds-legal-01-font-weight: 400;
|
25515
|
-
--cds-legal-01-line-height: 1.33333;
|
25516
|
-
--cds-legal-01-letter-spacing: 0.32px;
|
25517
|
-
--cds-legal-02-font-size: 0.875rem;
|
25518
|
-
--cds-legal-02-font-weight: 400;
|
25519
|
-
--cds-legal-02-line-height: 1.28572;
|
25520
|
-
--cds-legal-02-letter-spacing: 0.16px;
|
25521
|
-
--cds-body-compact-01-font-size: 0.875rem;
|
25522
|
-
--cds-body-compact-01-font-weight: 400;
|
25523
|
-
--cds-body-compact-01-line-height: 1.28572;
|
25524
|
-
--cds-body-compact-01-letter-spacing: 0.16px;
|
25525
|
-
--cds-body-compact-02-font-size: 1rem;
|
25526
|
-
--cds-body-compact-02-font-weight: 400;
|
25527
|
-
--cds-body-compact-02-line-height: 1.375;
|
25528
|
-
--cds-body-compact-02-letter-spacing: 0;
|
25529
|
-
--cds-body-01-font-size: 0.875rem;
|
25530
|
-
--cds-body-01-font-weight: 400;
|
25531
|
-
--cds-body-01-line-height: 1.42857;
|
25532
|
-
--cds-body-01-letter-spacing: 0.16px;
|
25533
|
-
--cds-body-02-font-size: 1rem;
|
25534
|
-
--cds-body-02-font-weight: 400;
|
25535
|
-
--cds-body-02-line-height: 1.5;
|
25536
|
-
--cds-body-02-letter-spacing: 0;
|
25537
|
-
--cds-heading-compact-01-font-size: 0.875rem;
|
25538
|
-
--cds-heading-compact-01-font-weight: 600;
|
25539
|
-
--cds-heading-compact-01-line-height: 1.28572;
|
25540
|
-
--cds-heading-compact-01-letter-spacing: 0.16px;
|
25541
|
-
--cds-heading-compact-02-font-size: 1rem;
|
25542
|
-
--cds-heading-compact-02-font-weight: 600;
|
25543
|
-
--cds-heading-compact-02-line-height: 1.375;
|
25544
|
-
--cds-heading-compact-02-letter-spacing: 0;
|
25545
|
-
--cds-heading-03-font-size: 1.25rem;
|
25546
|
-
--cds-heading-03-font-weight: 400;
|
25547
|
-
--cds-heading-03-line-height: 1.4;
|
25548
|
-
--cds-heading-03-letter-spacing: 0;
|
25549
|
-
--cds-heading-04-font-size: 1.75rem;
|
25550
|
-
--cds-heading-04-font-weight: 400;
|
25551
|
-
--cds-heading-04-line-height: 1.28572;
|
25552
|
-
--cds-heading-04-letter-spacing: 0;
|
25553
|
-
--cds-heading-05-font-size: 2rem;
|
25554
|
-
--cds-heading-05-font-weight: 400;
|
25555
|
-
--cds-heading-05-line-height: 1.25;
|
25556
|
-
--cds-heading-05-letter-spacing: 0;
|
25557
|
-
--cds-heading-06-font-size: 2.625rem;
|
25558
|
-
--cds-heading-06-font-weight: 300;
|
25559
|
-
--cds-heading-06-line-height: 1.199;
|
25560
|
-
--cds-heading-06-letter-spacing: 0;
|
25561
|
-
--cds-heading-07-font-size: 3.375rem;
|
25562
|
-
--cds-heading-07-font-weight: 300;
|
25563
|
-
--cds-heading-07-line-height: 1.199;
|
25564
|
-
--cds-heading-07-letter-spacing: 0;
|
25565
|
-
--cds-fluid-heading-03-font-size: 1.25rem;
|
25566
|
-
--cds-fluid-heading-03-font-weight: 400;
|
25567
|
-
--cds-fluid-heading-03-line-height: 1.4;
|
25568
|
-
--cds-fluid-heading-03-letter-spacing: 0;
|
25569
|
-
--cds-fluid-heading-04-font-size: 1.75rem;
|
25570
|
-
--cds-fluid-heading-04-font-weight: 400;
|
25571
|
-
--cds-fluid-heading-04-line-height: 1.28572;
|
25572
|
-
--cds-fluid-heading-04-letter-spacing: 0;
|
25573
|
-
--cds-fluid-heading-05-font-size: 2rem;
|
25574
|
-
--cds-fluid-heading-05-font-weight: 400;
|
25575
|
-
--cds-fluid-heading-05-line-height: 1.25;
|
25576
|
-
--cds-fluid-heading-05-letter-spacing: 0;
|
25577
|
-
--cds-fluid-heading-06-font-size: 2rem;
|
25578
|
-
--cds-fluid-heading-06-font-weight: 600;
|
25579
|
-
--cds-fluid-heading-06-line-height: 1.25;
|
25580
|
-
--cds-fluid-heading-06-letter-spacing: 0;
|
25581
|
-
--cds-fluid-paragraph-01-font-size: 1.5rem;
|
25582
|
-
--cds-fluid-paragraph-01-font-weight: 300;
|
25583
|
-
--cds-fluid-paragraph-01-line-height: 1.334;
|
25584
|
-
--cds-fluid-paragraph-01-letter-spacing: 0;
|
25585
|
-
--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
25586
|
-
--cds-fluid-quotation-01-font-size: 1.25rem;
|
25587
|
-
--cds-fluid-quotation-01-font-weight: 400;
|
25588
|
-
--cds-fluid-quotation-01-line-height: 1.3;
|
25589
|
-
--cds-fluid-quotation-01-letter-spacing: 0;
|
25590
|
-
--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
25591
|
-
--cds-fluid-quotation-02-font-size: 2rem;
|
25592
|
-
--cds-fluid-quotation-02-font-weight: 300;
|
25593
|
-
--cds-fluid-quotation-02-line-height: 1.25;
|
25594
|
-
--cds-fluid-quotation-02-letter-spacing: 0;
|
25595
|
-
--cds-fluid-display-01-font-size: 2.625rem;
|
25596
|
-
--cds-fluid-display-01-font-weight: 300;
|
25597
|
-
--cds-fluid-display-01-line-height: 1.19;
|
25598
|
-
--cds-fluid-display-01-letter-spacing: 0;
|
25599
|
-
--cds-fluid-display-02-font-size: 2.625rem;
|
25600
|
-
--cds-fluid-display-02-font-weight: 600;
|
25601
|
-
--cds-fluid-display-02-line-height: 1.19;
|
25602
|
-
--cds-fluid-display-02-letter-spacing: 0;
|
25603
|
-
--cds-fluid-display-03-font-size: 2.625rem;
|
25604
|
-
--cds-fluid-display-03-font-weight: 300;
|
25605
|
-
--cds-fluid-display-03-line-height: 1.19;
|
25606
|
-
--cds-fluid-display-03-letter-spacing: 0;
|
25607
|
-
--cds-fluid-display-04-font-size: 2.625rem;
|
25608
|
-
--cds-fluid-display-04-font-weight: 300;
|
25609
|
-
--cds-fluid-display-04-line-height: 1.19;
|
25610
|
-
--cds-fluid-display-04-letter-spacing: 0;
|
25611
|
-
--cds-spacing-01: 0.125rem;
|
25612
|
-
--cds-spacing-02: 0.25rem;
|
25613
|
-
--cds-spacing-03: 0.5rem;
|
25614
|
-
--cds-spacing-04: 0.75rem;
|
25615
|
-
--cds-spacing-05: 1rem;
|
25616
|
-
--cds-spacing-06: 1.5rem;
|
25617
|
-
--cds-spacing-07: 2rem;
|
25618
|
-
--cds-spacing-08: 2.5rem;
|
25619
|
-
--cds-spacing-09: 3rem;
|
25620
|
-
--cds-spacing-10: 4rem;
|
25621
|
-
--cds-spacing-11: 5rem;
|
25622
|
-
--cds-spacing-12: 6rem;
|
25623
|
-
--cds-spacing-13: 10rem;
|
25624
|
-
--cds-fluid-spacing-01: 0;
|
25625
|
-
--cds-fluid-spacing-02: 2vw;
|
25626
|
-
--cds-fluid-spacing-03: 5vw;
|
25627
|
-
--cds-fluid-spacing-04: 10vw;
|
25628
|
-
--cds-layout-01: 1rem;
|
25629
|
-
--cds-layout-02: 1.5rem;
|
25630
|
-
--cds-layout-03: 2rem;
|
25631
|
-
--cds-layout-04: 3rem;
|
25632
|
-
--cds-layout-05: 4rem;
|
25633
|
-
--cds-layout-06: 6rem;
|
25634
|
-
--cds-layout-07: 10rem;
|
25635
|
-
--cds-container-01: 1.5rem;
|
25636
|
-
--cds-container-02: 2rem;
|
25637
|
-
--cds-container-03: 2.5rem;
|
25638
|
-
--cds-container-04: 3rem;
|
25639
|
-
--cds-container-05: 4rem;
|
25640
|
-
--cds-size-xsmall: 1.5rem;
|
25641
|
-
--cds-size-small: 2rem;
|
25642
|
-
--cds-size-medium: 2.5rem;
|
25643
|
-
--cds-size-large: 3rem;
|
25644
|
-
--cds-size-xlarge: 4rem;
|
25645
|
-
--cds-size-2XLarge: 5rem;
|
25646
|
-
--cds-icon-size-01: 1rem;
|
25647
|
-
--cds-icon-size-02: 1.25rem;
|
24859
|
+
height: 1.25rem;
|
24860
|
+
padding-top: 0;
|
24861
|
+
padding-right: 0.1875rem;
|
24862
|
+
border-width: 0.0625rem;
|
24863
|
+
border-style: solid;
|
24864
|
+
border-color: var(--cds-button-tertiary, #0f62fe);
|
24865
|
+
border-radius: var(--cds-spacing-04, 0.75rem);
|
24866
|
+
background-color: transparent;
|
24867
|
+
color: var(--cds-button-tertiary, #0f62fe);
|
24868
|
+
white-space: nowrap;
|
24869
|
+
border-color: var(--cds-button-tertiary, #0f62fe);
|
24870
|
+
background-color: var(--cds-button-tertiary, #0f62fe);
|
24871
|
+
color: var(--cds-text-inverse, #ffffff);
|
24872
|
+
}
|
24873
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open:hover {
|
24874
|
+
border-color: var(--cds-button-tertiary, #0f62fe);
|
24875
|
+
background-color: var(--cds-button-tertiary, #0f62fe);
|
24876
|
+
color: var(--cds-text-inverse, #ffffff);
|
24877
|
+
}
|
24878
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open:focus {
|
24879
|
+
border-color: var(--cds-text-inverse, #ffffff);
|
24880
|
+
background-color: var(--cds-button-tertiary, #0f62fe);
|
24881
|
+
box-shadow: 0 0 0 1px var(--cds-text-inverse, #ffffff), 0 0 0 3px var(--cds-button-tertiary, #0f62fe);
|
24882
|
+
color: var(--cds-text-inverse, #ffffff);
|
24883
|
+
}
|
24884
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open:focus-visible {
|
24885
|
+
outline: none;
|
24886
|
+
}
|
24887
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open svg {
|
24888
|
+
margin: 0.0625rem 0 0 0;
|
24889
|
+
vertical-align: text-top;
|
24890
|
+
}
|
24891
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open:hover {
|
24892
|
+
border-color: var(--cds-button-tertiary, #0f62fe);
|
24893
|
+
background-color: transparent;
|
24894
|
+
color: var(--cds-button-tertiary, #0f62fe);
|
24895
|
+
}
|
24896
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open:focus {
|
24897
|
+
border-color: var(--cds-text-inverse, #ffffff);
|
24898
|
+
background-color: transparent;
|
24899
|
+
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);
|
24900
|
+
color: var(--cds-button-tertiary, #0f62fe);
|
24901
|
+
}
|
24902
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open svg {
|
24903
|
+
transform: rotate(180deg);
|
24904
|
+
}
|
24905
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__body {
|
25648
24906
|
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
25649
24907
|
font-weight: var(--cds-body-long-01-font-weight, 400);
|
25650
24908
|
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
25651
24909
|
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
25652
24910
|
display: block;
|
25653
24911
|
padding: var(--cds-spacing-03, 0.5rem) var(--cds-spacing-04, 0.75rem);
|
25654
|
-
border-left
|
25655
|
-
border-left-style: solid;
|
24912
|
+
border-left: 0.078125rem solid var(--cds-text-01, #161616);
|
25656
24913
|
margin: var(--cds-spacing-02, 0.25rem) 0;
|
25657
24914
|
animation: fade 600ms;
|
25658
|
-
border-left-color: var(--cds-text-01, #161616);
|
25659
24915
|
color: var(--cds-text-01, #161616);
|
25660
24916
|
}
|
24917
|
+
@media (prefers-reduced-motion: reduce) {
|
24918
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__body {
|
24919
|
+
animation: none;
|
24920
|
+
}
|
24921
|
+
}
|
25661
24922
|
.c4p--non-linear-reading__dark .c4p--non-linear-reading__body a {
|
25662
24923
|
color: var(--cds-link-01, #0f62fe);
|
25663
24924
|
}
|
@@ -26392,4 +25653,189 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
26392
25653
|
color: #161616 !important;
|
26393
25654
|
}
|
26394
25655
|
|
25656
|
+
/* stylelint-disable declaration-no-important */
|
25657
|
+
.c4p--checklist__header {
|
25658
|
+
display: flex;
|
25659
|
+
padding: var(--cds-spacing-05, 1rem);
|
25660
|
+
background-color: var(--cds-ui-01, #f4f4f4);
|
25661
|
+
gap: var(--cds-spacing-03, 0.5rem);
|
25662
|
+
}
|
25663
|
+
.c4p--checklist__chart {
|
25664
|
+
position: relative;
|
25665
|
+
width: var(--cds-spacing-08, 2.5rem);
|
25666
|
+
min-width: var(--cds-spacing-08, 2.5rem);
|
25667
|
+
height: var(--cds-spacing-08, 2.5rem);
|
25668
|
+
align-self: center;
|
25669
|
+
}
|
25670
|
+
.c4p--checklist__chart::after {
|
25671
|
+
position: absolute;
|
25672
|
+
top: var(--cds-spacing-02, 0.25rem);
|
25673
|
+
left: var(--cds-spacing-02, 0.25rem);
|
25674
|
+
width: var(--cds-spacing-07, 2rem);
|
25675
|
+
height: var(--cds-spacing-07, 2rem);
|
25676
|
+
border-radius: 50%;
|
25677
|
+
background-color: var(--cds-ui-01, #f4f4f4);
|
25678
|
+
content: "";
|
25679
|
+
}
|
25680
|
+
.c4p--checklist__titles {
|
25681
|
+
display: flex;
|
25682
|
+
flex-direction: column;
|
25683
|
+
justify-content: center;
|
25684
|
+
}
|
25685
|
+
.c4p--checklist__title {
|
25686
|
+
font-size: var(--cds-productive-heading-02-font-size, 1rem);
|
25687
|
+
font-weight: var(--cds-productive-heading-02-font-weight, 600);
|
25688
|
+
line-height: var(--cds-productive-heading-02-line-height, 1.375);
|
25689
|
+
letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
|
25690
|
+
display: -webkit-box;
|
25691
|
+
overflow: hidden;
|
25692
|
+
-webkit-box-orient: vertical;
|
25693
|
+
-webkit-line-clamp: 2;
|
25694
|
+
text-overflow: ellipsis;
|
25695
|
+
}
|
25696
|
+
.c4p--checklist__chart-label {
|
25697
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
25698
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
25699
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
25700
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
25701
|
+
display: -webkit-box;
|
25702
|
+
overflow: hidden;
|
25703
|
+
-webkit-box-orient: vertical;
|
25704
|
+
-webkit-line-clamp: 2;
|
25705
|
+
text-overflow: ellipsis;
|
25706
|
+
color: var(--cds-text-02, #525252);
|
25707
|
+
}
|
25708
|
+
.c4p--checklist__title + .c4p--checklist__chart-label {
|
25709
|
+
margin-top: var(--cds-spacing-01, 0.125rem);
|
25710
|
+
}
|
25711
|
+
.c4p--checklist__toggle {
|
25712
|
+
width: 30px;
|
25713
|
+
min-width: 30px;
|
25714
|
+
height: 30px;
|
25715
|
+
min-height: 30px !important;
|
25716
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
25717
|
+
padding: 0 0.375rem !important;
|
25718
|
+
margin-top: calc(-1 * var(--cds-spacing-03, 0.5rem)) !important;
|
25719
|
+
margin-right: calc(-1 * var(--cds-spacing-03, 0.5rem)) !important;
|
25720
|
+
margin-left: auto !important;
|
25721
|
+
}
|
25722
|
+
.c4p--checklist__chevron {
|
25723
|
+
color: var(--cds-text-01, #161616);
|
25724
|
+
transform: rotate(0deg);
|
25725
|
+
transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
25726
|
+
}
|
25727
|
+
@media (prefers-reduced-motion: reduce) {
|
25728
|
+
.c4p--checklist__chevron {
|
25729
|
+
transition: none;
|
25730
|
+
}
|
25731
|
+
}
|
25732
|
+
.c4p--checklist__closed .c4p--checklist__chevron {
|
25733
|
+
transform: rotate(-180deg);
|
25734
|
+
}
|
25735
|
+
.c4p--checklist__button {
|
25736
|
+
max-width: none !important;
|
25737
|
+
min-height: auto !important;
|
25738
|
+
/* stylelint-disable-next-line declaration-property-value-disallowed-list */
|
25739
|
+
flex-shrink: unset !important;
|
25740
|
+
padding: 0 !important;
|
25741
|
+
border: none !important;
|
25742
|
+
background-color: transparent !important;
|
25743
|
+
color: var(--cds-link-01, #0f62fe) !important;
|
25744
|
+
}
|
25745
|
+
.c4p--checklist__button div {
|
25746
|
+
display: -webkit-box;
|
25747
|
+
overflow: hidden;
|
25748
|
+
-webkit-box-orient: vertical;
|
25749
|
+
-webkit-line-clamp: 2;
|
25750
|
+
text-overflow: ellipsis;
|
25751
|
+
}
|
25752
|
+
.c4p--checklist__button:hover {
|
25753
|
+
background: transparent;
|
25754
|
+
color: var(--cds-link-primary-hover, #0043ce);
|
25755
|
+
text-decoration: underline;
|
25756
|
+
}
|
25757
|
+
.c4p--checklist__button:active {
|
25758
|
+
background: transparent;
|
25759
|
+
color: var(--cds-text-primary, #161616);
|
25760
|
+
text-decoration: underline;
|
25761
|
+
}
|
25762
|
+
.c4p--checklist__button--error {
|
25763
|
+
color: var(--cds-text-error, #da1e28) !important;
|
25764
|
+
}
|
25765
|
+
.c4p--checklist__content-outer {
|
25766
|
+
overflow: hidden;
|
25767
|
+
}
|
25768
|
+
.c4p--checklist__content-inner {
|
25769
|
+
height: 100%;
|
25770
|
+
background-color: var(--cds-ui-01, #f4f4f4);
|
25771
|
+
transform: translate(0, 0);
|
25772
|
+
transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
25773
|
+
}
|
25774
|
+
@media (prefers-reduced-motion: reduce) {
|
25775
|
+
.c4p--checklist__content-inner {
|
25776
|
+
transition: none;
|
25777
|
+
}
|
25778
|
+
}
|
25779
|
+
.c4p--checklist__closed .c4p--checklist__content-inner {
|
25780
|
+
height: 0;
|
25781
|
+
transform: translate(0, -100%);
|
25782
|
+
}
|
25783
|
+
.c4p--checklist__list-group {
|
25784
|
+
padding: var(--cds-spacing-05, 1rem);
|
25785
|
+
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
25786
|
+
}
|
25787
|
+
.c4p--checklist__list-title {
|
25788
|
+
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
25789
|
+
font-weight: var(--cds-body-short-01-font-weight, 400);
|
25790
|
+
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
25791
|
+
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
25792
|
+
display: -webkit-box;
|
25793
|
+
overflow: hidden;
|
25794
|
+
-webkit-box-orient: vertical;
|
25795
|
+
-webkit-line-clamp: 2;
|
25796
|
+
text-overflow: ellipsis;
|
25797
|
+
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
25798
|
+
}
|
25799
|
+
.c4p--checklist__list-item {
|
25800
|
+
display: flex;
|
25801
|
+
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
25802
|
+
}
|
25803
|
+
.c4p--checklist__list-item:last-child {
|
25804
|
+
margin-bottom: 0;
|
25805
|
+
}
|
25806
|
+
.c4p--checklist__icon {
|
25807
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
25808
|
+
margin: 0.0625rem var(--cds-spacing-03, 0.5rem) 0 0;
|
25809
|
+
color: var(--cds-link-01, #0f62fe);
|
25810
|
+
}
|
25811
|
+
.c4p--checklist__icon--error {
|
25812
|
+
color: var(--cds-support-error, #da1e28);
|
25813
|
+
}
|
25814
|
+
.c4p--checklist__icon--disabled {
|
25815
|
+
color: var(--cds-disabled-03, #8d8d8d);
|
25816
|
+
}
|
25817
|
+
.c4p--checklist__label {
|
25818
|
+
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
25819
|
+
font-weight: var(--cds-body-short-01-font-weight, 400);
|
25820
|
+
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
25821
|
+
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
25822
|
+
display: -webkit-box;
|
25823
|
+
overflow: hidden;
|
25824
|
+
-webkit-box-orient: vertical;
|
25825
|
+
-webkit-line-clamp: 2;
|
25826
|
+
text-overflow: ellipsis;
|
25827
|
+
}
|
25828
|
+
.c4p--checklist__label--checked, .c4p--checklist__label--disabled, .c4p--checklist__label--error {
|
25829
|
+
color: var(--cds-disabled-03, #8d8d8d);
|
25830
|
+
}
|
25831
|
+
.c4p--checklist__footer {
|
25832
|
+
display: -webkit-box;
|
25833
|
+
overflow: hidden;
|
25834
|
+
-webkit-box-orient: vertical;
|
25835
|
+
-webkit-line-clamp: 2;
|
25836
|
+
text-overflow: ellipsis;
|
25837
|
+
padding: var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem);
|
25838
|
+
border-top: 1px solid var(--cds-ui-03, #e0e0e0);
|
25839
|
+
}
|
25840
|
+
|
26395
25841
|
/*# sourceMappingURL=index.css.map */
|