@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
package/css/index.css
CHANGED
@@ -4106,9 +4106,13 @@ fieldset[disabled] .cds--form__helper-text {
|
|
4106
4106
|
letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
|
4107
4107
|
overflow: hidden auto;
|
4108
4108
|
min-height: 4rem;
|
4109
|
-
padding: 0 20% 0 1rem;
|
4110
|
-
margin-bottom: 1.5rem;
|
4111
4109
|
grid-row: auto;
|
4110
|
+
padding-block-start: 0;
|
4111
|
+
padding-inline: 1rem 20%;
|
4112
|
+
}
|
4113
|
+
.c4p--about-modal .c4p--about-modal__body:not(.cds--modal-scroll-content) {
|
4114
|
+
margin-bottom: 1.5rem;
|
4115
|
+
padding-block-end: 0;
|
4112
4116
|
}
|
4113
4117
|
|
4114
4118
|
.c4p--about-modal .cds--modal-content--overflow-indicator {
|
@@ -12696,6 +12700,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12696
12700
|
}
|
12697
12701
|
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__show-all-tags-link {
|
12698
12702
|
margin-top: 0.5rem;
|
12703
|
+
color: var(--cds-link-inverse, #78a9ff);
|
12699
12704
|
}
|
12700
12705
|
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item.c4p--tag-set-overflow__tag-item--tag .cds--tag {
|
12701
12706
|
background-color: var(--cds-background-inverse-hover, #474747);
|
@@ -17028,6 +17033,32 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
17028
17033
|
padding-left: 0.5rem;
|
17029
17034
|
}
|
17030
17035
|
|
17036
|
+
.cds--data-table td.c4p--datagrid__expandable-row-cell + td,
|
17037
|
+
.cds--data-table .c4p--datagrid__carbon-nested-row:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2) {
|
17038
|
+
position: relative;
|
17039
|
+
}
|
17040
|
+
|
17041
|
+
.cds--data-table td.c4p--datagrid__expandable-row-cell.c4p--datagrid__expandable-row-cell--is-expanded + td::before,
|
17042
|
+
.cds--data-table .c4p--datagrid__carbon-nested-row:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2)::before,
|
17043
|
+
.cds--data-table .c4p--datagrid__carbon-nested-row td.c4p--datagrid__expandable-row-cell + td::before {
|
17044
|
+
position: absolute;
|
17045
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
17046
|
+
bottom: -1px;
|
17047
|
+
left: 0;
|
17048
|
+
width: 1rem;
|
17049
|
+
height: 1px;
|
17050
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
17051
|
+
content: "";
|
17052
|
+
transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
|
17053
|
+
}
|
17054
|
+
|
17055
|
+
.cds--data-table tr:hover td.c4p--datagrid__expandable-row-cell.c4p--datagrid__expandable-row-cell--is-expanded + td::before,
|
17056
|
+
.cds--data-table .c4p--datagrid__carbon-nested-row:hover td.c4p--datagrid__expandable-row-cell + td::before,
|
17057
|
+
.cds--data-table .c4p--datagrid__expandable-row--hover td.c4p--datagrid__expandable-row-cell + td::before,
|
17058
|
+
.cds--data-table .c4p--datagrid__carbon-nested-row:hover:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2)::before {
|
17059
|
+
background-color: var(--cds-layer-hover);
|
17060
|
+
}
|
17061
|
+
|
17031
17062
|
.c4p--datagrid__carbon-row-expanded .c4p--datagrid__expandable-row-cell {
|
17032
17063
|
border-bottom: none;
|
17033
17064
|
}
|
@@ -17187,6 +17218,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
17187
17218
|
position: sticky !important;
|
17188
17219
|
z-index: 1;
|
17189
17220
|
left: 0;
|
17221
|
+
border-right: 1px solid var(--cds-layer-active-02, #c6c6c6);
|
17222
|
+
}
|
17223
|
+
|
17224
|
+
.c4p--datagrid__right-sticky-column-header {
|
17225
|
+
border-left: 1px solid var(--cds-layer-active-02, #c6c6c6);
|
17190
17226
|
}
|
17191
17227
|
|
17192
17228
|
.c4p--datagrid__left-sticky-column-cell.c4p--datagrid__left-sticky-column-cell--with-extra-select-column,
|
@@ -17488,7 +17524,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
17488
17524
|
position: relative;
|
17489
17525
|
z-index: 0;
|
17490
17526
|
overflow: auto;
|
17491
|
-
padding: 0 1rem;
|
17527
|
+
padding: 0 1rem 4rem 1rem;
|
17492
17528
|
overscroll-behavior: contain;
|
17493
17529
|
}
|
17494
17530
|
|
@@ -17658,6 +17694,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
17658
17694
|
.c4p--datagrid .cds--data-table tbody tr:hover + .c4p--datagrid__expanded-row,
|
17659
17695
|
.c4p--datagrid .c4p--datagrid__expanded-row:hover,
|
17660
17696
|
.c4p--datagrid .c4p--datagrid__expandable-row--hover td {
|
17697
|
+
border-top: none;
|
17661
17698
|
background: var(--cds-layer-hover);
|
17662
17699
|
}
|
17663
17700
|
|
@@ -17667,6 +17704,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
17667
17704
|
border: none;
|
17668
17705
|
}
|
17669
17706
|
|
17707
|
+
.c4p--datagrid .cds--data-table .c4p--datagrid__carbon-row-expanded:hover td:not(.c4p--datagrid__expandable-row-cell) {
|
17708
|
+
border-bottom: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
17709
|
+
}
|
17710
|
+
|
17670
17711
|
.c4p--datagrid .cds--data-table td.c4p--datagrid__expanded-row-cell-wrapper {
|
17671
17712
|
padding: 0;
|
17672
17713
|
}
|
@@ -20809,6 +20850,10 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
20809
20850
|
border-radius: 1.5rem;
|
20810
20851
|
}
|
20811
20852
|
|
20853
|
+
.cds--chat-btn:not(.cds--chat-btn--with-icon) {
|
20854
|
+
padding-inline-end: 0.9375rem;
|
20855
|
+
}
|
20856
|
+
|
20812
20857
|
.cds--chat-btn.cds--btn--md {
|
20813
20858
|
border-radius: 1.25rem;
|
20814
20859
|
}
|
@@ -35710,6 +35755,1368 @@ a.cds--side-nav__link--current::before {
|
|
35710
35755
|
white-space: nowrap;
|
35711
35756
|
}
|
35712
35757
|
|
35758
|
+
/* stylelint-disable carbon/theme-token-use */
|
35759
|
+
/* stylelint-disable carbon/type-token-use */
|
35760
|
+
/* stylelint-disable carbon/layout-token-use */
|
35761
|
+
/* stylelint-disable function-no-unknown */
|
35762
|
+
.c4p--decorator--light {
|
35763
|
+
--cds-ai-aura-end: rgba(255, 255, 255, 0);
|
35764
|
+
--cds-ai-aura-hover-background: #edf5ff;
|
35765
|
+
--cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
|
35766
|
+
--cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
|
35767
|
+
--cds-ai-aura-start: rgba(69, 137, 255, 0.1);
|
35768
|
+
--cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
|
35769
|
+
--cds-ai-border-end: #d0e2ff;
|
35770
|
+
--cds-ai-border-start: #78a9ff;
|
35771
|
+
--cds-ai-border-strong: #4589ff;
|
35772
|
+
--cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
|
35773
|
+
--cds-ai-gradient-end: rgba(255, 255, 255, 0);
|
35774
|
+
--cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
|
35775
|
+
--cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
|
35776
|
+
--cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
|
35777
|
+
--cds-ai-overlay: rgba(0, 17, 65, 0.5);
|
35778
|
+
--cds-ai-skeleton-background: #b8d3ff;
|
35779
|
+
--cds-ai-skeleton-element-background: #001141;
|
35780
|
+
--cds-background: #f4f4f4;
|
35781
|
+
--cds-background-active: rgba(141, 141, 141, 0.5);
|
35782
|
+
--cds-background-brand: #0f62fe;
|
35783
|
+
--cds-background-hover: rgba(141, 141, 141, 0.12);
|
35784
|
+
--cds-background-inverse: #393939;
|
35785
|
+
--cds-background-inverse-hover: #474747;
|
35786
|
+
--cds-background-selected: rgba(141, 141, 141, 0.2);
|
35787
|
+
--cds-background-selected-hover: rgba(141, 141, 141, 0.32);
|
35788
|
+
--cds-border-disabled: #c6c6c6;
|
35789
|
+
--cds-border-interactive: #0f62fe;
|
35790
|
+
--cds-border-inverse: #161616;
|
35791
|
+
--cds-border-strong-01: #8d8d8d;
|
35792
|
+
--cds-border-strong-02: #8d8d8d;
|
35793
|
+
--cds-border-strong-03: #8d8d8d;
|
35794
|
+
--cds-border-subtle-00: #c6c6c6;
|
35795
|
+
--cds-border-subtle-01: #e0e0e0;
|
35796
|
+
--cds-border-subtle-02: #c6c6c6;
|
35797
|
+
--cds-border-subtle-03: #e0e0e0;
|
35798
|
+
--cds-border-subtle-selected-01: #c6c6c6;
|
35799
|
+
--cds-border-subtle-selected-02: #c6c6c6;
|
35800
|
+
--cds-border-subtle-selected-03: #c6c6c6;
|
35801
|
+
--cds-border-tile-01: #a8a8a8;
|
35802
|
+
--cds-border-tile-02: #c6c6c6;
|
35803
|
+
--cds-border-tile-03: #a8a8a8;
|
35804
|
+
--cds-chat-avatar-agent: #393939;
|
35805
|
+
--cds-chat-avatar-bot: #6f6f6f;
|
35806
|
+
--cds-chat-avatar-user: #0f62fe;
|
35807
|
+
--cds-chat-bubble-agent: #ffffff;
|
35808
|
+
--cds-chat-bubble-agent-border: #e0e0e0;
|
35809
|
+
--cds-chat-bubble-user: #e0e0e0;
|
35810
|
+
--cds-chat-prompt-background: #ffffff;
|
35811
|
+
--cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
|
35812
|
+
--cds-chat-prompt-border-start: #f4f4f4;
|
35813
|
+
--cds-field-01: #ffffff;
|
35814
|
+
--cds-field-02: #f4f4f4;
|
35815
|
+
--cds-field-03: #ffffff;
|
35816
|
+
--cds-field-hover-01: #e8e8e8;
|
35817
|
+
--cds-field-hover-02: #e8e8e8;
|
35818
|
+
--cds-field-hover-03: #e8e8e8;
|
35819
|
+
--cds-focus: #0f62fe;
|
35820
|
+
--cds-focus-inset: #ffffff;
|
35821
|
+
--cds-focus-inverse: #ffffff;
|
35822
|
+
--cds-highlight: #d0e2ff;
|
35823
|
+
--cds-icon-disabled: rgba(22, 22, 22, 0.25);
|
35824
|
+
--cds-icon-interactive: #0f62fe;
|
35825
|
+
--cds-icon-inverse: #ffffff;
|
35826
|
+
--cds-icon-on-color: #ffffff;
|
35827
|
+
--cds-icon-on-color-disabled: #8d8d8d;
|
35828
|
+
--cds-icon-primary: #161616;
|
35829
|
+
--cds-icon-secondary: #525252;
|
35830
|
+
--cds-interactive: #0f62fe;
|
35831
|
+
--cds-layer-01: #ffffff;
|
35832
|
+
--cds-layer-02: #f4f4f4;
|
35833
|
+
--cds-layer-03: #ffffff;
|
35834
|
+
--cds-layer-accent-01: #e0e0e0;
|
35835
|
+
--cds-layer-accent-02: #e0e0e0;
|
35836
|
+
--cds-layer-accent-03: #e0e0e0;
|
35837
|
+
--cds-layer-accent-active-01: #a8a8a8;
|
35838
|
+
--cds-layer-accent-active-02: #a8a8a8;
|
35839
|
+
--cds-layer-accent-active-03: #a8a8a8;
|
35840
|
+
--cds-layer-accent-hover-01: #d1d1d1;
|
35841
|
+
--cds-layer-accent-hover-02: #d1d1d1;
|
35842
|
+
--cds-layer-accent-hover-03: #d1d1d1;
|
35843
|
+
--cds-layer-active-01: #c6c6c6;
|
35844
|
+
--cds-layer-active-02: #c6c6c6;
|
35845
|
+
--cds-layer-active-03: #c6c6c6;
|
35846
|
+
--cds-layer-hover-01: #e8e8e8;
|
35847
|
+
--cds-layer-hover-02: #e8e8e8;
|
35848
|
+
--cds-layer-hover-03: #e8e8e8;
|
35849
|
+
--cds-layer-selected-01: #e0e0e0;
|
35850
|
+
--cds-layer-selected-02: #e0e0e0;
|
35851
|
+
--cds-layer-selected-03: #e0e0e0;
|
35852
|
+
--cds-layer-selected-disabled: #8d8d8d;
|
35853
|
+
--cds-layer-selected-hover-01: #d1d1d1;
|
35854
|
+
--cds-layer-selected-hover-02: #d1d1d1;
|
35855
|
+
--cds-layer-selected-hover-03: #d1d1d1;
|
35856
|
+
--cds-layer-selected-inverse: #161616;
|
35857
|
+
--cds-link-inverse: #78a9ff;
|
35858
|
+
--cds-link-inverse-active: #f4f4f4;
|
35859
|
+
--cds-link-inverse-hover: #a6c8ff;
|
35860
|
+
--cds-link-primary: #0f62fe;
|
35861
|
+
--cds-link-primary-hover: #0043ce;
|
35862
|
+
--cds-link-secondary: #0043ce;
|
35863
|
+
--cds-link-visited: #8a3ffc;
|
35864
|
+
--cds-overlay: rgba(22, 22, 22, 0.5);
|
35865
|
+
--cds-shadow: rgba(0, 0, 0, 0.3);
|
35866
|
+
--cds-skeleton-background: #e8e8e8;
|
35867
|
+
--cds-skeleton-element: #c6c6c6;
|
35868
|
+
--cds-slug-background: #525252;
|
35869
|
+
--cds-slug-background-hover: #6f6f6f;
|
35870
|
+
--cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
|
35871
|
+
--cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
|
35872
|
+
--cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
|
35873
|
+
--cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
|
35874
|
+
--cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
|
35875
|
+
--cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
|
35876
|
+
--cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
|
35877
|
+
--cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
|
35878
|
+
--cds-slug-callout-caret-bottom: #d0e2ff;
|
35879
|
+
--cds-slug-callout-caret-bottom-background: #ccdbf8;
|
35880
|
+
--cds-slug-callout-caret-bottom-background-actions: #d2dcee;
|
35881
|
+
--cds-slug-callout-caret-center: #a7c7ff;
|
35882
|
+
--cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
|
35883
|
+
--cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
|
35884
|
+
--cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
|
35885
|
+
--cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
|
35886
|
+
--cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
|
35887
|
+
--cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
|
35888
|
+
--cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
|
35889
|
+
--cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
|
35890
|
+
--cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
|
35891
|
+
--cds-slug-gradient-hover: #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%);
|
35892
|
+
--cds-slug-hollow-hover: #474747;
|
35893
|
+
--cds-support-caution-major: #ff832b;
|
35894
|
+
--cds-support-caution-minor: #f1c21b;
|
35895
|
+
--cds-support-caution-undefined: #8a3ffc;
|
35896
|
+
--cds-support-error: #da1e28;
|
35897
|
+
--cds-support-error-inverse: #fa4d56;
|
35898
|
+
--cds-support-info: #0043ce;
|
35899
|
+
--cds-support-info-inverse: #4589ff;
|
35900
|
+
--cds-support-success: #24a148;
|
35901
|
+
--cds-support-success-inverse: #42be65;
|
35902
|
+
--cds-support-warning: #f1c21b;
|
35903
|
+
--cds-support-warning-inverse: #f1c21b;
|
35904
|
+
--cds-text-disabled: rgba(22, 22, 22, 0.25);
|
35905
|
+
--cds-text-error: #da1e28;
|
35906
|
+
--cds-text-helper: #6f6f6f;
|
35907
|
+
--cds-text-inverse: #ffffff;
|
35908
|
+
--cds-text-on-color: #ffffff;
|
35909
|
+
--cds-text-on-color-disabled: #8d8d8d;
|
35910
|
+
--cds-text-placeholder: rgba(22, 22, 22, 0.4);
|
35911
|
+
--cds-text-primary: #161616;
|
35912
|
+
--cds-text-secondary: #525252;
|
35913
|
+
--cds-toggle-off: #8d8d8d;
|
35914
|
+
--cds-spacing-01: 0.125rem;
|
35915
|
+
--cds-spacing-02: 0.25rem;
|
35916
|
+
--cds-spacing-03: 0.5rem;
|
35917
|
+
--cds-spacing-04: 0.75rem;
|
35918
|
+
--cds-spacing-05: 1rem;
|
35919
|
+
--cds-spacing-06: 1.5rem;
|
35920
|
+
--cds-spacing-07: 2rem;
|
35921
|
+
--cds-spacing-08: 2.5rem;
|
35922
|
+
--cds-spacing-09: 3rem;
|
35923
|
+
--cds-spacing-10: 4rem;
|
35924
|
+
--cds-spacing-11: 5rem;
|
35925
|
+
--cds-spacing-12: 6rem;
|
35926
|
+
--cds-spacing-13: 10rem;
|
35927
|
+
--cds-fluid-spacing-01: 0;
|
35928
|
+
--cds-fluid-spacing-02: 2vw;
|
35929
|
+
--cds-fluid-spacing-03: 5vw;
|
35930
|
+
--cds-fluid-spacing-04: 10vw;
|
35931
|
+
--cds-caption-01-font-size: 0.75rem;
|
35932
|
+
--cds-caption-01-font-weight: 400;
|
35933
|
+
--cds-caption-01-line-height: 1.33333;
|
35934
|
+
--cds-caption-01-letter-spacing: 0.32px;
|
35935
|
+
--cds-caption-02-font-size: 0.875rem;
|
35936
|
+
--cds-caption-02-font-weight: 400;
|
35937
|
+
--cds-caption-02-line-height: 1.28572;
|
35938
|
+
--cds-caption-02-letter-spacing: 0.32px;
|
35939
|
+
--cds-label-01-font-size: 0.75rem;
|
35940
|
+
--cds-label-01-font-weight: 400;
|
35941
|
+
--cds-label-01-line-height: 1.33333;
|
35942
|
+
--cds-label-01-letter-spacing: 0.32px;
|
35943
|
+
--cds-label-02-font-size: 0.875rem;
|
35944
|
+
--cds-label-02-font-weight: 400;
|
35945
|
+
--cds-label-02-line-height: 1.28572;
|
35946
|
+
--cds-label-02-letter-spacing: 0.16px;
|
35947
|
+
--cds-helper-text-01-font-size: 0.75rem;
|
35948
|
+
--cds-helper-text-01-line-height: 1.33333;
|
35949
|
+
--cds-helper-text-01-letter-spacing: 0.32px;
|
35950
|
+
--cds-helper-text-02-font-size: 0.875rem;
|
35951
|
+
--cds-helper-text-02-font-weight: 400;
|
35952
|
+
--cds-helper-text-02-line-height: 1.28572;
|
35953
|
+
--cds-helper-text-02-letter-spacing: 0.16px;
|
35954
|
+
--cds-body-short-01-font-size: 0.875rem;
|
35955
|
+
--cds-body-short-01-font-weight: 400;
|
35956
|
+
--cds-body-short-01-line-height: 1.28572;
|
35957
|
+
--cds-body-short-01-letter-spacing: 0.16px;
|
35958
|
+
--cds-body-short-02-font-size: 1rem;
|
35959
|
+
--cds-body-short-02-font-weight: 400;
|
35960
|
+
--cds-body-short-02-line-height: 1.375;
|
35961
|
+
--cds-body-short-02-letter-spacing: 0;
|
35962
|
+
--cds-body-long-01-font-size: 0.875rem;
|
35963
|
+
--cds-body-long-01-font-weight: 400;
|
35964
|
+
--cds-body-long-01-line-height: 1.42857;
|
35965
|
+
--cds-body-long-01-letter-spacing: 0.16px;
|
35966
|
+
--cds-body-long-02-font-size: 1rem;
|
35967
|
+
--cds-body-long-02-font-weight: 400;
|
35968
|
+
--cds-body-long-02-line-height: 1.5;
|
35969
|
+
--cds-body-long-02-letter-spacing: 0;
|
35970
|
+
--cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
|
35971
|
+
--cds-code-01-font-size: 0.75rem;
|
35972
|
+
--cds-code-01-font-weight: 400;
|
35973
|
+
--cds-code-01-line-height: 1.33333;
|
35974
|
+
--cds-code-01-letter-spacing: 0.32px;
|
35975
|
+
--cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
|
35976
|
+
--cds-code-02-font-size: 0.875rem;
|
35977
|
+
--cds-code-02-font-weight: 400;
|
35978
|
+
--cds-code-02-line-height: 1.42857;
|
35979
|
+
--cds-code-02-letter-spacing: 0.32px;
|
35980
|
+
--cds-heading-01-font-size: 0.875rem;
|
35981
|
+
--cds-heading-01-font-weight: 600;
|
35982
|
+
--cds-heading-01-line-height: 1.42857;
|
35983
|
+
--cds-heading-01-letter-spacing: 0.16px;
|
35984
|
+
--cds-heading-02-font-size: 1rem;
|
35985
|
+
--cds-heading-02-font-weight: 600;
|
35986
|
+
--cds-heading-02-line-height: 1.5;
|
35987
|
+
--cds-heading-02-letter-spacing: 0;
|
35988
|
+
--cds-productive-heading-01-font-size: 0.875rem;
|
35989
|
+
--cds-productive-heading-01-font-weight: 600;
|
35990
|
+
--cds-productive-heading-01-line-height: 1.28572;
|
35991
|
+
--cds-productive-heading-01-letter-spacing: 0.16px;
|
35992
|
+
--cds-productive-heading-02-font-size: 1rem;
|
35993
|
+
--cds-productive-heading-02-font-weight: 600;
|
35994
|
+
--cds-productive-heading-02-line-height: 1.375;
|
35995
|
+
--cds-productive-heading-02-letter-spacing: 0;
|
35996
|
+
--cds-productive-heading-03-font-size: 1.25rem;
|
35997
|
+
--cds-productive-heading-03-font-weight: 400;
|
35998
|
+
--cds-productive-heading-03-line-height: 1.4;
|
35999
|
+
--cds-productive-heading-03-letter-spacing: 0;
|
36000
|
+
--cds-productive-heading-04-font-size: 1.75rem;
|
36001
|
+
--cds-productive-heading-04-font-weight: 400;
|
36002
|
+
--cds-productive-heading-04-line-height: 1.28572;
|
36003
|
+
--cds-productive-heading-04-letter-spacing: 0;
|
36004
|
+
--cds-productive-heading-05-font-size: 2rem;
|
36005
|
+
--cds-productive-heading-05-font-weight: 400;
|
36006
|
+
--cds-productive-heading-05-line-height: 1.25;
|
36007
|
+
--cds-productive-heading-05-letter-spacing: 0;
|
36008
|
+
--cds-productive-heading-06-font-size: 2.625rem;
|
36009
|
+
--cds-productive-heading-06-font-weight: 300;
|
36010
|
+
--cds-productive-heading-06-line-height: 1.199;
|
36011
|
+
--cds-productive-heading-06-letter-spacing: 0;
|
36012
|
+
--cds-productive-heading-07-font-size: 3.375rem;
|
36013
|
+
--cds-productive-heading-07-font-weight: 300;
|
36014
|
+
--cds-productive-heading-07-line-height: 1.19;
|
36015
|
+
--cds-productive-heading-07-letter-spacing: 0;
|
36016
|
+
--cds-expressive-paragraph-01-font-size: 1.5rem;
|
36017
|
+
--cds-expressive-paragraph-01-font-weight: 300;
|
36018
|
+
--cds-expressive-paragraph-01-line-height: 1.334;
|
36019
|
+
--cds-expressive-paragraph-01-letter-spacing: 0;
|
36020
|
+
--cds-expressive-heading-01-font-size: 0.875rem;
|
36021
|
+
--cds-expressive-heading-01-font-weight: 600;
|
36022
|
+
--cds-expressive-heading-01-line-height: 1.42857;
|
36023
|
+
--cds-expressive-heading-01-letter-spacing: 0.16px;
|
36024
|
+
--cds-expressive-heading-02-font-size: 1rem;
|
36025
|
+
--cds-expressive-heading-02-font-weight: 600;
|
36026
|
+
--cds-expressive-heading-02-line-height: 1.5;
|
36027
|
+
--cds-expressive-heading-02-letter-spacing: 0;
|
36028
|
+
--cds-expressive-heading-03-font-size: 1.25rem;
|
36029
|
+
--cds-expressive-heading-03-font-weight: 400;
|
36030
|
+
--cds-expressive-heading-03-line-height: 1.4;
|
36031
|
+
--cds-expressive-heading-03-letter-spacing: 0;
|
36032
|
+
--cds-expressive-heading-04-font-size: 1.75rem;
|
36033
|
+
--cds-expressive-heading-04-font-weight: 400;
|
36034
|
+
--cds-expressive-heading-04-line-height: 1.28572;
|
36035
|
+
--cds-expressive-heading-04-letter-spacing: 0;
|
36036
|
+
--cds-expressive-heading-05-font-size: 2rem;
|
36037
|
+
--cds-expressive-heading-05-font-weight: 400;
|
36038
|
+
--cds-expressive-heading-05-line-height: 1.25;
|
36039
|
+
--cds-expressive-heading-05-letter-spacing: 0;
|
36040
|
+
--cds-expressive-heading-06-font-size: 2rem;
|
36041
|
+
--cds-expressive-heading-06-font-weight: 600;
|
36042
|
+
--cds-expressive-heading-06-line-height: 1.25;
|
36043
|
+
--cds-expressive-heading-06-letter-spacing: 0;
|
36044
|
+
--cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
36045
|
+
--cds-quotation-01-font-size: 1.25rem;
|
36046
|
+
--cds-quotation-01-font-weight: 400;
|
36047
|
+
--cds-quotation-01-line-height: 1.3;
|
36048
|
+
--cds-quotation-01-letter-spacing: 0;
|
36049
|
+
--cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
36050
|
+
--cds-quotation-02-font-size: 2rem;
|
36051
|
+
--cds-quotation-02-font-weight: 300;
|
36052
|
+
--cds-quotation-02-line-height: 1.25;
|
36053
|
+
--cds-quotation-02-letter-spacing: 0;
|
36054
|
+
--cds-display-01-font-size: 2.625rem;
|
36055
|
+
--cds-display-01-font-weight: 300;
|
36056
|
+
--cds-display-01-line-height: 1.19;
|
36057
|
+
--cds-display-01-letter-spacing: 0;
|
36058
|
+
--cds-display-02-font-size: 2.625rem;
|
36059
|
+
--cds-display-02-font-weight: 600;
|
36060
|
+
--cds-display-02-line-height: 1.19;
|
36061
|
+
--cds-display-02-letter-spacing: 0;
|
36062
|
+
--cds-display-03-font-size: 2.625rem;
|
36063
|
+
--cds-display-03-font-weight: 300;
|
36064
|
+
--cds-display-03-line-height: 1.19;
|
36065
|
+
--cds-display-03-letter-spacing: 0;
|
36066
|
+
--cds-display-04-font-size: 2.625rem;
|
36067
|
+
--cds-display-04-font-weight: 300;
|
36068
|
+
--cds-display-04-line-height: 1.19;
|
36069
|
+
--cds-display-04-letter-spacing: 0;
|
36070
|
+
--cds-legal-01-font-size: 0.75rem;
|
36071
|
+
--cds-legal-01-font-weight: 400;
|
36072
|
+
--cds-legal-01-line-height: 1.33333;
|
36073
|
+
--cds-legal-01-letter-spacing: 0.32px;
|
36074
|
+
--cds-legal-02-font-size: 0.875rem;
|
36075
|
+
--cds-legal-02-font-weight: 400;
|
36076
|
+
--cds-legal-02-line-height: 1.28572;
|
36077
|
+
--cds-legal-02-letter-spacing: 0.16px;
|
36078
|
+
--cds-body-compact-01-font-size: 0.875rem;
|
36079
|
+
--cds-body-compact-01-font-weight: 400;
|
36080
|
+
--cds-body-compact-01-line-height: 1.28572;
|
36081
|
+
--cds-body-compact-01-letter-spacing: 0.16px;
|
36082
|
+
--cds-body-compact-02-font-size: 1rem;
|
36083
|
+
--cds-body-compact-02-font-weight: 400;
|
36084
|
+
--cds-body-compact-02-line-height: 1.375;
|
36085
|
+
--cds-body-compact-02-letter-spacing: 0;
|
36086
|
+
--cds-heading-compact-01-font-size: 0.875rem;
|
36087
|
+
--cds-heading-compact-01-font-weight: 600;
|
36088
|
+
--cds-heading-compact-01-line-height: 1.28572;
|
36089
|
+
--cds-heading-compact-01-letter-spacing: 0.16px;
|
36090
|
+
--cds-heading-compact-02-font-size: 1rem;
|
36091
|
+
--cds-heading-compact-02-font-weight: 600;
|
36092
|
+
--cds-heading-compact-02-line-height: 1.375;
|
36093
|
+
--cds-heading-compact-02-letter-spacing: 0;
|
36094
|
+
--cds-body-01-font-size: 0.875rem;
|
36095
|
+
--cds-body-01-font-weight: 400;
|
36096
|
+
--cds-body-01-line-height: 1.42857;
|
36097
|
+
--cds-body-01-letter-spacing: 0.16px;
|
36098
|
+
--cds-body-02-font-size: 1rem;
|
36099
|
+
--cds-body-02-font-weight: 400;
|
36100
|
+
--cds-body-02-line-height: 1.5;
|
36101
|
+
--cds-body-02-letter-spacing: 0;
|
36102
|
+
--cds-heading-03-font-size: 1.25rem;
|
36103
|
+
--cds-heading-03-font-weight: 400;
|
36104
|
+
--cds-heading-03-line-height: 1.4;
|
36105
|
+
--cds-heading-03-letter-spacing: 0;
|
36106
|
+
--cds-heading-04-font-size: 1.75rem;
|
36107
|
+
--cds-heading-04-font-weight: 400;
|
36108
|
+
--cds-heading-04-line-height: 1.28572;
|
36109
|
+
--cds-heading-04-letter-spacing: 0;
|
36110
|
+
--cds-heading-05-font-size: 2rem;
|
36111
|
+
--cds-heading-05-font-weight: 400;
|
36112
|
+
--cds-heading-05-line-height: 1.25;
|
36113
|
+
--cds-heading-05-letter-spacing: 0;
|
36114
|
+
--cds-heading-06-font-size: 2.625rem;
|
36115
|
+
--cds-heading-06-font-weight: 300;
|
36116
|
+
--cds-heading-06-line-height: 1.199;
|
36117
|
+
--cds-heading-06-letter-spacing: 0;
|
36118
|
+
--cds-heading-07-font-size: 3.375rem;
|
36119
|
+
--cds-heading-07-font-weight: 300;
|
36120
|
+
--cds-heading-07-line-height: 1.19;
|
36121
|
+
--cds-heading-07-letter-spacing: 0;
|
36122
|
+
--cds-fluid-heading-03-font-size: 1.25rem;
|
36123
|
+
--cds-fluid-heading-03-font-weight: 400;
|
36124
|
+
--cds-fluid-heading-03-line-height: 1.4;
|
36125
|
+
--cds-fluid-heading-03-letter-spacing: 0;
|
36126
|
+
--cds-fluid-heading-04-font-size: 1.75rem;
|
36127
|
+
--cds-fluid-heading-04-font-weight: 400;
|
36128
|
+
--cds-fluid-heading-04-line-height: 1.28572;
|
36129
|
+
--cds-fluid-heading-04-letter-spacing: 0;
|
36130
|
+
--cds-fluid-heading-05-font-size: 2rem;
|
36131
|
+
--cds-fluid-heading-05-font-weight: 400;
|
36132
|
+
--cds-fluid-heading-05-line-height: 1.25;
|
36133
|
+
--cds-fluid-heading-05-letter-spacing: 0;
|
36134
|
+
--cds-fluid-heading-06-font-size: 2rem;
|
36135
|
+
--cds-fluid-heading-06-font-weight: 600;
|
36136
|
+
--cds-fluid-heading-06-line-height: 1.25;
|
36137
|
+
--cds-fluid-heading-06-letter-spacing: 0;
|
36138
|
+
--cds-fluid-paragraph-01-font-size: 1.5rem;
|
36139
|
+
--cds-fluid-paragraph-01-font-weight: 300;
|
36140
|
+
--cds-fluid-paragraph-01-line-height: 1.334;
|
36141
|
+
--cds-fluid-paragraph-01-letter-spacing: 0;
|
36142
|
+
--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
36143
|
+
--cds-fluid-quotation-01-font-size: 1.25rem;
|
36144
|
+
--cds-fluid-quotation-01-font-weight: 400;
|
36145
|
+
--cds-fluid-quotation-01-line-height: 1.3;
|
36146
|
+
--cds-fluid-quotation-01-letter-spacing: 0;
|
36147
|
+
--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
36148
|
+
--cds-fluid-quotation-02-font-size: 2rem;
|
36149
|
+
--cds-fluid-quotation-02-font-weight: 300;
|
36150
|
+
--cds-fluid-quotation-02-line-height: 1.25;
|
36151
|
+
--cds-fluid-quotation-02-letter-spacing: 0;
|
36152
|
+
--cds-fluid-display-01-font-size: 2.625rem;
|
36153
|
+
--cds-fluid-display-01-font-weight: 300;
|
36154
|
+
--cds-fluid-display-01-line-height: 1.19;
|
36155
|
+
--cds-fluid-display-01-letter-spacing: 0;
|
36156
|
+
--cds-fluid-display-02-font-size: 2.625rem;
|
36157
|
+
--cds-fluid-display-02-font-weight: 600;
|
36158
|
+
--cds-fluid-display-02-line-height: 1.19;
|
36159
|
+
--cds-fluid-display-02-letter-spacing: 0;
|
36160
|
+
--cds-fluid-display-03-font-size: 2.625rem;
|
36161
|
+
--cds-fluid-display-03-font-weight: 300;
|
36162
|
+
--cds-fluid-display-03-line-height: 1.19;
|
36163
|
+
--cds-fluid-display-03-letter-spacing: 0;
|
36164
|
+
--cds-fluid-display-04-font-size: 2.625rem;
|
36165
|
+
--cds-fluid-display-04-font-weight: 300;
|
36166
|
+
--cds-fluid-display-04-line-height: 1.19;
|
36167
|
+
--cds-fluid-display-04-letter-spacing: 0;
|
36168
|
+
--cds-true: ;
|
36169
|
+
--cds-button-separator: #e0e0e0;
|
36170
|
+
--cds-button-primary: #0f62fe;
|
36171
|
+
--cds-button-secondary: #393939;
|
36172
|
+
--cds-button-tertiary: #0f62fe;
|
36173
|
+
--cds-button-danger-primary: #da1e28;
|
36174
|
+
--cds-button-danger-secondary: #da1e28;
|
36175
|
+
--cds-button-danger-active: #750e13;
|
36176
|
+
--cds-button-primary-active: #002d9c;
|
36177
|
+
--cds-button-secondary-active: #6f6f6f;
|
36178
|
+
--cds-button-tertiary-active: #002d9c;
|
36179
|
+
--cds-button-danger-hover: #b81921;
|
36180
|
+
--cds-button-primary-hover: #0050e6;
|
36181
|
+
--cds-button-secondary-hover: #474747;
|
36182
|
+
--cds-button-tertiary-hover: #0050e6;
|
36183
|
+
--cds-button-disabled: #c6c6c6;
|
36184
|
+
--cds-tag-background-red: #ffd7d9;
|
36185
|
+
--cds-tag-color-red: #750e13;
|
36186
|
+
--cds-tag-hover-red: #ffc2c5;
|
36187
|
+
--cds-tag-background-magenta: #ffd6e8;
|
36188
|
+
--cds-tag-color-magenta: #740937;
|
36189
|
+
--cds-tag-hover-magenta: #ffbdda;
|
36190
|
+
--cds-tag-background-purple: #e8daff;
|
36191
|
+
--cds-tag-color-purple: #491d8b;
|
36192
|
+
--cds-tag-hover-purple: #dcc7ff;
|
36193
|
+
--cds-tag-background-blue: #d0e2ff;
|
36194
|
+
--cds-tag-color-blue: #002d9c;
|
36195
|
+
--cds-tag-hover-blue: #b8d3ff;
|
36196
|
+
--cds-tag-background-cyan: #bae6ff;
|
36197
|
+
--cds-tag-color-cyan: #003a6d;
|
36198
|
+
--cds-tag-hover-cyan: #99daff;
|
36199
|
+
--cds-tag-background-teal: #9ef0f0;
|
36200
|
+
--cds-tag-color-teal: #004144;
|
36201
|
+
--cds-tag-hover-teal: #57e5e5;
|
36202
|
+
--cds-tag-background-green: #a7f0ba;
|
36203
|
+
--cds-tag-color-green: #044317;
|
36204
|
+
--cds-tag-hover-green: #74e792;
|
36205
|
+
--cds-tag-background-gray: #e0e0e0;
|
36206
|
+
--cds-tag-color-gray: #393939;
|
36207
|
+
--cds-tag-hover-gray: #d1d1d1;
|
36208
|
+
--cds-tag-background-cool-gray: #dde1e6;
|
36209
|
+
--cds-tag-color-cool-gray: #343a3f;
|
36210
|
+
--cds-tag-hover-cool-gray: #cdd3da;
|
36211
|
+
--cds-tag-background-warm-gray: #e5e0df;
|
36212
|
+
--cds-tag-color-warm-gray: #3c3838;
|
36213
|
+
--cds-tag-hover-warm-gray: #d8d0cf;
|
36214
|
+
--cds-notification-background-error: #fff1f1;
|
36215
|
+
--cds-notification-background-success: #defbe6;
|
36216
|
+
--cds-notification-background-info: #edf5ff;
|
36217
|
+
--cds-notification-background-warning: #fdf6dd;
|
36218
|
+
--cds-notification-action-hover: #ffffff;
|
36219
|
+
--cds-notification-action-tertiary-inverse: #ffffff;
|
36220
|
+
--cds-notification-action-tertiary-inverse-active: #c6c6c6;
|
36221
|
+
--cds-notification-action-tertiary-inverse-hover: #f4f4f4;
|
36222
|
+
--cds-notification-action-tertiary-inverse-text: #161616;
|
36223
|
+
--cds-notification-action-tertiary-inverse-text-on-color-disabled: rgba(255, 255, 255, 0.25);
|
36224
|
+
--cds-layer: var(--cds-layer-01, #f4f4f4);
|
36225
|
+
--cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
|
36226
|
+
--cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
|
36227
|
+
--cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
|
36228
|
+
--cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
|
36229
|
+
--cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
|
36230
|
+
--cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
|
36231
|
+
--cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
|
36232
|
+
--cds-field: var(--cds-field-01, #f4f4f4);
|
36233
|
+
--cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
|
36234
|
+
--cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
|
36235
|
+
--cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
|
36236
|
+
--cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
|
36237
|
+
--cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
|
36238
|
+
}
|
36239
|
+
|
36240
|
+
.c4p--decorator--dark {
|
36241
|
+
--cds-ai-aura-end: rgba(0, 0, 0, 0);
|
36242
|
+
--cds-ai-aura-hover-background: #333333;
|
36243
|
+
--cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
|
36244
|
+
--cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
|
36245
|
+
--cds-ai-aura-start: rgba(69, 137, 255, 0.1);
|
36246
|
+
--cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
|
36247
|
+
--cds-ai-border-end: rgba(166, 200, 255, 0.24);
|
36248
|
+
--cds-ai-border-start: #4589ff;
|
36249
|
+
--cds-ai-border-strong: #78a9ff;
|
36250
|
+
--cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
|
36251
|
+
--cds-ai-gradient-end: rgba(38, 38, 38, 0);
|
36252
|
+
--cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
|
36253
|
+
--cds-ai-gradient-start-02: transparent;
|
36254
|
+
--cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
|
36255
|
+
--cds-ai-overlay: rgba(0, 17, 65, 0.5);
|
36256
|
+
--cds-ai-skeleton-background: #0053ff;
|
36257
|
+
--cds-ai-skeleton-element-background: #001141;
|
36258
|
+
--cds-background: #161616;
|
36259
|
+
--cds-background-active: rgba(141, 141, 141, 0.4);
|
36260
|
+
--cds-background-brand: #0f62fe;
|
36261
|
+
--cds-background-hover: rgba(141, 141, 141, 0.16);
|
36262
|
+
--cds-background-inverse: #f4f4f4;
|
36263
|
+
--cds-background-inverse-hover: #e8e8e8;
|
36264
|
+
--cds-background-selected: rgba(141, 141, 141, 0.24);
|
36265
|
+
--cds-background-selected-hover: rgba(141, 141, 141, 0.32);
|
36266
|
+
--cds-border-disabled: rgba(141, 141, 141, 0.5);
|
36267
|
+
--cds-border-interactive: #4589ff;
|
36268
|
+
--cds-border-inverse: #f4f4f4;
|
36269
|
+
--cds-border-strong-01: #6f6f6f;
|
36270
|
+
--cds-border-strong-02: #8d8d8d;
|
36271
|
+
--cds-border-strong-03: #a8a8a8;
|
36272
|
+
--cds-border-subtle-00: #393939;
|
36273
|
+
--cds-border-subtle-01: #525252;
|
36274
|
+
--cds-border-subtle-02: #6f6f6f;
|
36275
|
+
--cds-border-subtle-03: #6f6f6f;
|
36276
|
+
--cds-border-subtle-selected-01: #6f6f6f;
|
36277
|
+
--cds-border-subtle-selected-02: #8d8d8d;
|
36278
|
+
--cds-border-subtle-selected-03: #8d8d8d;
|
36279
|
+
--cds-border-tile-01: #525252;
|
36280
|
+
--cds-border-tile-02: #6f6f6f;
|
36281
|
+
--cds-border-tile-03: #8d8d8d;
|
36282
|
+
--cds-chat-avatar-agent: #c6c6c6;
|
36283
|
+
--cds-chat-avatar-bot: #8d8d8d;
|
36284
|
+
--cds-chat-avatar-user: #4589ff;
|
36285
|
+
--cds-chat-bubble-agent: #262626;
|
36286
|
+
--cds-chat-bubble-agent-border: #525252;
|
36287
|
+
--cds-chat-bubble-user: #393939;
|
36288
|
+
--cds-chat-prompt-background: #161616;
|
36289
|
+
--cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
|
36290
|
+
--cds-chat-prompt-border-start: #262626;
|
36291
|
+
--cds-field-01: #262626;
|
36292
|
+
--cds-field-02: #393939;
|
36293
|
+
--cds-field-03: #525252;
|
36294
|
+
--cds-field-hover-01: #333333;
|
36295
|
+
--cds-field-hover-02: #474747;
|
36296
|
+
--cds-field-hover-03: #636363;
|
36297
|
+
--cds-focus: #ffffff;
|
36298
|
+
--cds-focus-inset: #161616;
|
36299
|
+
--cds-focus-inverse: #0f62fe;
|
36300
|
+
--cds-highlight: #002d9c;
|
36301
|
+
--cds-icon-disabled: rgba(244, 244, 244, 0.25);
|
36302
|
+
--cds-icon-interactive: #ffffff;
|
36303
|
+
--cds-icon-inverse: #161616;
|
36304
|
+
--cds-icon-on-color: #ffffff;
|
36305
|
+
--cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
|
36306
|
+
--cds-icon-primary: #f4f4f4;
|
36307
|
+
--cds-icon-secondary: #c6c6c6;
|
36308
|
+
--cds-interactive: #4589ff;
|
36309
|
+
--cds-layer-01: #262626;
|
36310
|
+
--cds-layer-02: #393939;
|
36311
|
+
--cds-layer-03: #525252;
|
36312
|
+
--cds-layer-accent-01: #393939;
|
36313
|
+
--cds-layer-accent-02: #525252;
|
36314
|
+
--cds-layer-accent-03: #6f6f6f;
|
36315
|
+
--cds-layer-accent-active-01: #6f6f6f;
|
36316
|
+
--cds-layer-accent-active-02: #8d8d8d;
|
36317
|
+
--cds-layer-accent-active-03: #393939;
|
36318
|
+
--cds-layer-accent-hover-01: #474747;
|
36319
|
+
--cds-layer-accent-hover-02: #636363;
|
36320
|
+
--cds-layer-accent-hover-03: #5e5e5e;
|
36321
|
+
--cds-layer-active-01: #525252;
|
36322
|
+
--cds-layer-active-02: #6f6f6f;
|
36323
|
+
--cds-layer-active-03: #8d8d8d;
|
36324
|
+
--cds-layer-hover-01: #333333;
|
36325
|
+
--cds-layer-hover-02: #474747;
|
36326
|
+
--cds-layer-hover-03: #636363;
|
36327
|
+
--cds-layer-selected-01: #393939;
|
36328
|
+
--cds-layer-selected-02: #525252;
|
36329
|
+
--cds-layer-selected-03: #6f6f6f;
|
36330
|
+
--cds-layer-selected-disabled: #a8a8a8;
|
36331
|
+
--cds-layer-selected-hover-01: #474747;
|
36332
|
+
--cds-layer-selected-hover-02: #636363;
|
36333
|
+
--cds-layer-selected-hover-03: #5e5e5e;
|
36334
|
+
--cds-layer-selected-inverse: #f4f4f4;
|
36335
|
+
--cds-link-inverse: #0f62fe;
|
36336
|
+
--cds-link-inverse-active: #161616;
|
36337
|
+
--cds-link-inverse-hover: #0043ce;
|
36338
|
+
--cds-link-primary: #78a9ff;
|
36339
|
+
--cds-link-primary-hover: #a6c8ff;
|
36340
|
+
--cds-link-secondary: #a6c8ff;
|
36341
|
+
--cds-link-visited: #be95ff;
|
36342
|
+
--cds-overlay: rgba(0, 0, 0, 0.65);
|
36343
|
+
--cds-shadow: rgba(0, 0, 0, 0.8);
|
36344
|
+
--cds-skeleton-background: #292929;
|
36345
|
+
--cds-skeleton-element: #393939;
|
36346
|
+
--cds-slug-background: #c6c6c6;
|
36347
|
+
--cds-slug-background-hover: #e0e0e0;
|
36348
|
+
--cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
|
36349
|
+
--cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
|
36350
|
+
--cds-slug-callout-aura-end-hover-02: transparent;
|
36351
|
+
--cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
|
36352
|
+
--cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
|
36353
|
+
--cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
|
36354
|
+
--cds-slug-callout-aura-start-hover-02: transparent;
|
36355
|
+
--cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
|
36356
|
+
--cds-slug-callout-caret-bottom: #3d4655;
|
36357
|
+
--cds-slug-callout-caret-bottom-background: #213250;
|
36358
|
+
--cds-slug-callout-caret-bottom-background-actions: #192436;
|
36359
|
+
--cds-slug-callout-caret-center: #3f68af;
|
36360
|
+
--cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
|
36361
|
+
--cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
|
36362
|
+
--cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
|
36363
|
+
--cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
|
36364
|
+
--cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
|
36365
|
+
--cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
|
36366
|
+
--cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
|
36367
|
+
--cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
|
36368
|
+
--cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
|
36369
|
+
--cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
|
36370
|
+
--cds-slug-hollow-hover: #b5b5b5;
|
36371
|
+
--cds-support-caution-major: #ff832b;
|
36372
|
+
--cds-support-caution-minor: #f1c21b;
|
36373
|
+
--cds-support-caution-undefined: #a56eff;
|
36374
|
+
--cds-support-error: #fa4d56;
|
36375
|
+
--cds-support-error-inverse: #da1e28;
|
36376
|
+
--cds-support-info: #4589ff;
|
36377
|
+
--cds-support-info-inverse: #0043ce;
|
36378
|
+
--cds-support-success: #42be65;
|
36379
|
+
--cds-support-success-inverse: #24a148;
|
36380
|
+
--cds-support-warning: #f1c21b;
|
36381
|
+
--cds-support-warning-inverse: #f1c21b;
|
36382
|
+
--cds-text-disabled: rgba(244, 244, 244, 0.25);
|
36383
|
+
--cds-text-error: #ff8389;
|
36384
|
+
--cds-text-helper: #a8a8a8;
|
36385
|
+
--cds-text-inverse: #161616;
|
36386
|
+
--cds-text-on-color: #ffffff;
|
36387
|
+
--cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);
|
36388
|
+
--cds-text-placeholder: rgba(244, 244, 244, 0.4);
|
36389
|
+
--cds-text-primary: #f4f4f4;
|
36390
|
+
--cds-text-secondary: #c6c6c6;
|
36391
|
+
--cds-toggle-off: #6f6f6f;
|
36392
|
+
--cds-spacing-01: 0.125rem;
|
36393
|
+
--cds-spacing-02: 0.25rem;
|
36394
|
+
--cds-spacing-03: 0.5rem;
|
36395
|
+
--cds-spacing-04: 0.75rem;
|
36396
|
+
--cds-spacing-05: 1rem;
|
36397
|
+
--cds-spacing-06: 1.5rem;
|
36398
|
+
--cds-spacing-07: 2rem;
|
36399
|
+
--cds-spacing-08: 2.5rem;
|
36400
|
+
--cds-spacing-09: 3rem;
|
36401
|
+
--cds-spacing-10: 4rem;
|
36402
|
+
--cds-spacing-11: 5rem;
|
36403
|
+
--cds-spacing-12: 6rem;
|
36404
|
+
--cds-spacing-13: 10rem;
|
36405
|
+
--cds-fluid-spacing-01: 0;
|
36406
|
+
--cds-fluid-spacing-02: 2vw;
|
36407
|
+
--cds-fluid-spacing-03: 5vw;
|
36408
|
+
--cds-fluid-spacing-04: 10vw;
|
36409
|
+
--cds-caption-01-font-size: 0.75rem;
|
36410
|
+
--cds-caption-01-font-weight: 400;
|
36411
|
+
--cds-caption-01-line-height: 1.33333;
|
36412
|
+
--cds-caption-01-letter-spacing: 0.32px;
|
36413
|
+
--cds-caption-02-font-size: 0.875rem;
|
36414
|
+
--cds-caption-02-font-weight: 400;
|
36415
|
+
--cds-caption-02-line-height: 1.28572;
|
36416
|
+
--cds-caption-02-letter-spacing: 0.32px;
|
36417
|
+
--cds-label-01-font-size: 0.75rem;
|
36418
|
+
--cds-label-01-font-weight: 400;
|
36419
|
+
--cds-label-01-line-height: 1.33333;
|
36420
|
+
--cds-label-01-letter-spacing: 0.32px;
|
36421
|
+
--cds-label-02-font-size: 0.875rem;
|
36422
|
+
--cds-label-02-font-weight: 400;
|
36423
|
+
--cds-label-02-line-height: 1.28572;
|
36424
|
+
--cds-label-02-letter-spacing: 0.16px;
|
36425
|
+
--cds-helper-text-01-font-size: 0.75rem;
|
36426
|
+
--cds-helper-text-01-line-height: 1.33333;
|
36427
|
+
--cds-helper-text-01-letter-spacing: 0.32px;
|
36428
|
+
--cds-helper-text-02-font-size: 0.875rem;
|
36429
|
+
--cds-helper-text-02-font-weight: 400;
|
36430
|
+
--cds-helper-text-02-line-height: 1.28572;
|
36431
|
+
--cds-helper-text-02-letter-spacing: 0.16px;
|
36432
|
+
--cds-body-short-01-font-size: 0.875rem;
|
36433
|
+
--cds-body-short-01-font-weight: 400;
|
36434
|
+
--cds-body-short-01-line-height: 1.28572;
|
36435
|
+
--cds-body-short-01-letter-spacing: 0.16px;
|
36436
|
+
--cds-body-short-02-font-size: 1rem;
|
36437
|
+
--cds-body-short-02-font-weight: 400;
|
36438
|
+
--cds-body-short-02-line-height: 1.375;
|
36439
|
+
--cds-body-short-02-letter-spacing: 0;
|
36440
|
+
--cds-body-long-01-font-size: 0.875rem;
|
36441
|
+
--cds-body-long-01-font-weight: 400;
|
36442
|
+
--cds-body-long-01-line-height: 1.42857;
|
36443
|
+
--cds-body-long-01-letter-spacing: 0.16px;
|
36444
|
+
--cds-body-long-02-font-size: 1rem;
|
36445
|
+
--cds-body-long-02-font-weight: 400;
|
36446
|
+
--cds-body-long-02-line-height: 1.5;
|
36447
|
+
--cds-body-long-02-letter-spacing: 0;
|
36448
|
+
--cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
|
36449
|
+
--cds-code-01-font-size: 0.75rem;
|
36450
|
+
--cds-code-01-font-weight: 400;
|
36451
|
+
--cds-code-01-line-height: 1.33333;
|
36452
|
+
--cds-code-01-letter-spacing: 0.32px;
|
36453
|
+
--cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
|
36454
|
+
--cds-code-02-font-size: 0.875rem;
|
36455
|
+
--cds-code-02-font-weight: 400;
|
36456
|
+
--cds-code-02-line-height: 1.42857;
|
36457
|
+
--cds-code-02-letter-spacing: 0.32px;
|
36458
|
+
--cds-heading-01-font-size: 0.875rem;
|
36459
|
+
--cds-heading-01-font-weight: 600;
|
36460
|
+
--cds-heading-01-line-height: 1.42857;
|
36461
|
+
--cds-heading-01-letter-spacing: 0.16px;
|
36462
|
+
--cds-heading-02-font-size: 1rem;
|
36463
|
+
--cds-heading-02-font-weight: 600;
|
36464
|
+
--cds-heading-02-line-height: 1.5;
|
36465
|
+
--cds-heading-02-letter-spacing: 0;
|
36466
|
+
--cds-productive-heading-01-font-size: 0.875rem;
|
36467
|
+
--cds-productive-heading-01-font-weight: 600;
|
36468
|
+
--cds-productive-heading-01-line-height: 1.28572;
|
36469
|
+
--cds-productive-heading-01-letter-spacing: 0.16px;
|
36470
|
+
--cds-productive-heading-02-font-size: 1rem;
|
36471
|
+
--cds-productive-heading-02-font-weight: 600;
|
36472
|
+
--cds-productive-heading-02-line-height: 1.375;
|
36473
|
+
--cds-productive-heading-02-letter-spacing: 0;
|
36474
|
+
--cds-productive-heading-03-font-size: 1.25rem;
|
36475
|
+
--cds-productive-heading-03-font-weight: 400;
|
36476
|
+
--cds-productive-heading-03-line-height: 1.4;
|
36477
|
+
--cds-productive-heading-03-letter-spacing: 0;
|
36478
|
+
--cds-productive-heading-04-font-size: 1.75rem;
|
36479
|
+
--cds-productive-heading-04-font-weight: 400;
|
36480
|
+
--cds-productive-heading-04-line-height: 1.28572;
|
36481
|
+
--cds-productive-heading-04-letter-spacing: 0;
|
36482
|
+
--cds-productive-heading-05-font-size: 2rem;
|
36483
|
+
--cds-productive-heading-05-font-weight: 400;
|
36484
|
+
--cds-productive-heading-05-line-height: 1.25;
|
36485
|
+
--cds-productive-heading-05-letter-spacing: 0;
|
36486
|
+
--cds-productive-heading-06-font-size: 2.625rem;
|
36487
|
+
--cds-productive-heading-06-font-weight: 300;
|
36488
|
+
--cds-productive-heading-06-line-height: 1.199;
|
36489
|
+
--cds-productive-heading-06-letter-spacing: 0;
|
36490
|
+
--cds-productive-heading-07-font-size: 3.375rem;
|
36491
|
+
--cds-productive-heading-07-font-weight: 300;
|
36492
|
+
--cds-productive-heading-07-line-height: 1.19;
|
36493
|
+
--cds-productive-heading-07-letter-spacing: 0;
|
36494
|
+
--cds-expressive-paragraph-01-font-size: 1.5rem;
|
36495
|
+
--cds-expressive-paragraph-01-font-weight: 300;
|
36496
|
+
--cds-expressive-paragraph-01-line-height: 1.334;
|
36497
|
+
--cds-expressive-paragraph-01-letter-spacing: 0;
|
36498
|
+
--cds-expressive-heading-01-font-size: 0.875rem;
|
36499
|
+
--cds-expressive-heading-01-font-weight: 600;
|
36500
|
+
--cds-expressive-heading-01-line-height: 1.42857;
|
36501
|
+
--cds-expressive-heading-01-letter-spacing: 0.16px;
|
36502
|
+
--cds-expressive-heading-02-font-size: 1rem;
|
36503
|
+
--cds-expressive-heading-02-font-weight: 600;
|
36504
|
+
--cds-expressive-heading-02-line-height: 1.5;
|
36505
|
+
--cds-expressive-heading-02-letter-spacing: 0;
|
36506
|
+
--cds-expressive-heading-03-font-size: 1.25rem;
|
36507
|
+
--cds-expressive-heading-03-font-weight: 400;
|
36508
|
+
--cds-expressive-heading-03-line-height: 1.4;
|
36509
|
+
--cds-expressive-heading-03-letter-spacing: 0;
|
36510
|
+
--cds-expressive-heading-04-font-size: 1.75rem;
|
36511
|
+
--cds-expressive-heading-04-font-weight: 400;
|
36512
|
+
--cds-expressive-heading-04-line-height: 1.28572;
|
36513
|
+
--cds-expressive-heading-04-letter-spacing: 0;
|
36514
|
+
--cds-expressive-heading-05-font-size: 2rem;
|
36515
|
+
--cds-expressive-heading-05-font-weight: 400;
|
36516
|
+
--cds-expressive-heading-05-line-height: 1.25;
|
36517
|
+
--cds-expressive-heading-05-letter-spacing: 0;
|
36518
|
+
--cds-expressive-heading-06-font-size: 2rem;
|
36519
|
+
--cds-expressive-heading-06-font-weight: 600;
|
36520
|
+
--cds-expressive-heading-06-line-height: 1.25;
|
36521
|
+
--cds-expressive-heading-06-letter-spacing: 0;
|
36522
|
+
--cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
36523
|
+
--cds-quotation-01-font-size: 1.25rem;
|
36524
|
+
--cds-quotation-01-font-weight: 400;
|
36525
|
+
--cds-quotation-01-line-height: 1.3;
|
36526
|
+
--cds-quotation-01-letter-spacing: 0;
|
36527
|
+
--cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
36528
|
+
--cds-quotation-02-font-size: 2rem;
|
36529
|
+
--cds-quotation-02-font-weight: 300;
|
36530
|
+
--cds-quotation-02-line-height: 1.25;
|
36531
|
+
--cds-quotation-02-letter-spacing: 0;
|
36532
|
+
--cds-display-01-font-size: 2.625rem;
|
36533
|
+
--cds-display-01-font-weight: 300;
|
36534
|
+
--cds-display-01-line-height: 1.19;
|
36535
|
+
--cds-display-01-letter-spacing: 0;
|
36536
|
+
--cds-display-02-font-size: 2.625rem;
|
36537
|
+
--cds-display-02-font-weight: 600;
|
36538
|
+
--cds-display-02-line-height: 1.19;
|
36539
|
+
--cds-display-02-letter-spacing: 0;
|
36540
|
+
--cds-display-03-font-size: 2.625rem;
|
36541
|
+
--cds-display-03-font-weight: 300;
|
36542
|
+
--cds-display-03-line-height: 1.19;
|
36543
|
+
--cds-display-03-letter-spacing: 0;
|
36544
|
+
--cds-display-04-font-size: 2.625rem;
|
36545
|
+
--cds-display-04-font-weight: 300;
|
36546
|
+
--cds-display-04-line-height: 1.19;
|
36547
|
+
--cds-display-04-letter-spacing: 0;
|
36548
|
+
--cds-legal-01-font-size: 0.75rem;
|
36549
|
+
--cds-legal-01-font-weight: 400;
|
36550
|
+
--cds-legal-01-line-height: 1.33333;
|
36551
|
+
--cds-legal-01-letter-spacing: 0.32px;
|
36552
|
+
--cds-legal-02-font-size: 0.875rem;
|
36553
|
+
--cds-legal-02-font-weight: 400;
|
36554
|
+
--cds-legal-02-line-height: 1.28572;
|
36555
|
+
--cds-legal-02-letter-spacing: 0.16px;
|
36556
|
+
--cds-body-compact-01-font-size: 0.875rem;
|
36557
|
+
--cds-body-compact-01-font-weight: 400;
|
36558
|
+
--cds-body-compact-01-line-height: 1.28572;
|
36559
|
+
--cds-body-compact-01-letter-spacing: 0.16px;
|
36560
|
+
--cds-body-compact-02-font-size: 1rem;
|
36561
|
+
--cds-body-compact-02-font-weight: 400;
|
36562
|
+
--cds-body-compact-02-line-height: 1.375;
|
36563
|
+
--cds-body-compact-02-letter-spacing: 0;
|
36564
|
+
--cds-heading-compact-01-font-size: 0.875rem;
|
36565
|
+
--cds-heading-compact-01-font-weight: 600;
|
36566
|
+
--cds-heading-compact-01-line-height: 1.28572;
|
36567
|
+
--cds-heading-compact-01-letter-spacing: 0.16px;
|
36568
|
+
--cds-heading-compact-02-font-size: 1rem;
|
36569
|
+
--cds-heading-compact-02-font-weight: 600;
|
36570
|
+
--cds-heading-compact-02-line-height: 1.375;
|
36571
|
+
--cds-heading-compact-02-letter-spacing: 0;
|
36572
|
+
--cds-body-01-font-size: 0.875rem;
|
36573
|
+
--cds-body-01-font-weight: 400;
|
36574
|
+
--cds-body-01-line-height: 1.42857;
|
36575
|
+
--cds-body-01-letter-spacing: 0.16px;
|
36576
|
+
--cds-body-02-font-size: 1rem;
|
36577
|
+
--cds-body-02-font-weight: 400;
|
36578
|
+
--cds-body-02-line-height: 1.5;
|
36579
|
+
--cds-body-02-letter-spacing: 0;
|
36580
|
+
--cds-heading-03-font-size: 1.25rem;
|
36581
|
+
--cds-heading-03-font-weight: 400;
|
36582
|
+
--cds-heading-03-line-height: 1.4;
|
36583
|
+
--cds-heading-03-letter-spacing: 0;
|
36584
|
+
--cds-heading-04-font-size: 1.75rem;
|
36585
|
+
--cds-heading-04-font-weight: 400;
|
36586
|
+
--cds-heading-04-line-height: 1.28572;
|
36587
|
+
--cds-heading-04-letter-spacing: 0;
|
36588
|
+
--cds-heading-05-font-size: 2rem;
|
36589
|
+
--cds-heading-05-font-weight: 400;
|
36590
|
+
--cds-heading-05-line-height: 1.25;
|
36591
|
+
--cds-heading-05-letter-spacing: 0;
|
36592
|
+
--cds-heading-06-font-size: 2.625rem;
|
36593
|
+
--cds-heading-06-font-weight: 300;
|
36594
|
+
--cds-heading-06-line-height: 1.199;
|
36595
|
+
--cds-heading-06-letter-spacing: 0;
|
36596
|
+
--cds-heading-07-font-size: 3.375rem;
|
36597
|
+
--cds-heading-07-font-weight: 300;
|
36598
|
+
--cds-heading-07-line-height: 1.19;
|
36599
|
+
--cds-heading-07-letter-spacing: 0;
|
36600
|
+
--cds-fluid-heading-03-font-size: 1.25rem;
|
36601
|
+
--cds-fluid-heading-03-font-weight: 400;
|
36602
|
+
--cds-fluid-heading-03-line-height: 1.4;
|
36603
|
+
--cds-fluid-heading-03-letter-spacing: 0;
|
36604
|
+
--cds-fluid-heading-04-font-size: 1.75rem;
|
36605
|
+
--cds-fluid-heading-04-font-weight: 400;
|
36606
|
+
--cds-fluid-heading-04-line-height: 1.28572;
|
36607
|
+
--cds-fluid-heading-04-letter-spacing: 0;
|
36608
|
+
--cds-fluid-heading-05-font-size: 2rem;
|
36609
|
+
--cds-fluid-heading-05-font-weight: 400;
|
36610
|
+
--cds-fluid-heading-05-line-height: 1.25;
|
36611
|
+
--cds-fluid-heading-05-letter-spacing: 0;
|
36612
|
+
--cds-fluid-heading-06-font-size: 2rem;
|
36613
|
+
--cds-fluid-heading-06-font-weight: 600;
|
36614
|
+
--cds-fluid-heading-06-line-height: 1.25;
|
36615
|
+
--cds-fluid-heading-06-letter-spacing: 0;
|
36616
|
+
--cds-fluid-paragraph-01-font-size: 1.5rem;
|
36617
|
+
--cds-fluid-paragraph-01-font-weight: 300;
|
36618
|
+
--cds-fluid-paragraph-01-line-height: 1.334;
|
36619
|
+
--cds-fluid-paragraph-01-letter-spacing: 0;
|
36620
|
+
--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
36621
|
+
--cds-fluid-quotation-01-font-size: 1.25rem;
|
36622
|
+
--cds-fluid-quotation-01-font-weight: 400;
|
36623
|
+
--cds-fluid-quotation-01-line-height: 1.3;
|
36624
|
+
--cds-fluid-quotation-01-letter-spacing: 0;
|
36625
|
+
--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
|
36626
|
+
--cds-fluid-quotation-02-font-size: 2rem;
|
36627
|
+
--cds-fluid-quotation-02-font-weight: 300;
|
36628
|
+
--cds-fluid-quotation-02-line-height: 1.25;
|
36629
|
+
--cds-fluid-quotation-02-letter-spacing: 0;
|
36630
|
+
--cds-fluid-display-01-font-size: 2.625rem;
|
36631
|
+
--cds-fluid-display-01-font-weight: 300;
|
36632
|
+
--cds-fluid-display-01-line-height: 1.19;
|
36633
|
+
--cds-fluid-display-01-letter-spacing: 0;
|
36634
|
+
--cds-fluid-display-02-font-size: 2.625rem;
|
36635
|
+
--cds-fluid-display-02-font-weight: 600;
|
36636
|
+
--cds-fluid-display-02-line-height: 1.19;
|
36637
|
+
--cds-fluid-display-02-letter-spacing: 0;
|
36638
|
+
--cds-fluid-display-03-font-size: 2.625rem;
|
36639
|
+
--cds-fluid-display-03-font-weight: 300;
|
36640
|
+
--cds-fluid-display-03-line-height: 1.19;
|
36641
|
+
--cds-fluid-display-03-letter-spacing: 0;
|
36642
|
+
--cds-fluid-display-04-font-size: 2.625rem;
|
36643
|
+
--cds-fluid-display-04-font-weight: 300;
|
36644
|
+
--cds-fluid-display-04-line-height: 1.19;
|
36645
|
+
--cds-fluid-display-04-letter-spacing: 0;
|
36646
|
+
--cds-true: ;
|
36647
|
+
--cds-button-separator: #161616;
|
36648
|
+
--cds-button-primary: #0f62fe;
|
36649
|
+
--cds-button-secondary: #6f6f6f;
|
36650
|
+
--cds-button-tertiary: #ffffff;
|
36651
|
+
--cds-button-danger-primary: #da1e28;
|
36652
|
+
--cds-button-danger-secondary: #fa4d56;
|
36653
|
+
--cds-button-danger-active: #750e13;
|
36654
|
+
--cds-button-primary-active: #002d9c;
|
36655
|
+
--cds-button-secondary-active: #393939;
|
36656
|
+
--cds-button-tertiary-active: #c6c6c6;
|
36657
|
+
--cds-button-danger-hover: #b81921;
|
36658
|
+
--cds-button-primary-hover: #0050e6;
|
36659
|
+
--cds-button-secondary-hover: #5e5e5e;
|
36660
|
+
--cds-button-tertiary-hover: #f4f4f4;
|
36661
|
+
--cds-button-disabled: rgba(141, 141, 141, 0.3);
|
36662
|
+
--cds-tag-background-red: #a2191f;
|
36663
|
+
--cds-tag-color-red: #ffd7d9;
|
36664
|
+
--cds-tag-hover-red: #c21e25;
|
36665
|
+
--cds-tag-background-magenta: #9f1853;
|
36666
|
+
--cds-tag-color-magenta: #ffd6e8;
|
36667
|
+
--cds-tag-hover-magenta: #bf1d63;
|
36668
|
+
--cds-tag-background-purple: #6929c4;
|
36669
|
+
--cds-tag-color-purple: #e8daff;
|
36670
|
+
--cds-tag-hover-purple: #7c3dd6;
|
36671
|
+
--cds-tag-background-blue: #0043ce;
|
36672
|
+
--cds-tag-color-blue: #d0e2ff;
|
36673
|
+
--cds-tag-hover-blue: #0053ff;
|
36674
|
+
--cds-tag-background-cyan: #00539a;
|
36675
|
+
--cds-tag-color-cyan: #bae6ff;
|
36676
|
+
--cds-tag-hover-cyan: #0066bd;
|
36677
|
+
--cds-tag-background-teal: #005d5d;
|
36678
|
+
--cds-tag-color-teal: #9ef0f0;
|
36679
|
+
--cds-tag-hover-teal: #007070;
|
36680
|
+
--cds-tag-background-green: #0e6027;
|
36681
|
+
--cds-tag-color-green: #a7f0ba;
|
36682
|
+
--cds-tag-hover-green: #11742f;
|
36683
|
+
--cds-tag-background-gray: #525252;
|
36684
|
+
--cds-tag-color-gray: #e0e0e0;
|
36685
|
+
--cds-tag-hover-gray: #636363;
|
36686
|
+
--cds-tag-background-cool-gray: #4d5358;
|
36687
|
+
--cds-tag-color-cool-gray: #dde1e6;
|
36688
|
+
--cds-tag-hover-cool-gray: #5d646a;
|
36689
|
+
--cds-tag-background-warm-gray: #565151;
|
36690
|
+
--cds-tag-color-warm-gray: #e5e0df;
|
36691
|
+
--cds-tag-hover-warm-gray: #696363;
|
36692
|
+
--cds-notification-background-error: #262626;
|
36693
|
+
--cds-notification-background-success: #262626;
|
36694
|
+
--cds-notification-background-info: #262626;
|
36695
|
+
--cds-notification-background-warning: #262626;
|
36696
|
+
--cds-notification-action-hover: var(--cds-layer-hover);
|
36697
|
+
--cds-notification-action-tertiary-inverse: #0f62fe;
|
36698
|
+
--cds-notification-action-tertiary-inverse-active: #002d9c;
|
36699
|
+
--cds-notification-action-tertiary-inverse-hover: #0050e6;
|
36700
|
+
--cds-notification-action-tertiary-inverse-text: #ffffff;
|
36701
|
+
--cds-notification-action-tertiary-inverse-text-on-color-disabled: #8d8d8d;
|
36702
|
+
--cds-layer: var(--cds-layer-01, #f4f4f4);
|
36703
|
+
--cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
|
36704
|
+
--cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
|
36705
|
+
--cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
|
36706
|
+
--cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
|
36707
|
+
--cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
|
36708
|
+
--cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
|
36709
|
+
--cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
|
36710
|
+
--cds-field: var(--cds-field-01, #f4f4f4);
|
36711
|
+
--cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
|
36712
|
+
--cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
|
36713
|
+
--cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
|
36714
|
+
--cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
|
36715
|
+
--cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
|
36716
|
+
}
|
36717
|
+
|
36718
|
+
.c4p--decorator {
|
36719
|
+
display: inline-flex;
|
36720
|
+
max-width: 100%;
|
36721
|
+
align-items: normal;
|
36722
|
+
border-radius: 6rem;
|
36723
|
+
}
|
36724
|
+
|
36725
|
+
.c4p--decorator .c4p--decorator__label {
|
36726
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
36727
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
36728
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
36729
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
36730
|
+
position: relative;
|
36731
|
+
display: inline-flex;
|
36732
|
+
height: 1.5rem;
|
36733
|
+
align-items: normal;
|
36734
|
+
padding: 0 0.5rem;
|
36735
|
+
border-width: 0.0625rem 0 0.0625rem 0.0625rem;
|
36736
|
+
border-style: solid;
|
36737
|
+
border-color: var(--cds-border-subtle-02, #e0e0e0);
|
36738
|
+
border-radius: 6rem 0 0 6rem;
|
36739
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
36740
|
+
color: var(--cds-text-secondary, #525252);
|
36741
|
+
line-height: 1.8;
|
36742
|
+
}
|
36743
|
+
|
36744
|
+
.c4p--decorator .c4p--decorator__value {
|
36745
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
36746
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
36747
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
36748
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
36749
|
+
position: relative;
|
36750
|
+
display: inline-flex;
|
36751
|
+
overflow: hidden;
|
36752
|
+
height: 1.5rem;
|
36753
|
+
align-items: normal;
|
36754
|
+
padding: 0 0.5rem;
|
36755
|
+
border-width: 0.0625rem 0.0625rem 0.0625rem 0;
|
36756
|
+
border-style: solid;
|
36757
|
+
border-color: var(--cds-border-subtle-02, #e0e0e0);
|
36758
|
+
border-radius: 0 6rem 6rem 0;
|
36759
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
36760
|
+
color: var(--cds-text-primary, #161616);
|
36761
|
+
line-height: 1.8;
|
36762
|
+
}
|
36763
|
+
|
36764
|
+
.c4p--decorator .c4p--decorator-icon {
|
36765
|
+
margin-top: 0.1875rem;
|
36766
|
+
margin-right: 0.25rem;
|
36767
|
+
}
|
36768
|
+
|
36769
|
+
.c4p--decorator--default .c4p--decorator__value::after {
|
36770
|
+
position: absolute;
|
36771
|
+
top: 0;
|
36772
|
+
bottom: 0;
|
36773
|
+
left: 0;
|
36774
|
+
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
36775
|
+
content: "";
|
36776
|
+
}
|
36777
|
+
|
36778
|
+
.c4p--decorator--link {
|
36779
|
+
cursor: pointer;
|
36780
|
+
text-decoration: none;
|
36781
|
+
}
|
36782
|
+
|
36783
|
+
.c4p--decorator--link .c4p--decorator__label {
|
36784
|
+
background-color: var(--cds-layer-02, #ffffff);
|
36785
|
+
}
|
36786
|
+
|
36787
|
+
.c4p--decorator--link .c4p--decorator__value {
|
36788
|
+
background-color: var(--cds-layer-02, #ffffff);
|
36789
|
+
color: var(--cds-link-primary, #0f62fe);
|
36790
|
+
}
|
36791
|
+
.c4p--decorator--link .c4p--decorator__value::after {
|
36792
|
+
position: absolute;
|
36793
|
+
top: 0;
|
36794
|
+
bottom: 0;
|
36795
|
+
left: 0;
|
36796
|
+
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
36797
|
+
content: "";
|
36798
|
+
}
|
36799
|
+
|
36800
|
+
.c4p--decorator--link:hover .c4p--decorator__value {
|
36801
|
+
color: var(--cds-link-primary-hover, #0043ce);
|
36802
|
+
text-decoration: underline;
|
36803
|
+
}
|
36804
|
+
|
36805
|
+
.c4p--decorator--link:focus {
|
36806
|
+
text-decoration: none;
|
36807
|
+
}
|
36808
|
+
|
36809
|
+
.c4p--decorator--link:focus .c4p--decorator__value {
|
36810
|
+
border-color: var(--cds-focus, #0f62fe);
|
36811
|
+
}
|
36812
|
+
.c4p--decorator--link:focus .c4p--decorator__value::after {
|
36813
|
+
position: absolute;
|
36814
|
+
top: 0;
|
36815
|
+
bottom: 0;
|
36816
|
+
left: 0;
|
36817
|
+
border-left: 1px solid var(--cds-focus, #0f62fe);
|
36818
|
+
content: "";
|
36819
|
+
}
|
36820
|
+
|
36821
|
+
.c4p--decorator--link:active .c4p--decorator__value {
|
36822
|
+
color: var(--cds-text-primary, #161616);
|
36823
|
+
}
|
36824
|
+
|
36825
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled) {
|
36826
|
+
display: flex;
|
36827
|
+
padding: 0;
|
36828
|
+
border: 0;
|
36829
|
+
cursor: pointer;
|
36830
|
+
}
|
36831
|
+
|
36832
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled) .c4p--decorator__label {
|
36833
|
+
background-color: var(--cds-layer-02, #ffffff);
|
36834
|
+
}
|
36835
|
+
|
36836
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled) .c4p--decorator__value {
|
36837
|
+
background-color: var(--cds-layer-02, #ffffff);
|
36838
|
+
}
|
36839
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled) .c4p--decorator__value::after {
|
36840
|
+
position: absolute;
|
36841
|
+
top: 0;
|
36842
|
+
bottom: 0;
|
36843
|
+
left: 0;
|
36844
|
+
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
36845
|
+
content: "";
|
36846
|
+
}
|
36847
|
+
|
36848
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator__label {
|
36849
|
+
border-color: var(--cds-border-strong);
|
36850
|
+
background-color: var(--cds-layer-hover-02, #e8e8e8);
|
36851
|
+
}
|
36852
|
+
|
36853
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator__value {
|
36854
|
+
border-color: var(--cds-border-strong);
|
36855
|
+
background-color: var(--cds-layer-hover-02, #e8e8e8);
|
36856
|
+
}
|
36857
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator__value::after {
|
36858
|
+
position: absolute;
|
36859
|
+
top: 0;
|
36860
|
+
bottom: 0;
|
36861
|
+
left: 0;
|
36862
|
+
border-left: 1px solid var(--cds-border-strong);
|
36863
|
+
content: "";
|
36864
|
+
}
|
36865
|
+
|
36866
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):focus {
|
36867
|
+
outline: none;
|
36868
|
+
}
|
36869
|
+
|
36870
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):focus .c4p--decorator__label {
|
36871
|
+
border-color: var(--cds-focus, #0f62fe);
|
36872
|
+
background-color: var(--cds-layer-02, #ffffff);
|
36873
|
+
}
|
36874
|
+
|
36875
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):focus .c4p--decorator__value {
|
36876
|
+
border-color: var(--cds-focus, #0f62fe);
|
36877
|
+
background-color: var(--cds-layer-02, #ffffff);
|
36878
|
+
}
|
36879
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):focus .c4p--decorator__value::after {
|
36880
|
+
position: absolute;
|
36881
|
+
top: 0;
|
36882
|
+
bottom: 0;
|
36883
|
+
left: 0;
|
36884
|
+
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
36885
|
+
content: "";
|
36886
|
+
}
|
36887
|
+
|
36888
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator__label {
|
36889
|
+
background-color: var(--cds-layer-selected-02, #e0e0e0);
|
36890
|
+
}
|
36891
|
+
|
36892
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator__value {
|
36893
|
+
background-color: var(--cds-layer-selected-02, #e0e0e0);
|
36894
|
+
}
|
36895
|
+
.c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator__value::after {
|
36896
|
+
position: absolute;
|
36897
|
+
top: 0;
|
36898
|
+
bottom: 0;
|
36899
|
+
left: 0;
|
36900
|
+
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
36901
|
+
content: "";
|
36902
|
+
}
|
36903
|
+
|
36904
|
+
.c4p--decorator--button.c4p--decorator-disabled {
|
36905
|
+
padding: 0;
|
36906
|
+
border: 0;
|
36907
|
+
cursor: not-allowed;
|
36908
|
+
}
|
36909
|
+
|
36910
|
+
.c4p--decorator--button.c4p--decorator-disabled .c4p--decorator__label {
|
36911
|
+
background-color: var(--cds-layer-02, #ffffff);
|
36912
|
+
color: var(--cds-icon-on-color-disabled, #8d8d8d);
|
36913
|
+
}
|
36914
|
+
|
36915
|
+
.c4p--decorator--button.c4p--decorator-disabled .c4p--decorator__value {
|
36916
|
+
background-color: var(--cds-layer-02, #ffffff);
|
36917
|
+
color: var(--cds-icon-on-color-disabled, #8d8d8d);
|
36918
|
+
}
|
36919
|
+
.c4p--decorator--button.c4p--decorator-disabled .c4p--decorator__value::after {
|
36920
|
+
position: absolute;
|
36921
|
+
top: 0;
|
36922
|
+
bottom: 0;
|
36923
|
+
left: 0;
|
36924
|
+
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
36925
|
+
content: "";
|
36926
|
+
}
|
36927
|
+
|
36928
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label {
|
36929
|
+
background-color: var(--cds-layer-02, #ffffff);
|
36930
|
+
cursor: pointer;
|
36931
|
+
}
|
36932
|
+
|
36933
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled):not(:hover) .c4p--decorator__value::after {
|
36934
|
+
position: absolute;
|
36935
|
+
top: 0;
|
36936
|
+
bottom: 0;
|
36937
|
+
left: 0;
|
36938
|
+
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
36939
|
+
content: "";
|
36940
|
+
}
|
36941
|
+
|
36942
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value {
|
36943
|
+
background-color: var(--cds-layer-02, #ffffff);
|
36944
|
+
cursor: pointer;
|
36945
|
+
}
|
36946
|
+
|
36947
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:hover {
|
36948
|
+
border-color: var(--cds-border-strong);
|
36949
|
+
background-color: var(--cds-layer-hover-02, #e8e8e8);
|
36950
|
+
}
|
36951
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:hover::after {
|
36952
|
+
position: absolute;
|
36953
|
+
z-index: 1;
|
36954
|
+
top: -1px;
|
36955
|
+
right: -1px;
|
36956
|
+
bottom: -1px;
|
36957
|
+
border-right: 1px solid var(--cds-border-strong);
|
36958
|
+
content: "";
|
36959
|
+
}
|
36960
|
+
|
36961
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:hover {
|
36962
|
+
border-color: var(--cds-border-strong);
|
36963
|
+
background-color: var(--cds-layer-hover-02, #e8e8e8);
|
36964
|
+
}
|
36965
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:hover::after {
|
36966
|
+
position: absolute;
|
36967
|
+
top: 0;
|
36968
|
+
bottom: 0;
|
36969
|
+
left: 0;
|
36970
|
+
border-left: 1px solid var(--cds-border-strong);
|
36971
|
+
content: "";
|
36972
|
+
}
|
36973
|
+
|
36974
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:focus {
|
36975
|
+
border-color: var(--cds-focus, #0f62fe);
|
36976
|
+
outline: none;
|
36977
|
+
}
|
36978
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:focus::after {
|
36979
|
+
position: absolute;
|
36980
|
+
z-index: 1;
|
36981
|
+
top: -1px;
|
36982
|
+
right: -1px;
|
36983
|
+
bottom: -1px;
|
36984
|
+
border-right: 1px solid var(--cds-focus, #0f62fe);
|
36985
|
+
content: "";
|
36986
|
+
}
|
36987
|
+
|
36988
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:focus {
|
36989
|
+
border-color: var(--cds-focus, #0f62fe);
|
36990
|
+
outline: none;
|
36991
|
+
}
|
36992
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:focus::after {
|
36993
|
+
position: absolute;
|
36994
|
+
top: 0;
|
36995
|
+
bottom: 0;
|
36996
|
+
left: 0;
|
36997
|
+
border-left: 1px solid var(--cds-focus, #0f62fe);
|
36998
|
+
content: "";
|
36999
|
+
}
|
37000
|
+
|
37001
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:active {
|
37002
|
+
background-color: var(--cds-layer-hover-02, #e8e8e8);
|
37003
|
+
}
|
37004
|
+
|
37005
|
+
.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:active {
|
37006
|
+
background-color: var(--cds-layer-hover-02, #e8e8e8);
|
37007
|
+
}
|
37008
|
+
|
37009
|
+
.c4p--decorator--buttons.c4p--decorator-disabled .c4p--decorator__label {
|
37010
|
+
background-color: var(--cds-layer-02, #ffffff);
|
37011
|
+
color: var(--cds-icon-on-color-disabled, #8d8d8d);
|
37012
|
+
}
|
37013
|
+
|
37014
|
+
.c4p--decorator--buttons.c4p--decorator-disabled .c4p--decorator__value {
|
37015
|
+
background-color: var(--cds-layer-02, #ffffff);
|
37016
|
+
color: var(--cds-icon-on-color-disabled, #8d8d8d);
|
37017
|
+
}
|
37018
|
+
.c4p--decorator--buttons.c4p--decorator-disabled .c4p--decorator__value::after {
|
37019
|
+
position: absolute;
|
37020
|
+
top: 0;
|
37021
|
+
bottom: 0;
|
37022
|
+
left: 0;
|
37023
|
+
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
37024
|
+
content: "";
|
37025
|
+
}
|
37026
|
+
|
37027
|
+
.c4p--decorator--sm .c4p--decorator__label {
|
37028
|
+
height: 1.125rem;
|
37029
|
+
padding: 0 0.25rem 0 0.5rem;
|
37030
|
+
line-height: 1.333;
|
37031
|
+
}
|
37032
|
+
|
37033
|
+
.c4p--decorator--sm .c4p--decorator__value {
|
37034
|
+
height: 1.125rem;
|
37035
|
+
padding: 0 0.5rem 0 calc(0.25rem + 1px);
|
37036
|
+
line-height: 1.333;
|
37037
|
+
}
|
37038
|
+
|
37039
|
+
.c4p--decorator--truncate-end .c4p--decorator__value {
|
37040
|
+
display: inline;
|
37041
|
+
overflow: hidden;
|
37042
|
+
text-overflow: ellipsis;
|
37043
|
+
white-space: nowrap;
|
37044
|
+
}
|
37045
|
+
|
37046
|
+
.c4p--decorator--truncate-start .c4p--decorator__value {
|
37047
|
+
display: inline;
|
37048
|
+
overflow: hidden;
|
37049
|
+
direction: rtl;
|
37050
|
+
text-overflow: ellipsis;
|
37051
|
+
white-space: nowrap;
|
37052
|
+
}
|
37053
|
+
|
37054
|
+
.c4p--decorator-icon__magnitude-unknown {
|
37055
|
+
fill: var(--cds-icon-secondary, #525252);
|
37056
|
+
}
|
37057
|
+
|
37058
|
+
.c4p--decorator-icon__magnitude-benign {
|
37059
|
+
fill: #007d79;
|
37060
|
+
}
|
37061
|
+
|
37062
|
+
.c4p--decorator-icon__magnitude-low {
|
37063
|
+
fill: var(--cds-support-warning, #f1c21b);
|
37064
|
+
}
|
37065
|
+
|
37066
|
+
.c4p--decorator-icon__magnitude-medium {
|
37067
|
+
fill: #ff832b;
|
37068
|
+
}
|
37069
|
+
|
37070
|
+
.c4p--decorator-icon__magnitude-high {
|
37071
|
+
fill: var(--cds-support-error, #da1e28);
|
37072
|
+
}
|
37073
|
+
|
37074
|
+
.c4p--decorator-icon__magnitude-critical {
|
37075
|
+
fill: var(--cds-support-error, #da1e28);
|
37076
|
+
}
|
37077
|
+
|
37078
|
+
.c4p--decorator-disabled svg {
|
37079
|
+
fill: var(--cds-icon-on-color-disabled, #8d8d8d);
|
37080
|
+
}
|
37081
|
+
|
37082
|
+
.c4p--decorator .c4p--decorator-icon--sm {
|
37083
|
+
width: 0.75rem;
|
37084
|
+
height: 0.75rem;
|
37085
|
+
margin-top: 0.15625rem;
|
37086
|
+
}
|
37087
|
+
|
37088
|
+
.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 {
|
37089
|
+
stroke: #8e6a00;
|
37090
|
+
stroke-width: 1px;
|
37091
|
+
}
|
37092
|
+
.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 {
|
37093
|
+
fill: #ba4e00;
|
37094
|
+
}
|
37095
|
+
|
37096
|
+
.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 {
|
37097
|
+
fill: #ff8389;
|
37098
|
+
}
|
37099
|
+
.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 {
|
37100
|
+
stroke: #ff8389;
|
37101
|
+
stroke-width: 0.03125rem;
|
37102
|
+
}
|
37103
|
+
|
37104
|
+
.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 {
|
37105
|
+
stroke: #8e6a00;
|
37106
|
+
stroke-width: 1px;
|
37107
|
+
}
|
37108
|
+
.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 {
|
37109
|
+
fill: #ba4e00;
|
37110
|
+
}
|
37111
|
+
|
37112
|
+
.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 {
|
37113
|
+
fill: #ff8389;
|
37114
|
+
}
|
37115
|
+
.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 {
|
37116
|
+
stroke: #ff8389;
|
37117
|
+
stroke-width: 0.03125rem;
|
37118
|
+
}
|
37119
|
+
|
35713
37120
|
.c4p--description-list .cds--structured-list {
|
35714
37121
|
margin-bottom: 2rem;
|
35715
37122
|
}
|