@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.
Files changed (101) hide show
  1. package/css/index-full-carbon.css +1804 -233
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +40 -8
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -1
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +1804 -233
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +1 -1
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +1785 -243
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +1 -1
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/APIKeyModal/APIKeyModal.d.ts +2 -1
  18. package/es/components/APIKeyModal/APIKeyModal.js +13 -9
  19. package/es/components/APIKeyModal/APIKeyModal.types.d.ts +206 -0
  20. package/es/components/AboutModal/AboutModal.d.ts +73 -2
  21. package/es/components/AboutModal/AboutModal.js +16 -12
  22. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +2 -0
  23. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.d.ts +1 -2
  24. package/es/components/Datagrid/useInitialColumnSort.d.ts +1 -0
  25. package/es/components/Datagrid/useInitialColumnSort.js +42 -0
  26. package/es/components/Datagrid/useSortableColumns.d.ts +4 -0
  27. package/es/components/Datagrid/useSortableColumns.js +16 -16
  28. package/es/components/Decorator/Decorator.d.ts +5 -0
  29. package/es/components/Decorator/Decorator.js +348 -0
  30. package/es/components/Decorator/DecoratorIcon.d.ts +5 -0
  31. package/es/components/Decorator/DecoratorIcon.js +95 -0
  32. package/es/components/Decorator/index.d.ts +1 -0
  33. package/es/components/Decorator/utils.d.ts +8 -0
  34. package/es/components/Decorator/utils.js +43 -0
  35. package/es/components/DescriptionList/DescriptionList.d.ts +42 -0
  36. package/es/components/DescriptionList/DescriptionList.js +88 -0
  37. package/es/components/DescriptionList/constants.d.ts +6 -0
  38. package/es/components/DescriptionList/constants.js +16 -0
  39. package/es/components/DescriptionList/index.d.ts +1 -0
  40. package/es/components/EmptyStates/EmptyStateContent.d.ts +1 -287
  41. package/es/components/HTTPErrors/HTTPErrorContent.d.ts +1 -293
  42. package/es/components/StatusIndicator/StatusIndicator.d.ts +5 -0
  43. package/es/components/StatusIndicator/StatusIndicator.js +100 -0
  44. package/es/components/StatusIndicator/StatusIndicatorStep.d.ts +5 -0
  45. package/es/components/StatusIndicator/index.d.ts +2 -0
  46. package/es/components/index.d.ts +3 -0
  47. package/es/global/js/package-settings.d.ts +4 -0
  48. package/es/global/js/package-settings.js +4 -0
  49. package/es/index.js +3 -0
  50. package/es/settings.d.ts +4 -0
  51. package/lib/components/APIKeyModal/APIKeyModal.d.ts +2 -1
  52. package/lib/components/APIKeyModal/APIKeyModal.js +13 -9
  53. package/lib/components/APIKeyModal/APIKeyModal.types.d.ts +206 -0
  54. package/lib/components/AboutModal/AboutModal.d.ts +73 -2
  55. package/lib/components/AboutModal/AboutModal.js +16 -12
  56. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +2 -0
  57. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.d.ts +1 -2
  58. package/lib/components/Datagrid/useInitialColumnSort.d.ts +1 -0
  59. package/lib/components/Datagrid/useInitialColumnSort.js +46 -0
  60. package/lib/components/Datagrid/useSortableColumns.d.ts +4 -0
  61. package/lib/components/Datagrid/useSortableColumns.js +16 -15
  62. package/lib/components/Decorator/Decorator.d.ts +5 -0
  63. package/lib/components/Decorator/Decorator.js +355 -0
  64. package/lib/components/Decorator/DecoratorIcon.d.ts +5 -0
  65. package/lib/components/Decorator/DecoratorIcon.js +102 -0
  66. package/lib/components/Decorator/index.d.ts +1 -0
  67. package/lib/components/Decorator/utils.d.ts +8 -0
  68. package/lib/components/Decorator/utils.js +48 -0
  69. package/lib/components/DescriptionList/DescriptionList.d.ts +42 -0
  70. package/lib/components/DescriptionList/DescriptionList.js +95 -0
  71. package/lib/components/DescriptionList/constants.d.ts +6 -0
  72. package/lib/components/DescriptionList/constants.js +20 -0
  73. package/lib/components/DescriptionList/index.d.ts +1 -0
  74. package/lib/components/EmptyStates/EmptyStateContent.d.ts +1 -287
  75. package/lib/components/HTTPErrors/HTTPErrorContent.d.ts +1 -293
  76. package/lib/components/StatusIndicator/StatusIndicator.d.ts +5 -0
  77. package/lib/components/StatusIndicator/StatusIndicator.js +107 -0
  78. package/lib/components/StatusIndicator/StatusIndicatorStep.d.ts +5 -0
  79. package/lib/components/StatusIndicator/index.d.ts +2 -0
  80. package/lib/components/index.d.ts +3 -0
  81. package/lib/global/js/package-settings.d.ts +4 -0
  82. package/lib/global/js/package-settings.js +4 -0
  83. package/lib/index.js +15 -0
  84. package/lib/settings.d.ts +4 -0
  85. package/package.json +4 -4
  86. package/scss/components/Decorator/_carbon-imports.scss +9 -0
  87. package/scss/components/Decorator/_decorator.scss +400 -0
  88. package/scss/components/Decorator/_index-with-carbon.scss +9 -0
  89. package/scss/components/Decorator/_index.scss +8 -0
  90. package/scss/components/DescriptionList/_carbon-imports.scss +9 -0
  91. package/scss/components/DescriptionList/_description-list.scss +103 -0
  92. package/scss/components/DescriptionList/_index-with-carbon.scss +9 -0
  93. package/scss/components/DescriptionList/_index.scss +8 -0
  94. package/scss/components/SidePanel/_side-panel.scss +6 -1
  95. package/scss/components/StatusIndicator/_carbon-imports.scss +12 -0
  96. package/scss/components/StatusIndicator/_index-with-carbon.scss +9 -0
  97. package/scss/components/StatusIndicator/_index.scss +8 -0
  98. package/scss/components/StatusIndicator/_status-indicator.scss +93 -0
  99. package/scss/components/Tearsheet/_tearsheet.scss +41 -15
  100. package/scss/components/_index-with-carbon.scss +3 -0
  101. 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: absolute;
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, background-color 240ms cubic-bezier(0.4, 0.14, 1, 1), opacity 240ms cubic-bezier(0.4, 0.14, 1, 1);
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
- background-color: rgba(22, 22, 22, 0.25);
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-right: 5rem;
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
- margin-right: 3rem;
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, background-color 240ms cubic-bezier(0.4, 0.14, 1, 1), opacity 240ms cubic-bezier(0.4, 0.14, 1, 1);
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
- background-color: rgba(22, 22, 22, 0.25);
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-right: 5rem;
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
- margin-right: 3rem;
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
- .c4p--full-page-error {
40285
- height: inherit;
40286
- }
40287
-
40288
- .c4p--full-page-error__error-container {
40289
- height: 100%;
40290
- margin: 0 1.5rem;
40291
- }
40292
- @media (max-width: 41.98rem) {
40293
- .c4p--full-page-error__error-container {
40294
- margin: 0 0.5rem;
40295
- }
40296
- }
40297
-
40298
- .c4p--full-page-error__error-grid {
40299
- height: 100%;
40300
- padding-top: 2rem;
40301
- padding-bottom: 2rem;
40302
- }
40303
-
40304
- .c4p--full-page-error__error-column {
40305
- padding: 0;
40306
- }
40307
- @media (min-width: 66rem) {
40308
- .c4p--full-page-error__error-column {
40309
- padding: 0 2rem 0 0;
40310
- }
40311
- }
40312
-
40313
- .c4p--full-page-error__error-svg-container {
40314
- display: flex;
40315
- height: 100%;
40316
- padding: 0.5rem 0.5rem 5rem 0.5rem;
40317
- }
40318
- @media (min-width: 42rem) {
40319
- .c4p--full-page-error__error-svg-container {
40320
- padding: auto 0.5rem 5rem 0.5rem;
40321
- }
40322
- }
40323
-
40324
- .c4p--full-page-error__error-label,
40325
- .c4p--full-page-error__error-title {
40326
- font-size: 2rem;
40327
- font-weight: 400;
40328
- line-height: 1.25;
40329
- letter-spacing: 0;
40330
- font-size: calc(2rem + 0.25 * (100vw - 20rem) / 22);
40331
- }
40332
- @media (min-width: 42rem) {
40333
- .c4p--full-page-error__error-label,
40334
- .c4p--full-page-error__error-title {
40335
- font-size: 2.25rem;
40336
- font-weight: 300;
40337
- line-height: 1.22;
40338
- font-size: calc(2.25rem + 0.375 * (100vw - 42rem) / 24);
40339
- }
40340
- }
40341
- @media (min-width: 66rem) {
40342
- .c4p--full-page-error__error-label,
40343
- .c4p--full-page-error__error-title {
40344
- font-size: 2.625rem;
40345
- line-height: 1.19;
40346
- font-size: calc(2.625rem + 0.375 * (100vw - 66rem) / 16);
40347
- }
40348
- }
40349
- @media (min-width: 82rem) {
40350
- .c4p--full-page-error__error-label,
40351
- .c4p--full-page-error__error-title {
40352
- font-size: 3rem;
40353
- line-height: 1.17;
40354
- font-size: calc(3rem + 0.75 * (100vw - 82rem) / 17);
40355
- }
40356
- }
40357
- @media (min-width: 99rem) {
40358
- .c4p--full-page-error__error-label,
40359
- .c4p--full-page-error__error-title {
40360
- font-size: 3.75rem;
40361
- font-size: 3.75rem;
40362
- }
40363
- }
40364
-
40365
- .c4p--full-page-error__error-label {
40366
- display: block;
40367
- color: var(--cds-text-error, #da1e28);
40368
- }
40369
-
40370
- .c4p--full-page-error__error-title {
40371
- margin-bottom: 3rem;
40372
- }
40373
-
40374
- .c4p--full-page-error__description {
40375
- font-size: var(--cds-body-02-font-size, 1rem);
40376
- font-weight: var(--cds-body-02-font-weight, 400);
40377
- line-height: var(--cds-body-02-line-height, 1.5);
40378
- letter-spacing: var(--cds-body-02-letter-spacing, 0);
40379
- margin-bottom: 2rem;
40380
- }
40381
-
40382
- .c4p--full-page-error__error-svg-container svg.c4p--full-page-error__error-svg {
40383
- width: 100%;
40384
- }
40385
-
40386
- .c4p--full-page-error__error-svg-container svg.c4p--full-page-error__error-svg path {
40387
- fill: var(--cds-background, #ffffff);
40388
- stroke: var(--cds-border-inverse, #161616);
40389
- }
40390
-
40391
- .c4p--search-bar {
40392
- position: relative;
40393
- display: flex;
40394
- }
40395
- .c4p--search-bar .c4p--search-bar__scopes .cds--label {
40396
- position: absolute;
40397
- }
40398
-
40399
- .c4p--string-formatter {
40400
- display: inline-block;
40401
- text-align: left;
40402
- }
40403
-
40404
- .c4p--string-formatter--content {
40405
- display: inline-block;
40406
- text-align: left;
40407
- }
40408
-
40409
- .c4p--string-formatter--truncate {
40410
- display: -webkit-box;
40411
- overflow: hidden;
40412
- max-width: 80ch;
40413
- -webkit-box-orient: vertical;
40414
- -webkit-line-clamp: 1;
40415
- }
40416
-
40417
- .c4p--string-formatter__tooltip > button {
40418
- border-width: 0;
40419
- color: currentColor;
40420
- font-size: inherit;
40421
- font-weight: inherit;
40422
- line-height: inherit;
40423
- }
40424
-
40425
- .cds--popover {
40426
- max-width: 1rem;
40427
- margin: 0 auto;
40428
- }
40429
-
40430
- .c4p--string-formatter .cds--popover-content {
40431
- max-inline-size: 20rem;
40432
- }
40433
-
40434
- .c4p--string-formatter .cds--popover--left .cds--popover,
40435
- .c4p--string-formatter .cds--popover--left-bottom .cds--popover,
40436
- .c4p--string-formatter .cds--popover--left-top .cds--popover {
40437
- margin: 0;
40438
- }
40439
-
40440
- .c4p--string-formatter .cds--popover--right .cds--popover,
40441
- .c4p--string-formatter .cds--popover--right-bottom .cds--popover,
40442
- .c4p--string-formatter .cds--popover--right-top .cds--popover {
40443
- margin-right: 0;
40444
- margin-left: auto;
40445
- }
40446
-
40447
- .c4p--string-formatter .cds--popover--top .cds--popover-caret,
40448
- .c4p--string-formatter .cds--popover--top-left .cds--popover-caret,
40449
- .c4p--string-formatter .cds--popover--top-right .cds--popover-caret {
40450
- /* stylelint-disable-next-line declaration-no-important */
40451
- inset-block-start: -1px !important;
40452
- }
40453
-
40454
- .c4p--string-formatter .cds--popover--bottom .cds--popover-caret,
40455
- .c4p--string-formatter .cds--popover--bottom-left .cds--popover-caret,
40456
- .c4p--string-formatter .cds--popover--bottom-right .cds--popover-caret {
40457
- /* stylelint-disable-next-line declaration-no-important */
40458
- inset-block-end: -1px !important;
40459
- }
40460
-
40461
- .c4p--user-avatar {
40462
- position: relative;
40463
- display: flex;
40464
- width: 4rem;
40465
- height: 4rem;
40466
- align-items: center;
40467
- justify-content: center;
40468
- border: 0.5px solid transparent;
40469
- border-radius: 100%;
40470
- color: var(--cds-text-inverse, #ffffff);
40471
- outline: none;
40472
- outline-offset: 3px;
40473
- }
40474
-
40475
- .c4p--user-avatar svg {
40476
- color: var(--cds-icon-inverse, #ffffff);
40477
- }
40478
-
40479
- .c4p--user-avatar__tooltip:focus-within .c4p--user-avatar {
40480
- outline: 2px solid var(--cds-focus, #0f62fe);
40481
- }
40482
-
40483
- .c4p--user-avatar--light-cyan {
40484
- background-color: #1192e8;
40485
- }
40486
-
40487
- .c4p--user-avatar--dark-cyan {
40488
- background-color: #0072c3;
40489
- }
40490
-
40491
- .c4p--user-avatar--xl {
40492
- width: 4rem;
40493
- height: 4rem;
40494
- font-size: var(--cds-heading-04-font-size, 1.75rem);
40495
- font-weight: var(--cds-heading-04-font-weight, 400);
40496
- line-height: var(--cds-heading-04-line-height, 1.28572);
40497
- letter-spacing: var(--cds-heading-04-letter-spacing, 0);
40498
- }
40499
-
40500
- .c4p--user-avatar--lg {
40501
- width: 3rem;
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 */