@carbon/ibm-products 2.28.1 → 2.29.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +1804 -233
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +40 -8
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +1804 -233
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +1785 -243
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/APIKeyModal/APIKeyModal.d.ts +2 -1
- package/es/components/APIKeyModal/APIKeyModal.js +13 -9
- package/es/components/APIKeyModal/APIKeyModal.types.d.ts +206 -0
- package/es/components/AboutModal/AboutModal.d.ts +73 -2
- package/es/components/AboutModal/AboutModal.js +16 -12
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +2 -0
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.d.ts +1 -2
- package/es/components/Datagrid/useInitialColumnSort.d.ts +1 -0
- package/es/components/Datagrid/useInitialColumnSort.js +42 -0
- package/es/components/Datagrid/useSortableColumns.d.ts +4 -0
- package/es/components/Datagrid/useSortableColumns.js +16 -16
- package/es/components/Decorator/Decorator.d.ts +5 -0
- package/es/components/Decorator/Decorator.js +348 -0
- package/es/components/Decorator/DecoratorIcon.d.ts +5 -0
- package/es/components/Decorator/DecoratorIcon.js +95 -0
- package/es/components/Decorator/index.d.ts +1 -0
- package/es/components/Decorator/utils.d.ts +8 -0
- package/es/components/Decorator/utils.js +43 -0
- package/es/components/DescriptionList/DescriptionList.d.ts +42 -0
- package/es/components/DescriptionList/DescriptionList.js +88 -0
- package/es/components/DescriptionList/constants.d.ts +6 -0
- package/es/components/DescriptionList/constants.js +16 -0
- package/es/components/DescriptionList/index.d.ts +1 -0
- package/es/components/EmptyStates/EmptyStateContent.d.ts +1 -287
- package/es/components/HTTPErrors/HTTPErrorContent.d.ts +1 -293
- package/es/components/StatusIndicator/StatusIndicator.d.ts +5 -0
- package/es/components/StatusIndicator/StatusIndicator.js +100 -0
- package/es/components/StatusIndicator/StatusIndicatorStep.d.ts +5 -0
- package/es/components/StatusIndicator/index.d.ts +2 -0
- package/es/components/index.d.ts +3 -0
- package/es/global/js/package-settings.d.ts +4 -0
- package/es/global/js/package-settings.js +4 -0
- package/es/index.js +3 -0
- package/es/settings.d.ts +4 -0
- package/lib/components/APIKeyModal/APIKeyModal.d.ts +2 -1
- package/lib/components/APIKeyModal/APIKeyModal.js +13 -9
- package/lib/components/APIKeyModal/APIKeyModal.types.d.ts +206 -0
- package/lib/components/AboutModal/AboutModal.d.ts +73 -2
- package/lib/components/AboutModal/AboutModal.js +16 -12
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +2 -0
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.d.ts +1 -2
- package/lib/components/Datagrid/useInitialColumnSort.d.ts +1 -0
- package/lib/components/Datagrid/useInitialColumnSort.js +46 -0
- package/lib/components/Datagrid/useSortableColumns.d.ts +4 -0
- package/lib/components/Datagrid/useSortableColumns.js +16 -15
- package/lib/components/Decorator/Decorator.d.ts +5 -0
- package/lib/components/Decorator/Decorator.js +355 -0
- package/lib/components/Decorator/DecoratorIcon.d.ts +5 -0
- package/lib/components/Decorator/DecoratorIcon.js +102 -0
- package/lib/components/Decorator/index.d.ts +1 -0
- package/lib/components/Decorator/utils.d.ts +8 -0
- package/lib/components/Decorator/utils.js +48 -0
- package/lib/components/DescriptionList/DescriptionList.d.ts +42 -0
- package/lib/components/DescriptionList/DescriptionList.js +95 -0
- package/lib/components/DescriptionList/constants.d.ts +6 -0
- package/lib/components/DescriptionList/constants.js +20 -0
- package/lib/components/DescriptionList/index.d.ts +1 -0
- package/lib/components/EmptyStates/EmptyStateContent.d.ts +1 -287
- package/lib/components/HTTPErrors/HTTPErrorContent.d.ts +1 -293
- package/lib/components/StatusIndicator/StatusIndicator.d.ts +5 -0
- package/lib/components/StatusIndicator/StatusIndicator.js +107 -0
- package/lib/components/StatusIndicator/StatusIndicatorStep.d.ts +5 -0
- package/lib/components/StatusIndicator/index.d.ts +2 -0
- package/lib/components/index.d.ts +3 -0
- package/lib/global/js/package-settings.d.ts +4 -0
- package/lib/global/js/package-settings.js +4 -0
- package/lib/index.js +15 -0
- package/lib/settings.d.ts +4 -0
- package/package.json +4 -4
- package/scss/components/Decorator/_carbon-imports.scss +9 -0
- package/scss/components/Decorator/_decorator.scss +400 -0
- package/scss/components/Decorator/_index-with-carbon.scss +9 -0
- package/scss/components/Decorator/_index.scss +8 -0
- package/scss/components/DescriptionList/_carbon-imports.scss +9 -0
- package/scss/components/DescriptionList/_description-list.scss +103 -0
- package/scss/components/DescriptionList/_index-with-carbon.scss +9 -0
- package/scss/components/DescriptionList/_index.scss +8 -0
- package/scss/components/SidePanel/_side-panel.scss +6 -1
- package/scss/components/StatusIndicator/_carbon-imports.scss +12 -0
- package/scss/components/StatusIndicator/_index-with-carbon.scss +9 -0
- package/scss/components/StatusIndicator/_index.scss +8 -0
- package/scss/components/StatusIndicator/_status-indicator.scss +93 -0
- package/scss/components/Tearsheet/_tearsheet.scss +41 -15
- package/scss/components/_index-with-carbon.scss +3 -0
- package/scss/components/_index.scss +3 -0
@@ -26394,11 +26394,17 @@ a.cds--side-nav__link--current::before {
|
|
26394
26394
|
height: 2.5rem;
|
26395
26395
|
}
|
26396
26396
|
.c4p--side-panel .c4p--side-panel__slug-and-close {
|
26397
|
-
position:
|
26397
|
+
position: fixed;
|
26398
26398
|
z-index: 10; /* must be higher than title container border bottom */
|
26399
26399
|
top: 0;
|
26400
26400
|
right: 0;
|
26401
26401
|
display: flex;
|
26402
|
+
/* stylelint-disable-next-line max-nesting-depth */
|
26403
|
+
}
|
26404
|
+
@media (prefers-reduced-motion) {
|
26405
|
+
.c4p--side-panel .c4p--side-panel__slug-and-close {
|
26406
|
+
position: absolute;
|
26407
|
+
}
|
26402
26408
|
}
|
26403
26409
|
.c4p--side-panel .c4p--side-panel__actions-container {
|
26404
26410
|
position: sticky;
|
@@ -26524,13 +26530,33 @@ a.cds--side-nav__link--current::before {
|
|
26524
26530
|
}
|
26525
26531
|
|
26526
26532
|
.c4p--tearsheet.c4p--tearsheet {
|
26533
|
+
--overlay-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
|
26534
|
+
--overlay-opacity: 1;
|
26527
26535
|
z-index: 9001;
|
26528
26536
|
align-items: flex-end;
|
26529
26537
|
color: var(--cds-text-primary, #161616);
|
26530
|
-
transition: visibility 0s linear 240ms
|
26538
|
+
transition: visibility 0s linear 240ms;
|
26531
26539
|
--c4p--tearsheet--stacking-scale-factor-single: 0.95;
|
26532
26540
|
--c4p--tearsheet--stacking-scale-factor-double: 0.9;
|
26533
26541
|
}
|
26542
|
+
.c4p--tearsheet.c4p--tearsheet::before {
|
26543
|
+
position: absolute;
|
26544
|
+
display: block;
|
26545
|
+
background: var(--overlay-color);
|
26546
|
+
content: "";
|
26547
|
+
inset: 0;
|
26548
|
+
opacity: var(--overlay-opacity);
|
26549
|
+
transition: background-color 240ms cubic-bezier(0.4, 0.14, 1, 1), opacity 240ms cubic-bezier(0.4, 0.14, 1, 1);
|
26550
|
+
}
|
26551
|
+
@media (prefers-reduced-motion: reduce) {
|
26552
|
+
.c4p--tearsheet.c4p--tearsheet::before {
|
26553
|
+
transition: none;
|
26554
|
+
}
|
26555
|
+
}
|
26556
|
+
.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet {
|
26557
|
+
/* tearsheet uses --overlay-color and --overlay-opacity in ::before */
|
26558
|
+
background: initial;
|
26559
|
+
}
|
26534
26560
|
.c4p--tearsheet.is-visible {
|
26535
26561
|
z-index: 9000;
|
26536
26562
|
align-items: flex-end;
|
@@ -26542,19 +26568,19 @@ a.cds--side-nav__link--current::before {
|
|
26542
26568
|
}
|
26543
26569
|
}
|
26544
26570
|
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 {
|
26571
|
+
--overlay-opacity: 0.67;
|
26545
26572
|
z-index: 8999;
|
26546
|
-
background-color: rgba(22, 22, 22, 0.33);
|
26547
26573
|
}
|
26548
26574
|
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 {
|
26575
|
+
--overlay-opacity: 0.22;
|
26549
26576
|
z-index: 8998;
|
26550
|
-
background-color: rgba(22, 22, 22, 0.11);
|
26551
26577
|
}
|
26552
26578
|
.c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 {
|
26579
|
+
--overlay-opacity: 0.5;
|
26553
26580
|
z-index: 8999;
|
26554
|
-
background-color: rgba(22, 22, 22, 0.25);
|
26555
26581
|
}
|
26556
26582
|
.c4p--tearsheet.c4p--tearsheet--stacked-2-of-2, .c4p--tearsheet.c4p--tearsheet--stacked-3-of-3 {
|
26557
|
-
|
26583
|
+
--overlay-opacity: 0.5;
|
26558
26584
|
}
|
26559
26585
|
.c4p--tearsheet .c4p--tearsheet__container {
|
26560
26586
|
top: auto;
|
@@ -26667,10 +26693,12 @@ a.cds--side-nav__link--current::before {
|
|
26667
26693
|
padding: 1.5rem 2rem 0;
|
26668
26694
|
}
|
26669
26695
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon, .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header {
|
26670
|
-
padding-
|
26696
|
+
padding-inline-end: 5rem;
|
26671
26697
|
}
|
26672
26698
|
.c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
|
26673
|
-
|
26699
|
+
/* spacing 11 plus additional space for slug/close */
|
26700
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
26701
|
+
padding-inline-end: calc(8rem);
|
26674
26702
|
}
|
26675
26703
|
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header-description {
|
26676
26704
|
max-width: 80%;
|
@@ -26765,6 +26793,10 @@ a.cds--side-nav__link--current::before {
|
|
26765
26793
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__buttons {
|
26766
26794
|
background: var(--cds-background, #ffffff);
|
26767
26795
|
}
|
26796
|
+
.c4p--tearsheet.c4p--tearsheet--has-slug {
|
26797
|
+
/* stylelint-disable-next-line carbon/theme-token-use */
|
26798
|
+
--overlay-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
|
26799
|
+
}
|
26768
26800
|
.c4p--tearsheet.c4p--tearsheet--has-slug:not(.c4p--tearsheet--has-close) .cds--slug {
|
26769
26801
|
inset-inline-end: 0;
|
26770
26802
|
}
|
@@ -37632,14 +37664,36 @@ a.cds--side-nav__link--current::before {
|
|
37632
37664
|
}
|
37633
37665
|
|
37634
37666
|
.c4p--tearsheet.c4p--tearsheet {
|
37667
|
+
--overlay-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
|
37668
|
+
--overlay-opacity: 1;
|
37635
37669
|
z-index: 9001;
|
37636
37670
|
align-items: flex-end;
|
37637
37671
|
color: var(--cds-text-primary, #161616);
|
37638
|
-
transition: visibility 0s linear 240ms
|
37672
|
+
transition: visibility 0s linear 240ms;
|
37639
37673
|
--c4p--tearsheet--stacking-scale-factor-single: 0.95;
|
37640
37674
|
--c4p--tearsheet--stacking-scale-factor-double: 0.9;
|
37641
37675
|
}
|
37642
37676
|
|
37677
|
+
.c4p--tearsheet.c4p--tearsheet::before {
|
37678
|
+
position: absolute;
|
37679
|
+
display: block;
|
37680
|
+
background: var(--overlay-color);
|
37681
|
+
content: "";
|
37682
|
+
inset: 0;
|
37683
|
+
opacity: var(--overlay-opacity);
|
37684
|
+
transition: background-color 240ms cubic-bezier(0.4, 0.14, 1, 1), opacity 240ms cubic-bezier(0.4, 0.14, 1, 1);
|
37685
|
+
}
|
37686
|
+
|
37687
|
+
@media (prefers-reduced-motion: reduce) {
|
37688
|
+
.c4p--tearsheet.c4p--tearsheet::before {
|
37689
|
+
transition: none;
|
37690
|
+
}
|
37691
|
+
}
|
37692
|
+
.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet {
|
37693
|
+
/* tearsheet uses --overlay-color and --overlay-opacity in ::before */
|
37694
|
+
background: initial;
|
37695
|
+
}
|
37696
|
+
|
37643
37697
|
.c4p--tearsheet.is-visible {
|
37644
37698
|
z-index: 9000;
|
37645
37699
|
align-items: flex-end;
|
@@ -37652,22 +37706,22 @@ a.cds--side-nav__link--current::before {
|
|
37652
37706
|
}
|
37653
37707
|
}
|
37654
37708
|
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 {
|
37709
|
+
--overlay-opacity: 0.67;
|
37655
37710
|
z-index: 8999;
|
37656
|
-
background-color: rgba(22, 22, 22, 0.33);
|
37657
37711
|
}
|
37658
37712
|
|
37659
37713
|
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 {
|
37714
|
+
--overlay-opacity: 0.22;
|
37660
37715
|
z-index: 8998;
|
37661
|
-
background-color: rgba(22, 22, 22, 0.11);
|
37662
37716
|
}
|
37663
37717
|
|
37664
37718
|
.c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 {
|
37719
|
+
--overlay-opacity: 0.5;
|
37665
37720
|
z-index: 8999;
|
37666
|
-
background-color: rgba(22, 22, 22, 0.25);
|
37667
37721
|
}
|
37668
37722
|
|
37669
37723
|
.c4p--tearsheet.c4p--tearsheet--stacked-2-of-2, .c4p--tearsheet.c4p--tearsheet--stacked-3-of-3 {
|
37670
|
-
|
37724
|
+
--overlay-opacity: 0.5;
|
37671
37725
|
}
|
37672
37726
|
|
37673
37727
|
.c4p--tearsheet .c4p--tearsheet__container {
|
@@ -37805,11 +37859,13 @@ a.cds--side-nav__link--current::before {
|
|
37805
37859
|
}
|
37806
37860
|
|
37807
37861
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon, .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header {
|
37808
|
-
padding-
|
37862
|
+
padding-inline-end: 5rem;
|
37809
37863
|
}
|
37810
37864
|
|
37811
37865
|
.c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
|
37812
|
-
|
37866
|
+
/* spacing 11 plus additional space for slug/close */
|
37867
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
37868
|
+
padding-inline-end: calc(8rem);
|
37813
37869
|
}
|
37814
37870
|
|
37815
37871
|
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header-description {
|
@@ -37924,6 +37980,11 @@ a.cds--side-nav__link--current::before {
|
|
37924
37980
|
background: var(--cds-background, #ffffff);
|
37925
37981
|
}
|
37926
37982
|
|
37983
|
+
.c4p--tearsheet.c4p--tearsheet--has-slug {
|
37984
|
+
/* stylelint-disable-next-line carbon/theme-token-use */
|
37985
|
+
--overlay-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
|
37986
|
+
}
|
37987
|
+
|
37927
37988
|
.c4p--tearsheet.c4p--tearsheet--has-slug:not(.c4p--tearsheet--has-close) .cds--slug {
|
37928
37989
|
inset-inline-end: 0;
|
37929
37990
|
}
|
@@ -40281,224 +40342,1658 @@ a.cds--side-nav__link--current::before {
|
|
40281
40342
|
white-space: nowrap;
|
40282
40343
|
}
|
40283
40344
|
|
40284
|
-
|
40285
|
-
|
40286
|
-
|
40287
|
-
|
40288
|
-
.c4p--
|
40289
|
-
|
40290
|
-
|
40291
|
-
|
40292
|
-
|
40293
|
-
|
40294
|
-
|
40295
|
-
|
40296
|
-
|
40297
|
-
|
40298
|
-
|
40299
|
-
|
40300
|
-
|
40301
|
-
|
40302
|
-
|
40303
|
-
|
40304
|
-
|
40305
|
-
|
40306
|
-
|
40307
|
-
|
40308
|
-
|
40309
|
-
|
40310
|
-
|
40311
|
-
|
40312
|
-
|
40313
|
-
|
40314
|
-
|
40315
|
-
|
40316
|
-
|
40317
|
-
|
40318
|
-
|
40319
|
-
|
40320
|
-
|
40321
|
-
|
40322
|
-
|
40323
|
-
|
40324
|
-
|
40325
|
-
|
40326
|
-
|
40327
|
-
|
40328
|
-
|
40329
|
-
|
40330
|
-
|
40331
|
-
|
40332
|
-
|
40333
|
-
|
40334
|
-
|
40335
|
-
|
40336
|
-
|
40337
|
-
|
40338
|
-
|
40339
|
-
|
40340
|
-
|
40341
|
-
|
40342
|
-
|
40343
|
-
|
40344
|
-
|
40345
|
-
|
40346
|
-
|
40347
|
-
|
40348
|
-
|
40349
|
-
|
40350
|
-
|
40351
|
-
|
40352
|
-
|
40353
|
-
|
40354
|
-
|
40355
|
-
|
40356
|
-
|
40357
|
-
|
40358
|
-
|
40359
|
-
|
40360
|
-
|
40361
|
-
|
40362
|
-
|
40363
|
-
|
40364
|
-
|
40365
|
-
|
40366
|
-
|
40367
|
-
|
40368
|
-
|
40369
|
-
|
40370
|
-
|
40371
|
-
|
40372
|
-
|
40373
|
-
|
40374
|
-
|
40375
|
-
|
40376
|
-
|
40377
|
-
|
40378
|
-
|
40379
|
-
|
40380
|
-
|
40381
|
-
|
40382
|
-
|
40383
|
-
|
40384
|
-
|
40385
|
-
|
40386
|
-
|
40387
|
-
|
40388
|
-
|
40389
|
-
|
40390
|
-
|
40391
|
-
|
40392
|
-
|
40393
|
-
|
40394
|
-
|
40395
|
-
|
40396
|
-
|
40397
|
-
|
40398
|
-
|
40399
|
-
|
40400
|
-
|
40401
|
-
|
40402
|
-
|
40403
|
-
|
40404
|
-
|
40405
|
-
|
40406
|
-
|
40407
|
-
|
40408
|
-
|
40409
|
-
|
40410
|
-
|
40411
|
-
|
40412
|
-
|
40413
|
-
-
|
40414
|
-
-
|
40415
|
-
|
40416
|
-
|
40417
|
-
|
40418
|
-
|
40419
|
-
|
40420
|
-
|
40421
|
-
|
40422
|
-
|
40423
|
-
|
40424
|
-
|
40425
|
-
|
40426
|
-
|
40427
|
-
|
40428
|
-
|
40429
|
-
|
40430
|
-
|
40431
|
-
|
40432
|
-
|
40433
|
-
|
40434
|
-
|
40435
|
-
|
40436
|
-
|
40437
|
-
|
40438
|
-
|
40439
|
-
|
40440
|
-
|
40441
|
-
|
40442
|
-
|
40443
|
-
|
40444
|
-
|
40445
|
-
|
40446
|
-
|
40447
|
-
|
40448
|
-
|
40449
|
-
|
40450
|
-
|
40451
|
-
|
40452
|
-
|
40453
|
-
|
40454
|
-
|
40455
|
-
|
40456
|
-
|
40457
|
-
|
40458
|
-
|
40459
|
-
|
40460
|
-
|
40461
|
-
|
40462
|
-
|
40463
|
-
|
40464
|
-
|
40465
|
-
|
40466
|
-
|
40467
|
-
|
40468
|
-
|
40469
|
-
|
40470
|
-
|
40471
|
-
|
40472
|
-
|
40473
|
-
|
40474
|
-
|
40475
|
-
|
40476
|
-
|
40477
|
-
|
40478
|
-
|
40479
|
-
|
40480
|
-
|
40481
|
-
|
40482
|
-
|
40483
|
-
|
40484
|
-
|
40485
|
-
|
40486
|
-
|
40487
|
-
|
40488
|
-
|
40489
|
-
|
40490
|
-
|
40491
|
-
|
40492
|
-
|
40493
|
-
|
40494
|
-
|
40495
|
-
|
40496
|
-
|
40497
|
-
|
40498
|
-
|
40499
|
-
|
40500
|
-
|
40501
|
-
|
40345
|
+
/* stylelint-disable carbon/theme-token-use */
|
40346
|
+
/* stylelint-disable carbon/type-token-use */
|
40347
|
+
/* stylelint-disable carbon/layout-token-use */
|
40348
|
+
/* stylelint-disable function-no-unknown */
|
40349
|
+
.c4p--decorator--light {
|
40350
|
+
--cds-ai-aura-end: rgba(255, 255, 255, 0);
|
40351
|
+
--cds-ai-aura-hover-background: #edf5ff;
|
40352
|
+
--cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
|
40353
|
+
--cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
|
40354
|
+
--cds-ai-aura-start: rgba(69, 137, 255, 0.1);
|
40355
|
+
--cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
|
40356
|
+
--cds-ai-border-end: #d0e2ff;
|
40357
|
+
--cds-ai-border-start: #78a9ff;
|
40358
|
+
--cds-ai-border-strong: #4589ff;
|
40359
|
+
--cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
|
40360
|
+
--cds-ai-gradient-end: rgba(255, 255, 255, 0);
|
40361
|
+
--cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
|
40362
|
+
--cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
|
40363
|
+
--cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
|
40364
|
+
--cds-ai-overlay: rgba(0, 17, 65, 0.5);
|
40365
|
+
--cds-ai-skeleton-background: #b8d3ff;
|
40366
|
+
--cds-ai-skeleton-element-background: #001141;
|
40367
|
+
--cds-background: #f4f4f4;
|
40368
|
+
--cds-background-active: rgba(141, 141, 141, 0.5);
|
40369
|
+
--cds-background-brand: #0f62fe;
|
40370
|
+
--cds-background-hover: rgba(141, 141, 141, 0.12);
|
40371
|
+
--cds-background-inverse: #393939;
|
40372
|
+
--cds-background-inverse-hover: #474747;
|
40373
|
+
--cds-background-selected: rgba(141, 141, 141, 0.2);
|
40374
|
+
--cds-background-selected-hover: rgba(141, 141, 141, 0.32);
|
40375
|
+
--cds-border-disabled: #c6c6c6;
|
40376
|
+
--cds-border-interactive: #0f62fe;
|
40377
|
+
--cds-border-inverse: #161616;
|
40378
|
+
--cds-border-strong-01: #8d8d8d;
|
40379
|
+
--cds-border-strong-02: #8d8d8d;
|
40380
|
+
--cds-border-strong-03: #8d8d8d;
|
40381
|
+
--cds-border-subtle-00: #c6c6c6;
|
40382
|
+
--cds-border-subtle-01: #e0e0e0;
|
40383
|
+
--cds-border-subtle-02: #c6c6c6;
|
40384
|
+
--cds-border-subtle-03: #e0e0e0;
|
40385
|
+
--cds-border-subtle-selected-01: #c6c6c6;
|
40386
|
+
--cds-border-subtle-selected-02: #c6c6c6;
|
40387
|
+
--cds-border-subtle-selected-03: #c6c6c6;
|
40388
|
+
--cds-border-tile-01: #a8a8a8;
|
40389
|
+
--cds-border-tile-02: #c6c6c6;
|
40390
|
+
--cds-border-tile-03: #a8a8a8;
|
40391
|
+
--cds-chat-avatar-agent: #393939;
|
40392
|
+
--cds-chat-avatar-bot: #6f6f6f;
|
40393
|
+
--cds-chat-avatar-user: #0f62fe;
|
40394
|
+
--cds-chat-bubble-agent: #ffffff;
|
40395
|
+
--cds-chat-bubble-agent-border: #e0e0e0;
|
40396
|
+
--cds-chat-bubble-user: #e0e0e0;
|
40397
|
+
--cds-chat-prompt-background: #ffffff;
|
40398
|
+
--cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
|
40399
|
+
--cds-chat-prompt-border-start: #f4f4f4;
|
40400
|
+
--cds-field-01: #ffffff;
|
40401
|
+
--cds-field-02: #f4f4f4;
|
40402
|
+
--cds-field-03: #ffffff;
|
40403
|
+
--cds-field-hover-01: #e8e8e8;
|
40404
|
+
--cds-field-hover-02: #e8e8e8;
|
40405
|
+
--cds-field-hover-03: #e8e8e8;
|
40406
|
+
--cds-focus: #0f62fe;
|
40407
|
+
--cds-focus-inset: #ffffff;
|
40408
|
+
--cds-focus-inverse: #ffffff;
|
40409
|
+
--cds-highlight: #d0e2ff;
|
40410
|
+
--cds-icon-disabled: rgba(22, 22, 22, 0.25);
|
40411
|
+
--cds-icon-interactive: #0f62fe;
|
40412
|
+
--cds-icon-inverse: #ffffff;
|
40413
|
+
--cds-icon-on-color: #ffffff;
|
40414
|
+
--cds-icon-on-color-disabled: #8d8d8d;
|
40415
|
+
--cds-icon-primary: #161616;
|
40416
|
+
--cds-icon-secondary: #525252;
|
40417
|
+
--cds-interactive: #0f62fe;
|
40418
|
+
--cds-layer-01: #ffffff;
|
40419
|
+
--cds-layer-02: #f4f4f4;
|
40420
|
+
--cds-layer-03: #ffffff;
|
40421
|
+
--cds-layer-accent-01: #e0e0e0;
|
40422
|
+
--cds-layer-accent-02: #e0e0e0;
|
40423
|
+
--cds-layer-accent-03: #e0e0e0;
|
40424
|
+
--cds-layer-accent-active-01: #a8a8a8;
|
40425
|
+
--cds-layer-accent-active-02: #a8a8a8;
|
40426
|
+
--cds-layer-accent-active-03: #a8a8a8;
|
40427
|
+
--cds-layer-accent-hover-01: #d1d1d1;
|
40428
|
+
--cds-layer-accent-hover-02: #d1d1d1;
|
40429
|
+
--cds-layer-accent-hover-03: #d1d1d1;
|
40430
|
+
--cds-layer-active-01: #c6c6c6;
|
40431
|
+
--cds-layer-active-02: #c6c6c6;
|
40432
|
+
--cds-layer-active-03: #c6c6c6;
|
40433
|
+
--cds-layer-hover-01: #e8e8e8;
|
40434
|
+
--cds-layer-hover-02: #e8e8e8;
|
40435
|
+
--cds-layer-hover-03: #e8e8e8;
|
40436
|
+
--cds-layer-selected-01: #e0e0e0;
|
40437
|
+
--cds-layer-selected-02: #e0e0e0;
|
40438
|
+
--cds-layer-selected-03: #e0e0e0;
|
40439
|
+
--cds-layer-selected-disabled: #8d8d8d;
|
40440
|
+
--cds-layer-selected-hover-01: #d1d1d1;
|
40441
|
+
--cds-layer-selected-hover-02: #d1d1d1;
|
40442
|
+
--cds-layer-selected-hover-03: #d1d1d1;
|
40443
|
+
--cds-layer-selected-inverse: #161616;
|
40444
|
+
--cds-link-inverse: #78a9ff;
|
40445
|
+
--cds-link-inverse-active: #f4f4f4;
|
40446
|
+
--cds-link-inverse-hover: #a6c8ff;
|
40447
|
+
--cds-link-primary: #0f62fe;
|
40448
|
+
--cds-link-primary-hover: #0043ce;
|
40449
|
+
--cds-link-secondary: #0043ce;
|
40450
|
+
--cds-link-visited: #8a3ffc;
|
40451
|
+
--cds-overlay: rgba(22, 22, 22, 0.5);
|
40452
|
+
--cds-shadow: rgba(0, 0, 0, 0.3);
|
40453
|
+
--cds-skeleton-background: #e8e8e8;
|
40454
|
+
--cds-skeleton-element: #c6c6c6;
|
40455
|
+
--cds-slug-background: #525252;
|
40456
|
+
--cds-slug-background-hover: #6f6f6f;
|
40457
|
+
--cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
|
40458
|
+
--cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
|
40459
|
+
--cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
|
40460
|
+
--cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
|
40461
|
+
--cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
|
40462
|
+
--cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
|
40463
|
+
--cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
|
40464
|
+
--cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
|
40465
|
+
--cds-slug-callout-caret-bottom: #d0e2ff;
|
40466
|
+
--cds-slug-callout-caret-bottom-background: #ccdbf8;
|
40467
|
+
--cds-slug-callout-caret-bottom-background-actions: #d2dcee;
|
40468
|
+
--cds-slug-callout-caret-center: #a7c7ff;
|
40469
|
+
--cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
|
40470
|
+
--cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
|
40471
|
+
--cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
|
40472
|
+
--cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
|
40473
|
+
--cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
|
40474
|
+
--cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
|
40475
|
+
--cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
|
40476
|
+
--cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
|
40477
|
+
--cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
|
40478
|
+
--cds-slug-gradient-hover: #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%);
|
40479
|
+
--cds-slug-hollow-hover: #474747;
|
40480
|
+
--cds-support-caution-major: #ff832b;
|
40481
|
+
--cds-support-caution-minor: #f1c21b;
|
40482
|
+
--cds-support-caution-undefined: #8a3ffc;
|
40483
|
+
--cds-support-error: #da1e28;
|
40484
|
+
--cds-support-error-inverse: #fa4d56;
|
40485
|
+
--cds-support-info: #0043ce;
|
40486
|
+
--cds-support-info-inverse: #4589ff;
|
40487
|
+
--cds-support-success: #24a148;
|
40488
|
+
--cds-support-success-inverse: #42be65;
|
40489
|
+
--cds-support-warning: #f1c21b;
|
40490
|
+
--cds-support-warning-inverse: #f1c21b;
|
40491
|
+
--cds-text-disabled: rgba(22, 22, 22, 0.25);
|
40492
|
+
--cds-text-error: #da1e28;
|
40493
|
+
--cds-text-helper: #6f6f6f;
|
40494
|
+
--cds-text-inverse: #ffffff;
|
40495
|
+
--cds-text-on-color: #ffffff;
|
40496
|
+
--cds-text-on-color-disabled: #8d8d8d;
|
40497
|
+
--cds-text-placeholder: rgba(22, 22, 22, 0.4);
|
40498
|
+
--cds-text-primary: #161616;
|
40499
|
+
--cds-text-secondary: #525252;
|
40500
|
+
--cds-toggle-off: #8d8d8d;
|
40501
|
+
--cds-spacing-01: 0.125rem;
|
40502
|
+
--cds-spacing-02: 0.25rem;
|
40503
|
+
--cds-spacing-03: 0.5rem;
|
40504
|
+
--cds-spacing-04: 0.75rem;
|
40505
|
+
--cds-spacing-05: 1rem;
|
40506
|
+
--cds-spacing-06: 1.5rem;
|
40507
|
+
--cds-spacing-07: 2rem;
|
40508
|
+
--cds-spacing-08: 2.5rem;
|
40509
|
+
--cds-spacing-09: 3rem;
|
40510
|
+
--cds-spacing-10: 4rem;
|
40511
|
+
--cds-spacing-11: 5rem;
|
40512
|
+
--cds-spacing-12: 6rem;
|
40513
|
+
--cds-spacing-13: 10rem;
|
40514
|
+
--cds-fluid-spacing-01: 0;
|
40515
|
+
--cds-fluid-spacing-02: 2vw;
|
40516
|
+
--cds-fluid-spacing-03: 5vw;
|
40517
|
+
--cds-fluid-spacing-04: 10vw;
|
40518
|
+
--cds-caption-01-font-size: 0.75rem;
|
40519
|
+
--cds-caption-01-font-weight: 400;
|
40520
|
+
--cds-caption-01-line-height: 1.33333;
|
40521
|
+
--cds-caption-01-letter-spacing: 0.32px;
|
40522
|
+
--cds-caption-02-font-size: 0.875rem;
|
40523
|
+
--cds-caption-02-font-weight: 400;
|
40524
|
+
--cds-caption-02-line-height: 1.28572;
|
40525
|
+
--cds-caption-02-letter-spacing: 0.32px;
|
40526
|
+
--cds-label-01-font-size: 0.75rem;
|
40527
|
+
--cds-label-01-font-weight: 400;
|
40528
|
+
--cds-label-01-line-height: 1.33333;
|
40529
|
+
--cds-label-01-letter-spacing: 0.32px;
|
40530
|
+
--cds-label-02-font-size: 0.875rem;
|
40531
|
+
--cds-label-02-font-weight: 400;
|
40532
|
+
--cds-label-02-line-height: 1.28572;
|
40533
|
+
--cds-label-02-letter-spacing: 0.16px;
|
40534
|
+
--cds-helper-text-01-font-size: 0.75rem;
|
40535
|
+
--cds-helper-text-01-line-height: 1.33333;
|
40536
|
+
--cds-helper-text-01-letter-spacing: 0.32px;
|
40537
|
+
--cds-helper-text-02-font-size: 0.875rem;
|
40538
|
+
--cds-helper-text-02-font-weight: 400;
|
40539
|
+
--cds-helper-text-02-line-height: 1.28572;
|
40540
|
+
--cds-helper-text-02-letter-spacing: 0.16px;
|
40541
|
+
--cds-body-short-01-font-size: 0.875rem;
|
40542
|
+
--cds-body-short-01-font-weight: 400;
|
40543
|
+
--cds-body-short-01-line-height: 1.28572;
|
40544
|
+
--cds-body-short-01-letter-spacing: 0.16px;
|
40545
|
+
--cds-body-short-02-font-size: 1rem;
|
40546
|
+
--cds-body-short-02-font-weight: 400;
|
40547
|
+
--cds-body-short-02-line-height: 1.375;
|
40548
|
+
--cds-body-short-02-letter-spacing: 0;
|
40549
|
+
--cds-body-long-01-font-size: 0.875rem;
|
40550
|
+
--cds-body-long-01-font-weight: 400;
|
40551
|
+
--cds-body-long-01-line-height: 1.42857;
|
40552
|
+
--cds-body-long-01-letter-spacing: 0.16px;
|
40553
|
+
--cds-body-long-02-font-size: 1rem;
|
40554
|
+
--cds-body-long-02-font-weight: 400;
|
40555
|
+
--cds-body-long-02-line-height: 1.5;
|
40556
|
+
--cds-body-long-02-letter-spacing: 0;
|
40557
|
+
--cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
|
40558
|
+
--cds-code-01-font-size: 0.75rem;
|
40559
|
+
--cds-code-01-font-weight: 400;
|
40560
|
+
--cds-code-01-line-height: 1.33333;
|
40561
|
+
--cds-code-01-letter-spacing: 0.32px;
|
40562
|
+
--cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
|
40563
|
+
--cds-code-02-font-size: 0.875rem;
|
40564
|
+
--cds-code-02-font-weight: 400;
|
40565
|
+
--cds-code-02-line-height: 1.42857;
|
40566
|
+
--cds-code-02-letter-spacing: 0.32px;
|
40567
|
+
--cds-heading-01-font-size: 0.875rem;
|
40568
|
+
--cds-heading-01-font-weight: 600;
|
40569
|
+
--cds-heading-01-line-height: 1.42857;
|
40570
|
+
--cds-heading-01-letter-spacing: 0.16px;
|
40571
|
+
--cds-heading-02-font-size: 1rem;
|
40572
|
+
--cds-heading-02-font-weight: 600;
|
40573
|
+
--cds-heading-02-line-height: 1.5;
|
40574
|
+
--cds-heading-02-letter-spacing: 0;
|
40575
|
+
--cds-productive-heading-01-font-size: 0.875rem;
|
40576
|
+
--cds-productive-heading-01-font-weight: 600;
|
40577
|
+
--cds-productive-heading-01-line-height: 1.28572;
|
40578
|
+
--cds-productive-heading-01-letter-spacing: 0.16px;
|
40579
|
+
--cds-productive-heading-02-font-size: 1rem;
|
40580
|
+
--cds-productive-heading-02-font-weight: 600;
|
40581
|
+
--cds-productive-heading-02-line-height: 1.375;
|
40582
|
+
--cds-productive-heading-02-letter-spacing: 0;
|
40583
|
+
--cds-productive-heading-03-font-size: 1.25rem;
|
40584
|
+
--cds-productive-heading-03-font-weight: 400;
|
40585
|
+
--cds-productive-heading-03-line-height: 1.4;
|
40586
|
+
--cds-productive-heading-03-letter-spacing: 0;
|
40587
|
+
--cds-productive-heading-04-font-size: 1.75rem;
|
40588
|
+
--cds-productive-heading-04-font-weight: 400;
|
40589
|
+
--cds-productive-heading-04-line-height: 1.28572;
|
40590
|
+
--cds-productive-heading-04-letter-spacing: 0;
|
40591
|
+
--cds-productive-heading-05-font-size: 2rem;
|
40592
|
+
--cds-productive-heading-05-font-weight: 400;
|
40593
|
+
--cds-productive-heading-05-line-height: 1.25;
|
40594
|
+
--cds-productive-heading-05-letter-spacing: 0;
|
40595
|
+
--cds-productive-heading-06-font-size: 2.625rem;
|
40596
|
+
--cds-productive-heading-06-font-weight: 300;
|
40597
|
+
--cds-productive-heading-06-line-height: 1.199;
|
40598
|
+
--cds-productive-heading-06-letter-spacing: 0;
|
40599
|
+
--cds-productive-heading-07-font-size: 3.375rem;
|
40600
|
+
--cds-productive-heading-07-font-weight: 300;
|
40601
|
+
--cds-productive-heading-07-line-height: 1.19;
|
40602
|
+
--cds-productive-heading-07-letter-spacing: 0;
|
40603
|
+
--cds-expressive-paragraph-01-font-size: 1.5rem;
|
40604
|
+
--cds-expressive-paragraph-01-font-weight: 300;
|
40605
|
+
--cds-expressive-paragraph-01-line-height: 1.334;
|
40606
|
+
--cds-expressive-paragraph-01-letter-spacing: 0;
|
40607
|
+
--cds-expressive-heading-01-font-size: 0.875rem;
|
40608
|
+
--cds-expressive-heading-01-font-weight: 600;
|
40609
|
+
--cds-expressive-heading-01-line-height: 1.42857;
|
40610
|
+
--cds-expressive-heading-01-letter-spacing: 0.16px;
|
40611
|
+
--cds-expressive-heading-02-font-size: 1rem;
|
40612
|
+
--cds-expressive-heading-02-font-weight: 600;
|
40613
|
+
--cds-expressive-heading-02-line-height: 1.5;
|
40614
|
+
--cds-expressive-heading-02-letter-spacing: 0;
|
40615
|
+
--cds-expressive-heading-03-font-size: 1.25rem;
|
40616
|
+
--cds-expressive-heading-03-font-weight: 400;
|
40617
|
+
--cds-expressive-heading-03-line-height: 1.4;
|
40618
|
+
--cds-expressive-heading-03-letter-spacing: 0;
|
40619
|
+
--cds-expressive-heading-04-font-size: 1.75rem;
|
40620
|
+
--cds-expressive-heading-04-font-weight: 400;
|
40621
|
+
--cds-expressive-heading-04-line-height: 1.28572;
|
40622
|
+
--cds-expressive-heading-04-letter-spacing: 0;
|
40623
|
+
--cds-expressive-heading-05-font-size: 2rem;
|
40624
|
+
--cds-expressive-heading-05-font-weight: 400;
|
40625
|
+
--cds-expressive-heading-05-line-height: 1.25;
|
40626
|
+
--cds-expressive-heading-05-letter-spacing: 0;
|
40627
|
+
--cds-expressive-heading-06-font-size: 2rem;
|
40628
|
+
--cds-expressive-heading-06-font-weight: 600;
|
40629
|
+
--cds-expressive-heading-06-line-height: 1.25;
|
40630
|
+
--cds-expressive-heading-06-letter-spacing: 0;
|
40631
|
+
--cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
40632
|
+
--cds-quotation-01-font-size: 1.25rem;
|
40633
|
+
--cds-quotation-01-font-weight: 400;
|
40634
|
+
--cds-quotation-01-line-height: 1.3;
|
40635
|
+
--cds-quotation-01-letter-spacing: 0;
|
40636
|
+
--cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
40637
|
+
--cds-quotation-02-font-size: 2rem;
|
40638
|
+
--cds-quotation-02-font-weight: 300;
|
40639
|
+
--cds-quotation-02-line-height: 1.25;
|
40640
|
+
--cds-quotation-02-letter-spacing: 0;
|
40641
|
+
--cds-display-01-font-size: 2.625rem;
|
40642
|
+
--cds-display-01-font-weight: 300;
|
40643
|
+
--cds-display-01-line-height: 1.19;
|
40644
|
+
--cds-display-01-letter-spacing: 0;
|
40645
|
+
--cds-display-02-font-size: 2.625rem;
|
40646
|
+
--cds-display-02-font-weight: 600;
|
40647
|
+
--cds-display-02-line-height: 1.19;
|
40648
|
+
--cds-display-02-letter-spacing: 0;
|
40649
|
+
--cds-display-03-font-size: 2.625rem;
|
40650
|
+
--cds-display-03-font-weight: 300;
|
40651
|
+
--cds-display-03-line-height: 1.19;
|
40652
|
+
--cds-display-03-letter-spacing: 0;
|
40653
|
+
--cds-display-04-font-size: 2.625rem;
|
40654
|
+
--cds-display-04-font-weight: 300;
|
40655
|
+
--cds-display-04-line-height: 1.19;
|
40656
|
+
--cds-display-04-letter-spacing: 0;
|
40657
|
+
--cds-legal-01-font-size: 0.75rem;
|
40658
|
+
--cds-legal-01-font-weight: 400;
|
40659
|
+
--cds-legal-01-line-height: 1.33333;
|
40660
|
+
--cds-legal-01-letter-spacing: 0.32px;
|
40661
|
+
--cds-legal-02-font-size: 0.875rem;
|
40662
|
+
--cds-legal-02-font-weight: 400;
|
40663
|
+
--cds-legal-02-line-height: 1.28572;
|
40664
|
+
--cds-legal-02-letter-spacing: 0.16px;
|
40665
|
+
--cds-body-compact-01-font-size: 0.875rem;
|
40666
|
+
--cds-body-compact-01-font-weight: 400;
|
40667
|
+
--cds-body-compact-01-line-height: 1.28572;
|
40668
|
+
--cds-body-compact-01-letter-spacing: 0.16px;
|
40669
|
+
--cds-body-compact-02-font-size: 1rem;
|
40670
|
+
--cds-body-compact-02-font-weight: 400;
|
40671
|
+
--cds-body-compact-02-line-height: 1.375;
|
40672
|
+
--cds-body-compact-02-letter-spacing: 0;
|
40673
|
+
--cds-heading-compact-01-font-size: 0.875rem;
|
40674
|
+
--cds-heading-compact-01-font-weight: 600;
|
40675
|
+
--cds-heading-compact-01-line-height: 1.28572;
|
40676
|
+
--cds-heading-compact-01-letter-spacing: 0.16px;
|
40677
|
+
--cds-heading-compact-02-font-size: 1rem;
|
40678
|
+
--cds-heading-compact-02-font-weight: 600;
|
40679
|
+
--cds-heading-compact-02-line-height: 1.375;
|
40680
|
+
--cds-heading-compact-02-letter-spacing: 0;
|
40681
|
+
--cds-body-01-font-size: 0.875rem;
|
40682
|
+
--cds-body-01-font-weight: 400;
|
40683
|
+
--cds-body-01-line-height: 1.42857;
|
40684
|
+
--cds-body-01-letter-spacing: 0.16px;
|
40685
|
+
--cds-body-02-font-size: 1rem;
|
40686
|
+
--cds-body-02-font-weight: 400;
|
40687
|
+
--cds-body-02-line-height: 1.5;
|
40688
|
+
--cds-body-02-letter-spacing: 0;
|
40689
|
+
--cds-heading-03-font-size: 1.25rem;
|
40690
|
+
--cds-heading-03-font-weight: 400;
|
40691
|
+
--cds-heading-03-line-height: 1.4;
|
40692
|
+
--cds-heading-03-letter-spacing: 0;
|
40693
|
+
--cds-heading-04-font-size: 1.75rem;
|
40694
|
+
--cds-heading-04-font-weight: 400;
|
40695
|
+
--cds-heading-04-line-height: 1.28572;
|
40696
|
+
--cds-heading-04-letter-spacing: 0;
|
40697
|
+
--cds-heading-05-font-size: 2rem;
|
40698
|
+
--cds-heading-05-font-weight: 400;
|
40699
|
+
--cds-heading-05-line-height: 1.25;
|
40700
|
+
--cds-heading-05-letter-spacing: 0;
|
40701
|
+
--cds-heading-06-font-size: 2.625rem;
|
40702
|
+
--cds-heading-06-font-weight: 300;
|
40703
|
+
--cds-heading-06-line-height: 1.199;
|
40704
|
+
--cds-heading-06-letter-spacing: 0;
|
40705
|
+
--cds-heading-07-font-size: 3.375rem;
|
40706
|
+
--cds-heading-07-font-weight: 300;
|
40707
|
+
--cds-heading-07-line-height: 1.19;
|
40708
|
+
--cds-heading-07-letter-spacing: 0;
|
40709
|
+
--cds-fluid-heading-03-font-size: 1.25rem;
|
40710
|
+
--cds-fluid-heading-03-font-weight: 400;
|
40711
|
+
--cds-fluid-heading-03-line-height: 1.4;
|
40712
|
+
--cds-fluid-heading-03-letter-spacing: 0;
|
40713
|
+
--cds-fluid-heading-04-font-size: 1.75rem;
|
40714
|
+
--cds-fluid-heading-04-font-weight: 400;
|
40715
|
+
--cds-fluid-heading-04-line-height: 1.28572;
|
40716
|
+
--cds-fluid-heading-04-letter-spacing: 0;
|
40717
|
+
--cds-fluid-heading-05-font-size: 2rem;
|
40718
|
+
--cds-fluid-heading-05-font-weight: 400;
|
40719
|
+
--cds-fluid-heading-05-line-height: 1.25;
|
40720
|
+
--cds-fluid-heading-05-letter-spacing: 0;
|
40721
|
+
--cds-fluid-heading-06-font-size: 2rem;
|
40722
|
+
--cds-fluid-heading-06-font-weight: 600;
|
40723
|
+
--cds-fluid-heading-06-line-height: 1.25;
|
40724
|
+
--cds-fluid-heading-06-letter-spacing: 0;
|
40725
|
+
--cds-fluid-paragraph-01-font-size: 1.5rem;
|
40726
|
+
--cds-fluid-paragraph-01-font-weight: 300;
|
40727
|
+
--cds-fluid-paragraph-01-line-height: 1.334;
|
40728
|
+
--cds-fluid-paragraph-01-letter-spacing: 0;
|
40729
|
+
--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
40730
|
+
--cds-fluid-quotation-01-font-size: 1.25rem;
|
40731
|
+
--cds-fluid-quotation-01-font-weight: 400;
|
40732
|
+
--cds-fluid-quotation-01-line-height: 1.3;
|
40733
|
+
--cds-fluid-quotation-01-letter-spacing: 0;
|
40734
|
+
--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
40735
|
+
--cds-fluid-quotation-02-font-size: 2rem;
|
40736
|
+
--cds-fluid-quotation-02-font-weight: 300;
|
40737
|
+
--cds-fluid-quotation-02-line-height: 1.25;
|
40738
|
+
--cds-fluid-quotation-02-letter-spacing: 0;
|
40739
|
+
--cds-fluid-display-01-font-size: 2.625rem;
|
40740
|
+
--cds-fluid-display-01-font-weight: 300;
|
40741
|
+
--cds-fluid-display-01-line-height: 1.19;
|
40742
|
+
--cds-fluid-display-01-letter-spacing: 0;
|
40743
|
+
--cds-fluid-display-02-font-size: 2.625rem;
|
40744
|
+
--cds-fluid-display-02-font-weight: 600;
|
40745
|
+
--cds-fluid-display-02-line-height: 1.19;
|
40746
|
+
--cds-fluid-display-02-letter-spacing: 0;
|
40747
|
+
--cds-fluid-display-03-font-size: 2.625rem;
|
40748
|
+
--cds-fluid-display-03-font-weight: 300;
|
40749
|
+
--cds-fluid-display-03-line-height: 1.19;
|
40750
|
+
--cds-fluid-display-03-letter-spacing: 0;
|
40751
|
+
--cds-fluid-display-04-font-size: 2.625rem;
|
40752
|
+
--cds-fluid-display-04-font-weight: 300;
|
40753
|
+
--cds-fluid-display-04-line-height: 1.19;
|
40754
|
+
--cds-fluid-display-04-letter-spacing: 0;
|
40755
|
+
--cds-true: ;
|
40756
|
+
--cds-button-separator: #e0e0e0;
|
40757
|
+
--cds-button-primary: #0f62fe;
|
40758
|
+
--cds-button-secondary: #393939;
|
40759
|
+
--cds-button-tertiary: #0f62fe;
|
40760
|
+
--cds-button-danger-primary: #da1e28;
|
40761
|
+
--cds-button-danger-secondary: #da1e28;
|
40762
|
+
--cds-button-danger-active: #750e13;
|
40763
|
+
--cds-button-primary-active: #002d9c;
|
40764
|
+
--cds-button-secondary-active: #6f6f6f;
|
40765
|
+
--cds-button-tertiary-active: #002d9c;
|
40766
|
+
--cds-button-danger-hover: #b81921;
|
40767
|
+
--cds-button-primary-hover: #0050e6;
|
40768
|
+
--cds-button-secondary-hover: #474747;
|
40769
|
+
--cds-button-tertiary-hover: #0050e6;
|
40770
|
+
--cds-button-disabled: #c6c6c6;
|
40771
|
+
--cds-tag-background-red: #ffd7d9;
|
40772
|
+
--cds-tag-color-red: #750e13;
|
40773
|
+
--cds-tag-hover-red: #ffc2c5;
|
40774
|
+
--cds-tag-background-magenta: #ffd6e8;
|
40775
|
+
--cds-tag-color-magenta: #740937;
|
40776
|
+
--cds-tag-hover-magenta: #ffbdda;
|
40777
|
+
--cds-tag-background-purple: #e8daff;
|
40778
|
+
--cds-tag-color-purple: #491d8b;
|
40779
|
+
--cds-tag-hover-purple: #dcc7ff;
|
40780
|
+
--cds-tag-background-blue: #d0e2ff;
|
40781
|
+
--cds-tag-color-blue: #002d9c;
|
40782
|
+
--cds-tag-hover-blue: #b8d3ff;
|
40783
|
+
--cds-tag-background-cyan: #bae6ff;
|
40784
|
+
--cds-tag-color-cyan: #003a6d;
|
40785
|
+
--cds-tag-hover-cyan: #99daff;
|
40786
|
+
--cds-tag-background-teal: #9ef0f0;
|
40787
|
+
--cds-tag-color-teal: #004144;
|
40788
|
+
--cds-tag-hover-teal: #57e5e5;
|
40789
|
+
--cds-tag-background-green: #a7f0ba;
|
40790
|
+
--cds-tag-color-green: #044317;
|
40791
|
+
--cds-tag-hover-green: #74e792;
|
40792
|
+
--cds-tag-background-gray: #e0e0e0;
|
40793
|
+
--cds-tag-color-gray: #393939;
|
40794
|
+
--cds-tag-hover-gray: #d1d1d1;
|
40795
|
+
--cds-tag-background-cool-gray: #dde1e6;
|
40796
|
+
--cds-tag-color-cool-gray: #343a3f;
|
40797
|
+
--cds-tag-hover-cool-gray: #cdd3da;
|
40798
|
+
--cds-tag-background-warm-gray: #e5e0df;
|
40799
|
+
--cds-tag-color-warm-gray: #3c3838;
|
40800
|
+
--cds-tag-hover-warm-gray: #d8d0cf;
|
40801
|
+
--cds-notification-background-error: #fff1f1;
|
40802
|
+
--cds-notification-background-success: #defbe6;
|
40803
|
+
--cds-notification-background-info: #edf5ff;
|
40804
|
+
--cds-notification-background-warning: #fdf6dd;
|
40805
|
+
--cds-notification-action-hover: #ffffff;
|
40806
|
+
--cds-notification-action-tertiary-inverse: #ffffff;
|
40807
|
+
--cds-notification-action-tertiary-inverse-active: #c6c6c6;
|
40808
|
+
--cds-notification-action-tertiary-inverse-hover: #f4f4f4;
|
40809
|
+
--cds-notification-action-tertiary-inverse-text: #161616;
|
40810
|
+
--cds-notification-action-tertiary-inverse-text-on-color-disabled: rgba(255, 255, 255, 0.25);
|
40811
|
+
--cds-layer: var(--cds-layer-01, #f4f4f4);
|
40812
|
+
--cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
|
40813
|
+
--cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
|
40814
|
+
--cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
|
40815
|
+
--cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
|
40816
|
+
--cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
|
40817
|
+
--cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
|
40818
|
+
--cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
|
40819
|
+
--cds-field: var(--cds-field-01, #f4f4f4);
|
40820
|
+
--cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
|
40821
|
+
--cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
|
40822
|
+
--cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
|
40823
|
+
--cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
|
40824
|
+
--cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
|
40825
|
+
}
|
40826
|
+
|
40827
|
+
.c4p--decorator--dark {
|
40828
|
+
--cds-ai-aura-end: rgba(0, 0, 0, 0);
|
40829
|
+
--cds-ai-aura-hover-background: #333333;
|
40830
|
+
--cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
|
40831
|
+
--cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
|
40832
|
+
--cds-ai-aura-start: rgba(69, 137, 255, 0.1);
|
40833
|
+
--cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
|
40834
|
+
--cds-ai-border-end: rgba(166, 200, 255, 0.24);
|
40835
|
+
--cds-ai-border-start: #4589ff;
|
40836
|
+
--cds-ai-border-strong: #78a9ff;
|
40837
|
+
--cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
|
40838
|
+
--cds-ai-gradient-end: rgba(38, 38, 38, 0);
|
40839
|
+
--cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
|
40840
|
+
--cds-ai-gradient-start-02: transparent;
|
40841
|
+
--cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
|
40842
|
+
--cds-ai-overlay: rgba(0, 17, 65, 0.5);
|
40843
|
+
--cds-ai-skeleton-background: #0053ff;
|
40844
|
+
--cds-ai-skeleton-element-background: #001141;
|
40845
|
+
--cds-background: #161616;
|
40846
|
+
--cds-background-active: rgba(141, 141, 141, 0.4);
|
40847
|
+
--cds-background-brand: #0f62fe;
|
40848
|
+
--cds-background-hover: rgba(141, 141, 141, 0.16);
|
40849
|
+
--cds-background-inverse: #f4f4f4;
|
40850
|
+
--cds-background-inverse-hover: #e8e8e8;
|
40851
|
+
--cds-background-selected: rgba(141, 141, 141, 0.24);
|
40852
|
+
--cds-background-selected-hover: rgba(141, 141, 141, 0.32);
|
40853
|
+
--cds-border-disabled: rgba(141, 141, 141, 0.5);
|
40854
|
+
--cds-border-interactive: #4589ff;
|
40855
|
+
--cds-border-inverse: #f4f4f4;
|
40856
|
+
--cds-border-strong-01: #6f6f6f;
|
40857
|
+
--cds-border-strong-02: #8d8d8d;
|
40858
|
+
--cds-border-strong-03: #a8a8a8;
|
40859
|
+
--cds-border-subtle-00: #393939;
|
40860
|
+
--cds-border-subtle-01: #525252;
|
40861
|
+
--cds-border-subtle-02: #6f6f6f;
|
40862
|
+
--cds-border-subtle-03: #6f6f6f;
|
40863
|
+
--cds-border-subtle-selected-01: #6f6f6f;
|
40864
|
+
--cds-border-subtle-selected-02: #8d8d8d;
|
40865
|
+
--cds-border-subtle-selected-03: #8d8d8d;
|
40866
|
+
--cds-border-tile-01: #525252;
|
40867
|
+
--cds-border-tile-02: #6f6f6f;
|
40868
|
+
--cds-border-tile-03: #8d8d8d;
|
40869
|
+
--cds-chat-avatar-agent: #c6c6c6;
|
40870
|
+
--cds-chat-avatar-bot: #8d8d8d;
|
40871
|
+
--cds-chat-avatar-user: #4589ff;
|
40872
|
+
--cds-chat-bubble-agent: #262626;
|
40873
|
+
--cds-chat-bubble-agent-border: #525252;
|
40874
|
+
--cds-chat-bubble-user: #393939;
|
40875
|
+
--cds-chat-prompt-background: #161616;
|
40876
|
+
--cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
|
40877
|
+
--cds-chat-prompt-border-start: #262626;
|
40878
|
+
--cds-field-01: #262626;
|
40879
|
+
--cds-field-02: #393939;
|
40880
|
+
--cds-field-03: #525252;
|
40881
|
+
--cds-field-hover-01: #333333;
|
40882
|
+
--cds-field-hover-02: #474747;
|
40883
|
+
--cds-field-hover-03: #636363;
|
40884
|
+
--cds-focus: #ffffff;
|
40885
|
+
--cds-focus-inset: #161616;
|
40886
|
+
--cds-focus-inverse: #0f62fe;
|
40887
|
+
--cds-highlight: #002d9c;
|
40888
|
+
--cds-icon-disabled: rgba(244, 244, 244, 0.25);
|
40889
|
+
--cds-icon-interactive: #ffffff;
|
40890
|
+
--cds-icon-inverse: #161616;
|
40891
|
+
--cds-icon-on-color: #ffffff;
|
40892
|
+
--cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
|
40893
|
+
--cds-icon-primary: #f4f4f4;
|
40894
|
+
--cds-icon-secondary: #c6c6c6;
|
40895
|
+
--cds-interactive: #4589ff;
|
40896
|
+
--cds-layer-01: #262626;
|
40897
|
+
--cds-layer-02: #393939;
|
40898
|
+
--cds-layer-03: #525252;
|
40899
|
+
--cds-layer-accent-01: #393939;
|
40900
|
+
--cds-layer-accent-02: #525252;
|
40901
|
+
--cds-layer-accent-03: #6f6f6f;
|
40902
|
+
--cds-layer-accent-active-01: #6f6f6f;
|
40903
|
+
--cds-layer-accent-active-02: #8d8d8d;
|
40904
|
+
--cds-layer-accent-active-03: #393939;
|
40905
|
+
--cds-layer-accent-hover-01: #474747;
|
40906
|
+
--cds-layer-accent-hover-02: #636363;
|
40907
|
+
--cds-layer-accent-hover-03: #5e5e5e;
|
40908
|
+
--cds-layer-active-01: #525252;
|
40909
|
+
--cds-layer-active-02: #6f6f6f;
|
40910
|
+
--cds-layer-active-03: #8d8d8d;
|
40911
|
+
--cds-layer-hover-01: #333333;
|
40912
|
+
--cds-layer-hover-02: #474747;
|
40913
|
+
--cds-layer-hover-03: #636363;
|
40914
|
+
--cds-layer-selected-01: #393939;
|
40915
|
+
--cds-layer-selected-02: #525252;
|
40916
|
+
--cds-layer-selected-03: #6f6f6f;
|
40917
|
+
--cds-layer-selected-disabled: #a8a8a8;
|
40918
|
+
--cds-layer-selected-hover-01: #474747;
|
40919
|
+
--cds-layer-selected-hover-02: #636363;
|
40920
|
+
--cds-layer-selected-hover-03: #5e5e5e;
|
40921
|
+
--cds-layer-selected-inverse: #f4f4f4;
|
40922
|
+
--cds-link-inverse: #0f62fe;
|
40923
|
+
--cds-link-inverse-active: #161616;
|
40924
|
+
--cds-link-inverse-hover: #0043ce;
|
40925
|
+
--cds-link-primary: #78a9ff;
|
40926
|
+
--cds-link-primary-hover: #a6c8ff;
|
40927
|
+
--cds-link-secondary: #a6c8ff;
|
40928
|
+
--cds-link-visited: #be95ff;
|
40929
|
+
--cds-overlay: rgba(0, 0, 0, 0.65);
|
40930
|
+
--cds-shadow: rgba(0, 0, 0, 0.8);
|
40931
|
+
--cds-skeleton-background: #292929;
|
40932
|
+
--cds-skeleton-element: #393939;
|
40933
|
+
--cds-slug-background: #c6c6c6;
|
40934
|
+
--cds-slug-background-hover: #e0e0e0;
|
40935
|
+
--cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
|
40936
|
+
--cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
|
40937
|
+
--cds-slug-callout-aura-end-hover-02: transparent;
|
40938
|
+
--cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
|
40939
|
+
--cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
|
40940
|
+
--cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
|
40941
|
+
--cds-slug-callout-aura-start-hover-02: transparent;
|
40942
|
+
--cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
|
40943
|
+
--cds-slug-callout-caret-bottom: #3d4655;
|
40944
|
+
--cds-slug-callout-caret-bottom-background: #213250;
|
40945
|
+
--cds-slug-callout-caret-bottom-background-actions: #192436;
|
40946
|
+
--cds-slug-callout-caret-center: #3f68af;
|
40947
|
+
--cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
|
40948
|
+
--cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
|
40949
|
+
--cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
|
40950
|
+
--cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
|
40951
|
+
--cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
|
40952
|
+
--cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
|
40953
|
+
--cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
|
40954
|
+
--cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
|
40955
|
+
--cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
|
40956
|
+
--cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
|
40957
|
+
--cds-slug-hollow-hover: #b5b5b5;
|
40958
|
+
--cds-support-caution-major: #ff832b;
|
40959
|
+
--cds-support-caution-minor: #f1c21b;
|
40960
|
+
--cds-support-caution-undefined: #a56eff;
|
40961
|
+
--cds-support-error: #fa4d56;
|
40962
|
+
--cds-support-error-inverse: #da1e28;
|
40963
|
+
--cds-support-info: #4589ff;
|
40964
|
+
--cds-support-info-inverse: #0043ce;
|
40965
|
+
--cds-support-success: #42be65;
|
40966
|
+
--cds-support-success-inverse: #24a148;
|
40967
|
+
--cds-support-warning: #f1c21b;
|
40968
|
+
--cds-support-warning-inverse: #f1c21b;
|
40969
|
+
--cds-text-disabled: rgba(244, 244, 244, 0.25);
|
40970
|
+
--cds-text-error: #ff8389;
|
40971
|
+
--cds-text-helper: #a8a8a8;
|
40972
|
+
--cds-text-inverse: #161616;
|
40973
|
+
--cds-text-on-color: #ffffff;
|
40974
|
+
--cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);
|
40975
|
+
--cds-text-placeholder: rgba(244, 244, 244, 0.4);
|
40976
|
+
--cds-text-primary: #f4f4f4;
|
40977
|
+
--cds-text-secondary: #c6c6c6;
|
40978
|
+
--cds-toggle-off: #6f6f6f;
|
40979
|
+
--cds-spacing-01: 0.125rem;
|
40980
|
+
--cds-spacing-02: 0.25rem;
|
40981
|
+
--cds-spacing-03: 0.5rem;
|
40982
|
+
--cds-spacing-04: 0.75rem;
|
40983
|
+
--cds-spacing-05: 1rem;
|
40984
|
+
--cds-spacing-06: 1.5rem;
|
40985
|
+
--cds-spacing-07: 2rem;
|
40986
|
+
--cds-spacing-08: 2.5rem;
|
40987
|
+
--cds-spacing-09: 3rem;
|
40988
|
+
--cds-spacing-10: 4rem;
|
40989
|
+
--cds-spacing-11: 5rem;
|
40990
|
+
--cds-spacing-12: 6rem;
|
40991
|
+
--cds-spacing-13: 10rem;
|
40992
|
+
--cds-fluid-spacing-01: 0;
|
40993
|
+
--cds-fluid-spacing-02: 2vw;
|
40994
|
+
--cds-fluid-spacing-03: 5vw;
|
40995
|
+
--cds-fluid-spacing-04: 10vw;
|
40996
|
+
--cds-caption-01-font-size: 0.75rem;
|
40997
|
+
--cds-caption-01-font-weight: 400;
|
40998
|
+
--cds-caption-01-line-height: 1.33333;
|
40999
|
+
--cds-caption-01-letter-spacing: 0.32px;
|
41000
|
+
--cds-caption-02-font-size: 0.875rem;
|
41001
|
+
--cds-caption-02-font-weight: 400;
|
41002
|
+
--cds-caption-02-line-height: 1.28572;
|
41003
|
+
--cds-caption-02-letter-spacing: 0.32px;
|
41004
|
+
--cds-label-01-font-size: 0.75rem;
|
41005
|
+
--cds-label-01-font-weight: 400;
|
41006
|
+
--cds-label-01-line-height: 1.33333;
|
41007
|
+
--cds-label-01-letter-spacing: 0.32px;
|
41008
|
+
--cds-label-02-font-size: 0.875rem;
|
41009
|
+
--cds-label-02-font-weight: 400;
|
41010
|
+
--cds-label-02-line-height: 1.28572;
|
41011
|
+
--cds-label-02-letter-spacing: 0.16px;
|
41012
|
+
--cds-helper-text-01-font-size: 0.75rem;
|
41013
|
+
--cds-helper-text-01-line-height: 1.33333;
|
41014
|
+
--cds-helper-text-01-letter-spacing: 0.32px;
|
41015
|
+
--cds-helper-text-02-font-size: 0.875rem;
|
41016
|
+
--cds-helper-text-02-font-weight: 400;
|
41017
|
+
--cds-helper-text-02-line-height: 1.28572;
|
41018
|
+
--cds-helper-text-02-letter-spacing: 0.16px;
|
41019
|
+
--cds-body-short-01-font-size: 0.875rem;
|
41020
|
+
--cds-body-short-01-font-weight: 400;
|
41021
|
+
--cds-body-short-01-line-height: 1.28572;
|
41022
|
+
--cds-body-short-01-letter-spacing: 0.16px;
|
41023
|
+
--cds-body-short-02-font-size: 1rem;
|
41024
|
+
--cds-body-short-02-font-weight: 400;
|
41025
|
+
--cds-body-short-02-line-height: 1.375;
|
41026
|
+
--cds-body-short-02-letter-spacing: 0;
|
41027
|
+
--cds-body-long-01-font-size: 0.875rem;
|
41028
|
+
--cds-body-long-01-font-weight: 400;
|
41029
|
+
--cds-body-long-01-line-height: 1.42857;
|
41030
|
+
--cds-body-long-01-letter-spacing: 0.16px;
|
41031
|
+
--cds-body-long-02-font-size: 1rem;
|
41032
|
+
--cds-body-long-02-font-weight: 400;
|
41033
|
+
--cds-body-long-02-line-height: 1.5;
|
41034
|
+
--cds-body-long-02-letter-spacing: 0;
|
41035
|
+
--cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
|
41036
|
+
--cds-code-01-font-size: 0.75rem;
|
41037
|
+
--cds-code-01-font-weight: 400;
|
41038
|
+
--cds-code-01-line-height: 1.33333;
|
41039
|
+
--cds-code-01-letter-spacing: 0.32px;
|
41040
|
+
--cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
|
41041
|
+
--cds-code-02-font-size: 0.875rem;
|
41042
|
+
--cds-code-02-font-weight: 400;
|
41043
|
+
--cds-code-02-line-height: 1.42857;
|
41044
|
+
--cds-code-02-letter-spacing: 0.32px;
|
41045
|
+
--cds-heading-01-font-size: 0.875rem;
|
41046
|
+
--cds-heading-01-font-weight: 600;
|
41047
|
+
--cds-heading-01-line-height: 1.42857;
|
41048
|
+
--cds-heading-01-letter-spacing: 0.16px;
|
41049
|
+
--cds-heading-02-font-size: 1rem;
|
41050
|
+
--cds-heading-02-font-weight: 600;
|
41051
|
+
--cds-heading-02-line-height: 1.5;
|
41052
|
+
--cds-heading-02-letter-spacing: 0;
|
41053
|
+
--cds-productive-heading-01-font-size: 0.875rem;
|
41054
|
+
--cds-productive-heading-01-font-weight: 600;
|
41055
|
+
--cds-productive-heading-01-line-height: 1.28572;
|
41056
|
+
--cds-productive-heading-01-letter-spacing: 0.16px;
|
41057
|
+
--cds-productive-heading-02-font-size: 1rem;
|
41058
|
+
--cds-productive-heading-02-font-weight: 600;
|
41059
|
+
--cds-productive-heading-02-line-height: 1.375;
|
41060
|
+
--cds-productive-heading-02-letter-spacing: 0;
|
41061
|
+
--cds-productive-heading-03-font-size: 1.25rem;
|
41062
|
+
--cds-productive-heading-03-font-weight: 400;
|
41063
|
+
--cds-productive-heading-03-line-height: 1.4;
|
41064
|
+
--cds-productive-heading-03-letter-spacing: 0;
|
41065
|
+
--cds-productive-heading-04-font-size: 1.75rem;
|
41066
|
+
--cds-productive-heading-04-font-weight: 400;
|
41067
|
+
--cds-productive-heading-04-line-height: 1.28572;
|
41068
|
+
--cds-productive-heading-04-letter-spacing: 0;
|
41069
|
+
--cds-productive-heading-05-font-size: 2rem;
|
41070
|
+
--cds-productive-heading-05-font-weight: 400;
|
41071
|
+
--cds-productive-heading-05-line-height: 1.25;
|
41072
|
+
--cds-productive-heading-05-letter-spacing: 0;
|
41073
|
+
--cds-productive-heading-06-font-size: 2.625rem;
|
41074
|
+
--cds-productive-heading-06-font-weight: 300;
|
41075
|
+
--cds-productive-heading-06-line-height: 1.199;
|
41076
|
+
--cds-productive-heading-06-letter-spacing: 0;
|
41077
|
+
--cds-productive-heading-07-font-size: 3.375rem;
|
41078
|
+
--cds-productive-heading-07-font-weight: 300;
|
41079
|
+
--cds-productive-heading-07-line-height: 1.19;
|
41080
|
+
--cds-productive-heading-07-letter-spacing: 0;
|
41081
|
+
--cds-expressive-paragraph-01-font-size: 1.5rem;
|
41082
|
+
--cds-expressive-paragraph-01-font-weight: 300;
|
41083
|
+
--cds-expressive-paragraph-01-line-height: 1.334;
|
41084
|
+
--cds-expressive-paragraph-01-letter-spacing: 0;
|
41085
|
+
--cds-expressive-heading-01-font-size: 0.875rem;
|
41086
|
+
--cds-expressive-heading-01-font-weight: 600;
|
41087
|
+
--cds-expressive-heading-01-line-height: 1.42857;
|
41088
|
+
--cds-expressive-heading-01-letter-spacing: 0.16px;
|
41089
|
+
--cds-expressive-heading-02-font-size: 1rem;
|
41090
|
+
--cds-expressive-heading-02-font-weight: 600;
|
41091
|
+
--cds-expressive-heading-02-line-height: 1.5;
|
41092
|
+
--cds-expressive-heading-02-letter-spacing: 0;
|
41093
|
+
--cds-expressive-heading-03-font-size: 1.25rem;
|
41094
|
+
--cds-expressive-heading-03-font-weight: 400;
|
41095
|
+
--cds-expressive-heading-03-line-height: 1.4;
|
41096
|
+
--cds-expressive-heading-03-letter-spacing: 0;
|
41097
|
+
--cds-expressive-heading-04-font-size: 1.75rem;
|
41098
|
+
--cds-expressive-heading-04-font-weight: 400;
|
41099
|
+
--cds-expressive-heading-04-line-height: 1.28572;
|
41100
|
+
--cds-expressive-heading-04-letter-spacing: 0;
|
41101
|
+
--cds-expressive-heading-05-font-size: 2rem;
|
41102
|
+
--cds-expressive-heading-05-font-weight: 400;
|
41103
|
+
--cds-expressive-heading-05-line-height: 1.25;
|
41104
|
+
--cds-expressive-heading-05-letter-spacing: 0;
|
41105
|
+
--cds-expressive-heading-06-font-size: 2rem;
|
41106
|
+
--cds-expressive-heading-06-font-weight: 600;
|
41107
|
+
--cds-expressive-heading-06-line-height: 1.25;
|
41108
|
+
--cds-expressive-heading-06-letter-spacing: 0;
|
41109
|
+
--cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
41110
|
+
--cds-quotation-01-font-size: 1.25rem;
|
41111
|
+
--cds-quotation-01-font-weight: 400;
|
41112
|
+
--cds-quotation-01-line-height: 1.3;
|
41113
|
+
--cds-quotation-01-letter-spacing: 0;
|
41114
|
+
--cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
41115
|
+
--cds-quotation-02-font-size: 2rem;
|
41116
|
+
--cds-quotation-02-font-weight: 300;
|
41117
|
+
--cds-quotation-02-line-height: 1.25;
|
41118
|
+
--cds-quotation-02-letter-spacing: 0;
|
41119
|
+
--cds-display-01-font-size: 2.625rem;
|
41120
|
+
--cds-display-01-font-weight: 300;
|
41121
|
+
--cds-display-01-line-height: 1.19;
|
41122
|
+
--cds-display-01-letter-spacing: 0;
|
41123
|
+
--cds-display-02-font-size: 2.625rem;
|
41124
|
+
--cds-display-02-font-weight: 600;
|
41125
|
+
--cds-display-02-line-height: 1.19;
|
41126
|
+
--cds-display-02-letter-spacing: 0;
|
41127
|
+
--cds-display-03-font-size: 2.625rem;
|
41128
|
+
--cds-display-03-font-weight: 300;
|
41129
|
+
--cds-display-03-line-height: 1.19;
|
41130
|
+
--cds-display-03-letter-spacing: 0;
|
41131
|
+
--cds-display-04-font-size: 2.625rem;
|
41132
|
+
--cds-display-04-font-weight: 300;
|
41133
|
+
--cds-display-04-line-height: 1.19;
|
41134
|
+
--cds-display-04-letter-spacing: 0;
|
41135
|
+
--cds-legal-01-font-size: 0.75rem;
|
41136
|
+
--cds-legal-01-font-weight: 400;
|
41137
|
+
--cds-legal-01-line-height: 1.33333;
|
41138
|
+
--cds-legal-01-letter-spacing: 0.32px;
|
41139
|
+
--cds-legal-02-font-size: 0.875rem;
|
41140
|
+
--cds-legal-02-font-weight: 400;
|
41141
|
+
--cds-legal-02-line-height: 1.28572;
|
41142
|
+
--cds-legal-02-letter-spacing: 0.16px;
|
41143
|
+
--cds-body-compact-01-font-size: 0.875rem;
|
41144
|
+
--cds-body-compact-01-font-weight: 400;
|
41145
|
+
--cds-body-compact-01-line-height: 1.28572;
|
41146
|
+
--cds-body-compact-01-letter-spacing: 0.16px;
|
41147
|
+
--cds-body-compact-02-font-size: 1rem;
|
41148
|
+
--cds-body-compact-02-font-weight: 400;
|
41149
|
+
--cds-body-compact-02-line-height: 1.375;
|
41150
|
+
--cds-body-compact-02-letter-spacing: 0;
|
41151
|
+
--cds-heading-compact-01-font-size: 0.875rem;
|
41152
|
+
--cds-heading-compact-01-font-weight: 600;
|
41153
|
+
--cds-heading-compact-01-line-height: 1.28572;
|
41154
|
+
--cds-heading-compact-01-letter-spacing: 0.16px;
|
41155
|
+
--cds-heading-compact-02-font-size: 1rem;
|
41156
|
+
--cds-heading-compact-02-font-weight: 600;
|
41157
|
+
--cds-heading-compact-02-line-height: 1.375;
|
41158
|
+
--cds-heading-compact-02-letter-spacing: 0;
|
41159
|
+
--cds-body-01-font-size: 0.875rem;
|
41160
|
+
--cds-body-01-font-weight: 400;
|
41161
|
+
--cds-body-01-line-height: 1.42857;
|
41162
|
+
--cds-body-01-letter-spacing: 0.16px;
|
41163
|
+
--cds-body-02-font-size: 1rem;
|
41164
|
+
--cds-body-02-font-weight: 400;
|
41165
|
+
--cds-body-02-line-height: 1.5;
|
41166
|
+
--cds-body-02-letter-spacing: 0;
|
41167
|
+
--cds-heading-03-font-size: 1.25rem;
|
41168
|
+
--cds-heading-03-font-weight: 400;
|
41169
|
+
--cds-heading-03-line-height: 1.4;
|
41170
|
+
--cds-heading-03-letter-spacing: 0;
|
41171
|
+
--cds-heading-04-font-size: 1.75rem;
|
41172
|
+
--cds-heading-04-font-weight: 400;
|
41173
|
+
--cds-heading-04-line-height: 1.28572;
|
41174
|
+
--cds-heading-04-letter-spacing: 0;
|
41175
|
+
--cds-heading-05-font-size: 2rem;
|
41176
|
+
--cds-heading-05-font-weight: 400;
|
41177
|
+
--cds-heading-05-line-height: 1.25;
|
41178
|
+
--cds-heading-05-letter-spacing: 0;
|
41179
|
+
--cds-heading-06-font-size: 2.625rem;
|
41180
|
+
--cds-heading-06-font-weight: 300;
|
41181
|
+
--cds-heading-06-line-height: 1.199;
|
41182
|
+
--cds-heading-06-letter-spacing: 0;
|
41183
|
+
--cds-heading-07-font-size: 3.375rem;
|
41184
|
+
--cds-heading-07-font-weight: 300;
|
41185
|
+
--cds-heading-07-line-height: 1.19;
|
41186
|
+
--cds-heading-07-letter-spacing: 0;
|
41187
|
+
--cds-fluid-heading-03-font-size: 1.25rem;
|
41188
|
+
--cds-fluid-heading-03-font-weight: 400;
|
41189
|
+
--cds-fluid-heading-03-line-height: 1.4;
|
41190
|
+
--cds-fluid-heading-03-letter-spacing: 0;
|
41191
|
+
--cds-fluid-heading-04-font-size: 1.75rem;
|
41192
|
+
--cds-fluid-heading-04-font-weight: 400;
|
41193
|
+
--cds-fluid-heading-04-line-height: 1.28572;
|
41194
|
+
--cds-fluid-heading-04-letter-spacing: 0;
|
41195
|
+
--cds-fluid-heading-05-font-size: 2rem;
|
41196
|
+
--cds-fluid-heading-05-font-weight: 400;
|
41197
|
+
--cds-fluid-heading-05-line-height: 1.25;
|
41198
|
+
--cds-fluid-heading-05-letter-spacing: 0;
|
41199
|
+
--cds-fluid-heading-06-font-size: 2rem;
|
41200
|
+
--cds-fluid-heading-06-font-weight: 600;
|
41201
|
+
--cds-fluid-heading-06-line-height: 1.25;
|
41202
|
+
--cds-fluid-heading-06-letter-spacing: 0;
|
41203
|
+
--cds-fluid-paragraph-01-font-size: 1.5rem;
|
41204
|
+
--cds-fluid-paragraph-01-font-weight: 300;
|
41205
|
+
--cds-fluid-paragraph-01-line-height: 1.334;
|
41206
|
+
--cds-fluid-paragraph-01-letter-spacing: 0;
|
41207
|
+
--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
41208
|
+
--cds-fluid-quotation-01-font-size: 1.25rem;
|
41209
|
+
--cds-fluid-quotation-01-font-weight: 400;
|
41210
|
+
--cds-fluid-quotation-01-line-height: 1.3;
|
41211
|
+
--cds-fluid-quotation-01-letter-spacing: 0;
|
41212
|
+
--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
41213
|
+
--cds-fluid-quotation-02-font-size: 2rem;
|
41214
|
+
--cds-fluid-quotation-02-font-weight: 300;
|
41215
|
+
--cds-fluid-quotation-02-line-height: 1.25;
|
41216
|
+
--cds-fluid-quotation-02-letter-spacing: 0;
|
41217
|
+
--cds-fluid-display-01-font-size: 2.625rem;
|
41218
|
+
--cds-fluid-display-01-font-weight: 300;
|
41219
|
+
--cds-fluid-display-01-line-height: 1.19;
|
41220
|
+
--cds-fluid-display-01-letter-spacing: 0;
|
41221
|
+
--cds-fluid-display-02-font-size: 2.625rem;
|
41222
|
+
--cds-fluid-display-02-font-weight: 600;
|
41223
|
+
--cds-fluid-display-02-line-height: 1.19;
|
41224
|
+
--cds-fluid-display-02-letter-spacing: 0;
|
41225
|
+
--cds-fluid-display-03-font-size: 2.625rem;
|
41226
|
+
--cds-fluid-display-03-font-weight: 300;
|
41227
|
+
--cds-fluid-display-03-line-height: 1.19;
|
41228
|
+
--cds-fluid-display-03-letter-spacing: 0;
|
41229
|
+
--cds-fluid-display-04-font-size: 2.625rem;
|
41230
|
+
--cds-fluid-display-04-font-weight: 300;
|
41231
|
+
--cds-fluid-display-04-line-height: 1.19;
|
41232
|
+
--cds-fluid-display-04-letter-spacing: 0;
|
41233
|
+
--cds-true: ;
|
41234
|
+
--cds-button-separator: #161616;
|
41235
|
+
--cds-button-primary: #0f62fe;
|
41236
|
+
--cds-button-secondary: #6f6f6f;
|
41237
|
+
--cds-button-tertiary: #ffffff;
|
41238
|
+
--cds-button-danger-primary: #da1e28;
|
41239
|
+
--cds-button-danger-secondary: #fa4d56;
|
41240
|
+
--cds-button-danger-active: #750e13;
|
41241
|
+
--cds-button-primary-active: #002d9c;
|
41242
|
+
--cds-button-secondary-active: #393939;
|
41243
|
+
--cds-button-tertiary-active: #c6c6c6;
|
41244
|
+
--cds-button-danger-hover: #b81921;
|
41245
|
+
--cds-button-primary-hover: #0050e6;
|
41246
|
+
--cds-button-secondary-hover: #5e5e5e;
|
41247
|
+
--cds-button-tertiary-hover: #f4f4f4;
|
41248
|
+
--cds-button-disabled: rgba(141, 141, 141, 0.3);
|
41249
|
+
--cds-tag-background-red: #a2191f;
|
41250
|
+
--cds-tag-color-red: #ffd7d9;
|
41251
|
+
--cds-tag-hover-red: #c21e25;
|
41252
|
+
--cds-tag-background-magenta: #9f1853;
|
41253
|
+
--cds-tag-color-magenta: #ffd6e8;
|
41254
|
+
--cds-tag-hover-magenta: #bf1d63;
|
41255
|
+
--cds-tag-background-purple: #6929c4;
|
41256
|
+
--cds-tag-color-purple: #e8daff;
|
41257
|
+
--cds-tag-hover-purple: #7c3dd6;
|
41258
|
+
--cds-tag-background-blue: #0043ce;
|
41259
|
+
--cds-tag-color-blue: #d0e2ff;
|
41260
|
+
--cds-tag-hover-blue: #0053ff;
|
41261
|
+
--cds-tag-background-cyan: #00539a;
|
41262
|
+
--cds-tag-color-cyan: #bae6ff;
|
41263
|
+
--cds-tag-hover-cyan: #0066bd;
|
41264
|
+
--cds-tag-background-teal: #005d5d;
|
41265
|
+
--cds-tag-color-teal: #9ef0f0;
|
41266
|
+
--cds-tag-hover-teal: #007070;
|
41267
|
+
--cds-tag-background-green: #0e6027;
|
41268
|
+
--cds-tag-color-green: #a7f0ba;
|
41269
|
+
--cds-tag-hover-green: #11742f;
|
41270
|
+
--cds-tag-background-gray: #525252;
|
41271
|
+
--cds-tag-color-gray: #e0e0e0;
|
41272
|
+
--cds-tag-hover-gray: #636363;
|
41273
|
+
--cds-tag-background-cool-gray: #4d5358;
|
41274
|
+
--cds-tag-color-cool-gray: #dde1e6;
|
41275
|
+
--cds-tag-hover-cool-gray: #5d646a;
|
41276
|
+
--cds-tag-background-warm-gray: #565151;
|
41277
|
+
--cds-tag-color-warm-gray: #e5e0df;
|
41278
|
+
--cds-tag-hover-warm-gray: #696363;
|
41279
|
+
--cds-notification-background-error: #262626;
|
41280
|
+
--cds-notification-background-success: #262626;
|
41281
|
+
--cds-notification-background-info: #262626;
|
41282
|
+
--cds-notification-background-warning: #262626;
|
41283
|
+
--cds-notification-action-hover: var(--cds-layer-hover);
|
41284
|
+
--cds-notification-action-tertiary-inverse: #0f62fe;
|
41285
|
+
--cds-notification-action-tertiary-inverse-active: #002d9c;
|
41286
|
+
--cds-notification-action-tertiary-inverse-hover: #0050e6;
|
41287
|
+
--cds-notification-action-tertiary-inverse-text: #ffffff;
|
41288
|
+
--cds-notification-action-tertiary-inverse-text-on-color-disabled: #8d8d8d;
|
41289
|
+
--cds-layer: var(--cds-layer-01, #f4f4f4);
|
41290
|
+
--cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
|
41291
|
+
--cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
|
41292
|
+
--cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
|
41293
|
+
--cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
|
41294
|
+
--cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
|
41295
|
+
--cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
|
41296
|
+
--cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
|
41297
|
+
--cds-field: var(--cds-field-01, #f4f4f4);
|
41298
|
+
--cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
|
41299
|
+
--cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
|
41300
|
+
--cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
|
41301
|
+
--cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
|
41302
|
+
--cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
|
41303
|
+
}
|
41304
|
+
|
41305
|
+
.c4p--decorator {
|
41306
|
+
display: inline-flex;
|
41307
|
+
max-width: 100%;
|
41308
|
+
align-items: normal;
|
41309
|
+
border-radius: 6rem;
|
41310
|
+
}
|
41311
|
+
|
41312
|
+
.c4p--decorator .c4p--decorator__label {
|
41313
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
41314
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
41315
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
41316
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
41317
|
+
position: relative;
|
41318
|
+
display: inline-flex;
|
41319
|
+
height: 1.5rem;
|
41320
|
+
align-items: normal;
|
41321
|
+
padding: 0 0.5rem;
|
41322
|
+
border-width: 0.0625rem 0 0.0625rem 0.0625rem;
|
41323
|
+
border-style: solid;
|
41324
|
+
border-color: var(--cds-border-subtle-02, #e0e0e0);
|
41325
|
+
border-radius: 6rem 0 0 6rem;
|
41326
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
41327
|
+
color: var(--cds-text-secondary, #525252);
|
41328
|
+
line-height: 1.8;
|
41329
|
+
}
|
41330
|
+
|
41331
|
+
.c4p--decorator .c4p--decorator__value {
|
41332
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
41333
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
41334
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
41335
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
41336
|
+
position: relative;
|
41337
|
+
display: inline-flex;
|
41338
|
+
overflow: hidden;
|
41339
|
+
height: 1.5rem;
|
41340
|
+
align-items: normal;
|
41341
|
+
padding: 0 0.5rem;
|
41342
|
+
border-width: 0.0625rem 0.0625rem 0.0625rem 0;
|
41343
|
+
border-style: solid;
|
41344
|
+
border-color: var(--cds-border-subtle-02, #e0e0e0);
|
41345
|
+
border-radius: 0 6rem 6rem 0;
|
41346
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
41347
|
+
color: var(--cds-text-primary, #161616);
|
41348
|
+
line-height: 1.8;
|
41349
|
+
}
|
41350
|
+
|
41351
|
+
.c4p--decorator .c4p--decorator-icon {
|
41352
|
+
margin-top: 0.1875rem;
|
41353
|
+
margin-right: 0.25rem;
|
41354
|
+
}
|
41355
|
+
|
41356
|
+
.c4p--decorator--default .c4p--decorator__value::after {
|
41357
|
+
position: absolute;
|
41358
|
+
top: 0;
|
41359
|
+
bottom: 0;
|
41360
|
+
left: 0;
|
41361
|
+
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
41362
|
+
content: "";
|
41363
|
+
}
|
41364
|
+
|
41365
|
+
.c4p--decorator--link {
|
41366
|
+
cursor: pointer;
|
41367
|
+
text-decoration: none;
|
41368
|
+
}
|
41369
|
+
|
41370
|
+
.c4p--decorator--link .c4p--decorator__label {
|
41371
|
+
background-color: var(--cds-layer-02, #ffffff);
|
41372
|
+
}
|
41373
|
+
|
41374
|
+
.c4p--decorator--link .c4p--decorator__value {
|
41375
|
+
background-color: var(--cds-layer-02, #ffffff);
|
41376
|
+
color: var(--cds-link-primary, #0f62fe);
|
41377
|
+
}
|
41378
|
+
.c4p--decorator--link .c4p--decorator__value::after {
|
41379
|
+
position: absolute;
|
41380
|
+
top: 0;
|
41381
|
+
bottom: 0;
|
41382
|
+
left: 0;
|
41383
|
+
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
41384
|
+
content: "";
|
41385
|
+
}
|
41386
|
+
|
41387
|
+
.c4p--decorator--link:hover .c4p--decorator__value {
|
41388
|
+
color: var(--cds-link-primary-hover, #0043ce);
|
41389
|
+
text-decoration: underline;
|
41390
|
+
}
|
41391
|
+
|
41392
|
+
.c4p--decorator--link:focus {
|
41393
|
+
text-decoration: none;
|
41394
|
+
}
|
41395
|
+
|
41396
|
+
.c4p--decorator--link:focus .c4p--decorator__value {
|
41397
|
+
border-color: var(--cds-focus, #0f62fe);
|
41398
|
+
}
|
41399
|
+
.c4p--decorator--link:focus .c4p--decorator__value::after {
|
41400
|
+
position: absolute;
|
41401
|
+
top: 0;
|
41402
|
+
bottom: 0;
|
41403
|
+
left: 0;
|
41404
|
+
border-left: 1px solid var(--cds-focus, #0f62fe);
|
41405
|
+
content: "";
|
41406
|
+
}
|
41407
|
+
|
41408
|
+
.c4p--decorator--link:active .c4p--decorator__value {
|
41409
|
+
color: var(--cds-text-primary, #161616);
|
41410
|
+
}
|
41411
|
+
|
41412
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled) {
|
41413
|
+
display: flex;
|
41414
|
+
padding: 0;
|
41415
|
+
border: 0;
|
41416
|
+
cursor: pointer;
|
41417
|
+
}
|
41418
|
+
|
41419
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled) .c4p--decorator__label {
|
41420
|
+
background-color: var(--cds-layer-02, #ffffff);
|
41421
|
+
}
|
41422
|
+
|
41423
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled) .c4p--decorator__value {
|
41424
|
+
background-color: var(--cds-layer-02, #ffffff);
|
41425
|
+
}
|
41426
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled) .c4p--decorator__value::after {
|
41427
|
+
position: absolute;
|
41428
|
+
top: 0;
|
41429
|
+
bottom: 0;
|
41430
|
+
left: 0;
|
41431
|
+
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
41432
|
+
content: "";
|
41433
|
+
}
|
41434
|
+
|
41435
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator__label {
|
41436
|
+
border-color: var(--cds-border-strong);
|
41437
|
+
background-color: var(--cds-layer-hover-02, #e8e8e8);
|
41438
|
+
}
|
41439
|
+
|
41440
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator__value {
|
41441
|
+
border-color: var(--cds-border-strong);
|
41442
|
+
background-color: var(--cds-layer-hover-02, #e8e8e8);
|
41443
|
+
}
|
41444
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator__value::after {
|
41445
|
+
position: absolute;
|
41446
|
+
top: 0;
|
41447
|
+
bottom: 0;
|
41448
|
+
left: 0;
|
41449
|
+
border-left: 1px solid var(--cds-border-strong);
|
41450
|
+
content: "";
|
41451
|
+
}
|
41452
|
+
|
41453
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):focus {
|
41454
|
+
outline: none;
|
41455
|
+
}
|
41456
|
+
|
41457
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):focus .c4p--decorator__label {
|
41458
|
+
border-color: var(--cds-focus, #0f62fe);
|
41459
|
+
background-color: var(--cds-layer-02, #ffffff);
|
41460
|
+
}
|
41461
|
+
|
41462
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):focus .c4p--decorator__value {
|
41463
|
+
border-color: var(--cds-focus, #0f62fe);
|
41464
|
+
background-color: var(--cds-layer-02, #ffffff);
|
41465
|
+
}
|
41466
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):focus .c4p--decorator__value::after {
|
41467
|
+
position: absolute;
|
41468
|
+
top: 0;
|
41469
|
+
bottom: 0;
|
41470
|
+
left: 0;
|
41471
|
+
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
41472
|
+
content: "";
|
41473
|
+
}
|
41474
|
+
|
41475
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator__label {
|
41476
|
+
background-color: var(--cds-layer-selected-02, #e0e0e0);
|
41477
|
+
}
|
41478
|
+
|
41479
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator__value {
|
41480
|
+
background-color: var(--cds-layer-selected-02, #e0e0e0);
|
41481
|
+
}
|
41482
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator__value::after {
|
41483
|
+
position: absolute;
|
41484
|
+
top: 0;
|
41485
|
+
bottom: 0;
|
41486
|
+
left: 0;
|
41487
|
+
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
41488
|
+
content: "";
|
41489
|
+
}
|
41490
|
+
|
41491
|
+
.c4p--decorator--button.c4p--decorator-disabled {
|
41492
|
+
padding: 0;
|
41493
|
+
border: 0;
|
41494
|
+
cursor: not-allowed;
|
41495
|
+
}
|
41496
|
+
|
41497
|
+
.c4p--decorator--button.c4p--decorator-disabled .c4p--decorator__label {
|
41498
|
+
background-color: var(--cds-layer-02, #ffffff);
|
41499
|
+
color: var(--cds-icon-on-color-disabled, #8d8d8d);
|
41500
|
+
}
|
41501
|
+
|
41502
|
+
.c4p--decorator--button.c4p--decorator-disabled .c4p--decorator__value {
|
41503
|
+
background-color: var(--cds-layer-02, #ffffff);
|
41504
|
+
color: var(--cds-icon-on-color-disabled, #8d8d8d);
|
41505
|
+
}
|
41506
|
+
.c4p--decorator--button.c4p--decorator-disabled .c4p--decorator__value::after {
|
41507
|
+
position: absolute;
|
41508
|
+
top: 0;
|
41509
|
+
bottom: 0;
|
41510
|
+
left: 0;
|
41511
|
+
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
41512
|
+
content: "";
|
41513
|
+
}
|
41514
|
+
|
41515
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label {
|
41516
|
+
background-color: var(--cds-layer-02, #ffffff);
|
41517
|
+
cursor: pointer;
|
41518
|
+
}
|
41519
|
+
|
41520
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled):not(:hover) .c4p--decorator__value::after {
|
41521
|
+
position: absolute;
|
41522
|
+
top: 0;
|
41523
|
+
bottom: 0;
|
41524
|
+
left: 0;
|
41525
|
+
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
41526
|
+
content: "";
|
41527
|
+
}
|
41528
|
+
|
41529
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value {
|
41530
|
+
background-color: var(--cds-layer-02, #ffffff);
|
41531
|
+
cursor: pointer;
|
41532
|
+
}
|
41533
|
+
|
41534
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:hover {
|
41535
|
+
border-color: var(--cds-border-strong);
|
41536
|
+
background-color: var(--cds-layer-hover-02, #e8e8e8);
|
41537
|
+
}
|
41538
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:hover::after {
|
41539
|
+
position: absolute;
|
41540
|
+
z-index: 1;
|
41541
|
+
top: -1px;
|
41542
|
+
right: -1px;
|
41543
|
+
bottom: -1px;
|
41544
|
+
border-right: 1px solid var(--cds-border-strong);
|
41545
|
+
content: "";
|
41546
|
+
}
|
41547
|
+
|
41548
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:hover {
|
41549
|
+
border-color: var(--cds-border-strong);
|
41550
|
+
background-color: var(--cds-layer-hover-02, #e8e8e8);
|
41551
|
+
}
|
41552
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:hover::after {
|
41553
|
+
position: absolute;
|
41554
|
+
top: 0;
|
41555
|
+
bottom: 0;
|
41556
|
+
left: 0;
|
41557
|
+
border-left: 1px solid var(--cds-border-strong);
|
41558
|
+
content: "";
|
41559
|
+
}
|
41560
|
+
|
41561
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:focus {
|
41562
|
+
border-color: var(--cds-focus, #0f62fe);
|
41563
|
+
outline: none;
|
41564
|
+
}
|
41565
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:focus::after {
|
41566
|
+
position: absolute;
|
41567
|
+
z-index: 1;
|
41568
|
+
top: -1px;
|
41569
|
+
right: -1px;
|
41570
|
+
bottom: -1px;
|
41571
|
+
border-right: 1px solid var(--cds-focus, #0f62fe);
|
41572
|
+
content: "";
|
41573
|
+
}
|
41574
|
+
|
41575
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:focus {
|
41576
|
+
border-color: var(--cds-focus, #0f62fe);
|
41577
|
+
outline: none;
|
41578
|
+
}
|
41579
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:focus::after {
|
41580
|
+
position: absolute;
|
41581
|
+
top: 0;
|
41582
|
+
bottom: 0;
|
41583
|
+
left: 0;
|
41584
|
+
border-left: 1px solid var(--cds-focus, #0f62fe);
|
41585
|
+
content: "";
|
41586
|
+
}
|
41587
|
+
|
41588
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:active {
|
41589
|
+
background-color: var(--cds-layer-hover-02, #e8e8e8);
|
41590
|
+
}
|
41591
|
+
|
41592
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:active {
|
41593
|
+
background-color: var(--cds-layer-hover-02, #e8e8e8);
|
41594
|
+
}
|
41595
|
+
|
41596
|
+
.c4p--decorator--buttons.c4p--decorator-disabled .c4p--decorator__label {
|
41597
|
+
background-color: var(--cds-layer-02, #ffffff);
|
41598
|
+
color: var(--cds-icon-on-color-disabled, #8d8d8d);
|
41599
|
+
}
|
41600
|
+
|
41601
|
+
.c4p--decorator--buttons.c4p--decorator-disabled .c4p--decorator__value {
|
41602
|
+
background-color: var(--cds-layer-02, #ffffff);
|
41603
|
+
color: var(--cds-icon-on-color-disabled, #8d8d8d);
|
41604
|
+
}
|
41605
|
+
.c4p--decorator--buttons.c4p--decorator-disabled .c4p--decorator__value::after {
|
41606
|
+
position: absolute;
|
41607
|
+
top: 0;
|
41608
|
+
bottom: 0;
|
41609
|
+
left: 0;
|
41610
|
+
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
41611
|
+
content: "";
|
41612
|
+
}
|
41613
|
+
|
41614
|
+
.c4p--decorator--sm .c4p--decorator__label {
|
41615
|
+
height: 1.125rem;
|
41616
|
+
padding: 0 0.25rem 0 0.5rem;
|
41617
|
+
line-height: 1.333;
|
41618
|
+
}
|
41619
|
+
|
41620
|
+
.c4p--decorator--sm .c4p--decorator__value {
|
41621
|
+
height: 1.125rem;
|
41622
|
+
padding: 0 0.5rem 0 calc(0.25rem + 1px);
|
41623
|
+
line-height: 1.333;
|
41624
|
+
}
|
41625
|
+
|
41626
|
+
.c4p--decorator--truncate-end .c4p--decorator__value {
|
41627
|
+
display: inline;
|
41628
|
+
overflow: hidden;
|
41629
|
+
text-overflow: ellipsis;
|
41630
|
+
white-space: nowrap;
|
41631
|
+
}
|
41632
|
+
|
41633
|
+
.c4p--decorator--truncate-start .c4p--decorator__value {
|
41634
|
+
display: inline;
|
41635
|
+
overflow: hidden;
|
41636
|
+
direction: rtl;
|
41637
|
+
text-overflow: ellipsis;
|
41638
|
+
white-space: nowrap;
|
41639
|
+
}
|
41640
|
+
|
41641
|
+
.c4p--decorator-icon__magnitude-unknown {
|
41642
|
+
fill: var(--cds-icon-secondary, #525252);
|
41643
|
+
}
|
41644
|
+
|
41645
|
+
.c4p--decorator-icon__magnitude-benign {
|
41646
|
+
fill: #007d79;
|
41647
|
+
}
|
41648
|
+
|
41649
|
+
.c4p--decorator-icon__magnitude-low {
|
41650
|
+
fill: var(--cds-support-warning, #f1c21b);
|
41651
|
+
}
|
41652
|
+
|
41653
|
+
.c4p--decorator-icon__magnitude-medium {
|
41654
|
+
fill: #ff832b;
|
41655
|
+
}
|
41656
|
+
|
41657
|
+
.c4p--decorator-icon__magnitude-high {
|
41658
|
+
fill: var(--cds-support-error, #da1e28);
|
41659
|
+
}
|
41660
|
+
|
41661
|
+
.c4p--decorator-icon__magnitude-critical {
|
41662
|
+
fill: var(--cds-support-error, #da1e28);
|
41663
|
+
}
|
41664
|
+
|
41665
|
+
.c4p--decorator-disabled svg {
|
41666
|
+
fill: var(--cds-icon-on-color-disabled, #8d8d8d);
|
41667
|
+
}
|
41668
|
+
|
41669
|
+
.c4p--decorator .c4p--decorator-icon--sm {
|
41670
|
+
width: 0.75rem;
|
41671
|
+
height: 0.75rem;
|
41672
|
+
margin-top: 0.15625rem;
|
41673
|
+
}
|
41674
|
+
|
41675
|
+
.c4p--decorator--light.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:hover .c4p--decorator-icon__magnitude-low, .c4p--decorator--light.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:active .c4p--decorator-icon__magnitude-low {
|
41676
|
+
stroke: #8e6a00;
|
41677
|
+
stroke-width: 1px;
|
41678
|
+
}
|
41679
|
+
.c4p--decorator--light.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:hover .c4p--decorator-icon__magnitude-medium path:first-child, .c4p--decorator--light.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:active .c4p--decorator-icon__magnitude-medium path:first-child {
|
41680
|
+
fill: #ba4e00;
|
41681
|
+
}
|
41682
|
+
|
41683
|
+
.c4p--decorator--dark.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:hover .c4p--decorator-icon__magnitude-high path:first-child, .c4p--decorator--dark.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:active .c4p--decorator-icon__magnitude-high path:first-child {
|
41684
|
+
fill: #ff8389;
|
41685
|
+
}
|
41686
|
+
.c4p--decorator--dark.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:hover .c4p--decorator-icon__magnitude-critical, .c4p--decorator--dark.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:active .c4p--decorator-icon__magnitude-critical {
|
41687
|
+
stroke: #ff8389;
|
41688
|
+
stroke-width: 0.03125rem;
|
41689
|
+
}
|
41690
|
+
|
41691
|
+
.c4p--decorator--light.c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator-icon__magnitude-low, .c4p--decorator--light.c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator-icon__magnitude-low {
|
41692
|
+
stroke: #8e6a00;
|
41693
|
+
stroke-width: 1px;
|
41694
|
+
}
|
41695
|
+
.c4p--decorator--light.c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator-icon__magnitude-medium path:first-child, .c4p--decorator--light.c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator-icon__magnitude-medium path:first-child {
|
41696
|
+
fill: #ba4e00;
|
41697
|
+
}
|
41698
|
+
|
41699
|
+
.c4p--decorator--dark.c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator-icon__magnitude-high path:first-child, .c4p--decorator--dark.c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator-icon__magnitude-high path:first-child {
|
41700
|
+
fill: #ff8389;
|
41701
|
+
}
|
41702
|
+
.c4p--decorator--dark.c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator-icon__magnitude-critical, .c4p--decorator--dark.c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator-icon__magnitude-critical {
|
41703
|
+
stroke: #ff8389;
|
41704
|
+
stroke-width: 0.03125rem;
|
41705
|
+
}
|
41706
|
+
|
41707
|
+
.c4p--description-list .cds--structured-list {
|
41708
|
+
margin-bottom: 2rem;
|
41709
|
+
}
|
41710
|
+
|
41711
|
+
.c4p--description-list .c4p--description-list__body .c4p--description-list__row {
|
41712
|
+
border-block-end-width: 0;
|
41713
|
+
border-block-start-width: 0;
|
41714
|
+
}
|
41715
|
+
|
41716
|
+
.c4p--description-list .cds--structured-list .c4p--description-list__body .c4p--description-list__row:first-child {
|
41717
|
+
border-block-start-width: 0;
|
41718
|
+
}
|
41719
|
+
|
41720
|
+
.c4p--description-list .cds--structured-list .c4p--description-list__body .c4p--description-list__row:last-child {
|
41721
|
+
border-block-end-width: 0;
|
41722
|
+
}
|
41723
|
+
|
41724
|
+
.c4p--description-list--bordered .c4p--description-list__body .c4p--description-list__row {
|
41725
|
+
border-block-start-width: 1px;
|
41726
|
+
}
|
41727
|
+
|
41728
|
+
.c4p--description-list .c4p--description-list__body .c4p--description-list__cell {
|
41729
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
41730
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
41731
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
41732
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
41733
|
+
padding: 0.5rem 1.5rem 0.5rem 0.5rem;
|
41734
|
+
}
|
41735
|
+
|
41736
|
+
.c4p--description-list .c4p--description-list__body .c4p--description-list__cell:first-of-type {
|
41737
|
+
width: 1%;
|
41738
|
+
padding-left: 0;
|
41739
|
+
white-space: nowrap;
|
41740
|
+
}
|
41741
|
+
|
41742
|
+
.c4p--description-list .c4p--description-list__body .c4p--description-list__cell:last-of-type {
|
41743
|
+
padding-right: 0;
|
41744
|
+
color: var(--cds-text-primary, #161616);
|
41745
|
+
}
|
41746
|
+
|
41747
|
+
.c4p--description-list .c4p--description-list__body .c4p--description-list__row:first-of-type > .c4p--description-list__cell {
|
41748
|
+
padding-top: 0;
|
41749
|
+
}
|
41750
|
+
|
41751
|
+
.c4p--description-list .c4p--description-list__body .c4p--description-list__row:last-of-type > .c4p--description-list__cell {
|
41752
|
+
padding-bottom: 0;
|
41753
|
+
}
|
41754
|
+
|
41755
|
+
.c4p--description-list .c4p--description-list__body .c4p--description-list__cell ul {
|
41756
|
+
list-style: none;
|
41757
|
+
}
|
41758
|
+
|
41759
|
+
.c4p--description-list .c4p--description-list__body .c4p--description-list__cell ul > li {
|
41760
|
+
margin-bottom: 0.5rem;
|
41761
|
+
}
|
41762
|
+
|
41763
|
+
.c4p--description-list--lg .c4p--description-list__body .c4p--description-list__cell {
|
41764
|
+
padding: 1rem 1.5rem 1rem 1rem;
|
41765
|
+
}
|
41766
|
+
|
41767
|
+
.c4p--description-list--sm .c4p--description-list__body .c4p--description-list__cell {
|
41768
|
+
padding: 0.25rem 1.5rem 0.25rem 0.25rem;
|
41769
|
+
}
|
41770
|
+
|
41771
|
+
.c4p--description-list--xs .c4p--description-list__body .c4p--description-list__cell {
|
41772
|
+
padding: 0.25rem;
|
41773
|
+
}
|
41774
|
+
|
41775
|
+
.c4p--description-list .cds--structured-list-row--focused-within {
|
41776
|
+
outline: none;
|
41777
|
+
}
|
41778
|
+
|
41779
|
+
.c4p--full-page-error {
|
41780
|
+
height: inherit;
|
41781
|
+
}
|
41782
|
+
|
41783
|
+
.c4p--full-page-error__error-container {
|
41784
|
+
height: 100%;
|
41785
|
+
margin: 0 1.5rem;
|
41786
|
+
}
|
41787
|
+
@media (max-width: 41.98rem) {
|
41788
|
+
.c4p--full-page-error__error-container {
|
41789
|
+
margin: 0 0.5rem;
|
41790
|
+
}
|
41791
|
+
}
|
41792
|
+
|
41793
|
+
.c4p--full-page-error__error-grid {
|
41794
|
+
height: 100%;
|
41795
|
+
padding-top: 2rem;
|
41796
|
+
padding-bottom: 2rem;
|
41797
|
+
}
|
41798
|
+
|
41799
|
+
.c4p--full-page-error__error-column {
|
41800
|
+
padding: 0;
|
41801
|
+
}
|
41802
|
+
@media (min-width: 66rem) {
|
41803
|
+
.c4p--full-page-error__error-column {
|
41804
|
+
padding: 0 2rem 0 0;
|
41805
|
+
}
|
41806
|
+
}
|
41807
|
+
|
41808
|
+
.c4p--full-page-error__error-svg-container {
|
41809
|
+
display: flex;
|
41810
|
+
height: 100%;
|
41811
|
+
padding: 0.5rem 0.5rem 5rem 0.5rem;
|
41812
|
+
}
|
41813
|
+
@media (min-width: 42rem) {
|
41814
|
+
.c4p--full-page-error__error-svg-container {
|
41815
|
+
padding: auto 0.5rem 5rem 0.5rem;
|
41816
|
+
}
|
41817
|
+
}
|
41818
|
+
|
41819
|
+
.c4p--full-page-error__error-label,
|
41820
|
+
.c4p--full-page-error__error-title {
|
41821
|
+
font-size: 2rem;
|
41822
|
+
font-weight: 400;
|
41823
|
+
line-height: 1.25;
|
41824
|
+
letter-spacing: 0;
|
41825
|
+
font-size: calc(2rem + 0.25 * (100vw - 20rem) / 22);
|
41826
|
+
}
|
41827
|
+
@media (min-width: 42rem) {
|
41828
|
+
.c4p--full-page-error__error-label,
|
41829
|
+
.c4p--full-page-error__error-title {
|
41830
|
+
font-size: 2.25rem;
|
41831
|
+
font-weight: 300;
|
41832
|
+
line-height: 1.22;
|
41833
|
+
font-size: calc(2.25rem + 0.375 * (100vw - 42rem) / 24);
|
41834
|
+
}
|
41835
|
+
}
|
41836
|
+
@media (min-width: 66rem) {
|
41837
|
+
.c4p--full-page-error__error-label,
|
41838
|
+
.c4p--full-page-error__error-title {
|
41839
|
+
font-size: 2.625rem;
|
41840
|
+
line-height: 1.19;
|
41841
|
+
font-size: calc(2.625rem + 0.375 * (100vw - 66rem) / 16);
|
41842
|
+
}
|
41843
|
+
}
|
41844
|
+
@media (min-width: 82rem) {
|
41845
|
+
.c4p--full-page-error__error-label,
|
41846
|
+
.c4p--full-page-error__error-title {
|
41847
|
+
font-size: 3rem;
|
41848
|
+
line-height: 1.17;
|
41849
|
+
font-size: calc(3rem + 0.75 * (100vw - 82rem) / 17);
|
41850
|
+
}
|
41851
|
+
}
|
41852
|
+
@media (min-width: 99rem) {
|
41853
|
+
.c4p--full-page-error__error-label,
|
41854
|
+
.c4p--full-page-error__error-title {
|
41855
|
+
font-size: 3.75rem;
|
41856
|
+
font-size: 3.75rem;
|
41857
|
+
}
|
41858
|
+
}
|
41859
|
+
|
41860
|
+
.c4p--full-page-error__error-label {
|
41861
|
+
display: block;
|
41862
|
+
color: var(--cds-text-error, #da1e28);
|
41863
|
+
}
|
41864
|
+
|
41865
|
+
.c4p--full-page-error__error-title {
|
41866
|
+
margin-bottom: 3rem;
|
41867
|
+
}
|
41868
|
+
|
41869
|
+
.c4p--full-page-error__description {
|
41870
|
+
font-size: var(--cds-body-02-font-size, 1rem);
|
41871
|
+
font-weight: var(--cds-body-02-font-weight, 400);
|
41872
|
+
line-height: var(--cds-body-02-line-height, 1.5);
|
41873
|
+
letter-spacing: var(--cds-body-02-letter-spacing, 0);
|
41874
|
+
margin-bottom: 2rem;
|
41875
|
+
}
|
41876
|
+
|
41877
|
+
.c4p--full-page-error__error-svg-container svg.c4p--full-page-error__error-svg {
|
41878
|
+
width: 100%;
|
41879
|
+
}
|
41880
|
+
|
41881
|
+
.c4p--full-page-error__error-svg-container svg.c4p--full-page-error__error-svg path {
|
41882
|
+
fill: var(--cds-background, #ffffff);
|
41883
|
+
stroke: var(--cds-border-inverse, #161616);
|
41884
|
+
}
|
41885
|
+
|
41886
|
+
.c4p--search-bar {
|
41887
|
+
position: relative;
|
41888
|
+
display: flex;
|
41889
|
+
}
|
41890
|
+
.c4p--search-bar .c4p--search-bar__scopes .cds--label {
|
41891
|
+
position: absolute;
|
41892
|
+
}
|
41893
|
+
|
41894
|
+
.c4p--string-formatter {
|
41895
|
+
display: inline-block;
|
41896
|
+
text-align: left;
|
41897
|
+
}
|
41898
|
+
|
41899
|
+
.c4p--string-formatter--content {
|
41900
|
+
display: inline-block;
|
41901
|
+
text-align: left;
|
41902
|
+
}
|
41903
|
+
|
41904
|
+
.c4p--string-formatter--truncate {
|
41905
|
+
display: -webkit-box;
|
41906
|
+
overflow: hidden;
|
41907
|
+
max-width: 80ch;
|
41908
|
+
-webkit-box-orient: vertical;
|
41909
|
+
-webkit-line-clamp: 1;
|
41910
|
+
}
|
41911
|
+
|
41912
|
+
.c4p--string-formatter__tooltip > button {
|
41913
|
+
border-width: 0;
|
41914
|
+
color: currentColor;
|
41915
|
+
font-size: inherit;
|
41916
|
+
font-weight: inherit;
|
41917
|
+
line-height: inherit;
|
41918
|
+
}
|
41919
|
+
|
41920
|
+
.cds--popover {
|
41921
|
+
max-width: 1rem;
|
41922
|
+
margin: 0 auto;
|
41923
|
+
}
|
41924
|
+
|
41925
|
+
.c4p--string-formatter .cds--popover-content {
|
41926
|
+
max-inline-size: 20rem;
|
41927
|
+
}
|
41928
|
+
|
41929
|
+
.c4p--string-formatter .cds--popover--left .cds--popover,
|
41930
|
+
.c4p--string-formatter .cds--popover--left-bottom .cds--popover,
|
41931
|
+
.c4p--string-formatter .cds--popover--left-top .cds--popover {
|
41932
|
+
margin: 0;
|
41933
|
+
}
|
41934
|
+
|
41935
|
+
.c4p--string-formatter .cds--popover--right .cds--popover,
|
41936
|
+
.c4p--string-formatter .cds--popover--right-bottom .cds--popover,
|
41937
|
+
.c4p--string-formatter .cds--popover--right-top .cds--popover {
|
41938
|
+
margin-right: 0;
|
41939
|
+
margin-left: auto;
|
41940
|
+
}
|
41941
|
+
|
41942
|
+
.c4p--string-formatter .cds--popover--top .cds--popover-caret,
|
41943
|
+
.c4p--string-formatter .cds--popover--top-left .cds--popover-caret,
|
41944
|
+
.c4p--string-formatter .cds--popover--top-right .cds--popover-caret {
|
41945
|
+
/* stylelint-disable-next-line declaration-no-important */
|
41946
|
+
inset-block-start: -1px !important;
|
41947
|
+
}
|
41948
|
+
|
41949
|
+
.c4p--string-formatter .cds--popover--bottom .cds--popover-caret,
|
41950
|
+
.c4p--string-formatter .cds--popover--bottom-left .cds--popover-caret,
|
41951
|
+
.c4p--string-formatter .cds--popover--bottom-right .cds--popover-caret {
|
41952
|
+
/* stylelint-disable-next-line declaration-no-important */
|
41953
|
+
inset-block-end: -1px !important;
|
41954
|
+
}
|
41955
|
+
|
41956
|
+
.c4p--user-avatar {
|
41957
|
+
position: relative;
|
41958
|
+
display: flex;
|
41959
|
+
width: 4rem;
|
41960
|
+
height: 4rem;
|
41961
|
+
align-items: center;
|
41962
|
+
justify-content: center;
|
41963
|
+
border: 0.5px solid transparent;
|
41964
|
+
border-radius: 100%;
|
41965
|
+
color: var(--cds-text-inverse, #ffffff);
|
41966
|
+
outline: none;
|
41967
|
+
outline-offset: 3px;
|
41968
|
+
}
|
41969
|
+
|
41970
|
+
.c4p--user-avatar svg {
|
41971
|
+
color: var(--cds-icon-inverse, #ffffff);
|
41972
|
+
}
|
41973
|
+
|
41974
|
+
.c4p--user-avatar__tooltip:focus-within .c4p--user-avatar {
|
41975
|
+
outline: 2px solid var(--cds-focus, #0f62fe);
|
41976
|
+
}
|
41977
|
+
|
41978
|
+
.c4p--user-avatar--light-cyan {
|
41979
|
+
background-color: #1192e8;
|
41980
|
+
}
|
41981
|
+
|
41982
|
+
.c4p--user-avatar--dark-cyan {
|
41983
|
+
background-color: #0072c3;
|
41984
|
+
}
|
41985
|
+
|
41986
|
+
.c4p--user-avatar--xl {
|
41987
|
+
width: 4rem;
|
41988
|
+
height: 4rem;
|
41989
|
+
font-size: var(--cds-heading-04-font-size, 1.75rem);
|
41990
|
+
font-weight: var(--cds-heading-04-font-weight, 400);
|
41991
|
+
line-height: var(--cds-heading-04-line-height, 1.28572);
|
41992
|
+
letter-spacing: var(--cds-heading-04-letter-spacing, 0);
|
41993
|
+
}
|
41994
|
+
|
41995
|
+
.c4p--user-avatar--lg {
|
41996
|
+
width: 3rem;
|
40502
41997
|
height: 3rem;
|
40503
41998
|
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
40504
41999
|
font-weight: var(--cds-heading-03-font-weight, 400);
|
@@ -40561,4 +42056,80 @@ a.cds--side-nav__link--current::before {
|
|
40561
42056
|
height: 1.5rem;
|
40562
42057
|
}
|
40563
42058
|
|
42059
|
+
/* stylelint-disable carbon/layout-token-use */
|
42060
|
+
/* stylelint-disable function-no-unknown */
|
42061
|
+
.c4p--status-indicator__title {
|
42062
|
+
font-size: var(--cds-heading-02-font-size, 1rem);
|
42063
|
+
font-weight: var(--cds-heading-02-font-weight, 600);
|
42064
|
+
line-height: var(--cds-heading-02-line-height, 1.5);
|
42065
|
+
letter-spacing: var(--cds-heading-02-letter-spacing, 0);
|
42066
|
+
margin-bottom: 0.25rem;
|
42067
|
+
}
|
42068
|
+
|
42069
|
+
.c4p--status-indicator-step__details {
|
42070
|
+
display: flex;
|
42071
|
+
min-height: 2rem;
|
42072
|
+
align-items: center;
|
42073
|
+
}
|
42074
|
+
|
42075
|
+
.c4p--status-indicator-step__icon {
|
42076
|
+
position: relative;
|
42077
|
+
display: flex;
|
42078
|
+
width: 1.5rem;
|
42079
|
+
}
|
42080
|
+
|
42081
|
+
.c4p--status-indicator-step__text {
|
42082
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
42083
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
42084
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
42085
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
42086
|
+
color: var(--cds-text-primary, #161616);
|
42087
|
+
}
|
42088
|
+
|
42089
|
+
.c4p--status-indicator .c4p--status-indicator__button {
|
42090
|
+
align-items: center;
|
42091
|
+
margin-top: 0.125rem;
|
42092
|
+
margin-left: 0.5rem;
|
42093
|
+
}
|
42094
|
+
|
42095
|
+
.c4p--status-indicator .c4p--status-indicator__button:not([disabled]) svg {
|
42096
|
+
margin-left: 0.5rem;
|
42097
|
+
fill: currentColor;
|
42098
|
+
}
|
42099
|
+
|
42100
|
+
.c4p--status-indicator-step--inactive .c4p--status-indicator-step__text {
|
42101
|
+
color: var(--cds-text-secondary, #525252);
|
42102
|
+
}
|
42103
|
+
|
42104
|
+
.c4p--status-indicator-step--inactive svg {
|
42105
|
+
fill: var(--cds-icon-primary, #161616);
|
42106
|
+
}
|
42107
|
+
|
42108
|
+
.c4p--status-indicator-step--active .c4p--status-indicator-step__icon {
|
42109
|
+
margin-right: 0;
|
42110
|
+
}
|
42111
|
+
|
42112
|
+
.c4p--status-indicator-step--active .cds--inline-loading__animation {
|
42113
|
+
margin-right: 0.4375rem;
|
42114
|
+
}
|
42115
|
+
|
42116
|
+
.c4p--status-indicator-step--error svg {
|
42117
|
+
fill: var(--cds-support-error, #da1e28);
|
42118
|
+
}
|
42119
|
+
|
42120
|
+
.c4p--status-indicator-step--finished svg {
|
42121
|
+
fill: var(--cds-support-success, #24a148);
|
42122
|
+
}
|
42123
|
+
|
42124
|
+
.c4p--status-indicator-step__error-message {
|
42125
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
42126
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
42127
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
42128
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
42129
|
+
margin-top: -0.125rem;
|
42130
|
+
margin-bottom: 0.375rem;
|
42131
|
+
margin-left: 1.5rem;
|
42132
|
+
color: var(--cds-text-error, #da1e28);
|
42133
|
+
}
|
42134
|
+
|
40564
42135
|
/*# sourceMappingURL=index-full-carbon.css.map */
|