@carbon/ibm-products 2.29.0-alpha.10 → 2.30.0-alpha.11
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +1410 -3
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +44 -3
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +1410 -3
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +1410 -3
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/AboutModal/AboutModal.d.ts +73 -2
- package/es/components/AboutModal/AboutModal.js +10 -28
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +120 -145
- package/es/components/Datagrid/Datagrid/DatagridRow.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +4 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +6 -3
- package/es/components/Datagrid/useActionsColumn.js +6 -2
- package/es/components/Decorator/Decorator.d.ts +5 -0
- package/es/components/Decorator/Decorator.js +348 -0
- package/es/components/Decorator/DecoratorIcon.d.ts +5 -0
- package/es/components/Decorator/DecoratorIcon.js +95 -0
- package/es/components/Decorator/index.d.ts +1 -0
- package/es/components/Decorator/utils.d.ts +8 -0
- package/es/components/Decorator/utils.js +43 -0
- package/es/components/Toolbar/ToolbarButton.d.ts +24 -3
- package/es/components/Toolbar/ToolbarButton.js +2 -2
- package/es/components/index.d.ts +1 -0
- package/es/global/js/package-settings.d.ts +1 -0
- package/es/global/js/package-settings.js +1 -0
- package/es/index.js +1 -0
- package/es/settings.d.ts +1 -0
- package/lib/components/AboutModal/AboutModal.d.ts +73 -2
- package/lib/components/AboutModal/AboutModal.js +8 -26
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +120 -145
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +4 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +6 -3
- package/lib/components/Datagrid/useActionsColumn.js +6 -2
- package/lib/components/Decorator/Decorator.d.ts +5 -0
- package/lib/components/Decorator/Decorator.js +355 -0
- package/lib/components/Decorator/DecoratorIcon.d.ts +5 -0
- package/lib/components/Decorator/DecoratorIcon.js +102 -0
- package/lib/components/Decorator/index.d.ts +1 -0
- package/lib/components/Decorator/utils.d.ts +8 -0
- package/lib/components/Decorator/utils.js +48 -0
- package/lib/components/Toolbar/ToolbarButton.d.ts +24 -3
- package/lib/components/Toolbar/ToolbarButton.js +2 -2
- package/lib/components/index.d.ts +1 -0
- package/lib/global/js/package-settings.d.ts +1 -0
- package/lib/global/js/package-settings.js +1 -0
- package/lib/index.js +5 -0
- package/lib/settings.d.ts +1 -0
- package/package.json +6 -5
- package/scss/components/AboutModal/_about-modal.scss +7 -2
- package/scss/components/Datagrid/styles/_useExpandedRow.scss +8 -0
- package/scss/components/Datagrid/styles/_useNestedRows.scss +54 -0
- package/scss/components/Datagrid/styles/_useStickyColumn.scss +5 -0
- package/scss/components/Datagrid/styles/addons/_FilterPanel.scss +1 -1
- package/scss/components/Decorator/_carbon-imports.scss +9 -0
- package/scss/components/Decorator/_decorator.scss +400 -0
- package/scss/components/Decorator/_index-with-carbon.scss +9 -0
- package/scss/components/Decorator/_index.scss +8 -0
- package/scss/components/TagSet/_tag-set.scss +1 -0
- package/scss/components/_index-with-carbon.scss +1 -0
- package/scss/components/_index.scss +1 -0
@@ -68,9 +68,13 @@
|
|
68
68
|
letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
|
69
69
|
overflow: hidden auto;
|
70
70
|
min-height: 4rem;
|
71
|
-
padding: 0 20% 0 1rem;
|
72
|
-
margin-bottom: 1.5rem;
|
73
71
|
grid-row: auto;
|
72
|
+
padding-block-start: 0;
|
73
|
+
padding-inline: 1rem 20%;
|
74
|
+
}
|
75
|
+
.c4p--about-modal .c4p--about-modal__body:not(.cds--modal-scroll-content) {
|
76
|
+
margin-bottom: 1.5rem;
|
77
|
+
padding-block-end: 0;
|
74
78
|
}
|
75
79
|
|
76
80
|
.c4p--about-modal .cds--modal-content--overflow-indicator {
|
@@ -5824,6 +5828,10 @@ a.cds--overflow-menu-options__btn::before {
|
|
5824
5828
|
border-radius: 1.5rem;
|
5825
5829
|
}
|
5826
5830
|
|
5831
|
+
.cds--chat-btn:not(.cds--chat-btn--with-icon) {
|
5832
|
+
padding-inline-end: 0.9375rem;
|
5833
|
+
}
|
5834
|
+
|
5827
5835
|
.cds--chat-btn.cds--btn--md {
|
5828
5836
|
border-radius: 1.25rem;
|
5829
5837
|
}
|
@@ -30233,6 +30241,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
30233
30241
|
}
|
30234
30242
|
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__show-all-tags-link {
|
30235
30243
|
margin-top: 0.5rem;
|
30244
|
+
color: var(--cds-link-inverse, #78a9ff);
|
30236
30245
|
}
|
30237
30246
|
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item.c4p--tag-set-overflow__tag-item--tag .cds--tag {
|
30238
30247
|
background-color: var(--cds-background-inverse-hover, #474747);
|
@@ -34162,6 +34171,32 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
34162
34171
|
padding-left: 0.5rem;
|
34163
34172
|
}
|
34164
34173
|
|
34174
|
+
.cds--data-table td.c4p--datagrid__expandable-row-cell + td,
|
34175
|
+
.cds--data-table .c4p--datagrid__carbon-nested-row:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2) {
|
34176
|
+
position: relative;
|
34177
|
+
}
|
34178
|
+
|
34179
|
+
.cds--data-table td.c4p--datagrid__expandable-row-cell.c4p--datagrid__expandable-row-cell--is-expanded + td::before,
|
34180
|
+
.cds--data-table .c4p--datagrid__carbon-nested-row:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2)::before,
|
34181
|
+
.cds--data-table .c4p--datagrid__carbon-nested-row td.c4p--datagrid__expandable-row-cell + td::before {
|
34182
|
+
position: absolute;
|
34183
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
34184
|
+
bottom: -1px;
|
34185
|
+
left: 0;
|
34186
|
+
width: 1rem;
|
34187
|
+
height: 1px;
|
34188
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
34189
|
+
content: "";
|
34190
|
+
transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
|
34191
|
+
}
|
34192
|
+
|
34193
|
+
.cds--data-table tr:hover td.c4p--datagrid__expandable-row-cell.c4p--datagrid__expandable-row-cell--is-expanded + td::before,
|
34194
|
+
.cds--data-table .c4p--datagrid__carbon-nested-row:hover td.c4p--datagrid__expandable-row-cell + td::before,
|
34195
|
+
.cds--data-table .c4p--datagrid__expandable-row--hover td.c4p--datagrid__expandable-row-cell + td::before,
|
34196
|
+
.cds--data-table .c4p--datagrid__carbon-nested-row:hover:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2)::before {
|
34197
|
+
background-color: var(--cds-layer-hover);
|
34198
|
+
}
|
34199
|
+
|
34165
34200
|
.c4p--datagrid__carbon-row-expanded .c4p--datagrid__expandable-row-cell {
|
34166
34201
|
border-bottom: none;
|
34167
34202
|
}
|
@@ -34321,6 +34356,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
34321
34356
|
position: sticky !important;
|
34322
34357
|
z-index: 1;
|
34323
34358
|
left: 0;
|
34359
|
+
border-right: 1px solid var(--cds-layer-active-02, #c6c6c6);
|
34360
|
+
}
|
34361
|
+
|
34362
|
+
.c4p--datagrid__right-sticky-column-header {
|
34363
|
+
border-left: 1px solid var(--cds-layer-active-02, #c6c6c6);
|
34324
34364
|
}
|
34325
34365
|
|
34326
34366
|
.c4p--datagrid__left-sticky-column-cell.c4p--datagrid__left-sticky-column-cell--with-extra-select-column,
|
@@ -34622,7 +34662,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
34622
34662
|
position: relative;
|
34623
34663
|
z-index: 0;
|
34624
34664
|
overflow: auto;
|
34625
|
-
padding: 0 1rem;
|
34665
|
+
padding: 0 1rem 4rem 1rem;
|
34626
34666
|
overscroll-behavior: contain;
|
34627
34667
|
}
|
34628
34668
|
|
@@ -34792,6 +34832,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
34792
34832
|
.c4p--datagrid .cds--data-table tbody tr:hover + .c4p--datagrid__expanded-row,
|
34793
34833
|
.c4p--datagrid .c4p--datagrid__expanded-row:hover,
|
34794
34834
|
.c4p--datagrid .c4p--datagrid__expandable-row--hover td {
|
34835
|
+
border-top: none;
|
34795
34836
|
background: var(--cds-layer-hover);
|
34796
34837
|
}
|
34797
34838
|
|
@@ -34801,6 +34842,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
34801
34842
|
border: none;
|
34802
34843
|
}
|
34803
34844
|
|
34845
|
+
.c4p--datagrid .cds--data-table .c4p--datagrid__carbon-row-expanded:hover td:not(.c4p--datagrid__expandable-row-cell) {
|
34846
|
+
border-bottom: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
34847
|
+
}
|
34848
|
+
|
34804
34849
|
.c4p--datagrid .cds--data-table td.c4p--datagrid__expanded-row-cell-wrapper {
|
34805
34850
|
padding: 0;
|
34806
34851
|
}
|
@@ -40342,6 +40387,1368 @@ a.cds--side-nav__link--current::before {
|
|
40342
40387
|
white-space: nowrap;
|
40343
40388
|
}
|
40344
40389
|
|
40390
|
+
/* stylelint-disable carbon/theme-token-use */
|
40391
|
+
/* stylelint-disable carbon/type-token-use */
|
40392
|
+
/* stylelint-disable carbon/layout-token-use */
|
40393
|
+
/* stylelint-disable function-no-unknown */
|
40394
|
+
.c4p--decorator--light {
|
40395
|
+
--cds-ai-aura-end: rgba(255, 255, 255, 0);
|
40396
|
+
--cds-ai-aura-hover-background: #edf5ff;
|
40397
|
+
--cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
|
40398
|
+
--cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
|
40399
|
+
--cds-ai-aura-start: rgba(69, 137, 255, 0.1);
|
40400
|
+
--cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
|
40401
|
+
--cds-ai-border-end: #d0e2ff;
|
40402
|
+
--cds-ai-border-start: #78a9ff;
|
40403
|
+
--cds-ai-border-strong: #4589ff;
|
40404
|
+
--cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
|
40405
|
+
--cds-ai-gradient-end: rgba(255, 255, 255, 0);
|
40406
|
+
--cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
|
40407
|
+
--cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
|
40408
|
+
--cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
|
40409
|
+
--cds-ai-overlay: rgba(0, 17, 65, 0.5);
|
40410
|
+
--cds-ai-skeleton-background: #b8d3ff;
|
40411
|
+
--cds-ai-skeleton-element-background: #001141;
|
40412
|
+
--cds-background: #f4f4f4;
|
40413
|
+
--cds-background-active: rgba(141, 141, 141, 0.5);
|
40414
|
+
--cds-background-brand: #0f62fe;
|
40415
|
+
--cds-background-hover: rgba(141, 141, 141, 0.12);
|
40416
|
+
--cds-background-inverse: #393939;
|
40417
|
+
--cds-background-inverse-hover: #474747;
|
40418
|
+
--cds-background-selected: rgba(141, 141, 141, 0.2);
|
40419
|
+
--cds-background-selected-hover: rgba(141, 141, 141, 0.32);
|
40420
|
+
--cds-border-disabled: #c6c6c6;
|
40421
|
+
--cds-border-interactive: #0f62fe;
|
40422
|
+
--cds-border-inverse: #161616;
|
40423
|
+
--cds-border-strong-01: #8d8d8d;
|
40424
|
+
--cds-border-strong-02: #8d8d8d;
|
40425
|
+
--cds-border-strong-03: #8d8d8d;
|
40426
|
+
--cds-border-subtle-00: #c6c6c6;
|
40427
|
+
--cds-border-subtle-01: #e0e0e0;
|
40428
|
+
--cds-border-subtle-02: #c6c6c6;
|
40429
|
+
--cds-border-subtle-03: #e0e0e0;
|
40430
|
+
--cds-border-subtle-selected-01: #c6c6c6;
|
40431
|
+
--cds-border-subtle-selected-02: #c6c6c6;
|
40432
|
+
--cds-border-subtle-selected-03: #c6c6c6;
|
40433
|
+
--cds-border-tile-01: #a8a8a8;
|
40434
|
+
--cds-border-tile-02: #c6c6c6;
|
40435
|
+
--cds-border-tile-03: #a8a8a8;
|
40436
|
+
--cds-chat-avatar-agent: #393939;
|
40437
|
+
--cds-chat-avatar-bot: #6f6f6f;
|
40438
|
+
--cds-chat-avatar-user: #0f62fe;
|
40439
|
+
--cds-chat-bubble-agent: #ffffff;
|
40440
|
+
--cds-chat-bubble-agent-border: #e0e0e0;
|
40441
|
+
--cds-chat-bubble-user: #e0e0e0;
|
40442
|
+
--cds-chat-prompt-background: #ffffff;
|
40443
|
+
--cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
|
40444
|
+
--cds-chat-prompt-border-start: #f4f4f4;
|
40445
|
+
--cds-field-01: #ffffff;
|
40446
|
+
--cds-field-02: #f4f4f4;
|
40447
|
+
--cds-field-03: #ffffff;
|
40448
|
+
--cds-field-hover-01: #e8e8e8;
|
40449
|
+
--cds-field-hover-02: #e8e8e8;
|
40450
|
+
--cds-field-hover-03: #e8e8e8;
|
40451
|
+
--cds-focus: #0f62fe;
|
40452
|
+
--cds-focus-inset: #ffffff;
|
40453
|
+
--cds-focus-inverse: #ffffff;
|
40454
|
+
--cds-highlight: #d0e2ff;
|
40455
|
+
--cds-icon-disabled: rgba(22, 22, 22, 0.25);
|
40456
|
+
--cds-icon-interactive: #0f62fe;
|
40457
|
+
--cds-icon-inverse: #ffffff;
|
40458
|
+
--cds-icon-on-color: #ffffff;
|
40459
|
+
--cds-icon-on-color-disabled: #8d8d8d;
|
40460
|
+
--cds-icon-primary: #161616;
|
40461
|
+
--cds-icon-secondary: #525252;
|
40462
|
+
--cds-interactive: #0f62fe;
|
40463
|
+
--cds-layer-01: #ffffff;
|
40464
|
+
--cds-layer-02: #f4f4f4;
|
40465
|
+
--cds-layer-03: #ffffff;
|
40466
|
+
--cds-layer-accent-01: #e0e0e0;
|
40467
|
+
--cds-layer-accent-02: #e0e0e0;
|
40468
|
+
--cds-layer-accent-03: #e0e0e0;
|
40469
|
+
--cds-layer-accent-active-01: #a8a8a8;
|
40470
|
+
--cds-layer-accent-active-02: #a8a8a8;
|
40471
|
+
--cds-layer-accent-active-03: #a8a8a8;
|
40472
|
+
--cds-layer-accent-hover-01: #d1d1d1;
|
40473
|
+
--cds-layer-accent-hover-02: #d1d1d1;
|
40474
|
+
--cds-layer-accent-hover-03: #d1d1d1;
|
40475
|
+
--cds-layer-active-01: #c6c6c6;
|
40476
|
+
--cds-layer-active-02: #c6c6c6;
|
40477
|
+
--cds-layer-active-03: #c6c6c6;
|
40478
|
+
--cds-layer-hover-01: #e8e8e8;
|
40479
|
+
--cds-layer-hover-02: #e8e8e8;
|
40480
|
+
--cds-layer-hover-03: #e8e8e8;
|
40481
|
+
--cds-layer-selected-01: #e0e0e0;
|
40482
|
+
--cds-layer-selected-02: #e0e0e0;
|
40483
|
+
--cds-layer-selected-03: #e0e0e0;
|
40484
|
+
--cds-layer-selected-disabled: #8d8d8d;
|
40485
|
+
--cds-layer-selected-hover-01: #d1d1d1;
|
40486
|
+
--cds-layer-selected-hover-02: #d1d1d1;
|
40487
|
+
--cds-layer-selected-hover-03: #d1d1d1;
|
40488
|
+
--cds-layer-selected-inverse: #161616;
|
40489
|
+
--cds-link-inverse: #78a9ff;
|
40490
|
+
--cds-link-inverse-active: #f4f4f4;
|
40491
|
+
--cds-link-inverse-hover: #a6c8ff;
|
40492
|
+
--cds-link-primary: #0f62fe;
|
40493
|
+
--cds-link-primary-hover: #0043ce;
|
40494
|
+
--cds-link-secondary: #0043ce;
|
40495
|
+
--cds-link-visited: #8a3ffc;
|
40496
|
+
--cds-overlay: rgba(22, 22, 22, 0.5);
|
40497
|
+
--cds-shadow: rgba(0, 0, 0, 0.3);
|
40498
|
+
--cds-skeleton-background: #e8e8e8;
|
40499
|
+
--cds-skeleton-element: #c6c6c6;
|
40500
|
+
--cds-slug-background: #525252;
|
40501
|
+
--cds-slug-background-hover: #6f6f6f;
|
40502
|
+
--cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
|
40503
|
+
--cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
|
40504
|
+
--cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
|
40505
|
+
--cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
|
40506
|
+
--cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
|
40507
|
+
--cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
|
40508
|
+
--cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
|
40509
|
+
--cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
|
40510
|
+
--cds-slug-callout-caret-bottom: #d0e2ff;
|
40511
|
+
--cds-slug-callout-caret-bottom-background: #ccdbf8;
|
40512
|
+
--cds-slug-callout-caret-bottom-background-actions: #d2dcee;
|
40513
|
+
--cds-slug-callout-caret-center: #a7c7ff;
|
40514
|
+
--cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
|
40515
|
+
--cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
|
40516
|
+
--cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
|
40517
|
+
--cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
|
40518
|
+
--cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
|
40519
|
+
--cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
|
40520
|
+
--cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
|
40521
|
+
--cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
|
40522
|
+
--cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
|
40523
|
+
--cds-slug-gradient-hover: #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%);
|
40524
|
+
--cds-slug-hollow-hover: #474747;
|
40525
|
+
--cds-support-caution-major: #ff832b;
|
40526
|
+
--cds-support-caution-minor: #f1c21b;
|
40527
|
+
--cds-support-caution-undefined: #8a3ffc;
|
40528
|
+
--cds-support-error: #da1e28;
|
40529
|
+
--cds-support-error-inverse: #fa4d56;
|
40530
|
+
--cds-support-info: #0043ce;
|
40531
|
+
--cds-support-info-inverse: #4589ff;
|
40532
|
+
--cds-support-success: #24a148;
|
40533
|
+
--cds-support-success-inverse: #42be65;
|
40534
|
+
--cds-support-warning: #f1c21b;
|
40535
|
+
--cds-support-warning-inverse: #f1c21b;
|
40536
|
+
--cds-text-disabled: rgba(22, 22, 22, 0.25);
|
40537
|
+
--cds-text-error: #da1e28;
|
40538
|
+
--cds-text-helper: #6f6f6f;
|
40539
|
+
--cds-text-inverse: #ffffff;
|
40540
|
+
--cds-text-on-color: #ffffff;
|
40541
|
+
--cds-text-on-color-disabled: #8d8d8d;
|
40542
|
+
--cds-text-placeholder: rgba(22, 22, 22, 0.4);
|
40543
|
+
--cds-text-primary: #161616;
|
40544
|
+
--cds-text-secondary: #525252;
|
40545
|
+
--cds-toggle-off: #8d8d8d;
|
40546
|
+
--cds-spacing-01: 0.125rem;
|
40547
|
+
--cds-spacing-02: 0.25rem;
|
40548
|
+
--cds-spacing-03: 0.5rem;
|
40549
|
+
--cds-spacing-04: 0.75rem;
|
40550
|
+
--cds-spacing-05: 1rem;
|
40551
|
+
--cds-spacing-06: 1.5rem;
|
40552
|
+
--cds-spacing-07: 2rem;
|
40553
|
+
--cds-spacing-08: 2.5rem;
|
40554
|
+
--cds-spacing-09: 3rem;
|
40555
|
+
--cds-spacing-10: 4rem;
|
40556
|
+
--cds-spacing-11: 5rem;
|
40557
|
+
--cds-spacing-12: 6rem;
|
40558
|
+
--cds-spacing-13: 10rem;
|
40559
|
+
--cds-fluid-spacing-01: 0;
|
40560
|
+
--cds-fluid-spacing-02: 2vw;
|
40561
|
+
--cds-fluid-spacing-03: 5vw;
|
40562
|
+
--cds-fluid-spacing-04: 10vw;
|
40563
|
+
--cds-caption-01-font-size: 0.75rem;
|
40564
|
+
--cds-caption-01-font-weight: 400;
|
40565
|
+
--cds-caption-01-line-height: 1.33333;
|
40566
|
+
--cds-caption-01-letter-spacing: 0.32px;
|
40567
|
+
--cds-caption-02-font-size: 0.875rem;
|
40568
|
+
--cds-caption-02-font-weight: 400;
|
40569
|
+
--cds-caption-02-line-height: 1.28572;
|
40570
|
+
--cds-caption-02-letter-spacing: 0.32px;
|
40571
|
+
--cds-label-01-font-size: 0.75rem;
|
40572
|
+
--cds-label-01-font-weight: 400;
|
40573
|
+
--cds-label-01-line-height: 1.33333;
|
40574
|
+
--cds-label-01-letter-spacing: 0.32px;
|
40575
|
+
--cds-label-02-font-size: 0.875rem;
|
40576
|
+
--cds-label-02-font-weight: 400;
|
40577
|
+
--cds-label-02-line-height: 1.28572;
|
40578
|
+
--cds-label-02-letter-spacing: 0.16px;
|
40579
|
+
--cds-helper-text-01-font-size: 0.75rem;
|
40580
|
+
--cds-helper-text-01-line-height: 1.33333;
|
40581
|
+
--cds-helper-text-01-letter-spacing: 0.32px;
|
40582
|
+
--cds-helper-text-02-font-size: 0.875rem;
|
40583
|
+
--cds-helper-text-02-font-weight: 400;
|
40584
|
+
--cds-helper-text-02-line-height: 1.28572;
|
40585
|
+
--cds-helper-text-02-letter-spacing: 0.16px;
|
40586
|
+
--cds-body-short-01-font-size: 0.875rem;
|
40587
|
+
--cds-body-short-01-font-weight: 400;
|
40588
|
+
--cds-body-short-01-line-height: 1.28572;
|
40589
|
+
--cds-body-short-01-letter-spacing: 0.16px;
|
40590
|
+
--cds-body-short-02-font-size: 1rem;
|
40591
|
+
--cds-body-short-02-font-weight: 400;
|
40592
|
+
--cds-body-short-02-line-height: 1.375;
|
40593
|
+
--cds-body-short-02-letter-spacing: 0;
|
40594
|
+
--cds-body-long-01-font-size: 0.875rem;
|
40595
|
+
--cds-body-long-01-font-weight: 400;
|
40596
|
+
--cds-body-long-01-line-height: 1.42857;
|
40597
|
+
--cds-body-long-01-letter-spacing: 0.16px;
|
40598
|
+
--cds-body-long-02-font-size: 1rem;
|
40599
|
+
--cds-body-long-02-font-weight: 400;
|
40600
|
+
--cds-body-long-02-line-height: 1.5;
|
40601
|
+
--cds-body-long-02-letter-spacing: 0;
|
40602
|
+
--cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
|
40603
|
+
--cds-code-01-font-size: 0.75rem;
|
40604
|
+
--cds-code-01-font-weight: 400;
|
40605
|
+
--cds-code-01-line-height: 1.33333;
|
40606
|
+
--cds-code-01-letter-spacing: 0.32px;
|
40607
|
+
--cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
|
40608
|
+
--cds-code-02-font-size: 0.875rem;
|
40609
|
+
--cds-code-02-font-weight: 400;
|
40610
|
+
--cds-code-02-line-height: 1.42857;
|
40611
|
+
--cds-code-02-letter-spacing: 0.32px;
|
40612
|
+
--cds-heading-01-font-size: 0.875rem;
|
40613
|
+
--cds-heading-01-font-weight: 600;
|
40614
|
+
--cds-heading-01-line-height: 1.42857;
|
40615
|
+
--cds-heading-01-letter-spacing: 0.16px;
|
40616
|
+
--cds-heading-02-font-size: 1rem;
|
40617
|
+
--cds-heading-02-font-weight: 600;
|
40618
|
+
--cds-heading-02-line-height: 1.5;
|
40619
|
+
--cds-heading-02-letter-spacing: 0;
|
40620
|
+
--cds-productive-heading-01-font-size: 0.875rem;
|
40621
|
+
--cds-productive-heading-01-font-weight: 600;
|
40622
|
+
--cds-productive-heading-01-line-height: 1.28572;
|
40623
|
+
--cds-productive-heading-01-letter-spacing: 0.16px;
|
40624
|
+
--cds-productive-heading-02-font-size: 1rem;
|
40625
|
+
--cds-productive-heading-02-font-weight: 600;
|
40626
|
+
--cds-productive-heading-02-line-height: 1.375;
|
40627
|
+
--cds-productive-heading-02-letter-spacing: 0;
|
40628
|
+
--cds-productive-heading-03-font-size: 1.25rem;
|
40629
|
+
--cds-productive-heading-03-font-weight: 400;
|
40630
|
+
--cds-productive-heading-03-line-height: 1.4;
|
40631
|
+
--cds-productive-heading-03-letter-spacing: 0;
|
40632
|
+
--cds-productive-heading-04-font-size: 1.75rem;
|
40633
|
+
--cds-productive-heading-04-font-weight: 400;
|
40634
|
+
--cds-productive-heading-04-line-height: 1.28572;
|
40635
|
+
--cds-productive-heading-04-letter-spacing: 0;
|
40636
|
+
--cds-productive-heading-05-font-size: 2rem;
|
40637
|
+
--cds-productive-heading-05-font-weight: 400;
|
40638
|
+
--cds-productive-heading-05-line-height: 1.25;
|
40639
|
+
--cds-productive-heading-05-letter-spacing: 0;
|
40640
|
+
--cds-productive-heading-06-font-size: 2.625rem;
|
40641
|
+
--cds-productive-heading-06-font-weight: 300;
|
40642
|
+
--cds-productive-heading-06-line-height: 1.199;
|
40643
|
+
--cds-productive-heading-06-letter-spacing: 0;
|
40644
|
+
--cds-productive-heading-07-font-size: 3.375rem;
|
40645
|
+
--cds-productive-heading-07-font-weight: 300;
|
40646
|
+
--cds-productive-heading-07-line-height: 1.19;
|
40647
|
+
--cds-productive-heading-07-letter-spacing: 0;
|
40648
|
+
--cds-expressive-paragraph-01-font-size: 1.5rem;
|
40649
|
+
--cds-expressive-paragraph-01-font-weight: 300;
|
40650
|
+
--cds-expressive-paragraph-01-line-height: 1.334;
|
40651
|
+
--cds-expressive-paragraph-01-letter-spacing: 0;
|
40652
|
+
--cds-expressive-heading-01-font-size: 0.875rem;
|
40653
|
+
--cds-expressive-heading-01-font-weight: 600;
|
40654
|
+
--cds-expressive-heading-01-line-height: 1.42857;
|
40655
|
+
--cds-expressive-heading-01-letter-spacing: 0.16px;
|
40656
|
+
--cds-expressive-heading-02-font-size: 1rem;
|
40657
|
+
--cds-expressive-heading-02-font-weight: 600;
|
40658
|
+
--cds-expressive-heading-02-line-height: 1.5;
|
40659
|
+
--cds-expressive-heading-02-letter-spacing: 0;
|
40660
|
+
--cds-expressive-heading-03-font-size: 1.25rem;
|
40661
|
+
--cds-expressive-heading-03-font-weight: 400;
|
40662
|
+
--cds-expressive-heading-03-line-height: 1.4;
|
40663
|
+
--cds-expressive-heading-03-letter-spacing: 0;
|
40664
|
+
--cds-expressive-heading-04-font-size: 1.75rem;
|
40665
|
+
--cds-expressive-heading-04-font-weight: 400;
|
40666
|
+
--cds-expressive-heading-04-line-height: 1.28572;
|
40667
|
+
--cds-expressive-heading-04-letter-spacing: 0;
|
40668
|
+
--cds-expressive-heading-05-font-size: 2rem;
|
40669
|
+
--cds-expressive-heading-05-font-weight: 400;
|
40670
|
+
--cds-expressive-heading-05-line-height: 1.25;
|
40671
|
+
--cds-expressive-heading-05-letter-spacing: 0;
|
40672
|
+
--cds-expressive-heading-06-font-size: 2rem;
|
40673
|
+
--cds-expressive-heading-06-font-weight: 600;
|
40674
|
+
--cds-expressive-heading-06-line-height: 1.25;
|
40675
|
+
--cds-expressive-heading-06-letter-spacing: 0;
|
40676
|
+
--cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
40677
|
+
--cds-quotation-01-font-size: 1.25rem;
|
40678
|
+
--cds-quotation-01-font-weight: 400;
|
40679
|
+
--cds-quotation-01-line-height: 1.3;
|
40680
|
+
--cds-quotation-01-letter-spacing: 0;
|
40681
|
+
--cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
40682
|
+
--cds-quotation-02-font-size: 2rem;
|
40683
|
+
--cds-quotation-02-font-weight: 300;
|
40684
|
+
--cds-quotation-02-line-height: 1.25;
|
40685
|
+
--cds-quotation-02-letter-spacing: 0;
|
40686
|
+
--cds-display-01-font-size: 2.625rem;
|
40687
|
+
--cds-display-01-font-weight: 300;
|
40688
|
+
--cds-display-01-line-height: 1.19;
|
40689
|
+
--cds-display-01-letter-spacing: 0;
|
40690
|
+
--cds-display-02-font-size: 2.625rem;
|
40691
|
+
--cds-display-02-font-weight: 600;
|
40692
|
+
--cds-display-02-line-height: 1.19;
|
40693
|
+
--cds-display-02-letter-spacing: 0;
|
40694
|
+
--cds-display-03-font-size: 2.625rem;
|
40695
|
+
--cds-display-03-font-weight: 300;
|
40696
|
+
--cds-display-03-line-height: 1.19;
|
40697
|
+
--cds-display-03-letter-spacing: 0;
|
40698
|
+
--cds-display-04-font-size: 2.625rem;
|
40699
|
+
--cds-display-04-font-weight: 300;
|
40700
|
+
--cds-display-04-line-height: 1.19;
|
40701
|
+
--cds-display-04-letter-spacing: 0;
|
40702
|
+
--cds-legal-01-font-size: 0.75rem;
|
40703
|
+
--cds-legal-01-font-weight: 400;
|
40704
|
+
--cds-legal-01-line-height: 1.33333;
|
40705
|
+
--cds-legal-01-letter-spacing: 0.32px;
|
40706
|
+
--cds-legal-02-font-size: 0.875rem;
|
40707
|
+
--cds-legal-02-font-weight: 400;
|
40708
|
+
--cds-legal-02-line-height: 1.28572;
|
40709
|
+
--cds-legal-02-letter-spacing: 0.16px;
|
40710
|
+
--cds-body-compact-01-font-size: 0.875rem;
|
40711
|
+
--cds-body-compact-01-font-weight: 400;
|
40712
|
+
--cds-body-compact-01-line-height: 1.28572;
|
40713
|
+
--cds-body-compact-01-letter-spacing: 0.16px;
|
40714
|
+
--cds-body-compact-02-font-size: 1rem;
|
40715
|
+
--cds-body-compact-02-font-weight: 400;
|
40716
|
+
--cds-body-compact-02-line-height: 1.375;
|
40717
|
+
--cds-body-compact-02-letter-spacing: 0;
|
40718
|
+
--cds-heading-compact-01-font-size: 0.875rem;
|
40719
|
+
--cds-heading-compact-01-font-weight: 600;
|
40720
|
+
--cds-heading-compact-01-line-height: 1.28572;
|
40721
|
+
--cds-heading-compact-01-letter-spacing: 0.16px;
|
40722
|
+
--cds-heading-compact-02-font-size: 1rem;
|
40723
|
+
--cds-heading-compact-02-font-weight: 600;
|
40724
|
+
--cds-heading-compact-02-line-height: 1.375;
|
40725
|
+
--cds-heading-compact-02-letter-spacing: 0;
|
40726
|
+
--cds-body-01-font-size: 0.875rem;
|
40727
|
+
--cds-body-01-font-weight: 400;
|
40728
|
+
--cds-body-01-line-height: 1.42857;
|
40729
|
+
--cds-body-01-letter-spacing: 0.16px;
|
40730
|
+
--cds-body-02-font-size: 1rem;
|
40731
|
+
--cds-body-02-font-weight: 400;
|
40732
|
+
--cds-body-02-line-height: 1.5;
|
40733
|
+
--cds-body-02-letter-spacing: 0;
|
40734
|
+
--cds-heading-03-font-size: 1.25rem;
|
40735
|
+
--cds-heading-03-font-weight: 400;
|
40736
|
+
--cds-heading-03-line-height: 1.4;
|
40737
|
+
--cds-heading-03-letter-spacing: 0;
|
40738
|
+
--cds-heading-04-font-size: 1.75rem;
|
40739
|
+
--cds-heading-04-font-weight: 400;
|
40740
|
+
--cds-heading-04-line-height: 1.28572;
|
40741
|
+
--cds-heading-04-letter-spacing: 0;
|
40742
|
+
--cds-heading-05-font-size: 2rem;
|
40743
|
+
--cds-heading-05-font-weight: 400;
|
40744
|
+
--cds-heading-05-line-height: 1.25;
|
40745
|
+
--cds-heading-05-letter-spacing: 0;
|
40746
|
+
--cds-heading-06-font-size: 2.625rem;
|
40747
|
+
--cds-heading-06-font-weight: 300;
|
40748
|
+
--cds-heading-06-line-height: 1.199;
|
40749
|
+
--cds-heading-06-letter-spacing: 0;
|
40750
|
+
--cds-heading-07-font-size: 3.375rem;
|
40751
|
+
--cds-heading-07-font-weight: 300;
|
40752
|
+
--cds-heading-07-line-height: 1.19;
|
40753
|
+
--cds-heading-07-letter-spacing: 0;
|
40754
|
+
--cds-fluid-heading-03-font-size: 1.25rem;
|
40755
|
+
--cds-fluid-heading-03-font-weight: 400;
|
40756
|
+
--cds-fluid-heading-03-line-height: 1.4;
|
40757
|
+
--cds-fluid-heading-03-letter-spacing: 0;
|
40758
|
+
--cds-fluid-heading-04-font-size: 1.75rem;
|
40759
|
+
--cds-fluid-heading-04-font-weight: 400;
|
40760
|
+
--cds-fluid-heading-04-line-height: 1.28572;
|
40761
|
+
--cds-fluid-heading-04-letter-spacing: 0;
|
40762
|
+
--cds-fluid-heading-05-font-size: 2rem;
|
40763
|
+
--cds-fluid-heading-05-font-weight: 400;
|
40764
|
+
--cds-fluid-heading-05-line-height: 1.25;
|
40765
|
+
--cds-fluid-heading-05-letter-spacing: 0;
|
40766
|
+
--cds-fluid-heading-06-font-size: 2rem;
|
40767
|
+
--cds-fluid-heading-06-font-weight: 600;
|
40768
|
+
--cds-fluid-heading-06-line-height: 1.25;
|
40769
|
+
--cds-fluid-heading-06-letter-spacing: 0;
|
40770
|
+
--cds-fluid-paragraph-01-font-size: 1.5rem;
|
40771
|
+
--cds-fluid-paragraph-01-font-weight: 300;
|
40772
|
+
--cds-fluid-paragraph-01-line-height: 1.334;
|
40773
|
+
--cds-fluid-paragraph-01-letter-spacing: 0;
|
40774
|
+
--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
40775
|
+
--cds-fluid-quotation-01-font-size: 1.25rem;
|
40776
|
+
--cds-fluid-quotation-01-font-weight: 400;
|
40777
|
+
--cds-fluid-quotation-01-line-height: 1.3;
|
40778
|
+
--cds-fluid-quotation-01-letter-spacing: 0;
|
40779
|
+
--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
40780
|
+
--cds-fluid-quotation-02-font-size: 2rem;
|
40781
|
+
--cds-fluid-quotation-02-font-weight: 300;
|
40782
|
+
--cds-fluid-quotation-02-line-height: 1.25;
|
40783
|
+
--cds-fluid-quotation-02-letter-spacing: 0;
|
40784
|
+
--cds-fluid-display-01-font-size: 2.625rem;
|
40785
|
+
--cds-fluid-display-01-font-weight: 300;
|
40786
|
+
--cds-fluid-display-01-line-height: 1.19;
|
40787
|
+
--cds-fluid-display-01-letter-spacing: 0;
|
40788
|
+
--cds-fluid-display-02-font-size: 2.625rem;
|
40789
|
+
--cds-fluid-display-02-font-weight: 600;
|
40790
|
+
--cds-fluid-display-02-line-height: 1.19;
|
40791
|
+
--cds-fluid-display-02-letter-spacing: 0;
|
40792
|
+
--cds-fluid-display-03-font-size: 2.625rem;
|
40793
|
+
--cds-fluid-display-03-font-weight: 300;
|
40794
|
+
--cds-fluid-display-03-line-height: 1.19;
|
40795
|
+
--cds-fluid-display-03-letter-spacing: 0;
|
40796
|
+
--cds-fluid-display-04-font-size: 2.625rem;
|
40797
|
+
--cds-fluid-display-04-font-weight: 300;
|
40798
|
+
--cds-fluid-display-04-line-height: 1.19;
|
40799
|
+
--cds-fluid-display-04-letter-spacing: 0;
|
40800
|
+
--cds-true: ;
|
40801
|
+
--cds-button-separator: #e0e0e0;
|
40802
|
+
--cds-button-primary: #0f62fe;
|
40803
|
+
--cds-button-secondary: #393939;
|
40804
|
+
--cds-button-tertiary: #0f62fe;
|
40805
|
+
--cds-button-danger-primary: #da1e28;
|
40806
|
+
--cds-button-danger-secondary: #da1e28;
|
40807
|
+
--cds-button-danger-active: #750e13;
|
40808
|
+
--cds-button-primary-active: #002d9c;
|
40809
|
+
--cds-button-secondary-active: #6f6f6f;
|
40810
|
+
--cds-button-tertiary-active: #002d9c;
|
40811
|
+
--cds-button-danger-hover: #b81921;
|
40812
|
+
--cds-button-primary-hover: #0050e6;
|
40813
|
+
--cds-button-secondary-hover: #474747;
|
40814
|
+
--cds-button-tertiary-hover: #0050e6;
|
40815
|
+
--cds-button-disabled: #c6c6c6;
|
40816
|
+
--cds-tag-background-red: #ffd7d9;
|
40817
|
+
--cds-tag-color-red: #750e13;
|
40818
|
+
--cds-tag-hover-red: #ffc2c5;
|
40819
|
+
--cds-tag-background-magenta: #ffd6e8;
|
40820
|
+
--cds-tag-color-magenta: #740937;
|
40821
|
+
--cds-tag-hover-magenta: #ffbdda;
|
40822
|
+
--cds-tag-background-purple: #e8daff;
|
40823
|
+
--cds-tag-color-purple: #491d8b;
|
40824
|
+
--cds-tag-hover-purple: #dcc7ff;
|
40825
|
+
--cds-tag-background-blue: #d0e2ff;
|
40826
|
+
--cds-tag-color-blue: #002d9c;
|
40827
|
+
--cds-tag-hover-blue: #b8d3ff;
|
40828
|
+
--cds-tag-background-cyan: #bae6ff;
|
40829
|
+
--cds-tag-color-cyan: #003a6d;
|
40830
|
+
--cds-tag-hover-cyan: #99daff;
|
40831
|
+
--cds-tag-background-teal: #9ef0f0;
|
40832
|
+
--cds-tag-color-teal: #004144;
|
40833
|
+
--cds-tag-hover-teal: #57e5e5;
|
40834
|
+
--cds-tag-background-green: #a7f0ba;
|
40835
|
+
--cds-tag-color-green: #044317;
|
40836
|
+
--cds-tag-hover-green: #74e792;
|
40837
|
+
--cds-tag-background-gray: #e0e0e0;
|
40838
|
+
--cds-tag-color-gray: #393939;
|
40839
|
+
--cds-tag-hover-gray: #d1d1d1;
|
40840
|
+
--cds-tag-background-cool-gray: #dde1e6;
|
40841
|
+
--cds-tag-color-cool-gray: #343a3f;
|
40842
|
+
--cds-tag-hover-cool-gray: #cdd3da;
|
40843
|
+
--cds-tag-background-warm-gray: #e5e0df;
|
40844
|
+
--cds-tag-color-warm-gray: #3c3838;
|
40845
|
+
--cds-tag-hover-warm-gray: #d8d0cf;
|
40846
|
+
--cds-notification-background-error: #fff1f1;
|
40847
|
+
--cds-notification-background-success: #defbe6;
|
40848
|
+
--cds-notification-background-info: #edf5ff;
|
40849
|
+
--cds-notification-background-warning: #fdf6dd;
|
40850
|
+
--cds-notification-action-hover: #ffffff;
|
40851
|
+
--cds-notification-action-tertiary-inverse: #ffffff;
|
40852
|
+
--cds-notification-action-tertiary-inverse-active: #c6c6c6;
|
40853
|
+
--cds-notification-action-tertiary-inverse-hover: #f4f4f4;
|
40854
|
+
--cds-notification-action-tertiary-inverse-text: #161616;
|
40855
|
+
--cds-notification-action-tertiary-inverse-text-on-color-disabled: rgba(255, 255, 255, 0.25);
|
40856
|
+
--cds-layer: var(--cds-layer-01, #f4f4f4);
|
40857
|
+
--cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
|
40858
|
+
--cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
|
40859
|
+
--cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
|
40860
|
+
--cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
|
40861
|
+
--cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
|
40862
|
+
--cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
|
40863
|
+
--cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
|
40864
|
+
--cds-field: var(--cds-field-01, #f4f4f4);
|
40865
|
+
--cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
|
40866
|
+
--cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
|
40867
|
+
--cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
|
40868
|
+
--cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
|
40869
|
+
--cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
|
40870
|
+
}
|
40871
|
+
|
40872
|
+
.c4p--decorator--dark {
|
40873
|
+
--cds-ai-aura-end: rgba(0, 0, 0, 0);
|
40874
|
+
--cds-ai-aura-hover-background: #333333;
|
40875
|
+
--cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
|
40876
|
+
--cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
|
40877
|
+
--cds-ai-aura-start: rgba(69, 137, 255, 0.1);
|
40878
|
+
--cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
|
40879
|
+
--cds-ai-border-end: rgba(166, 200, 255, 0.24);
|
40880
|
+
--cds-ai-border-start: #4589ff;
|
40881
|
+
--cds-ai-border-strong: #78a9ff;
|
40882
|
+
--cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
|
40883
|
+
--cds-ai-gradient-end: rgba(38, 38, 38, 0);
|
40884
|
+
--cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
|
40885
|
+
--cds-ai-gradient-start-02: transparent;
|
40886
|
+
--cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
|
40887
|
+
--cds-ai-overlay: rgba(0, 17, 65, 0.5);
|
40888
|
+
--cds-ai-skeleton-background: #0053ff;
|
40889
|
+
--cds-ai-skeleton-element-background: #001141;
|
40890
|
+
--cds-background: #161616;
|
40891
|
+
--cds-background-active: rgba(141, 141, 141, 0.4);
|
40892
|
+
--cds-background-brand: #0f62fe;
|
40893
|
+
--cds-background-hover: rgba(141, 141, 141, 0.16);
|
40894
|
+
--cds-background-inverse: #f4f4f4;
|
40895
|
+
--cds-background-inverse-hover: #e8e8e8;
|
40896
|
+
--cds-background-selected: rgba(141, 141, 141, 0.24);
|
40897
|
+
--cds-background-selected-hover: rgba(141, 141, 141, 0.32);
|
40898
|
+
--cds-border-disabled: rgba(141, 141, 141, 0.5);
|
40899
|
+
--cds-border-interactive: #4589ff;
|
40900
|
+
--cds-border-inverse: #f4f4f4;
|
40901
|
+
--cds-border-strong-01: #6f6f6f;
|
40902
|
+
--cds-border-strong-02: #8d8d8d;
|
40903
|
+
--cds-border-strong-03: #a8a8a8;
|
40904
|
+
--cds-border-subtle-00: #393939;
|
40905
|
+
--cds-border-subtle-01: #525252;
|
40906
|
+
--cds-border-subtle-02: #6f6f6f;
|
40907
|
+
--cds-border-subtle-03: #6f6f6f;
|
40908
|
+
--cds-border-subtle-selected-01: #6f6f6f;
|
40909
|
+
--cds-border-subtle-selected-02: #8d8d8d;
|
40910
|
+
--cds-border-subtle-selected-03: #8d8d8d;
|
40911
|
+
--cds-border-tile-01: #525252;
|
40912
|
+
--cds-border-tile-02: #6f6f6f;
|
40913
|
+
--cds-border-tile-03: #8d8d8d;
|
40914
|
+
--cds-chat-avatar-agent: #c6c6c6;
|
40915
|
+
--cds-chat-avatar-bot: #8d8d8d;
|
40916
|
+
--cds-chat-avatar-user: #4589ff;
|
40917
|
+
--cds-chat-bubble-agent: #262626;
|
40918
|
+
--cds-chat-bubble-agent-border: #525252;
|
40919
|
+
--cds-chat-bubble-user: #393939;
|
40920
|
+
--cds-chat-prompt-background: #161616;
|
40921
|
+
--cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
|
40922
|
+
--cds-chat-prompt-border-start: #262626;
|
40923
|
+
--cds-field-01: #262626;
|
40924
|
+
--cds-field-02: #393939;
|
40925
|
+
--cds-field-03: #525252;
|
40926
|
+
--cds-field-hover-01: #333333;
|
40927
|
+
--cds-field-hover-02: #474747;
|
40928
|
+
--cds-field-hover-03: #636363;
|
40929
|
+
--cds-focus: #ffffff;
|
40930
|
+
--cds-focus-inset: #161616;
|
40931
|
+
--cds-focus-inverse: #0f62fe;
|
40932
|
+
--cds-highlight: #002d9c;
|
40933
|
+
--cds-icon-disabled: rgba(244, 244, 244, 0.25);
|
40934
|
+
--cds-icon-interactive: #ffffff;
|
40935
|
+
--cds-icon-inverse: #161616;
|
40936
|
+
--cds-icon-on-color: #ffffff;
|
40937
|
+
--cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
|
40938
|
+
--cds-icon-primary: #f4f4f4;
|
40939
|
+
--cds-icon-secondary: #c6c6c6;
|
40940
|
+
--cds-interactive: #4589ff;
|
40941
|
+
--cds-layer-01: #262626;
|
40942
|
+
--cds-layer-02: #393939;
|
40943
|
+
--cds-layer-03: #525252;
|
40944
|
+
--cds-layer-accent-01: #393939;
|
40945
|
+
--cds-layer-accent-02: #525252;
|
40946
|
+
--cds-layer-accent-03: #6f6f6f;
|
40947
|
+
--cds-layer-accent-active-01: #6f6f6f;
|
40948
|
+
--cds-layer-accent-active-02: #8d8d8d;
|
40949
|
+
--cds-layer-accent-active-03: #393939;
|
40950
|
+
--cds-layer-accent-hover-01: #474747;
|
40951
|
+
--cds-layer-accent-hover-02: #636363;
|
40952
|
+
--cds-layer-accent-hover-03: #5e5e5e;
|
40953
|
+
--cds-layer-active-01: #525252;
|
40954
|
+
--cds-layer-active-02: #6f6f6f;
|
40955
|
+
--cds-layer-active-03: #8d8d8d;
|
40956
|
+
--cds-layer-hover-01: #333333;
|
40957
|
+
--cds-layer-hover-02: #474747;
|
40958
|
+
--cds-layer-hover-03: #636363;
|
40959
|
+
--cds-layer-selected-01: #393939;
|
40960
|
+
--cds-layer-selected-02: #525252;
|
40961
|
+
--cds-layer-selected-03: #6f6f6f;
|
40962
|
+
--cds-layer-selected-disabled: #a8a8a8;
|
40963
|
+
--cds-layer-selected-hover-01: #474747;
|
40964
|
+
--cds-layer-selected-hover-02: #636363;
|
40965
|
+
--cds-layer-selected-hover-03: #5e5e5e;
|
40966
|
+
--cds-layer-selected-inverse: #f4f4f4;
|
40967
|
+
--cds-link-inverse: #0f62fe;
|
40968
|
+
--cds-link-inverse-active: #161616;
|
40969
|
+
--cds-link-inverse-hover: #0043ce;
|
40970
|
+
--cds-link-primary: #78a9ff;
|
40971
|
+
--cds-link-primary-hover: #a6c8ff;
|
40972
|
+
--cds-link-secondary: #a6c8ff;
|
40973
|
+
--cds-link-visited: #be95ff;
|
40974
|
+
--cds-overlay: rgba(0, 0, 0, 0.65);
|
40975
|
+
--cds-shadow: rgba(0, 0, 0, 0.8);
|
40976
|
+
--cds-skeleton-background: #292929;
|
40977
|
+
--cds-skeleton-element: #393939;
|
40978
|
+
--cds-slug-background: #c6c6c6;
|
40979
|
+
--cds-slug-background-hover: #e0e0e0;
|
40980
|
+
--cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
|
40981
|
+
--cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
|
40982
|
+
--cds-slug-callout-aura-end-hover-02: transparent;
|
40983
|
+
--cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
|
40984
|
+
--cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
|
40985
|
+
--cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
|
40986
|
+
--cds-slug-callout-aura-start-hover-02: transparent;
|
40987
|
+
--cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
|
40988
|
+
--cds-slug-callout-caret-bottom: #3d4655;
|
40989
|
+
--cds-slug-callout-caret-bottom-background: #213250;
|
40990
|
+
--cds-slug-callout-caret-bottom-background-actions: #192436;
|
40991
|
+
--cds-slug-callout-caret-center: #3f68af;
|
40992
|
+
--cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
|
40993
|
+
--cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
|
40994
|
+
--cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
|
40995
|
+
--cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
|
40996
|
+
--cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
|
40997
|
+
--cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
|
40998
|
+
--cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
|
40999
|
+
--cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
|
41000
|
+
--cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
|
41001
|
+
--cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
|
41002
|
+
--cds-slug-hollow-hover: #b5b5b5;
|
41003
|
+
--cds-support-caution-major: #ff832b;
|
41004
|
+
--cds-support-caution-minor: #f1c21b;
|
41005
|
+
--cds-support-caution-undefined: #a56eff;
|
41006
|
+
--cds-support-error: #fa4d56;
|
41007
|
+
--cds-support-error-inverse: #da1e28;
|
41008
|
+
--cds-support-info: #4589ff;
|
41009
|
+
--cds-support-info-inverse: #0043ce;
|
41010
|
+
--cds-support-success: #42be65;
|
41011
|
+
--cds-support-success-inverse: #24a148;
|
41012
|
+
--cds-support-warning: #f1c21b;
|
41013
|
+
--cds-support-warning-inverse: #f1c21b;
|
41014
|
+
--cds-text-disabled: rgba(244, 244, 244, 0.25);
|
41015
|
+
--cds-text-error: #ff8389;
|
41016
|
+
--cds-text-helper: #a8a8a8;
|
41017
|
+
--cds-text-inverse: #161616;
|
41018
|
+
--cds-text-on-color: #ffffff;
|
41019
|
+
--cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);
|
41020
|
+
--cds-text-placeholder: rgba(244, 244, 244, 0.4);
|
41021
|
+
--cds-text-primary: #f4f4f4;
|
41022
|
+
--cds-text-secondary: #c6c6c6;
|
41023
|
+
--cds-toggle-off: #6f6f6f;
|
41024
|
+
--cds-spacing-01: 0.125rem;
|
41025
|
+
--cds-spacing-02: 0.25rem;
|
41026
|
+
--cds-spacing-03: 0.5rem;
|
41027
|
+
--cds-spacing-04: 0.75rem;
|
41028
|
+
--cds-spacing-05: 1rem;
|
41029
|
+
--cds-spacing-06: 1.5rem;
|
41030
|
+
--cds-spacing-07: 2rem;
|
41031
|
+
--cds-spacing-08: 2.5rem;
|
41032
|
+
--cds-spacing-09: 3rem;
|
41033
|
+
--cds-spacing-10: 4rem;
|
41034
|
+
--cds-spacing-11: 5rem;
|
41035
|
+
--cds-spacing-12: 6rem;
|
41036
|
+
--cds-spacing-13: 10rem;
|
41037
|
+
--cds-fluid-spacing-01: 0;
|
41038
|
+
--cds-fluid-spacing-02: 2vw;
|
41039
|
+
--cds-fluid-spacing-03: 5vw;
|
41040
|
+
--cds-fluid-spacing-04: 10vw;
|
41041
|
+
--cds-caption-01-font-size: 0.75rem;
|
41042
|
+
--cds-caption-01-font-weight: 400;
|
41043
|
+
--cds-caption-01-line-height: 1.33333;
|
41044
|
+
--cds-caption-01-letter-spacing: 0.32px;
|
41045
|
+
--cds-caption-02-font-size: 0.875rem;
|
41046
|
+
--cds-caption-02-font-weight: 400;
|
41047
|
+
--cds-caption-02-line-height: 1.28572;
|
41048
|
+
--cds-caption-02-letter-spacing: 0.32px;
|
41049
|
+
--cds-label-01-font-size: 0.75rem;
|
41050
|
+
--cds-label-01-font-weight: 400;
|
41051
|
+
--cds-label-01-line-height: 1.33333;
|
41052
|
+
--cds-label-01-letter-spacing: 0.32px;
|
41053
|
+
--cds-label-02-font-size: 0.875rem;
|
41054
|
+
--cds-label-02-font-weight: 400;
|
41055
|
+
--cds-label-02-line-height: 1.28572;
|
41056
|
+
--cds-label-02-letter-spacing: 0.16px;
|
41057
|
+
--cds-helper-text-01-font-size: 0.75rem;
|
41058
|
+
--cds-helper-text-01-line-height: 1.33333;
|
41059
|
+
--cds-helper-text-01-letter-spacing: 0.32px;
|
41060
|
+
--cds-helper-text-02-font-size: 0.875rem;
|
41061
|
+
--cds-helper-text-02-font-weight: 400;
|
41062
|
+
--cds-helper-text-02-line-height: 1.28572;
|
41063
|
+
--cds-helper-text-02-letter-spacing: 0.16px;
|
41064
|
+
--cds-body-short-01-font-size: 0.875rem;
|
41065
|
+
--cds-body-short-01-font-weight: 400;
|
41066
|
+
--cds-body-short-01-line-height: 1.28572;
|
41067
|
+
--cds-body-short-01-letter-spacing: 0.16px;
|
41068
|
+
--cds-body-short-02-font-size: 1rem;
|
41069
|
+
--cds-body-short-02-font-weight: 400;
|
41070
|
+
--cds-body-short-02-line-height: 1.375;
|
41071
|
+
--cds-body-short-02-letter-spacing: 0;
|
41072
|
+
--cds-body-long-01-font-size: 0.875rem;
|
41073
|
+
--cds-body-long-01-font-weight: 400;
|
41074
|
+
--cds-body-long-01-line-height: 1.42857;
|
41075
|
+
--cds-body-long-01-letter-spacing: 0.16px;
|
41076
|
+
--cds-body-long-02-font-size: 1rem;
|
41077
|
+
--cds-body-long-02-font-weight: 400;
|
41078
|
+
--cds-body-long-02-line-height: 1.5;
|
41079
|
+
--cds-body-long-02-letter-spacing: 0;
|
41080
|
+
--cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
|
41081
|
+
--cds-code-01-font-size: 0.75rem;
|
41082
|
+
--cds-code-01-font-weight: 400;
|
41083
|
+
--cds-code-01-line-height: 1.33333;
|
41084
|
+
--cds-code-01-letter-spacing: 0.32px;
|
41085
|
+
--cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
|
41086
|
+
--cds-code-02-font-size: 0.875rem;
|
41087
|
+
--cds-code-02-font-weight: 400;
|
41088
|
+
--cds-code-02-line-height: 1.42857;
|
41089
|
+
--cds-code-02-letter-spacing: 0.32px;
|
41090
|
+
--cds-heading-01-font-size: 0.875rem;
|
41091
|
+
--cds-heading-01-font-weight: 600;
|
41092
|
+
--cds-heading-01-line-height: 1.42857;
|
41093
|
+
--cds-heading-01-letter-spacing: 0.16px;
|
41094
|
+
--cds-heading-02-font-size: 1rem;
|
41095
|
+
--cds-heading-02-font-weight: 600;
|
41096
|
+
--cds-heading-02-line-height: 1.5;
|
41097
|
+
--cds-heading-02-letter-spacing: 0;
|
41098
|
+
--cds-productive-heading-01-font-size: 0.875rem;
|
41099
|
+
--cds-productive-heading-01-font-weight: 600;
|
41100
|
+
--cds-productive-heading-01-line-height: 1.28572;
|
41101
|
+
--cds-productive-heading-01-letter-spacing: 0.16px;
|
41102
|
+
--cds-productive-heading-02-font-size: 1rem;
|
41103
|
+
--cds-productive-heading-02-font-weight: 600;
|
41104
|
+
--cds-productive-heading-02-line-height: 1.375;
|
41105
|
+
--cds-productive-heading-02-letter-spacing: 0;
|
41106
|
+
--cds-productive-heading-03-font-size: 1.25rem;
|
41107
|
+
--cds-productive-heading-03-font-weight: 400;
|
41108
|
+
--cds-productive-heading-03-line-height: 1.4;
|
41109
|
+
--cds-productive-heading-03-letter-spacing: 0;
|
41110
|
+
--cds-productive-heading-04-font-size: 1.75rem;
|
41111
|
+
--cds-productive-heading-04-font-weight: 400;
|
41112
|
+
--cds-productive-heading-04-line-height: 1.28572;
|
41113
|
+
--cds-productive-heading-04-letter-spacing: 0;
|
41114
|
+
--cds-productive-heading-05-font-size: 2rem;
|
41115
|
+
--cds-productive-heading-05-font-weight: 400;
|
41116
|
+
--cds-productive-heading-05-line-height: 1.25;
|
41117
|
+
--cds-productive-heading-05-letter-spacing: 0;
|
41118
|
+
--cds-productive-heading-06-font-size: 2.625rem;
|
41119
|
+
--cds-productive-heading-06-font-weight: 300;
|
41120
|
+
--cds-productive-heading-06-line-height: 1.199;
|
41121
|
+
--cds-productive-heading-06-letter-spacing: 0;
|
41122
|
+
--cds-productive-heading-07-font-size: 3.375rem;
|
41123
|
+
--cds-productive-heading-07-font-weight: 300;
|
41124
|
+
--cds-productive-heading-07-line-height: 1.19;
|
41125
|
+
--cds-productive-heading-07-letter-spacing: 0;
|
41126
|
+
--cds-expressive-paragraph-01-font-size: 1.5rem;
|
41127
|
+
--cds-expressive-paragraph-01-font-weight: 300;
|
41128
|
+
--cds-expressive-paragraph-01-line-height: 1.334;
|
41129
|
+
--cds-expressive-paragraph-01-letter-spacing: 0;
|
41130
|
+
--cds-expressive-heading-01-font-size: 0.875rem;
|
41131
|
+
--cds-expressive-heading-01-font-weight: 600;
|
41132
|
+
--cds-expressive-heading-01-line-height: 1.42857;
|
41133
|
+
--cds-expressive-heading-01-letter-spacing: 0.16px;
|
41134
|
+
--cds-expressive-heading-02-font-size: 1rem;
|
41135
|
+
--cds-expressive-heading-02-font-weight: 600;
|
41136
|
+
--cds-expressive-heading-02-line-height: 1.5;
|
41137
|
+
--cds-expressive-heading-02-letter-spacing: 0;
|
41138
|
+
--cds-expressive-heading-03-font-size: 1.25rem;
|
41139
|
+
--cds-expressive-heading-03-font-weight: 400;
|
41140
|
+
--cds-expressive-heading-03-line-height: 1.4;
|
41141
|
+
--cds-expressive-heading-03-letter-spacing: 0;
|
41142
|
+
--cds-expressive-heading-04-font-size: 1.75rem;
|
41143
|
+
--cds-expressive-heading-04-font-weight: 400;
|
41144
|
+
--cds-expressive-heading-04-line-height: 1.28572;
|
41145
|
+
--cds-expressive-heading-04-letter-spacing: 0;
|
41146
|
+
--cds-expressive-heading-05-font-size: 2rem;
|
41147
|
+
--cds-expressive-heading-05-font-weight: 400;
|
41148
|
+
--cds-expressive-heading-05-line-height: 1.25;
|
41149
|
+
--cds-expressive-heading-05-letter-spacing: 0;
|
41150
|
+
--cds-expressive-heading-06-font-size: 2rem;
|
41151
|
+
--cds-expressive-heading-06-font-weight: 600;
|
41152
|
+
--cds-expressive-heading-06-line-height: 1.25;
|
41153
|
+
--cds-expressive-heading-06-letter-spacing: 0;
|
41154
|
+
--cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
41155
|
+
--cds-quotation-01-font-size: 1.25rem;
|
41156
|
+
--cds-quotation-01-font-weight: 400;
|
41157
|
+
--cds-quotation-01-line-height: 1.3;
|
41158
|
+
--cds-quotation-01-letter-spacing: 0;
|
41159
|
+
--cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
41160
|
+
--cds-quotation-02-font-size: 2rem;
|
41161
|
+
--cds-quotation-02-font-weight: 300;
|
41162
|
+
--cds-quotation-02-line-height: 1.25;
|
41163
|
+
--cds-quotation-02-letter-spacing: 0;
|
41164
|
+
--cds-display-01-font-size: 2.625rem;
|
41165
|
+
--cds-display-01-font-weight: 300;
|
41166
|
+
--cds-display-01-line-height: 1.19;
|
41167
|
+
--cds-display-01-letter-spacing: 0;
|
41168
|
+
--cds-display-02-font-size: 2.625rem;
|
41169
|
+
--cds-display-02-font-weight: 600;
|
41170
|
+
--cds-display-02-line-height: 1.19;
|
41171
|
+
--cds-display-02-letter-spacing: 0;
|
41172
|
+
--cds-display-03-font-size: 2.625rem;
|
41173
|
+
--cds-display-03-font-weight: 300;
|
41174
|
+
--cds-display-03-line-height: 1.19;
|
41175
|
+
--cds-display-03-letter-spacing: 0;
|
41176
|
+
--cds-display-04-font-size: 2.625rem;
|
41177
|
+
--cds-display-04-font-weight: 300;
|
41178
|
+
--cds-display-04-line-height: 1.19;
|
41179
|
+
--cds-display-04-letter-spacing: 0;
|
41180
|
+
--cds-legal-01-font-size: 0.75rem;
|
41181
|
+
--cds-legal-01-font-weight: 400;
|
41182
|
+
--cds-legal-01-line-height: 1.33333;
|
41183
|
+
--cds-legal-01-letter-spacing: 0.32px;
|
41184
|
+
--cds-legal-02-font-size: 0.875rem;
|
41185
|
+
--cds-legal-02-font-weight: 400;
|
41186
|
+
--cds-legal-02-line-height: 1.28572;
|
41187
|
+
--cds-legal-02-letter-spacing: 0.16px;
|
41188
|
+
--cds-body-compact-01-font-size: 0.875rem;
|
41189
|
+
--cds-body-compact-01-font-weight: 400;
|
41190
|
+
--cds-body-compact-01-line-height: 1.28572;
|
41191
|
+
--cds-body-compact-01-letter-spacing: 0.16px;
|
41192
|
+
--cds-body-compact-02-font-size: 1rem;
|
41193
|
+
--cds-body-compact-02-font-weight: 400;
|
41194
|
+
--cds-body-compact-02-line-height: 1.375;
|
41195
|
+
--cds-body-compact-02-letter-spacing: 0;
|
41196
|
+
--cds-heading-compact-01-font-size: 0.875rem;
|
41197
|
+
--cds-heading-compact-01-font-weight: 600;
|
41198
|
+
--cds-heading-compact-01-line-height: 1.28572;
|
41199
|
+
--cds-heading-compact-01-letter-spacing: 0.16px;
|
41200
|
+
--cds-heading-compact-02-font-size: 1rem;
|
41201
|
+
--cds-heading-compact-02-font-weight: 600;
|
41202
|
+
--cds-heading-compact-02-line-height: 1.375;
|
41203
|
+
--cds-heading-compact-02-letter-spacing: 0;
|
41204
|
+
--cds-body-01-font-size: 0.875rem;
|
41205
|
+
--cds-body-01-font-weight: 400;
|
41206
|
+
--cds-body-01-line-height: 1.42857;
|
41207
|
+
--cds-body-01-letter-spacing: 0.16px;
|
41208
|
+
--cds-body-02-font-size: 1rem;
|
41209
|
+
--cds-body-02-font-weight: 400;
|
41210
|
+
--cds-body-02-line-height: 1.5;
|
41211
|
+
--cds-body-02-letter-spacing: 0;
|
41212
|
+
--cds-heading-03-font-size: 1.25rem;
|
41213
|
+
--cds-heading-03-font-weight: 400;
|
41214
|
+
--cds-heading-03-line-height: 1.4;
|
41215
|
+
--cds-heading-03-letter-spacing: 0;
|
41216
|
+
--cds-heading-04-font-size: 1.75rem;
|
41217
|
+
--cds-heading-04-font-weight: 400;
|
41218
|
+
--cds-heading-04-line-height: 1.28572;
|
41219
|
+
--cds-heading-04-letter-spacing: 0;
|
41220
|
+
--cds-heading-05-font-size: 2rem;
|
41221
|
+
--cds-heading-05-font-weight: 400;
|
41222
|
+
--cds-heading-05-line-height: 1.25;
|
41223
|
+
--cds-heading-05-letter-spacing: 0;
|
41224
|
+
--cds-heading-06-font-size: 2.625rem;
|
41225
|
+
--cds-heading-06-font-weight: 300;
|
41226
|
+
--cds-heading-06-line-height: 1.199;
|
41227
|
+
--cds-heading-06-letter-spacing: 0;
|
41228
|
+
--cds-heading-07-font-size: 3.375rem;
|
41229
|
+
--cds-heading-07-font-weight: 300;
|
41230
|
+
--cds-heading-07-line-height: 1.19;
|
41231
|
+
--cds-heading-07-letter-spacing: 0;
|
41232
|
+
--cds-fluid-heading-03-font-size: 1.25rem;
|
41233
|
+
--cds-fluid-heading-03-font-weight: 400;
|
41234
|
+
--cds-fluid-heading-03-line-height: 1.4;
|
41235
|
+
--cds-fluid-heading-03-letter-spacing: 0;
|
41236
|
+
--cds-fluid-heading-04-font-size: 1.75rem;
|
41237
|
+
--cds-fluid-heading-04-font-weight: 400;
|
41238
|
+
--cds-fluid-heading-04-line-height: 1.28572;
|
41239
|
+
--cds-fluid-heading-04-letter-spacing: 0;
|
41240
|
+
--cds-fluid-heading-05-font-size: 2rem;
|
41241
|
+
--cds-fluid-heading-05-font-weight: 400;
|
41242
|
+
--cds-fluid-heading-05-line-height: 1.25;
|
41243
|
+
--cds-fluid-heading-05-letter-spacing: 0;
|
41244
|
+
--cds-fluid-heading-06-font-size: 2rem;
|
41245
|
+
--cds-fluid-heading-06-font-weight: 600;
|
41246
|
+
--cds-fluid-heading-06-line-height: 1.25;
|
41247
|
+
--cds-fluid-heading-06-letter-spacing: 0;
|
41248
|
+
--cds-fluid-paragraph-01-font-size: 1.5rem;
|
41249
|
+
--cds-fluid-paragraph-01-font-weight: 300;
|
41250
|
+
--cds-fluid-paragraph-01-line-height: 1.334;
|
41251
|
+
--cds-fluid-paragraph-01-letter-spacing: 0;
|
41252
|
+
--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
41253
|
+
--cds-fluid-quotation-01-font-size: 1.25rem;
|
41254
|
+
--cds-fluid-quotation-01-font-weight: 400;
|
41255
|
+
--cds-fluid-quotation-01-line-height: 1.3;
|
41256
|
+
--cds-fluid-quotation-01-letter-spacing: 0;
|
41257
|
+
--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
41258
|
+
--cds-fluid-quotation-02-font-size: 2rem;
|
41259
|
+
--cds-fluid-quotation-02-font-weight: 300;
|
41260
|
+
--cds-fluid-quotation-02-line-height: 1.25;
|
41261
|
+
--cds-fluid-quotation-02-letter-spacing: 0;
|
41262
|
+
--cds-fluid-display-01-font-size: 2.625rem;
|
41263
|
+
--cds-fluid-display-01-font-weight: 300;
|
41264
|
+
--cds-fluid-display-01-line-height: 1.19;
|
41265
|
+
--cds-fluid-display-01-letter-spacing: 0;
|
41266
|
+
--cds-fluid-display-02-font-size: 2.625rem;
|
41267
|
+
--cds-fluid-display-02-font-weight: 600;
|
41268
|
+
--cds-fluid-display-02-line-height: 1.19;
|
41269
|
+
--cds-fluid-display-02-letter-spacing: 0;
|
41270
|
+
--cds-fluid-display-03-font-size: 2.625rem;
|
41271
|
+
--cds-fluid-display-03-font-weight: 300;
|
41272
|
+
--cds-fluid-display-03-line-height: 1.19;
|
41273
|
+
--cds-fluid-display-03-letter-spacing: 0;
|
41274
|
+
--cds-fluid-display-04-font-size: 2.625rem;
|
41275
|
+
--cds-fluid-display-04-font-weight: 300;
|
41276
|
+
--cds-fluid-display-04-line-height: 1.19;
|
41277
|
+
--cds-fluid-display-04-letter-spacing: 0;
|
41278
|
+
--cds-true: ;
|
41279
|
+
--cds-button-separator: #161616;
|
41280
|
+
--cds-button-primary: #0f62fe;
|
41281
|
+
--cds-button-secondary: #6f6f6f;
|
41282
|
+
--cds-button-tertiary: #ffffff;
|
41283
|
+
--cds-button-danger-primary: #da1e28;
|
41284
|
+
--cds-button-danger-secondary: #fa4d56;
|
41285
|
+
--cds-button-danger-active: #750e13;
|
41286
|
+
--cds-button-primary-active: #002d9c;
|
41287
|
+
--cds-button-secondary-active: #393939;
|
41288
|
+
--cds-button-tertiary-active: #c6c6c6;
|
41289
|
+
--cds-button-danger-hover: #b81921;
|
41290
|
+
--cds-button-primary-hover: #0050e6;
|
41291
|
+
--cds-button-secondary-hover: #5e5e5e;
|
41292
|
+
--cds-button-tertiary-hover: #f4f4f4;
|
41293
|
+
--cds-button-disabled: rgba(141, 141, 141, 0.3);
|
41294
|
+
--cds-tag-background-red: #a2191f;
|
41295
|
+
--cds-tag-color-red: #ffd7d9;
|
41296
|
+
--cds-tag-hover-red: #c21e25;
|
41297
|
+
--cds-tag-background-magenta: #9f1853;
|
41298
|
+
--cds-tag-color-magenta: #ffd6e8;
|
41299
|
+
--cds-tag-hover-magenta: #bf1d63;
|
41300
|
+
--cds-tag-background-purple: #6929c4;
|
41301
|
+
--cds-tag-color-purple: #e8daff;
|
41302
|
+
--cds-tag-hover-purple: #7c3dd6;
|
41303
|
+
--cds-tag-background-blue: #0043ce;
|
41304
|
+
--cds-tag-color-blue: #d0e2ff;
|
41305
|
+
--cds-tag-hover-blue: #0053ff;
|
41306
|
+
--cds-tag-background-cyan: #00539a;
|
41307
|
+
--cds-tag-color-cyan: #bae6ff;
|
41308
|
+
--cds-tag-hover-cyan: #0066bd;
|
41309
|
+
--cds-tag-background-teal: #005d5d;
|
41310
|
+
--cds-tag-color-teal: #9ef0f0;
|
41311
|
+
--cds-tag-hover-teal: #007070;
|
41312
|
+
--cds-tag-background-green: #0e6027;
|
41313
|
+
--cds-tag-color-green: #a7f0ba;
|
41314
|
+
--cds-tag-hover-green: #11742f;
|
41315
|
+
--cds-tag-background-gray: #525252;
|
41316
|
+
--cds-tag-color-gray: #e0e0e0;
|
41317
|
+
--cds-tag-hover-gray: #636363;
|
41318
|
+
--cds-tag-background-cool-gray: #4d5358;
|
41319
|
+
--cds-tag-color-cool-gray: #dde1e6;
|
41320
|
+
--cds-tag-hover-cool-gray: #5d646a;
|
41321
|
+
--cds-tag-background-warm-gray: #565151;
|
41322
|
+
--cds-tag-color-warm-gray: #e5e0df;
|
41323
|
+
--cds-tag-hover-warm-gray: #696363;
|
41324
|
+
--cds-notification-background-error: #262626;
|
41325
|
+
--cds-notification-background-success: #262626;
|
41326
|
+
--cds-notification-background-info: #262626;
|
41327
|
+
--cds-notification-background-warning: #262626;
|
41328
|
+
--cds-notification-action-hover: var(--cds-layer-hover);
|
41329
|
+
--cds-notification-action-tertiary-inverse: #0f62fe;
|
41330
|
+
--cds-notification-action-tertiary-inverse-active: #002d9c;
|
41331
|
+
--cds-notification-action-tertiary-inverse-hover: #0050e6;
|
41332
|
+
--cds-notification-action-tertiary-inverse-text: #ffffff;
|
41333
|
+
--cds-notification-action-tertiary-inverse-text-on-color-disabled: #8d8d8d;
|
41334
|
+
--cds-layer: var(--cds-layer-01, #f4f4f4);
|
41335
|
+
--cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
|
41336
|
+
--cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
|
41337
|
+
--cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
|
41338
|
+
--cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
|
41339
|
+
--cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
|
41340
|
+
--cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
|
41341
|
+
--cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
|
41342
|
+
--cds-field: var(--cds-field-01, #f4f4f4);
|
41343
|
+
--cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
|
41344
|
+
--cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
|
41345
|
+
--cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
|
41346
|
+
--cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
|
41347
|
+
--cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
|
41348
|
+
}
|
41349
|
+
|
41350
|
+
.c4p--decorator {
|
41351
|
+
display: inline-flex;
|
41352
|
+
max-width: 100%;
|
41353
|
+
align-items: normal;
|
41354
|
+
border-radius: 6rem;
|
41355
|
+
}
|
41356
|
+
|
41357
|
+
.c4p--decorator .c4p--decorator__label {
|
41358
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
41359
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
41360
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
41361
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
41362
|
+
position: relative;
|
41363
|
+
display: inline-flex;
|
41364
|
+
height: 1.5rem;
|
41365
|
+
align-items: normal;
|
41366
|
+
padding: 0 0.5rem;
|
41367
|
+
border-width: 0.0625rem 0 0.0625rem 0.0625rem;
|
41368
|
+
border-style: solid;
|
41369
|
+
border-color: var(--cds-border-subtle-02, #e0e0e0);
|
41370
|
+
border-radius: 6rem 0 0 6rem;
|
41371
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
41372
|
+
color: var(--cds-text-secondary, #525252);
|
41373
|
+
line-height: 1.8;
|
41374
|
+
}
|
41375
|
+
|
41376
|
+
.c4p--decorator .c4p--decorator__value {
|
41377
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
41378
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
41379
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
41380
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
41381
|
+
position: relative;
|
41382
|
+
display: inline-flex;
|
41383
|
+
overflow: hidden;
|
41384
|
+
height: 1.5rem;
|
41385
|
+
align-items: normal;
|
41386
|
+
padding: 0 0.5rem;
|
41387
|
+
border-width: 0.0625rem 0.0625rem 0.0625rem 0;
|
41388
|
+
border-style: solid;
|
41389
|
+
border-color: var(--cds-border-subtle-02, #e0e0e0);
|
41390
|
+
border-radius: 0 6rem 6rem 0;
|
41391
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
41392
|
+
color: var(--cds-text-primary, #161616);
|
41393
|
+
line-height: 1.8;
|
41394
|
+
}
|
41395
|
+
|
41396
|
+
.c4p--decorator .c4p--decorator-icon {
|
41397
|
+
margin-top: 0.1875rem;
|
41398
|
+
margin-right: 0.25rem;
|
41399
|
+
}
|
41400
|
+
|
41401
|
+
.c4p--decorator--default .c4p--decorator__value::after {
|
41402
|
+
position: absolute;
|
41403
|
+
top: 0;
|
41404
|
+
bottom: 0;
|
41405
|
+
left: 0;
|
41406
|
+
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
41407
|
+
content: "";
|
41408
|
+
}
|
41409
|
+
|
41410
|
+
.c4p--decorator--link {
|
41411
|
+
cursor: pointer;
|
41412
|
+
text-decoration: none;
|
41413
|
+
}
|
41414
|
+
|
41415
|
+
.c4p--decorator--link .c4p--decorator__label {
|
41416
|
+
background-color: var(--cds-layer-02, #ffffff);
|
41417
|
+
}
|
41418
|
+
|
41419
|
+
.c4p--decorator--link .c4p--decorator__value {
|
41420
|
+
background-color: var(--cds-layer-02, #ffffff);
|
41421
|
+
color: var(--cds-link-primary, #0f62fe);
|
41422
|
+
}
|
41423
|
+
.c4p--decorator--link .c4p--decorator__value::after {
|
41424
|
+
position: absolute;
|
41425
|
+
top: 0;
|
41426
|
+
bottom: 0;
|
41427
|
+
left: 0;
|
41428
|
+
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
41429
|
+
content: "";
|
41430
|
+
}
|
41431
|
+
|
41432
|
+
.c4p--decorator--link:hover .c4p--decorator__value {
|
41433
|
+
color: var(--cds-link-primary-hover, #0043ce);
|
41434
|
+
text-decoration: underline;
|
41435
|
+
}
|
41436
|
+
|
41437
|
+
.c4p--decorator--link:focus {
|
41438
|
+
text-decoration: none;
|
41439
|
+
}
|
41440
|
+
|
41441
|
+
.c4p--decorator--link:focus .c4p--decorator__value {
|
41442
|
+
border-color: var(--cds-focus, #0f62fe);
|
41443
|
+
}
|
41444
|
+
.c4p--decorator--link:focus .c4p--decorator__value::after {
|
41445
|
+
position: absolute;
|
41446
|
+
top: 0;
|
41447
|
+
bottom: 0;
|
41448
|
+
left: 0;
|
41449
|
+
border-left: 1px solid var(--cds-focus, #0f62fe);
|
41450
|
+
content: "";
|
41451
|
+
}
|
41452
|
+
|
41453
|
+
.c4p--decorator--link:active .c4p--decorator__value {
|
41454
|
+
color: var(--cds-text-primary, #161616);
|
41455
|
+
}
|
41456
|
+
|
41457
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled) {
|
41458
|
+
display: flex;
|
41459
|
+
padding: 0;
|
41460
|
+
border: 0;
|
41461
|
+
cursor: pointer;
|
41462
|
+
}
|
41463
|
+
|
41464
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled) .c4p--decorator__label {
|
41465
|
+
background-color: var(--cds-layer-02, #ffffff);
|
41466
|
+
}
|
41467
|
+
|
41468
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled) .c4p--decorator__value {
|
41469
|
+
background-color: var(--cds-layer-02, #ffffff);
|
41470
|
+
}
|
41471
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled) .c4p--decorator__value::after {
|
41472
|
+
position: absolute;
|
41473
|
+
top: 0;
|
41474
|
+
bottom: 0;
|
41475
|
+
left: 0;
|
41476
|
+
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
41477
|
+
content: "";
|
41478
|
+
}
|
41479
|
+
|
41480
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator__label {
|
41481
|
+
border-color: var(--cds-border-strong);
|
41482
|
+
background-color: var(--cds-layer-hover-02, #e8e8e8);
|
41483
|
+
}
|
41484
|
+
|
41485
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator__value {
|
41486
|
+
border-color: var(--cds-border-strong);
|
41487
|
+
background-color: var(--cds-layer-hover-02, #e8e8e8);
|
41488
|
+
}
|
41489
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator__value::after {
|
41490
|
+
position: absolute;
|
41491
|
+
top: 0;
|
41492
|
+
bottom: 0;
|
41493
|
+
left: 0;
|
41494
|
+
border-left: 1px solid var(--cds-border-strong);
|
41495
|
+
content: "";
|
41496
|
+
}
|
41497
|
+
|
41498
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):focus {
|
41499
|
+
outline: none;
|
41500
|
+
}
|
41501
|
+
|
41502
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):focus .c4p--decorator__label {
|
41503
|
+
border-color: var(--cds-focus, #0f62fe);
|
41504
|
+
background-color: var(--cds-layer-02, #ffffff);
|
41505
|
+
}
|
41506
|
+
|
41507
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):focus .c4p--decorator__value {
|
41508
|
+
border-color: var(--cds-focus, #0f62fe);
|
41509
|
+
background-color: var(--cds-layer-02, #ffffff);
|
41510
|
+
}
|
41511
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):focus .c4p--decorator__value::after {
|
41512
|
+
position: absolute;
|
41513
|
+
top: 0;
|
41514
|
+
bottom: 0;
|
41515
|
+
left: 0;
|
41516
|
+
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
41517
|
+
content: "";
|
41518
|
+
}
|
41519
|
+
|
41520
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator__label {
|
41521
|
+
background-color: var(--cds-layer-selected-02, #e0e0e0);
|
41522
|
+
}
|
41523
|
+
|
41524
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator__value {
|
41525
|
+
background-color: var(--cds-layer-selected-02, #e0e0e0);
|
41526
|
+
}
|
41527
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator__value::after {
|
41528
|
+
position: absolute;
|
41529
|
+
top: 0;
|
41530
|
+
bottom: 0;
|
41531
|
+
left: 0;
|
41532
|
+
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
41533
|
+
content: "";
|
41534
|
+
}
|
41535
|
+
|
41536
|
+
.c4p--decorator--button.c4p--decorator-disabled {
|
41537
|
+
padding: 0;
|
41538
|
+
border: 0;
|
41539
|
+
cursor: not-allowed;
|
41540
|
+
}
|
41541
|
+
|
41542
|
+
.c4p--decorator--button.c4p--decorator-disabled .c4p--decorator__label {
|
41543
|
+
background-color: var(--cds-layer-02, #ffffff);
|
41544
|
+
color: var(--cds-icon-on-color-disabled, #8d8d8d);
|
41545
|
+
}
|
41546
|
+
|
41547
|
+
.c4p--decorator--button.c4p--decorator-disabled .c4p--decorator__value {
|
41548
|
+
background-color: var(--cds-layer-02, #ffffff);
|
41549
|
+
color: var(--cds-icon-on-color-disabled, #8d8d8d);
|
41550
|
+
}
|
41551
|
+
.c4p--decorator--button.c4p--decorator-disabled .c4p--decorator__value::after {
|
41552
|
+
position: absolute;
|
41553
|
+
top: 0;
|
41554
|
+
bottom: 0;
|
41555
|
+
left: 0;
|
41556
|
+
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
41557
|
+
content: "";
|
41558
|
+
}
|
41559
|
+
|
41560
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label {
|
41561
|
+
background-color: var(--cds-layer-02, #ffffff);
|
41562
|
+
cursor: pointer;
|
41563
|
+
}
|
41564
|
+
|
41565
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled):not(:hover) .c4p--decorator__value::after {
|
41566
|
+
position: absolute;
|
41567
|
+
top: 0;
|
41568
|
+
bottom: 0;
|
41569
|
+
left: 0;
|
41570
|
+
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
41571
|
+
content: "";
|
41572
|
+
}
|
41573
|
+
|
41574
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value {
|
41575
|
+
background-color: var(--cds-layer-02, #ffffff);
|
41576
|
+
cursor: pointer;
|
41577
|
+
}
|
41578
|
+
|
41579
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:hover {
|
41580
|
+
border-color: var(--cds-border-strong);
|
41581
|
+
background-color: var(--cds-layer-hover-02, #e8e8e8);
|
41582
|
+
}
|
41583
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:hover::after {
|
41584
|
+
position: absolute;
|
41585
|
+
z-index: 1;
|
41586
|
+
top: -1px;
|
41587
|
+
right: -1px;
|
41588
|
+
bottom: -1px;
|
41589
|
+
border-right: 1px solid var(--cds-border-strong);
|
41590
|
+
content: "";
|
41591
|
+
}
|
41592
|
+
|
41593
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:hover {
|
41594
|
+
border-color: var(--cds-border-strong);
|
41595
|
+
background-color: var(--cds-layer-hover-02, #e8e8e8);
|
41596
|
+
}
|
41597
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:hover::after {
|
41598
|
+
position: absolute;
|
41599
|
+
top: 0;
|
41600
|
+
bottom: 0;
|
41601
|
+
left: 0;
|
41602
|
+
border-left: 1px solid var(--cds-border-strong);
|
41603
|
+
content: "";
|
41604
|
+
}
|
41605
|
+
|
41606
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:focus {
|
41607
|
+
border-color: var(--cds-focus, #0f62fe);
|
41608
|
+
outline: none;
|
41609
|
+
}
|
41610
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:focus::after {
|
41611
|
+
position: absolute;
|
41612
|
+
z-index: 1;
|
41613
|
+
top: -1px;
|
41614
|
+
right: -1px;
|
41615
|
+
bottom: -1px;
|
41616
|
+
border-right: 1px solid var(--cds-focus, #0f62fe);
|
41617
|
+
content: "";
|
41618
|
+
}
|
41619
|
+
|
41620
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:focus {
|
41621
|
+
border-color: var(--cds-focus, #0f62fe);
|
41622
|
+
outline: none;
|
41623
|
+
}
|
41624
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:focus::after {
|
41625
|
+
position: absolute;
|
41626
|
+
top: 0;
|
41627
|
+
bottom: 0;
|
41628
|
+
left: 0;
|
41629
|
+
border-left: 1px solid var(--cds-focus, #0f62fe);
|
41630
|
+
content: "";
|
41631
|
+
}
|
41632
|
+
|
41633
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:active {
|
41634
|
+
background-color: var(--cds-layer-hover-02, #e8e8e8);
|
41635
|
+
}
|
41636
|
+
|
41637
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:active {
|
41638
|
+
background-color: var(--cds-layer-hover-02, #e8e8e8);
|
41639
|
+
}
|
41640
|
+
|
41641
|
+
.c4p--decorator--buttons.c4p--decorator-disabled .c4p--decorator__label {
|
41642
|
+
background-color: var(--cds-layer-02, #ffffff);
|
41643
|
+
color: var(--cds-icon-on-color-disabled, #8d8d8d);
|
41644
|
+
}
|
41645
|
+
|
41646
|
+
.c4p--decorator--buttons.c4p--decorator-disabled .c4p--decorator__value {
|
41647
|
+
background-color: var(--cds-layer-02, #ffffff);
|
41648
|
+
color: var(--cds-icon-on-color-disabled, #8d8d8d);
|
41649
|
+
}
|
41650
|
+
.c4p--decorator--buttons.c4p--decorator-disabled .c4p--decorator__value::after {
|
41651
|
+
position: absolute;
|
41652
|
+
top: 0;
|
41653
|
+
bottom: 0;
|
41654
|
+
left: 0;
|
41655
|
+
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
41656
|
+
content: "";
|
41657
|
+
}
|
41658
|
+
|
41659
|
+
.c4p--decorator--sm .c4p--decorator__label {
|
41660
|
+
height: 1.125rem;
|
41661
|
+
padding: 0 0.25rem 0 0.5rem;
|
41662
|
+
line-height: 1.333;
|
41663
|
+
}
|
41664
|
+
|
41665
|
+
.c4p--decorator--sm .c4p--decorator__value {
|
41666
|
+
height: 1.125rem;
|
41667
|
+
padding: 0 0.5rem 0 calc(0.25rem + 1px);
|
41668
|
+
line-height: 1.333;
|
41669
|
+
}
|
41670
|
+
|
41671
|
+
.c4p--decorator--truncate-end .c4p--decorator__value {
|
41672
|
+
display: inline;
|
41673
|
+
overflow: hidden;
|
41674
|
+
text-overflow: ellipsis;
|
41675
|
+
white-space: nowrap;
|
41676
|
+
}
|
41677
|
+
|
41678
|
+
.c4p--decorator--truncate-start .c4p--decorator__value {
|
41679
|
+
display: inline;
|
41680
|
+
overflow: hidden;
|
41681
|
+
direction: rtl;
|
41682
|
+
text-overflow: ellipsis;
|
41683
|
+
white-space: nowrap;
|
41684
|
+
}
|
41685
|
+
|
41686
|
+
.c4p--decorator-icon__magnitude-unknown {
|
41687
|
+
fill: var(--cds-icon-secondary, #525252);
|
41688
|
+
}
|
41689
|
+
|
41690
|
+
.c4p--decorator-icon__magnitude-benign {
|
41691
|
+
fill: #007d79;
|
41692
|
+
}
|
41693
|
+
|
41694
|
+
.c4p--decorator-icon__magnitude-low {
|
41695
|
+
fill: var(--cds-support-warning, #f1c21b);
|
41696
|
+
}
|
41697
|
+
|
41698
|
+
.c4p--decorator-icon__magnitude-medium {
|
41699
|
+
fill: #ff832b;
|
41700
|
+
}
|
41701
|
+
|
41702
|
+
.c4p--decorator-icon__magnitude-high {
|
41703
|
+
fill: var(--cds-support-error, #da1e28);
|
41704
|
+
}
|
41705
|
+
|
41706
|
+
.c4p--decorator-icon__magnitude-critical {
|
41707
|
+
fill: var(--cds-support-error, #da1e28);
|
41708
|
+
}
|
41709
|
+
|
41710
|
+
.c4p--decorator-disabled svg {
|
41711
|
+
fill: var(--cds-icon-on-color-disabled, #8d8d8d);
|
41712
|
+
}
|
41713
|
+
|
41714
|
+
.c4p--decorator .c4p--decorator-icon--sm {
|
41715
|
+
width: 0.75rem;
|
41716
|
+
height: 0.75rem;
|
41717
|
+
margin-top: 0.15625rem;
|
41718
|
+
}
|
41719
|
+
|
41720
|
+
.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 {
|
41721
|
+
stroke: #8e6a00;
|
41722
|
+
stroke-width: 1px;
|
41723
|
+
}
|
41724
|
+
.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 {
|
41725
|
+
fill: #ba4e00;
|
41726
|
+
}
|
41727
|
+
|
41728
|
+
.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 {
|
41729
|
+
fill: #ff8389;
|
41730
|
+
}
|
41731
|
+
.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 {
|
41732
|
+
stroke: #ff8389;
|
41733
|
+
stroke-width: 0.03125rem;
|
41734
|
+
}
|
41735
|
+
|
41736
|
+
.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 {
|
41737
|
+
stroke: #8e6a00;
|
41738
|
+
stroke-width: 1px;
|
41739
|
+
}
|
41740
|
+
.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 {
|
41741
|
+
fill: #ba4e00;
|
41742
|
+
}
|
41743
|
+
|
41744
|
+
.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 {
|
41745
|
+
fill: #ff8389;
|
41746
|
+
}
|
41747
|
+
.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 {
|
41748
|
+
stroke: #ff8389;
|
41749
|
+
stroke-width: 0.03125rem;
|
41750
|
+
}
|
41751
|
+
|
40345
41752
|
.c4p--description-list .cds--structured-list {
|
40346
41753
|
margin-bottom: 2rem;
|
40347
41754
|
}
|