@carbon/ibm-products 1.54.1 → 1.55.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +1309 -110
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +3 -3
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon.css +1304 -110
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +2 -2
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +1312 -113
- package/css/index.css.map +1 -1
- package/css/index.min.css +3 -3
- package/css/index.min.css.map +1 -1
- package/es/components/APIKeyModal/APIKeyModal.js +25 -21
- package/es/components/ActionBar/ActionBar.js +5 -5
- package/es/components/Carousel/Carousel.js +237 -0
- package/es/components/Carousel/CarouselItem.js +66 -0
- package/es/components/Carousel/index.js +9 -0
- package/es/components/Carousel/utils.js +98 -0
- package/es/components/CreateFullPage/CreateFullPage.js +4 -2
- package/es/components/CreateModal/CreateModal.js +2 -1
- package/es/components/CreateSidePanel/CreateSidePanel.js +6 -2
- package/es/components/CreateTearsheet/CreateTearsheet.js +3 -1
- package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +6 -2
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +3 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/index.js +2 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +13 -0
- package/es/components/Datagrid/index.js +2 -1
- package/es/components/Datagrid/useActionsColumn.js +13 -7
- package/es/components/Datagrid/useOnRowClick.js +20 -4
- package/es/components/Datagrid/useSortableColumns.js +27 -3
- package/es/components/Datagrid/useStickyColumn.js +10 -3
- package/es/components/Datagrid/utils/DatagridActions.js +6 -6
- package/es/components/Datagrid/utils/getArgTypes.js +4 -0
- package/es/components/EditSidePanel/EditSidePanel.js +7 -3
- package/es/components/FilterSummary/FilterSummary.js +7 -3
- package/es/components/Guidebanner/Guidebanner.js +229 -0
- package/es/components/Guidebanner/GuidebannerElement.js +71 -0
- package/es/components/Guidebanner/GuidebannerElementButton.js +76 -0
- package/es/components/Guidebanner/GuidebannerElementLink.js +56 -0
- package/es/components/Guidebanner/index.js +11 -0
- package/es/components/InlineTip/InlineTip.js +228 -0
- package/es/components/InlineTip/InlineTipButton.js +89 -0
- package/es/components/InlineTip/InlineTipLink.js +89 -0
- package/es/components/InlineTip/index.js +10 -0
- package/es/components/InlineTip/utils.js +36 -0
- package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +164 -0
- package/es/components/SteppedAnimatedMedia/assets/index.js +4 -0
- package/es/components/SteppedAnimatedMedia/index.js +8 -0
- package/es/components/Tearsheet/TearsheetShell.js +2 -1
- package/es/components/index.js +4 -2
- package/es/global/js/hooks/useResizeObserver.js +1 -1
- package/es/global/js/package-settings.js +2 -0
- package/lib/components/APIKeyModal/APIKeyModal.js +25 -21
- package/lib/components/ActionBar/ActionBar.js +5 -5
- package/lib/components/Carousel/Carousel.js +238 -0
- package/lib/components/Carousel/CarouselItem.js +66 -0
- package/lib/components/Carousel/index.js +19 -0
- package/lib/components/Carousel/utils.js +108 -0
- package/lib/components/CreateFullPage/CreateFullPage.js +4 -2
- package/lib/components/CreateModal/CreateModal.js +2 -1
- package/lib/components/CreateSidePanel/CreateSidePanel.js +6 -2
- package/lib/components/CreateTearsheet/CreateTearsheet.js +3 -1
- package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +6 -2
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -1
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +3 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/index.js +8 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +20 -0
- package/lib/components/Datagrid/index.js +8 -1
- package/lib/components/Datagrid/useActionsColumn.js +13 -7
- package/lib/components/Datagrid/useOnRowClick.js +20 -4
- package/lib/components/Datagrid/useSortableColumns.js +27 -3
- package/lib/components/Datagrid/useStickyColumn.js +10 -3
- package/lib/components/Datagrid/utils/DatagridActions.js +6 -6
- package/lib/components/Datagrid/utils/getArgTypes.js +4 -0
- package/lib/components/EditSidePanel/EditSidePanel.js +7 -3
- package/lib/components/FilterSummary/FilterSummary.js +7 -3
- package/lib/components/Guidebanner/Guidebanner.js +229 -0
- package/lib/components/Guidebanner/GuidebannerElement.js +67 -0
- package/lib/components/Guidebanner/GuidebannerElementButton.js +71 -0
- package/lib/components/Guidebanner/GuidebannerElementLink.js +52 -0
- package/lib/components/Guidebanner/index.js +33 -0
- package/lib/components/InlineTip/InlineTip.js +228 -0
- package/lib/components/InlineTip/InlineTipButton.js +86 -0
- package/lib/components/InlineTip/InlineTipLink.js +86 -0
- package/lib/components/InlineTip/index.js +26 -0
- package/lib/components/InlineTip/utils.js +44 -0
- package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +165 -0
- package/lib/components/SteppedAnimatedMedia/assets/index.js +12 -0
- package/lib/components/SteppedAnimatedMedia/index.js +12 -0
- package/lib/components/Tearsheet/TearsheetShell.js +2 -1
- package/lib/components/index.js +21 -1
- package/lib/global/js/hooks/useResizeObserver.js +1 -1
- package/lib/global/js/package-settings.js +2 -0
- package/package.json +5 -5
- package/scss/components/Carousel/_carousel.scss +80 -0
- package/scss/components/Carousel/_index.scss +8 -0
- package/scss/components/Carousel/_storybook-styles.scss +10 -0
- package/scss/components/Datagrid/_storybook-styles.scss +13 -0
- package/scss/components/Datagrid/styles/_datagrid.scss +1 -6
- package/scss/components/Guidebanner/_guidebanner.scss +257 -0
- package/scss/components/Guidebanner/_index.scss +8 -0
- package/scss/components/Guidebanner/_storybook-styles.scss +20 -0
- package/scss/components/InlineTip/_index.scss +8 -0
- package/scss/components/InlineTip/_inline-tip.scss +231 -0
- package/scss/components/InlineTip/_storybook-styles.scss +21 -0
- package/scss/components/SteppedAnimatedMedia/_index.scss +8 -0
- package/scss/components/SteppedAnimatedMedia/_stepped-animated-media.scss +34 -0
- package/scss/components/SteppedAnimatedMedia/_storybook-styles.scss +12 -0
- package/scss/components/_index.scss +4 -0
@@ -7000,7 +7000,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7000
7000
|
position: relative;
|
7001
7001
|
}
|
7002
7002
|
|
7003
|
-
.c4p--datagrid .bx--data-table--selected:not(.c4p--datagrid__active-row) ::before {
|
7003
|
+
.c4p--datagrid .bx--data-table--selected:not(.c4p--datagrid__active-row) :first-child:not(.bx--checkbox--inline)::before {
|
7004
7004
|
position: absolute;
|
7005
7005
|
top: 0;
|
7006
7006
|
left: 0;
|
@@ -7067,11 +7067,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7067
7067
|
width: 100%;
|
7068
7068
|
}
|
7069
7069
|
|
7070
|
-
.bx--body--with-modal-open .c4p--datagrid__grid-container {
|
7071
|
-
overflow: hidden;
|
7072
|
-
height: 100vh;
|
7073
|
-
}
|
7074
|
-
|
7075
7070
|
.bx--overflow-menu.c4p--datagrid__toolbar-menu__trigger {
|
7076
7071
|
flex-shrink: 0;
|
7077
7072
|
background-color: var(--cds-interactive-01, #0f62fe);
|
@@ -8717,81 +8712,83 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
8717
8712
|
animation: slide-in 150ms cubic-bezier(0, 0, 0.38, 0.9);
|
8718
8713
|
}
|
8719
8714
|
|
8720
|
-
|
8721
|
-
|
8722
|
-
opacity: 0;
|
8723
|
-
}
|
8724
|
-
15% {
|
8725
|
-
opacity: 0;
|
8726
|
-
}
|
8727
|
-
100% {
|
8728
|
-
opacity: 1;
|
8729
|
-
}
|
8715
|
+
.c4p--carousel {
|
8716
|
+
position: relative;
|
8730
8717
|
}
|
8731
|
-
.c4p--
|
8732
|
-
|
8733
|
-
padding-top: 0;
|
8734
|
-
padding-right: 0.1875rem;
|
8735
|
-
border-width: 0.0625rem;
|
8736
|
-
border-style: solid;
|
8737
|
-
border-radius: var(--cds-spacing-04, 0.75rem);
|
8738
|
-
white-space: nowrap;
|
8739
|
-
border-color: var(--cds-interactive-03, #0f62fe);
|
8740
|
-
background-color: transparent;
|
8741
|
-
color: var(--cds-interactive-03, #0f62fe);
|
8718
|
+
.c4p--carousel:focus {
|
8719
|
+
outline: none;
|
8742
8720
|
}
|
8743
|
-
.c4p--
|
8744
|
-
|
8721
|
+
.c4p--carousel__elements-container {
|
8722
|
+
overflow-x: hidden;
|
8745
8723
|
}
|
8746
|
-
.c4p--
|
8747
|
-
|
8748
|
-
|
8724
|
+
.c4p--carousel__elements-container--scrolled, .c4p--carousel__elements-container--scroll-max {
|
8725
|
+
position: absolute;
|
8726
|
+
z-index: 1;
|
8727
|
+
top: 0;
|
8728
|
+
bottom: 0;
|
8729
|
+
width: var(--cds-spacing-07, 2rem);
|
8730
|
+
pointer-events: none;
|
8749
8731
|
}
|
8750
|
-
.c4p--
|
8751
|
-
|
8752
|
-
color: var(--cds-inverse-01, #ffffff);
|
8732
|
+
.c4p--carousel__elements-container--scrolled {
|
8733
|
+
left: 0;
|
8753
8734
|
}
|
8754
|
-
.c4p--
|
8755
|
-
|
8756
|
-
padding-top: 0;
|
8757
|
-
padding-right: 0.1875rem;
|
8758
|
-
border-width: 0.0625rem;
|
8759
|
-
border-style: solid;
|
8760
|
-
border-radius: var(--cds-spacing-04, 0.75rem);
|
8761
|
-
white-space: nowrap;
|
8762
|
-
border-color: var(--cds-interactive-03, #0f62fe);
|
8763
|
-
background-color: var(--cds-interactive-03, #0f62fe);
|
8764
|
-
color: var(--cds-inverse-01, #ffffff);
|
8735
|
+
.c4p--carousel__elements-container--scroll-max {
|
8736
|
+
right: 0;
|
8765
8737
|
}
|
8766
|
-
.c4p--
|
8767
|
-
|
8738
|
+
.c4p--carousel__elements {
|
8739
|
+
display: flex;
|
8740
|
+
-ms-overflow-style: none;
|
8741
|
+
overflow-x: scroll;
|
8742
|
+
overflow-y: hidden;
|
8743
|
+
scroll-behavior: smooth;
|
8744
|
+
scroll-snap-type: x mandatory;
|
8745
|
+
scrollbar-width: none;
|
8746
|
+
-webkit-touch-callout: none;
|
8747
|
+
-webkit-user-select: none;
|
8748
|
+
-khtml-user-select: none;
|
8749
|
+
-moz-user-select: none;
|
8750
|
+
-ms-user-select: none;
|
8751
|
+
user-select: none;
|
8752
|
+
}
|
8753
|
+
.c4p--carousel__elements::-webkit-scrollbar {
|
8754
|
+
display: none;
|
8768
8755
|
}
|
8769
|
-
|
8770
|
-
|
8771
|
-
|
8756
|
+
|
8757
|
+
/**
|
8758
|
+
* The Guidebanner specifically is theme-agnostic, and so we have to
|
8759
|
+
* use color tokens to keep the colors static instead of theme tokens
|
8760
|
+
* that will change depending on the selected theme.
|
8761
|
+
*
|
8762
|
+
* Because of this, we are triggering a *large* amount of linting errors.
|
8763
|
+
* So, we're adding 4 "disable" rules for the file instead of 50
|
8764
|
+
* individual rules.
|
8765
|
+
*/
|
8766
|
+
/* stylelint-disable carbon/layout-token-use */
|
8767
|
+
/* stylelint-disable carbon/motion-duration-use */
|
8768
|
+
/* stylelint-disable carbon/theme-token-use */
|
8769
|
+
/* stylelint-disable declaration-no-important */
|
8770
|
+
.c4p--guidebanner {
|
8771
|
+
position: relative;
|
8772
|
+
background: linear-gradient(90deg, #001d6c 0%, #6929c4 100%);
|
8773
|
+
background-color: #001d6c;
|
8772
8774
|
}
|
8773
|
-
.c4p--
|
8774
|
-
|
8775
|
+
.c4p--guidebanner__icon-idea {
|
8776
|
+
position: absolute;
|
8777
|
+
top: var(--cds-spacing-05, 1rem);
|
8778
|
+
left: var(--cds-spacing-05, 1rem);
|
8775
8779
|
}
|
8776
|
-
.c4p--
|
8777
|
-
|
8778
|
-
color: var(--cds-interactive-03, #0f62fe);
|
8780
|
+
.c4p--guidebanner__icon-idea path {
|
8781
|
+
fill: #f4f4f4;
|
8779
8782
|
}
|
8780
|
-
.c4p--
|
8781
|
-
font-size: var(--cds-
|
8782
|
-
font-weight: var(--cds-
|
8783
|
-
line-height: var(--cds-
|
8784
|
-
letter-spacing: var(--cds-
|
8785
|
-
|
8786
|
-
|
8787
|
-
border-left-width: 0.078125rem;
|
8788
|
-
border-left-style: solid;
|
8789
|
-
margin: var(--cds-spacing-02, 0.25rem) 0;
|
8790
|
-
animation: fade 600ms;
|
8791
|
-
border-left-color: var(--cds-text-01, #161616);
|
8783
|
+
.c4p--guidebanner__title {
|
8784
|
+
font-size: var(--cds-productive-heading-02-font-size, 1rem);
|
8785
|
+
font-weight: var(--cds-productive-heading-02-font-weight, 600);
|
8786
|
+
line-height: var(--cds-productive-heading-02-line-height, 1.375);
|
8787
|
+
letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
|
8788
|
+
padding: var(--cds-spacing-05, 1rem) 10.9375rem 0 3.25rem;
|
8789
|
+
color: #f4f4f4;
|
8792
8790
|
}
|
8793
|
-
|
8794
|
-
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-closed {
|
8791
|
+
.c4p--guidebanner__close-button {
|
8795
8792
|
--cds-interactive-01: #0f62fe;
|
8796
8793
|
--cds-interactive-02: #6f6f6f;
|
8797
8794
|
--cds-interactive-03: #ffffff;
|
@@ -9212,29 +9209,110 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
9212
9209
|
--cds-size-2XLarge: 5rem;
|
9213
9210
|
--cds-icon-size-01: 1rem;
|
9214
9211
|
--cds-icon-size-02: 1.25rem;
|
9215
|
-
|
9216
|
-
|
9217
|
-
|
9218
|
-
|
9219
|
-
|
9220
|
-
|
9221
|
-
white-space: nowrap;
|
9222
|
-
border-color: var(--cds-icon-03, #ffffff);
|
9223
|
-
background-color: transparent;
|
9224
|
-
color: var(--cds-text-01, #161616);
|
9212
|
+
position: absolute !important;
|
9213
|
+
top: 0;
|
9214
|
+
right: 0;
|
9215
|
+
width: var(--cds-spacing-07, 2rem);
|
9216
|
+
height: var(--cds-spacing-07, 2rem);
|
9217
|
+
min-height: var(--cds-spacing-07, 2rem) !important;
|
9225
9218
|
}
|
9226
|
-
.c4p--
|
9227
|
-
|
9219
|
+
.c4p--guidebanner__close-button:active, .c4p--guidebanner__close-button:hover {
|
9220
|
+
background-color: #7433e3 !important;
|
9228
9221
|
}
|
9229
|
-
.c4p--
|
9230
|
-
margin: 0.
|
9231
|
-
vertical-align: text-top;
|
9222
|
+
.c4p--guidebanner__close-button svg {
|
9223
|
+
margin-left: -0.25rem !important;
|
9232
9224
|
}
|
9233
|
-
.c4p--
|
9234
|
-
|
9235
|
-
color: var(--cds-inverse-01, #ffffff);
|
9225
|
+
.c4p--guidebanner__close-button svg path {
|
9226
|
+
fill: #ffffff !important;
|
9236
9227
|
}
|
9237
|
-
.c4p--
|
9228
|
+
.c4p--guidebanner__carousel {
|
9229
|
+
padding: 0 0 var(--cds-spacing-05, 1rem) 0;
|
9230
|
+
color: #f4f4f4;
|
9231
|
+
}
|
9232
|
+
.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__carousel {
|
9233
|
+
margin-bottom: 0;
|
9234
|
+
}
|
9235
|
+
.c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element {
|
9236
|
+
display: flex;
|
9237
|
+
width: 25rem;
|
9238
|
+
max-height: 32rem;
|
9239
|
+
flex-flow: column;
|
9240
|
+
flex-shrink: 0;
|
9241
|
+
padding-left: 3.25rem;
|
9242
|
+
margin: var(--cds-spacing-05, 1rem) 0 0 0;
|
9243
|
+
opacity: 1;
|
9244
|
+
scroll-snap-align: start;
|
9245
|
+
transition: max-height 50ms cubic-bezier(0.2, 0, 1, 0.9), margin-top 50ms cubic-bezier(0.2, 0, 1, 0.9), opacity 300ms cubic-bezier(0.2, 0, 1, 0.9);
|
9246
|
+
}
|
9247
|
+
.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element {
|
9248
|
+
max-height: var(--cds-spacing-03, 0.5rem);
|
9249
|
+
margin-top: 0;
|
9250
|
+
opacity: 0;
|
9251
|
+
}
|
9252
|
+
.c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element-title {
|
9253
|
+
font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
|
9254
|
+
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
9255
|
+
line-height: var(--cds-productive-heading-01-line-height, 1.28572);
|
9256
|
+
letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
|
9257
|
+
margin: var(--cds-spacing-05, 1rem) 0 0 0;
|
9258
|
+
}
|
9259
|
+
.c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element-content {
|
9260
|
+
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
9261
|
+
font-weight: var(--cds-body-long-01-font-weight, 400);
|
9262
|
+
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
9263
|
+
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
9264
|
+
margin-bottom: var(--cds-spacing-05, 1rem);
|
9265
|
+
}
|
9266
|
+
.c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element-buttons .bx--btn--tertiary {
|
9267
|
+
border-color: #ffffff;
|
9268
|
+
color: #ffffff;
|
9269
|
+
}
|
9270
|
+
.c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element-buttons .bx--btn--tertiary:active, .c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element-buttons .bx--btn--tertiary:hover {
|
9271
|
+
border-color: #ffffff;
|
9272
|
+
background-color: #ffffff;
|
9273
|
+
color: #161616;
|
9274
|
+
}
|
9275
|
+
.c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element-buttons .bx--btn:not(.bx--btn--tertiary) {
|
9276
|
+
margin-left: calc(-1 * var(--cds-spacing-05, 1rem));
|
9277
|
+
color: #a6c8ff;
|
9278
|
+
}
|
9279
|
+
.c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element-buttons .bx--btn:not(.bx--btn--tertiary):active, .c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element-buttons .bx--btn:not(.bx--btn--tertiary):hover {
|
9280
|
+
background-color: #7f3ae7;
|
9281
|
+
color: #f4f4f4;
|
9282
|
+
}
|
9283
|
+
.c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element-buttons .c4p--guidebanner__element-link {
|
9284
|
+
color: #a6c8ff;
|
9285
|
+
}
|
9286
|
+
.c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element-buttons .c4p--guidebanner__element-link:visited {
|
9287
|
+
color: #a6c8ff;
|
9288
|
+
}
|
9289
|
+
.c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element-buttons .c4p--guidebanner__element-link:active, .c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element-buttons .c4p--guidebanner__element-link:hover {
|
9290
|
+
color: #d0e2ff;
|
9291
|
+
}
|
9292
|
+
.c4p--guidebanner__carousel .c4p--carousel__item:last-child .c4p--guidebanner__element {
|
9293
|
+
width: 28rem;
|
9294
|
+
padding-right: 3.25rem;
|
9295
|
+
}
|
9296
|
+
.c4p--guidebanner__navigation {
|
9297
|
+
display: flex;
|
9298
|
+
border-top: 0.0625rem solid #8a3ffc;
|
9299
|
+
}
|
9300
|
+
.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation {
|
9301
|
+
border-top: none;
|
9302
|
+
}
|
9303
|
+
.c4p--guidebanner__navigation .c4p--guidebanner__toggle-button {
|
9304
|
+
margin-left: 2.125rem;
|
9305
|
+
color: #a6c8ff;
|
9306
|
+
}
|
9307
|
+
.c4p--guidebanner__navigation .c4p--guidebanner__toggle-button:active, .c4p--guidebanner__navigation .c4p--guidebanner__toggle-button:hover {
|
9308
|
+
background-color: #7433e3;
|
9309
|
+
color: #f4f4f4;
|
9310
|
+
}
|
9311
|
+
.c4p--guidebanner__navigation .c4p--guidebanner__back-button {
|
9312
|
+
margin-left: auto;
|
9313
|
+
}
|
9314
|
+
.c4p--guidebanner__navigation .c4p--guidebanner__back-button,
|
9315
|
+
.c4p--guidebanner__navigation .c4p--guidebanner__next-button {
|
9238
9316
|
--cds-interactive-01: #0f62fe;
|
9239
9317
|
--cds-interactive-02: #6f6f6f;
|
9240
9318
|
--cds-interactive-03: #ffffff;
|
@@ -9655,6 +9733,40 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
9655
9733
|
--cds-size-2XLarge: 5rem;
|
9656
9734
|
--cds-icon-size-01: 1rem;
|
9657
9735
|
--cds-icon-size-02: 1.25rem;
|
9736
|
+
}
|
9737
|
+
.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation .c4p--guidebanner__back-button,
|
9738
|
+
.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation .c4p--guidebanner__next-button {
|
9739
|
+
display: none !important;
|
9740
|
+
}
|
9741
|
+
.c4p--guidebanner__navigation .c4p--guidebanner__back-button:active, .c4p--guidebanner__navigation .c4p--guidebanner__back-button:hover,
|
9742
|
+
.c4p--guidebanner__navigation .c4p--guidebanner__next-button:active,
|
9743
|
+
.c4p--guidebanner__navigation .c4p--guidebanner__next-button:hover {
|
9744
|
+
background-color: #7433e3;
|
9745
|
+
}
|
9746
|
+
.c4p--guidebanner__navigation .c4p--guidebanner__back-button svg path,
|
9747
|
+
.c4p--guidebanner__navigation .c4p--guidebanner__next-button svg path {
|
9748
|
+
fill: #ffffff !important;
|
9749
|
+
}
|
9750
|
+
.c4p--guidebanner__navigation .c4p--guidebanner__back-button--disabled svg path,
|
9751
|
+
.c4p--guidebanner__navigation .c4p--guidebanner__next-button--disabled svg path {
|
9752
|
+
fill: #9b63ff !important;
|
9753
|
+
}
|
9754
|
+
.c4p--guidebanner__close-button::before, .c4p--guidebanner__back-button::before, .c4p--guidebanner__next-button::before {
|
9755
|
+
z-index: 6001 !important;
|
9756
|
+
}
|
9757
|
+
|
9758
|
+
@keyframes fade {
|
9759
|
+
0% {
|
9760
|
+
opacity: 0;
|
9761
|
+
}
|
9762
|
+
15% {
|
9763
|
+
opacity: 0;
|
9764
|
+
}
|
9765
|
+
100% {
|
9766
|
+
opacity: 1;
|
9767
|
+
}
|
9768
|
+
}
|
9769
|
+
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-closed {
|
9658
9770
|
height: 1.25rem;
|
9659
9771
|
padding-top: 0;
|
9660
9772
|
padding-right: 0.1875rem;
|
@@ -9662,25 +9774,62 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
9662
9774
|
border-style: solid;
|
9663
9775
|
border-radius: var(--cds-spacing-04, 0.75rem);
|
9664
9776
|
white-space: nowrap;
|
9665
|
-
border-color: var(--cds-
|
9666
|
-
background-color:
|
9777
|
+
border-color: var(--cds-interactive-03, #0f62fe);
|
9778
|
+
background-color: transparent;
|
9779
|
+
color: var(--cds-interactive-03, #0f62fe);
|
9780
|
+
}
|
9781
|
+
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-closed:hover {
|
9782
|
+
cursor: pointer;
|
9783
|
+
}
|
9784
|
+
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-closed svg {
|
9785
|
+
margin: 0.0625rem 0 0 0;
|
9786
|
+
vertical-align: text-top;
|
9787
|
+
}
|
9788
|
+
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-closed:hover {
|
9789
|
+
background-color: var(--cds-interactive-03, #0f62fe);
|
9667
9790
|
color: var(--cds-inverse-01, #ffffff);
|
9668
9791
|
}
|
9669
|
-
.c4p--non-linear-
|
9792
|
+
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-open {
|
9793
|
+
height: 1.25rem;
|
9794
|
+
padding-top: 0;
|
9795
|
+
padding-right: 0.1875rem;
|
9796
|
+
border-width: 0.0625rem;
|
9797
|
+
border-style: solid;
|
9798
|
+
border-radius: var(--cds-spacing-04, 0.75rem);
|
9799
|
+
white-space: nowrap;
|
9800
|
+
border-color: var(--cds-interactive-03, #0f62fe);
|
9801
|
+
background-color: var(--cds-interactive-03, #0f62fe);
|
9802
|
+
color: var(--cds-inverse-01, #ffffff);
|
9803
|
+
}
|
9804
|
+
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-open:hover {
|
9670
9805
|
cursor: pointer;
|
9671
9806
|
}
|
9672
|
-
.c4p--non-linear-
|
9807
|
+
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-open svg {
|
9673
9808
|
margin: 0.0625rem 0 0 0;
|
9674
9809
|
vertical-align: text-top;
|
9675
9810
|
}
|
9676
|
-
.c4p--non-linear-
|
9811
|
+
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-open svg {
|
9677
9812
|
transform: rotate(180deg);
|
9678
9813
|
}
|
9679
|
-
.c4p--non-linear-
|
9814
|
+
.c4p--non-linear-reading__light .c4p--non-linear-reading__keyword-open:hover {
|
9680
9815
|
background-color: transparent;
|
9681
|
-
color: var(--cds-
|
9816
|
+
color: var(--cds-interactive-03, #0f62fe);
|
9682
9817
|
}
|
9683
|
-
.c4p--non-linear-
|
9818
|
+
.c4p--non-linear-reading__light .c4p--non-linear-reading__body {
|
9819
|
+
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
9820
|
+
font-weight: var(--cds-body-long-01-font-weight, 400);
|
9821
|
+
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
9822
|
+
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
9823
|
+
display: block;
|
9824
|
+
padding: var(--cds-spacing-03, 0.5rem) var(--cds-spacing-04, 0.75rem);
|
9825
|
+
border-left-width: 0.078125rem;
|
9826
|
+
border-left-style: solid;
|
9827
|
+
margin: var(--cds-spacing-02, 0.25rem) 0;
|
9828
|
+
animation: fade 600ms;
|
9829
|
+
border-left-color: var(--cds-text-01, #161616);
|
9830
|
+
}
|
9831
|
+
|
9832
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-closed {
|
9684
9833
|
--cds-interactive-01: #0f62fe;
|
9685
9834
|
--cds-interactive-02: #6f6f6f;
|
9686
9835
|
--cds-interactive-03: #ffffff;
|
@@ -10101,21 +10250,1066 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
10101
10250
|
--cds-size-2XLarge: 5rem;
|
10102
10251
|
--cds-icon-size-01: 1rem;
|
10103
10252
|
--cds-icon-size-02: 1.25rem;
|
10104
|
-
|
10105
|
-
|
10106
|
-
|
10107
|
-
|
10108
|
-
|
10109
|
-
|
10110
|
-
|
10111
|
-
border-
|
10112
|
-
|
10113
|
-
animation: fade 600ms;
|
10114
|
-
border-left-color: var(--cds-text-01, #161616);
|
10253
|
+
height: 1.25rem;
|
10254
|
+
padding-top: 0;
|
10255
|
+
padding-right: 0.1875rem;
|
10256
|
+
border-width: 0.0625rem;
|
10257
|
+
border-style: solid;
|
10258
|
+
border-radius: var(--cds-spacing-04, 0.75rem);
|
10259
|
+
white-space: nowrap;
|
10260
|
+
border-color: var(--cds-icon-03, #ffffff);
|
10261
|
+
background-color: transparent;
|
10115
10262
|
color: var(--cds-text-01, #161616);
|
10116
10263
|
}
|
10117
|
-
.c4p--non-linear-reading__dark .c4p--non-linear-
|
10118
|
-
|
10264
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-closed:hover {
|
10265
|
+
cursor: pointer;
|
10266
|
+
}
|
10267
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-closed svg {
|
10268
|
+
margin: 0.0625rem 0 0 0;
|
10269
|
+
vertical-align: text-top;
|
10270
|
+
}
|
10271
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-closed:hover {
|
10272
|
+
background-color: var(--cds-icon-03, #ffffff);
|
10273
|
+
color: var(--cds-inverse-01, #ffffff);
|
10274
|
+
}
|
10275
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open {
|
10276
|
+
--cds-interactive-01: #0f62fe;
|
10277
|
+
--cds-interactive-02: #6f6f6f;
|
10278
|
+
--cds-interactive-03: #ffffff;
|
10279
|
+
--cds-interactive-04: #4589ff;
|
10280
|
+
--cds-ui-background: #161616;
|
10281
|
+
--cds-ui-01: #262626;
|
10282
|
+
--cds-ui-02: #393939;
|
10283
|
+
--cds-ui-03: #393939;
|
10284
|
+
--cds-ui-04: #6f6f6f;
|
10285
|
+
--cds-ui-05: #f4f4f4;
|
10286
|
+
--cds-text-01: #f4f4f4;
|
10287
|
+
--cds-text-02: #c6c6c6;
|
10288
|
+
--cds-text-03: #6f6f6f;
|
10289
|
+
--cds-text-04: #ffffff;
|
10290
|
+
--cds-text-05: #8d8d8d;
|
10291
|
+
--cds-text-error: #ff8389;
|
10292
|
+
--cds-icon-01: #f4f4f4;
|
10293
|
+
--cds-icon-02: #c6c6c6;
|
10294
|
+
--cds-icon-03: #ffffff;
|
10295
|
+
--cds-link-01: #78a9ff;
|
10296
|
+
--cds-link-02: #a6c8ff;
|
10297
|
+
--cds-inverse-link: #0f62fe;
|
10298
|
+
--cds-field-01: #262626;
|
10299
|
+
--cds-field-02: #393939;
|
10300
|
+
--cds-inverse-01: #161616;
|
10301
|
+
--cds-inverse-02: #f4f4f4;
|
10302
|
+
--cds-support-01: #fa4d56;
|
10303
|
+
--cds-support-02: #42be65;
|
10304
|
+
--cds-support-03: #f1c21b;
|
10305
|
+
--cds-support-04: #4589ff;
|
10306
|
+
--cds-inverse-support-01: #da1e28;
|
10307
|
+
--cds-inverse-support-02: #24a148;
|
10308
|
+
--cds-inverse-support-03: #f1c21b;
|
10309
|
+
--cds-inverse-support-04: #0f62fe;
|
10310
|
+
--cds-overlay-01: rgba(0, 0, 0, 0.65);
|
10311
|
+
--cds-danger-01: #da1e28;
|
10312
|
+
--cds-danger-02: #fa4d56;
|
10313
|
+
--cds-focus: #ffffff;
|
10314
|
+
--cds-inverse-focus-ui: #0f62fe;
|
10315
|
+
--cds-hover-primary: #0353e9;
|
10316
|
+
--cds-active-primary: #002d9c;
|
10317
|
+
--cds-hover-primary-text: #a6c8ff;
|
10318
|
+
--cds-hover-secondary: #606060;
|
10319
|
+
--cds-active-secondary: #393939;
|
10320
|
+
--cds-hover-tertiary: #f4f4f4;
|
10321
|
+
--cds-active-tertiary: #c6c6c6;
|
10322
|
+
--cds-hover-ui: #353535;
|
10323
|
+
--cds-hover-light-ui: #4c4c4c;
|
10324
|
+
--cds-hover-selected-ui: #4c4c4c;
|
10325
|
+
--cds-active-ui: #525252;
|
10326
|
+
--cds-active-light-ui: #6f6f6f;
|
10327
|
+
--cds-selected-ui: #393939;
|
10328
|
+
--cds-selected-light-ui: #525252;
|
10329
|
+
--cds-inverse-hover-ui: #e5e5e5;
|
10330
|
+
--cds-hover-danger: #b81921;
|
10331
|
+
--cds-active-danger: #750e13;
|
10332
|
+
--cds-hover-row: #353535;
|
10333
|
+
--cds-visited-link: #be95ff;
|
10334
|
+
--cds-disabled-01: #262626;
|
10335
|
+
--cds-disabled-02: #525252;
|
10336
|
+
--cds-disabled-03: #8d8d8d;
|
10337
|
+
--cds-highlight: #002d9c;
|
10338
|
+
--cds-decorative-01: #525252;
|
10339
|
+
--cds-button-separator: #161616;
|
10340
|
+
--cds-skeleton-01: #353535;
|
10341
|
+
--cds-skeleton-02: #525252;
|
10342
|
+
--cds-background: #161616;
|
10343
|
+
--cds-layer: #262626;
|
10344
|
+
--cds-layer-accent: #393939;
|
10345
|
+
--cds-layer-accent-hover: #474747;
|
10346
|
+
--cds-layer-accent-active: #6f6f6f;
|
10347
|
+
--cds-field: #262626;
|
10348
|
+
--cds-background-inverse: #f4f4f4;
|
10349
|
+
--cds-background-brand: #0f62fe;
|
10350
|
+
--cds-interactive: #4589ff;
|
10351
|
+
--cds-border-subtle: #393939;
|
10352
|
+
--cds-border-strong: #6f6f6f;
|
10353
|
+
--cds-border-inverse: #f4f4f4;
|
10354
|
+
--cds-border-interactive: #4589ff;
|
10355
|
+
--cds-text-primary: #f4f4f4;
|
10356
|
+
--cds-text-secondary: #c6c6c6;
|
10357
|
+
--cds-text-placeholder: #6f6f6f;
|
10358
|
+
--cds-text-helper: #8d8d8d;
|
10359
|
+
--cds-text-on-color: #ffffff;
|
10360
|
+
--cds-text-inverse: #161616;
|
10361
|
+
--cds-link-primary: #78a9ff;
|
10362
|
+
--cds-link-secondary: #a6c8ff;
|
10363
|
+
--cds-link-visited: #be95ff;
|
10364
|
+
--cds-link-inverse: #0f62fe;
|
10365
|
+
--cds-icon-primary: #f4f4f4;
|
10366
|
+
--cds-icon-secondary: #c6c6c6;
|
10367
|
+
--cds-icon-on-color: #ffffff;
|
10368
|
+
--cds-icon-inverse: #161616;
|
10369
|
+
--cds-support-error: #fa4d56;
|
10370
|
+
--cds-support-success: #42be65;
|
10371
|
+
--cds-support-warning: #f1c21b;
|
10372
|
+
--cds-support-info: #4589ff;
|
10373
|
+
--cds-support-error-inverse: #da1e28;
|
10374
|
+
--cds-support-success-inverse: #24a148;
|
10375
|
+
--cds-support-warning-inverse: #f1c21b;
|
10376
|
+
--cds-support-info-inverse: #0f62fe;
|
10377
|
+
--cds-overlay: rgba(0, 0, 0, 0.65);
|
10378
|
+
--cds-toggle-off: #6f6f6f;
|
10379
|
+
--cds-shadow: rgba(0, 0, 0, 0.8);
|
10380
|
+
--cds-button-primary: #0f62fe;
|
10381
|
+
--cds-button-secondary: #6f6f6f;
|
10382
|
+
--cds-button-tertiary: #ffffff;
|
10383
|
+
--cds-button-danger-primary: #da1e28;
|
10384
|
+
--cds-button-danger-secondary: #fa4d56;
|
10385
|
+
--cds-background-active: #525252;
|
10386
|
+
--cds-layer-active: #525252;
|
10387
|
+
--cds-button-danger-active: #750e13;
|
10388
|
+
--cds-button-primary-active: #002d9c;
|
10389
|
+
--cds-button-secondary-active: #393939;
|
10390
|
+
--cds-button-tertiary-active: #c6c6c6;
|
10391
|
+
--cds-focus-inset: #161616;
|
10392
|
+
--cds-focus-inverse: #0f62fe;
|
10393
|
+
--cds-background-hover: #353535;
|
10394
|
+
--cds-layer-hover: #353535;
|
10395
|
+
--cds-field-hover: #353535;
|
10396
|
+
--cds-background-inverse-hover: #e5e5e5;
|
10397
|
+
--cds-link-primary-hover: #a6c8ff;
|
10398
|
+
--cds-button-danger-hover: #b81921;
|
10399
|
+
--cds-button-primary-hover: #0353e9;
|
10400
|
+
--cds-button-secondary-hover: #606060;
|
10401
|
+
--cds-button-tertiary-hover: #f4f4f4;
|
10402
|
+
--cds-background-selected: #393939;
|
10403
|
+
--cds-background-selected-hover: #4c4c4c;
|
10404
|
+
--cds-layer-selected: #393939;
|
10405
|
+
--cds-layer-selected-hover: #4c4c4c;
|
10406
|
+
--cds-layer-selected-inverse: #f4f4f4;
|
10407
|
+
--cds-border-subtle-selected: #525252;
|
10408
|
+
--cds-border-disabled: #262626;
|
10409
|
+
--cds-text-disabled: #525252;
|
10410
|
+
--cds-button-disabled: #525252;
|
10411
|
+
--cds-icon-disabled: #525252;
|
10412
|
+
--cds-text-on-color-disabled: #8d8d8d;
|
10413
|
+
--cds-icon-on-color-disabled: #8d8d8d;
|
10414
|
+
--cds-layer-selected-disabled: #8d8d8d;
|
10415
|
+
--cds-skeleton-background: #353535;
|
10416
|
+
--cds-skeleton-element: #525252;
|
10417
|
+
--cds-brand-01: #0f62fe;
|
10418
|
+
--cds-brand-02: #6f6f6f;
|
10419
|
+
--cds-brand-03: #ffffff;
|
10420
|
+
--cds-active-01: #525252;
|
10421
|
+
--cds-hover-field: #353535;
|
10422
|
+
--cds-danger: #da1e28;
|
10423
|
+
--cds-caption-01-font-size: 0.75rem;
|
10424
|
+
--cds-caption-01-font-weight: 400;
|
10425
|
+
--cds-caption-01-line-height: 1.33333;
|
10426
|
+
--cds-caption-01-letter-spacing: 0.32px;
|
10427
|
+
--cds-caption-02-font-size: 0.875rem;
|
10428
|
+
--cds-caption-02-font-weight: 400;
|
10429
|
+
--cds-caption-02-line-height: 1.28572;
|
10430
|
+
--cds-caption-02-letter-spacing: 0.32px;
|
10431
|
+
--cds-label-01-font-size: 0.75rem;
|
10432
|
+
--cds-label-01-font-weight: 400;
|
10433
|
+
--cds-label-01-line-height: 1.33333;
|
10434
|
+
--cds-label-01-letter-spacing: 0.32px;
|
10435
|
+
--cds-label-02-font-size: 0.875rem;
|
10436
|
+
--cds-label-02-font-weight: 400;
|
10437
|
+
--cds-label-02-line-height: 1.28572;
|
10438
|
+
--cds-label-02-letter-spacing: 0.16px;
|
10439
|
+
--cds-helper-text-01-font-size: 0.75rem;
|
10440
|
+
--cds-helper-text-01-line-height: 1.33333;
|
10441
|
+
--cds-helper-text-01-letter-spacing: 0.32px;
|
10442
|
+
--cds-helper-text-02-font-size: 0.875rem;
|
10443
|
+
--cds-helper-text-02-line-height: 1.28572;
|
10444
|
+
--cds-helper-text-02-letter-spacing: 0.16px;
|
10445
|
+
--cds-body-short-01-font-size: 0.875rem;
|
10446
|
+
--cds-body-short-01-font-weight: 400;
|
10447
|
+
--cds-body-short-01-line-height: 1.28572;
|
10448
|
+
--cds-body-short-01-letter-spacing: 0.16px;
|
10449
|
+
--cds-body-long-01-font-size: 0.875rem;
|
10450
|
+
--cds-body-long-01-font-weight: 400;
|
10451
|
+
--cds-body-long-01-line-height: 1.42857;
|
10452
|
+
--cds-body-long-01-letter-spacing: 0.16px;
|
10453
|
+
--cds-body-short-02-font-size: 1rem;
|
10454
|
+
--cds-body-short-02-font-weight: 400;
|
10455
|
+
--cds-body-short-02-line-height: 1.375;
|
10456
|
+
--cds-body-short-02-letter-spacing: 0;
|
10457
|
+
--cds-body-long-02-font-size: 1rem;
|
10458
|
+
--cds-body-long-02-font-weight: 400;
|
10459
|
+
--cds-body-long-02-line-height: 1.5;
|
10460
|
+
--cds-body-long-02-letter-spacing: 0;
|
10461
|
+
--cds-code-01-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
|
10462
|
+
--cds-code-01-font-size: 0.75rem;
|
10463
|
+
--cds-code-01-font-weight: 400;
|
10464
|
+
--cds-code-01-line-height: 1.33333;
|
10465
|
+
--cds-code-01-letter-spacing: 0.32px;
|
10466
|
+
--cds-code-02-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
|
10467
|
+
--cds-code-02-font-size: 0.875rem;
|
10468
|
+
--cds-code-02-font-weight: 400;
|
10469
|
+
--cds-code-02-line-height: 1.42857;
|
10470
|
+
--cds-code-02-letter-spacing: 0.32px;
|
10471
|
+
--cds-heading-01-font-size: 0.875rem;
|
10472
|
+
--cds-heading-01-font-weight: 600;
|
10473
|
+
--cds-heading-01-line-height: 1.42857;
|
10474
|
+
--cds-heading-01-letter-spacing: 0.16px;
|
10475
|
+
--cds-productive-heading-01-font-size: 0.875rem;
|
10476
|
+
--cds-productive-heading-01-font-weight: 600;
|
10477
|
+
--cds-productive-heading-01-line-height: 1.28572;
|
10478
|
+
--cds-productive-heading-01-letter-spacing: 0.16px;
|
10479
|
+
--cds-heading-02-font-size: 1rem;
|
10480
|
+
--cds-heading-02-font-weight: 600;
|
10481
|
+
--cds-heading-02-line-height: 1.5;
|
10482
|
+
--cds-heading-02-letter-spacing: 0;
|
10483
|
+
--cds-productive-heading-02-font-size: 1rem;
|
10484
|
+
--cds-productive-heading-02-font-weight: 600;
|
10485
|
+
--cds-productive-heading-02-line-height: 1.375;
|
10486
|
+
--cds-productive-heading-02-letter-spacing: 0;
|
10487
|
+
--cds-productive-heading-03-font-size: 1.25rem;
|
10488
|
+
--cds-productive-heading-03-font-weight: 400;
|
10489
|
+
--cds-productive-heading-03-line-height: 1.4;
|
10490
|
+
--cds-productive-heading-03-letter-spacing: 0;
|
10491
|
+
--cds-productive-heading-04-font-size: 1.75rem;
|
10492
|
+
--cds-productive-heading-04-font-weight: 400;
|
10493
|
+
--cds-productive-heading-04-line-height: 1.28572;
|
10494
|
+
--cds-productive-heading-04-letter-spacing: 0;
|
10495
|
+
--cds-productive-heading-05-font-size: 2rem;
|
10496
|
+
--cds-productive-heading-05-font-weight: 400;
|
10497
|
+
--cds-productive-heading-05-line-height: 1.25;
|
10498
|
+
--cds-productive-heading-05-letter-spacing: 0;
|
10499
|
+
--cds-productive-heading-06-font-size: 2.625rem;
|
10500
|
+
--cds-productive-heading-06-font-weight: 300;
|
10501
|
+
--cds-productive-heading-06-line-height: 1.199;
|
10502
|
+
--cds-productive-heading-06-letter-spacing: 0;
|
10503
|
+
--cds-productive-heading-07-font-size: 3.375rem;
|
10504
|
+
--cds-productive-heading-07-font-weight: 300;
|
10505
|
+
--cds-productive-heading-07-line-height: 1.199;
|
10506
|
+
--cds-productive-heading-07-letter-spacing: 0;
|
10507
|
+
--cds-expressive-heading-01-font-size: 0.875rem;
|
10508
|
+
--cds-expressive-heading-01-font-weight: 600;
|
10509
|
+
--cds-expressive-heading-01-line-height: 1.25;
|
10510
|
+
--cds-expressive-heading-01-letter-spacing: 0.16px;
|
10511
|
+
--cds-expressive-heading-02-font-size: 1rem;
|
10512
|
+
--cds-expressive-heading-02-font-weight: 600;
|
10513
|
+
--cds-expressive-heading-02-line-height: 1.5;
|
10514
|
+
--cds-expressive-heading-02-letter-spacing: 0;
|
10515
|
+
--cds-expressive-heading-03-font-size: 1.25rem;
|
10516
|
+
--cds-expressive-heading-03-font-weight: 400;
|
10517
|
+
--cds-expressive-heading-03-line-height: 1.4;
|
10518
|
+
--cds-expressive-heading-03-letter-spacing: 0;
|
10519
|
+
--cds-expressive-heading-04-font-size: 1.75rem;
|
10520
|
+
--cds-expressive-heading-04-font-weight: 400;
|
10521
|
+
--cds-expressive-heading-04-line-height: 1.28572;
|
10522
|
+
--cds-expressive-heading-04-letter-spacing: 0;
|
10523
|
+
--cds-expressive-heading-05-font-size: 2rem;
|
10524
|
+
--cds-expressive-heading-05-font-weight: 400;
|
10525
|
+
--cds-expressive-heading-05-line-height: 1.25;
|
10526
|
+
--cds-expressive-heading-05-letter-spacing: 0;
|
10527
|
+
--cds-expressive-heading-06-font-size: 2rem;
|
10528
|
+
--cds-expressive-heading-06-font-weight: 600;
|
10529
|
+
--cds-expressive-heading-06-line-height: 1.25;
|
10530
|
+
--cds-expressive-heading-06-letter-spacing: 0;
|
10531
|
+
--cds-expressive-paragraph-01-font-size: 1.5rem;
|
10532
|
+
--cds-expressive-paragraph-01-font-weight: 300;
|
10533
|
+
--cds-expressive-paragraph-01-line-height: 1.334;
|
10534
|
+
--cds-expressive-paragraph-01-letter-spacing: 0;
|
10535
|
+
--cds-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
10536
|
+
--cds-quotation-01-font-size: 1.25rem;
|
10537
|
+
--cds-quotation-01-font-weight: 400;
|
10538
|
+
--cds-quotation-01-line-height: 1.3;
|
10539
|
+
--cds-quotation-01-letter-spacing: 0;
|
10540
|
+
--cds-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
10541
|
+
--cds-quotation-02-font-size: 2rem;
|
10542
|
+
--cds-quotation-02-font-weight: 300;
|
10543
|
+
--cds-quotation-02-line-height: 1.25;
|
10544
|
+
--cds-quotation-02-letter-spacing: 0;
|
10545
|
+
--cds-display-01-font-size: 2.625rem;
|
10546
|
+
--cds-display-01-font-weight: 300;
|
10547
|
+
--cds-display-01-line-height: 1.19;
|
10548
|
+
--cds-display-01-letter-spacing: 0;
|
10549
|
+
--cds-display-02-font-size: 2.625rem;
|
10550
|
+
--cds-display-02-font-weight: 600;
|
10551
|
+
--cds-display-02-line-height: 1.19;
|
10552
|
+
--cds-display-02-letter-spacing: 0;
|
10553
|
+
--cds-display-03-font-size: 2.625rem;
|
10554
|
+
--cds-display-03-font-weight: 300;
|
10555
|
+
--cds-display-03-line-height: 1.19;
|
10556
|
+
--cds-display-03-letter-spacing: 0;
|
10557
|
+
--cds-display-04-font-size: 2.625rem;
|
10558
|
+
--cds-display-04-font-weight: 300;
|
10559
|
+
--cds-display-04-line-height: 1.19;
|
10560
|
+
--cds-display-04-letter-spacing: 0;
|
10561
|
+
--cds-legal-01-font-size: 0.75rem;
|
10562
|
+
--cds-legal-01-font-weight: 400;
|
10563
|
+
--cds-legal-01-line-height: 1.33333;
|
10564
|
+
--cds-legal-01-letter-spacing: 0.32px;
|
10565
|
+
--cds-legal-02-font-size: 0.875rem;
|
10566
|
+
--cds-legal-02-font-weight: 400;
|
10567
|
+
--cds-legal-02-line-height: 1.28572;
|
10568
|
+
--cds-legal-02-letter-spacing: 0.16px;
|
10569
|
+
--cds-body-compact-01-font-size: 0.875rem;
|
10570
|
+
--cds-body-compact-01-font-weight: 400;
|
10571
|
+
--cds-body-compact-01-line-height: 1.28572;
|
10572
|
+
--cds-body-compact-01-letter-spacing: 0.16px;
|
10573
|
+
--cds-body-compact-02-font-size: 1rem;
|
10574
|
+
--cds-body-compact-02-font-weight: 400;
|
10575
|
+
--cds-body-compact-02-line-height: 1.375;
|
10576
|
+
--cds-body-compact-02-letter-spacing: 0;
|
10577
|
+
--cds-body-01-font-size: 0.875rem;
|
10578
|
+
--cds-body-01-font-weight: 400;
|
10579
|
+
--cds-body-01-line-height: 1.42857;
|
10580
|
+
--cds-body-01-letter-spacing: 0.16px;
|
10581
|
+
--cds-body-02-font-size: 1rem;
|
10582
|
+
--cds-body-02-font-weight: 400;
|
10583
|
+
--cds-body-02-line-height: 1.5;
|
10584
|
+
--cds-body-02-letter-spacing: 0;
|
10585
|
+
--cds-heading-compact-01-font-size: 0.875rem;
|
10586
|
+
--cds-heading-compact-01-font-weight: 600;
|
10587
|
+
--cds-heading-compact-01-line-height: 1.28572;
|
10588
|
+
--cds-heading-compact-01-letter-spacing: 0.16px;
|
10589
|
+
--cds-heading-compact-02-font-size: 1rem;
|
10590
|
+
--cds-heading-compact-02-font-weight: 600;
|
10591
|
+
--cds-heading-compact-02-line-height: 1.375;
|
10592
|
+
--cds-heading-compact-02-letter-spacing: 0;
|
10593
|
+
--cds-heading-03-font-size: 1.25rem;
|
10594
|
+
--cds-heading-03-font-weight: 400;
|
10595
|
+
--cds-heading-03-line-height: 1.4;
|
10596
|
+
--cds-heading-03-letter-spacing: 0;
|
10597
|
+
--cds-heading-04-font-size: 1.75rem;
|
10598
|
+
--cds-heading-04-font-weight: 400;
|
10599
|
+
--cds-heading-04-line-height: 1.28572;
|
10600
|
+
--cds-heading-04-letter-spacing: 0;
|
10601
|
+
--cds-heading-05-font-size: 2rem;
|
10602
|
+
--cds-heading-05-font-weight: 400;
|
10603
|
+
--cds-heading-05-line-height: 1.25;
|
10604
|
+
--cds-heading-05-letter-spacing: 0;
|
10605
|
+
--cds-heading-06-font-size: 2.625rem;
|
10606
|
+
--cds-heading-06-font-weight: 300;
|
10607
|
+
--cds-heading-06-line-height: 1.199;
|
10608
|
+
--cds-heading-06-letter-spacing: 0;
|
10609
|
+
--cds-heading-07-font-size: 3.375rem;
|
10610
|
+
--cds-heading-07-font-weight: 300;
|
10611
|
+
--cds-heading-07-line-height: 1.199;
|
10612
|
+
--cds-heading-07-letter-spacing: 0;
|
10613
|
+
--cds-fluid-heading-03-font-size: 1.25rem;
|
10614
|
+
--cds-fluid-heading-03-font-weight: 400;
|
10615
|
+
--cds-fluid-heading-03-line-height: 1.4;
|
10616
|
+
--cds-fluid-heading-03-letter-spacing: 0;
|
10617
|
+
--cds-fluid-heading-04-font-size: 1.75rem;
|
10618
|
+
--cds-fluid-heading-04-font-weight: 400;
|
10619
|
+
--cds-fluid-heading-04-line-height: 1.28572;
|
10620
|
+
--cds-fluid-heading-04-letter-spacing: 0;
|
10621
|
+
--cds-fluid-heading-05-font-size: 2rem;
|
10622
|
+
--cds-fluid-heading-05-font-weight: 400;
|
10623
|
+
--cds-fluid-heading-05-line-height: 1.25;
|
10624
|
+
--cds-fluid-heading-05-letter-spacing: 0;
|
10625
|
+
--cds-fluid-heading-06-font-size: 2rem;
|
10626
|
+
--cds-fluid-heading-06-font-weight: 600;
|
10627
|
+
--cds-fluid-heading-06-line-height: 1.25;
|
10628
|
+
--cds-fluid-heading-06-letter-spacing: 0;
|
10629
|
+
--cds-fluid-paragraph-01-font-size: 1.5rem;
|
10630
|
+
--cds-fluid-paragraph-01-font-weight: 300;
|
10631
|
+
--cds-fluid-paragraph-01-line-height: 1.334;
|
10632
|
+
--cds-fluid-paragraph-01-letter-spacing: 0;
|
10633
|
+
--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
10634
|
+
--cds-fluid-quotation-01-font-size: 1.25rem;
|
10635
|
+
--cds-fluid-quotation-01-font-weight: 400;
|
10636
|
+
--cds-fluid-quotation-01-line-height: 1.3;
|
10637
|
+
--cds-fluid-quotation-01-letter-spacing: 0;
|
10638
|
+
--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
10639
|
+
--cds-fluid-quotation-02-font-size: 2rem;
|
10640
|
+
--cds-fluid-quotation-02-font-weight: 300;
|
10641
|
+
--cds-fluid-quotation-02-line-height: 1.25;
|
10642
|
+
--cds-fluid-quotation-02-letter-spacing: 0;
|
10643
|
+
--cds-fluid-display-01-font-size: 2.625rem;
|
10644
|
+
--cds-fluid-display-01-font-weight: 300;
|
10645
|
+
--cds-fluid-display-01-line-height: 1.19;
|
10646
|
+
--cds-fluid-display-01-letter-spacing: 0;
|
10647
|
+
--cds-fluid-display-02-font-size: 2.625rem;
|
10648
|
+
--cds-fluid-display-02-font-weight: 600;
|
10649
|
+
--cds-fluid-display-02-line-height: 1.19;
|
10650
|
+
--cds-fluid-display-02-letter-spacing: 0;
|
10651
|
+
--cds-fluid-display-03-font-size: 2.625rem;
|
10652
|
+
--cds-fluid-display-03-font-weight: 300;
|
10653
|
+
--cds-fluid-display-03-line-height: 1.19;
|
10654
|
+
--cds-fluid-display-03-letter-spacing: 0;
|
10655
|
+
--cds-fluid-display-04-font-size: 2.625rem;
|
10656
|
+
--cds-fluid-display-04-font-weight: 300;
|
10657
|
+
--cds-fluid-display-04-line-height: 1.19;
|
10658
|
+
--cds-fluid-display-04-letter-spacing: 0;
|
10659
|
+
--cds-spacing-01: 0.125rem;
|
10660
|
+
--cds-spacing-02: 0.25rem;
|
10661
|
+
--cds-spacing-03: 0.5rem;
|
10662
|
+
--cds-spacing-04: 0.75rem;
|
10663
|
+
--cds-spacing-05: 1rem;
|
10664
|
+
--cds-spacing-06: 1.5rem;
|
10665
|
+
--cds-spacing-07: 2rem;
|
10666
|
+
--cds-spacing-08: 2.5rem;
|
10667
|
+
--cds-spacing-09: 3rem;
|
10668
|
+
--cds-spacing-10: 4rem;
|
10669
|
+
--cds-spacing-11: 5rem;
|
10670
|
+
--cds-spacing-12: 6rem;
|
10671
|
+
--cds-spacing-13: 10rem;
|
10672
|
+
--cds-fluid-spacing-01: 0;
|
10673
|
+
--cds-fluid-spacing-02: 2vw;
|
10674
|
+
--cds-fluid-spacing-03: 5vw;
|
10675
|
+
--cds-fluid-spacing-04: 10vw;
|
10676
|
+
--cds-layout-01: 1rem;
|
10677
|
+
--cds-layout-02: 1.5rem;
|
10678
|
+
--cds-layout-03: 2rem;
|
10679
|
+
--cds-layout-04: 3rem;
|
10680
|
+
--cds-layout-05: 4rem;
|
10681
|
+
--cds-layout-06: 6rem;
|
10682
|
+
--cds-layout-07: 10rem;
|
10683
|
+
--cds-container-01: 1.5rem;
|
10684
|
+
--cds-container-02: 2rem;
|
10685
|
+
--cds-container-03: 2.5rem;
|
10686
|
+
--cds-container-04: 3rem;
|
10687
|
+
--cds-container-05: 4rem;
|
10688
|
+
--cds-size-xsmall: 1.5rem;
|
10689
|
+
--cds-size-small: 2rem;
|
10690
|
+
--cds-size-medium: 2.5rem;
|
10691
|
+
--cds-size-large: 3rem;
|
10692
|
+
--cds-size-xlarge: 4rem;
|
10693
|
+
--cds-size-2XLarge: 5rem;
|
10694
|
+
--cds-icon-size-01: 1rem;
|
10695
|
+
--cds-icon-size-02: 1.25rem;
|
10696
|
+
height: 1.25rem;
|
10697
|
+
padding-top: 0;
|
10698
|
+
padding-right: 0.1875rem;
|
10699
|
+
border-width: 0.0625rem;
|
10700
|
+
border-style: solid;
|
10701
|
+
border-radius: var(--cds-spacing-04, 0.75rem);
|
10702
|
+
white-space: nowrap;
|
10703
|
+
border-color: var(--cds-icon-03, #ffffff);
|
10704
|
+
background-color: var(--cds-icon-03, #ffffff);
|
10705
|
+
color: var(--cds-inverse-01, #ffffff);
|
10706
|
+
}
|
10707
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open:hover {
|
10708
|
+
cursor: pointer;
|
10709
|
+
}
|
10710
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open svg {
|
10711
|
+
margin: 0.0625rem 0 0 0;
|
10712
|
+
vertical-align: text-top;
|
10713
|
+
}
|
10714
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open svg {
|
10715
|
+
transform: rotate(180deg);
|
10716
|
+
}
|
10717
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__keyword-open:hover {
|
10718
|
+
background-color: transparent;
|
10719
|
+
color: var(--cds-text-01, #161616);
|
10720
|
+
}
|
10721
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__body {
|
10722
|
+
--cds-interactive-01: #0f62fe;
|
10723
|
+
--cds-interactive-02: #6f6f6f;
|
10724
|
+
--cds-interactive-03: #ffffff;
|
10725
|
+
--cds-interactive-04: #4589ff;
|
10726
|
+
--cds-ui-background: #161616;
|
10727
|
+
--cds-ui-01: #262626;
|
10728
|
+
--cds-ui-02: #393939;
|
10729
|
+
--cds-ui-03: #393939;
|
10730
|
+
--cds-ui-04: #6f6f6f;
|
10731
|
+
--cds-ui-05: #f4f4f4;
|
10732
|
+
--cds-text-01: #f4f4f4;
|
10733
|
+
--cds-text-02: #c6c6c6;
|
10734
|
+
--cds-text-03: #6f6f6f;
|
10735
|
+
--cds-text-04: #ffffff;
|
10736
|
+
--cds-text-05: #8d8d8d;
|
10737
|
+
--cds-text-error: #ff8389;
|
10738
|
+
--cds-icon-01: #f4f4f4;
|
10739
|
+
--cds-icon-02: #c6c6c6;
|
10740
|
+
--cds-icon-03: #ffffff;
|
10741
|
+
--cds-link-01: #78a9ff;
|
10742
|
+
--cds-link-02: #a6c8ff;
|
10743
|
+
--cds-inverse-link: #0f62fe;
|
10744
|
+
--cds-field-01: #262626;
|
10745
|
+
--cds-field-02: #393939;
|
10746
|
+
--cds-inverse-01: #161616;
|
10747
|
+
--cds-inverse-02: #f4f4f4;
|
10748
|
+
--cds-support-01: #fa4d56;
|
10749
|
+
--cds-support-02: #42be65;
|
10750
|
+
--cds-support-03: #f1c21b;
|
10751
|
+
--cds-support-04: #4589ff;
|
10752
|
+
--cds-inverse-support-01: #da1e28;
|
10753
|
+
--cds-inverse-support-02: #24a148;
|
10754
|
+
--cds-inverse-support-03: #f1c21b;
|
10755
|
+
--cds-inverse-support-04: #0f62fe;
|
10756
|
+
--cds-overlay-01: rgba(0, 0, 0, 0.65);
|
10757
|
+
--cds-danger-01: #da1e28;
|
10758
|
+
--cds-danger-02: #fa4d56;
|
10759
|
+
--cds-focus: #ffffff;
|
10760
|
+
--cds-inverse-focus-ui: #0f62fe;
|
10761
|
+
--cds-hover-primary: #0353e9;
|
10762
|
+
--cds-active-primary: #002d9c;
|
10763
|
+
--cds-hover-primary-text: #a6c8ff;
|
10764
|
+
--cds-hover-secondary: #606060;
|
10765
|
+
--cds-active-secondary: #393939;
|
10766
|
+
--cds-hover-tertiary: #f4f4f4;
|
10767
|
+
--cds-active-tertiary: #c6c6c6;
|
10768
|
+
--cds-hover-ui: #353535;
|
10769
|
+
--cds-hover-light-ui: #4c4c4c;
|
10770
|
+
--cds-hover-selected-ui: #4c4c4c;
|
10771
|
+
--cds-active-ui: #525252;
|
10772
|
+
--cds-active-light-ui: #6f6f6f;
|
10773
|
+
--cds-selected-ui: #393939;
|
10774
|
+
--cds-selected-light-ui: #525252;
|
10775
|
+
--cds-inverse-hover-ui: #e5e5e5;
|
10776
|
+
--cds-hover-danger: #b81921;
|
10777
|
+
--cds-active-danger: #750e13;
|
10778
|
+
--cds-hover-row: #353535;
|
10779
|
+
--cds-visited-link: #be95ff;
|
10780
|
+
--cds-disabled-01: #262626;
|
10781
|
+
--cds-disabled-02: #525252;
|
10782
|
+
--cds-disabled-03: #8d8d8d;
|
10783
|
+
--cds-highlight: #002d9c;
|
10784
|
+
--cds-decorative-01: #525252;
|
10785
|
+
--cds-button-separator: #161616;
|
10786
|
+
--cds-skeleton-01: #353535;
|
10787
|
+
--cds-skeleton-02: #525252;
|
10788
|
+
--cds-background: #161616;
|
10789
|
+
--cds-layer: #262626;
|
10790
|
+
--cds-layer-accent: #393939;
|
10791
|
+
--cds-layer-accent-hover: #474747;
|
10792
|
+
--cds-layer-accent-active: #6f6f6f;
|
10793
|
+
--cds-field: #262626;
|
10794
|
+
--cds-background-inverse: #f4f4f4;
|
10795
|
+
--cds-background-brand: #0f62fe;
|
10796
|
+
--cds-interactive: #4589ff;
|
10797
|
+
--cds-border-subtle: #393939;
|
10798
|
+
--cds-border-strong: #6f6f6f;
|
10799
|
+
--cds-border-inverse: #f4f4f4;
|
10800
|
+
--cds-border-interactive: #4589ff;
|
10801
|
+
--cds-text-primary: #f4f4f4;
|
10802
|
+
--cds-text-secondary: #c6c6c6;
|
10803
|
+
--cds-text-placeholder: #6f6f6f;
|
10804
|
+
--cds-text-helper: #8d8d8d;
|
10805
|
+
--cds-text-on-color: #ffffff;
|
10806
|
+
--cds-text-inverse: #161616;
|
10807
|
+
--cds-link-primary: #78a9ff;
|
10808
|
+
--cds-link-secondary: #a6c8ff;
|
10809
|
+
--cds-link-visited: #be95ff;
|
10810
|
+
--cds-link-inverse: #0f62fe;
|
10811
|
+
--cds-icon-primary: #f4f4f4;
|
10812
|
+
--cds-icon-secondary: #c6c6c6;
|
10813
|
+
--cds-icon-on-color: #ffffff;
|
10814
|
+
--cds-icon-inverse: #161616;
|
10815
|
+
--cds-support-error: #fa4d56;
|
10816
|
+
--cds-support-success: #42be65;
|
10817
|
+
--cds-support-warning: #f1c21b;
|
10818
|
+
--cds-support-info: #4589ff;
|
10819
|
+
--cds-support-error-inverse: #da1e28;
|
10820
|
+
--cds-support-success-inverse: #24a148;
|
10821
|
+
--cds-support-warning-inverse: #f1c21b;
|
10822
|
+
--cds-support-info-inverse: #0f62fe;
|
10823
|
+
--cds-overlay: rgba(0, 0, 0, 0.65);
|
10824
|
+
--cds-toggle-off: #6f6f6f;
|
10825
|
+
--cds-shadow: rgba(0, 0, 0, 0.8);
|
10826
|
+
--cds-button-primary: #0f62fe;
|
10827
|
+
--cds-button-secondary: #6f6f6f;
|
10828
|
+
--cds-button-tertiary: #ffffff;
|
10829
|
+
--cds-button-danger-primary: #da1e28;
|
10830
|
+
--cds-button-danger-secondary: #fa4d56;
|
10831
|
+
--cds-background-active: #525252;
|
10832
|
+
--cds-layer-active: #525252;
|
10833
|
+
--cds-button-danger-active: #750e13;
|
10834
|
+
--cds-button-primary-active: #002d9c;
|
10835
|
+
--cds-button-secondary-active: #393939;
|
10836
|
+
--cds-button-tertiary-active: #c6c6c6;
|
10837
|
+
--cds-focus-inset: #161616;
|
10838
|
+
--cds-focus-inverse: #0f62fe;
|
10839
|
+
--cds-background-hover: #353535;
|
10840
|
+
--cds-layer-hover: #353535;
|
10841
|
+
--cds-field-hover: #353535;
|
10842
|
+
--cds-background-inverse-hover: #e5e5e5;
|
10843
|
+
--cds-link-primary-hover: #a6c8ff;
|
10844
|
+
--cds-button-danger-hover: #b81921;
|
10845
|
+
--cds-button-primary-hover: #0353e9;
|
10846
|
+
--cds-button-secondary-hover: #606060;
|
10847
|
+
--cds-button-tertiary-hover: #f4f4f4;
|
10848
|
+
--cds-background-selected: #393939;
|
10849
|
+
--cds-background-selected-hover: #4c4c4c;
|
10850
|
+
--cds-layer-selected: #393939;
|
10851
|
+
--cds-layer-selected-hover: #4c4c4c;
|
10852
|
+
--cds-layer-selected-inverse: #f4f4f4;
|
10853
|
+
--cds-border-subtle-selected: #525252;
|
10854
|
+
--cds-border-disabled: #262626;
|
10855
|
+
--cds-text-disabled: #525252;
|
10856
|
+
--cds-button-disabled: #525252;
|
10857
|
+
--cds-icon-disabled: #525252;
|
10858
|
+
--cds-text-on-color-disabled: #8d8d8d;
|
10859
|
+
--cds-icon-on-color-disabled: #8d8d8d;
|
10860
|
+
--cds-layer-selected-disabled: #8d8d8d;
|
10861
|
+
--cds-skeleton-background: #353535;
|
10862
|
+
--cds-skeleton-element: #525252;
|
10863
|
+
--cds-brand-01: #0f62fe;
|
10864
|
+
--cds-brand-02: #6f6f6f;
|
10865
|
+
--cds-brand-03: #ffffff;
|
10866
|
+
--cds-active-01: #525252;
|
10867
|
+
--cds-hover-field: #353535;
|
10868
|
+
--cds-danger: #da1e28;
|
10869
|
+
--cds-caption-01-font-size: 0.75rem;
|
10870
|
+
--cds-caption-01-font-weight: 400;
|
10871
|
+
--cds-caption-01-line-height: 1.33333;
|
10872
|
+
--cds-caption-01-letter-spacing: 0.32px;
|
10873
|
+
--cds-caption-02-font-size: 0.875rem;
|
10874
|
+
--cds-caption-02-font-weight: 400;
|
10875
|
+
--cds-caption-02-line-height: 1.28572;
|
10876
|
+
--cds-caption-02-letter-spacing: 0.32px;
|
10877
|
+
--cds-label-01-font-size: 0.75rem;
|
10878
|
+
--cds-label-01-font-weight: 400;
|
10879
|
+
--cds-label-01-line-height: 1.33333;
|
10880
|
+
--cds-label-01-letter-spacing: 0.32px;
|
10881
|
+
--cds-label-02-font-size: 0.875rem;
|
10882
|
+
--cds-label-02-font-weight: 400;
|
10883
|
+
--cds-label-02-line-height: 1.28572;
|
10884
|
+
--cds-label-02-letter-spacing: 0.16px;
|
10885
|
+
--cds-helper-text-01-font-size: 0.75rem;
|
10886
|
+
--cds-helper-text-01-line-height: 1.33333;
|
10887
|
+
--cds-helper-text-01-letter-spacing: 0.32px;
|
10888
|
+
--cds-helper-text-02-font-size: 0.875rem;
|
10889
|
+
--cds-helper-text-02-line-height: 1.28572;
|
10890
|
+
--cds-helper-text-02-letter-spacing: 0.16px;
|
10891
|
+
--cds-body-short-01-font-size: 0.875rem;
|
10892
|
+
--cds-body-short-01-font-weight: 400;
|
10893
|
+
--cds-body-short-01-line-height: 1.28572;
|
10894
|
+
--cds-body-short-01-letter-spacing: 0.16px;
|
10895
|
+
--cds-body-long-01-font-size: 0.875rem;
|
10896
|
+
--cds-body-long-01-font-weight: 400;
|
10897
|
+
--cds-body-long-01-line-height: 1.42857;
|
10898
|
+
--cds-body-long-01-letter-spacing: 0.16px;
|
10899
|
+
--cds-body-short-02-font-size: 1rem;
|
10900
|
+
--cds-body-short-02-font-weight: 400;
|
10901
|
+
--cds-body-short-02-line-height: 1.375;
|
10902
|
+
--cds-body-short-02-letter-spacing: 0;
|
10903
|
+
--cds-body-long-02-font-size: 1rem;
|
10904
|
+
--cds-body-long-02-font-weight: 400;
|
10905
|
+
--cds-body-long-02-line-height: 1.5;
|
10906
|
+
--cds-body-long-02-letter-spacing: 0;
|
10907
|
+
--cds-code-01-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
|
10908
|
+
--cds-code-01-font-size: 0.75rem;
|
10909
|
+
--cds-code-01-font-weight: 400;
|
10910
|
+
--cds-code-01-line-height: 1.33333;
|
10911
|
+
--cds-code-01-letter-spacing: 0.32px;
|
10912
|
+
--cds-code-02-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
|
10913
|
+
--cds-code-02-font-size: 0.875rem;
|
10914
|
+
--cds-code-02-font-weight: 400;
|
10915
|
+
--cds-code-02-line-height: 1.42857;
|
10916
|
+
--cds-code-02-letter-spacing: 0.32px;
|
10917
|
+
--cds-heading-01-font-size: 0.875rem;
|
10918
|
+
--cds-heading-01-font-weight: 600;
|
10919
|
+
--cds-heading-01-line-height: 1.42857;
|
10920
|
+
--cds-heading-01-letter-spacing: 0.16px;
|
10921
|
+
--cds-productive-heading-01-font-size: 0.875rem;
|
10922
|
+
--cds-productive-heading-01-font-weight: 600;
|
10923
|
+
--cds-productive-heading-01-line-height: 1.28572;
|
10924
|
+
--cds-productive-heading-01-letter-spacing: 0.16px;
|
10925
|
+
--cds-heading-02-font-size: 1rem;
|
10926
|
+
--cds-heading-02-font-weight: 600;
|
10927
|
+
--cds-heading-02-line-height: 1.5;
|
10928
|
+
--cds-heading-02-letter-spacing: 0;
|
10929
|
+
--cds-productive-heading-02-font-size: 1rem;
|
10930
|
+
--cds-productive-heading-02-font-weight: 600;
|
10931
|
+
--cds-productive-heading-02-line-height: 1.375;
|
10932
|
+
--cds-productive-heading-02-letter-spacing: 0;
|
10933
|
+
--cds-productive-heading-03-font-size: 1.25rem;
|
10934
|
+
--cds-productive-heading-03-font-weight: 400;
|
10935
|
+
--cds-productive-heading-03-line-height: 1.4;
|
10936
|
+
--cds-productive-heading-03-letter-spacing: 0;
|
10937
|
+
--cds-productive-heading-04-font-size: 1.75rem;
|
10938
|
+
--cds-productive-heading-04-font-weight: 400;
|
10939
|
+
--cds-productive-heading-04-line-height: 1.28572;
|
10940
|
+
--cds-productive-heading-04-letter-spacing: 0;
|
10941
|
+
--cds-productive-heading-05-font-size: 2rem;
|
10942
|
+
--cds-productive-heading-05-font-weight: 400;
|
10943
|
+
--cds-productive-heading-05-line-height: 1.25;
|
10944
|
+
--cds-productive-heading-05-letter-spacing: 0;
|
10945
|
+
--cds-productive-heading-06-font-size: 2.625rem;
|
10946
|
+
--cds-productive-heading-06-font-weight: 300;
|
10947
|
+
--cds-productive-heading-06-line-height: 1.199;
|
10948
|
+
--cds-productive-heading-06-letter-spacing: 0;
|
10949
|
+
--cds-productive-heading-07-font-size: 3.375rem;
|
10950
|
+
--cds-productive-heading-07-font-weight: 300;
|
10951
|
+
--cds-productive-heading-07-line-height: 1.199;
|
10952
|
+
--cds-productive-heading-07-letter-spacing: 0;
|
10953
|
+
--cds-expressive-heading-01-font-size: 0.875rem;
|
10954
|
+
--cds-expressive-heading-01-font-weight: 600;
|
10955
|
+
--cds-expressive-heading-01-line-height: 1.25;
|
10956
|
+
--cds-expressive-heading-01-letter-spacing: 0.16px;
|
10957
|
+
--cds-expressive-heading-02-font-size: 1rem;
|
10958
|
+
--cds-expressive-heading-02-font-weight: 600;
|
10959
|
+
--cds-expressive-heading-02-line-height: 1.5;
|
10960
|
+
--cds-expressive-heading-02-letter-spacing: 0;
|
10961
|
+
--cds-expressive-heading-03-font-size: 1.25rem;
|
10962
|
+
--cds-expressive-heading-03-font-weight: 400;
|
10963
|
+
--cds-expressive-heading-03-line-height: 1.4;
|
10964
|
+
--cds-expressive-heading-03-letter-spacing: 0;
|
10965
|
+
--cds-expressive-heading-04-font-size: 1.75rem;
|
10966
|
+
--cds-expressive-heading-04-font-weight: 400;
|
10967
|
+
--cds-expressive-heading-04-line-height: 1.28572;
|
10968
|
+
--cds-expressive-heading-04-letter-spacing: 0;
|
10969
|
+
--cds-expressive-heading-05-font-size: 2rem;
|
10970
|
+
--cds-expressive-heading-05-font-weight: 400;
|
10971
|
+
--cds-expressive-heading-05-line-height: 1.25;
|
10972
|
+
--cds-expressive-heading-05-letter-spacing: 0;
|
10973
|
+
--cds-expressive-heading-06-font-size: 2rem;
|
10974
|
+
--cds-expressive-heading-06-font-weight: 600;
|
10975
|
+
--cds-expressive-heading-06-line-height: 1.25;
|
10976
|
+
--cds-expressive-heading-06-letter-spacing: 0;
|
10977
|
+
--cds-expressive-paragraph-01-font-size: 1.5rem;
|
10978
|
+
--cds-expressive-paragraph-01-font-weight: 300;
|
10979
|
+
--cds-expressive-paragraph-01-line-height: 1.334;
|
10980
|
+
--cds-expressive-paragraph-01-letter-spacing: 0;
|
10981
|
+
--cds-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
10982
|
+
--cds-quotation-01-font-size: 1.25rem;
|
10983
|
+
--cds-quotation-01-font-weight: 400;
|
10984
|
+
--cds-quotation-01-line-height: 1.3;
|
10985
|
+
--cds-quotation-01-letter-spacing: 0;
|
10986
|
+
--cds-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
10987
|
+
--cds-quotation-02-font-size: 2rem;
|
10988
|
+
--cds-quotation-02-font-weight: 300;
|
10989
|
+
--cds-quotation-02-line-height: 1.25;
|
10990
|
+
--cds-quotation-02-letter-spacing: 0;
|
10991
|
+
--cds-display-01-font-size: 2.625rem;
|
10992
|
+
--cds-display-01-font-weight: 300;
|
10993
|
+
--cds-display-01-line-height: 1.19;
|
10994
|
+
--cds-display-01-letter-spacing: 0;
|
10995
|
+
--cds-display-02-font-size: 2.625rem;
|
10996
|
+
--cds-display-02-font-weight: 600;
|
10997
|
+
--cds-display-02-line-height: 1.19;
|
10998
|
+
--cds-display-02-letter-spacing: 0;
|
10999
|
+
--cds-display-03-font-size: 2.625rem;
|
11000
|
+
--cds-display-03-font-weight: 300;
|
11001
|
+
--cds-display-03-line-height: 1.19;
|
11002
|
+
--cds-display-03-letter-spacing: 0;
|
11003
|
+
--cds-display-04-font-size: 2.625rem;
|
11004
|
+
--cds-display-04-font-weight: 300;
|
11005
|
+
--cds-display-04-line-height: 1.19;
|
11006
|
+
--cds-display-04-letter-spacing: 0;
|
11007
|
+
--cds-legal-01-font-size: 0.75rem;
|
11008
|
+
--cds-legal-01-font-weight: 400;
|
11009
|
+
--cds-legal-01-line-height: 1.33333;
|
11010
|
+
--cds-legal-01-letter-spacing: 0.32px;
|
11011
|
+
--cds-legal-02-font-size: 0.875rem;
|
11012
|
+
--cds-legal-02-font-weight: 400;
|
11013
|
+
--cds-legal-02-line-height: 1.28572;
|
11014
|
+
--cds-legal-02-letter-spacing: 0.16px;
|
11015
|
+
--cds-body-compact-01-font-size: 0.875rem;
|
11016
|
+
--cds-body-compact-01-font-weight: 400;
|
11017
|
+
--cds-body-compact-01-line-height: 1.28572;
|
11018
|
+
--cds-body-compact-01-letter-spacing: 0.16px;
|
11019
|
+
--cds-body-compact-02-font-size: 1rem;
|
11020
|
+
--cds-body-compact-02-font-weight: 400;
|
11021
|
+
--cds-body-compact-02-line-height: 1.375;
|
11022
|
+
--cds-body-compact-02-letter-spacing: 0;
|
11023
|
+
--cds-body-01-font-size: 0.875rem;
|
11024
|
+
--cds-body-01-font-weight: 400;
|
11025
|
+
--cds-body-01-line-height: 1.42857;
|
11026
|
+
--cds-body-01-letter-spacing: 0.16px;
|
11027
|
+
--cds-body-02-font-size: 1rem;
|
11028
|
+
--cds-body-02-font-weight: 400;
|
11029
|
+
--cds-body-02-line-height: 1.5;
|
11030
|
+
--cds-body-02-letter-spacing: 0;
|
11031
|
+
--cds-heading-compact-01-font-size: 0.875rem;
|
11032
|
+
--cds-heading-compact-01-font-weight: 600;
|
11033
|
+
--cds-heading-compact-01-line-height: 1.28572;
|
11034
|
+
--cds-heading-compact-01-letter-spacing: 0.16px;
|
11035
|
+
--cds-heading-compact-02-font-size: 1rem;
|
11036
|
+
--cds-heading-compact-02-font-weight: 600;
|
11037
|
+
--cds-heading-compact-02-line-height: 1.375;
|
11038
|
+
--cds-heading-compact-02-letter-spacing: 0;
|
11039
|
+
--cds-heading-03-font-size: 1.25rem;
|
11040
|
+
--cds-heading-03-font-weight: 400;
|
11041
|
+
--cds-heading-03-line-height: 1.4;
|
11042
|
+
--cds-heading-03-letter-spacing: 0;
|
11043
|
+
--cds-heading-04-font-size: 1.75rem;
|
11044
|
+
--cds-heading-04-font-weight: 400;
|
11045
|
+
--cds-heading-04-line-height: 1.28572;
|
11046
|
+
--cds-heading-04-letter-spacing: 0;
|
11047
|
+
--cds-heading-05-font-size: 2rem;
|
11048
|
+
--cds-heading-05-font-weight: 400;
|
11049
|
+
--cds-heading-05-line-height: 1.25;
|
11050
|
+
--cds-heading-05-letter-spacing: 0;
|
11051
|
+
--cds-heading-06-font-size: 2.625rem;
|
11052
|
+
--cds-heading-06-font-weight: 300;
|
11053
|
+
--cds-heading-06-line-height: 1.199;
|
11054
|
+
--cds-heading-06-letter-spacing: 0;
|
11055
|
+
--cds-heading-07-font-size: 3.375rem;
|
11056
|
+
--cds-heading-07-font-weight: 300;
|
11057
|
+
--cds-heading-07-line-height: 1.199;
|
11058
|
+
--cds-heading-07-letter-spacing: 0;
|
11059
|
+
--cds-fluid-heading-03-font-size: 1.25rem;
|
11060
|
+
--cds-fluid-heading-03-font-weight: 400;
|
11061
|
+
--cds-fluid-heading-03-line-height: 1.4;
|
11062
|
+
--cds-fluid-heading-03-letter-spacing: 0;
|
11063
|
+
--cds-fluid-heading-04-font-size: 1.75rem;
|
11064
|
+
--cds-fluid-heading-04-font-weight: 400;
|
11065
|
+
--cds-fluid-heading-04-line-height: 1.28572;
|
11066
|
+
--cds-fluid-heading-04-letter-spacing: 0;
|
11067
|
+
--cds-fluid-heading-05-font-size: 2rem;
|
11068
|
+
--cds-fluid-heading-05-font-weight: 400;
|
11069
|
+
--cds-fluid-heading-05-line-height: 1.25;
|
11070
|
+
--cds-fluid-heading-05-letter-spacing: 0;
|
11071
|
+
--cds-fluid-heading-06-font-size: 2rem;
|
11072
|
+
--cds-fluid-heading-06-font-weight: 600;
|
11073
|
+
--cds-fluid-heading-06-line-height: 1.25;
|
11074
|
+
--cds-fluid-heading-06-letter-spacing: 0;
|
11075
|
+
--cds-fluid-paragraph-01-font-size: 1.5rem;
|
11076
|
+
--cds-fluid-paragraph-01-font-weight: 300;
|
11077
|
+
--cds-fluid-paragraph-01-line-height: 1.334;
|
11078
|
+
--cds-fluid-paragraph-01-letter-spacing: 0;
|
11079
|
+
--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
11080
|
+
--cds-fluid-quotation-01-font-size: 1.25rem;
|
11081
|
+
--cds-fluid-quotation-01-font-weight: 400;
|
11082
|
+
--cds-fluid-quotation-01-line-height: 1.3;
|
11083
|
+
--cds-fluid-quotation-01-letter-spacing: 0;
|
11084
|
+
--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', 'Georgia', Times, serif;
|
11085
|
+
--cds-fluid-quotation-02-font-size: 2rem;
|
11086
|
+
--cds-fluid-quotation-02-font-weight: 300;
|
11087
|
+
--cds-fluid-quotation-02-line-height: 1.25;
|
11088
|
+
--cds-fluid-quotation-02-letter-spacing: 0;
|
11089
|
+
--cds-fluid-display-01-font-size: 2.625rem;
|
11090
|
+
--cds-fluid-display-01-font-weight: 300;
|
11091
|
+
--cds-fluid-display-01-line-height: 1.19;
|
11092
|
+
--cds-fluid-display-01-letter-spacing: 0;
|
11093
|
+
--cds-fluid-display-02-font-size: 2.625rem;
|
11094
|
+
--cds-fluid-display-02-font-weight: 600;
|
11095
|
+
--cds-fluid-display-02-line-height: 1.19;
|
11096
|
+
--cds-fluid-display-02-letter-spacing: 0;
|
11097
|
+
--cds-fluid-display-03-font-size: 2.625rem;
|
11098
|
+
--cds-fluid-display-03-font-weight: 300;
|
11099
|
+
--cds-fluid-display-03-line-height: 1.19;
|
11100
|
+
--cds-fluid-display-03-letter-spacing: 0;
|
11101
|
+
--cds-fluid-display-04-font-size: 2.625rem;
|
11102
|
+
--cds-fluid-display-04-font-weight: 300;
|
11103
|
+
--cds-fluid-display-04-line-height: 1.19;
|
11104
|
+
--cds-fluid-display-04-letter-spacing: 0;
|
11105
|
+
--cds-spacing-01: 0.125rem;
|
11106
|
+
--cds-spacing-02: 0.25rem;
|
11107
|
+
--cds-spacing-03: 0.5rem;
|
11108
|
+
--cds-spacing-04: 0.75rem;
|
11109
|
+
--cds-spacing-05: 1rem;
|
11110
|
+
--cds-spacing-06: 1.5rem;
|
11111
|
+
--cds-spacing-07: 2rem;
|
11112
|
+
--cds-spacing-08: 2.5rem;
|
11113
|
+
--cds-spacing-09: 3rem;
|
11114
|
+
--cds-spacing-10: 4rem;
|
11115
|
+
--cds-spacing-11: 5rem;
|
11116
|
+
--cds-spacing-12: 6rem;
|
11117
|
+
--cds-spacing-13: 10rem;
|
11118
|
+
--cds-fluid-spacing-01: 0;
|
11119
|
+
--cds-fluid-spacing-02: 2vw;
|
11120
|
+
--cds-fluid-spacing-03: 5vw;
|
11121
|
+
--cds-fluid-spacing-04: 10vw;
|
11122
|
+
--cds-layout-01: 1rem;
|
11123
|
+
--cds-layout-02: 1.5rem;
|
11124
|
+
--cds-layout-03: 2rem;
|
11125
|
+
--cds-layout-04: 3rem;
|
11126
|
+
--cds-layout-05: 4rem;
|
11127
|
+
--cds-layout-06: 6rem;
|
11128
|
+
--cds-layout-07: 10rem;
|
11129
|
+
--cds-container-01: 1.5rem;
|
11130
|
+
--cds-container-02: 2rem;
|
11131
|
+
--cds-container-03: 2.5rem;
|
11132
|
+
--cds-container-04: 3rem;
|
11133
|
+
--cds-container-05: 4rem;
|
11134
|
+
--cds-size-xsmall: 1.5rem;
|
11135
|
+
--cds-size-small: 2rem;
|
11136
|
+
--cds-size-medium: 2.5rem;
|
11137
|
+
--cds-size-large: 3rem;
|
11138
|
+
--cds-size-xlarge: 4rem;
|
11139
|
+
--cds-size-2XLarge: 5rem;
|
11140
|
+
--cds-icon-size-01: 1rem;
|
11141
|
+
--cds-icon-size-02: 1.25rem;
|
11142
|
+
font-size: var(--cds-body-long-01-font-size, 0.875rem);
|
11143
|
+
font-weight: var(--cds-body-long-01-font-weight, 400);
|
11144
|
+
line-height: var(--cds-body-long-01-line-height, 1.42857);
|
11145
|
+
letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
|
11146
|
+
display: block;
|
11147
|
+
padding: var(--cds-spacing-03, 0.5rem) var(--cds-spacing-04, 0.75rem);
|
11148
|
+
border-left-width: 0.078125rem;
|
11149
|
+
border-left-style: solid;
|
11150
|
+
margin: var(--cds-spacing-02, 0.25rem) 0;
|
11151
|
+
animation: fade 600ms;
|
11152
|
+
border-left-color: var(--cds-text-01, #161616);
|
11153
|
+
color: var(--cds-text-01, #161616);
|
11154
|
+
}
|
11155
|
+
.c4p--non-linear-reading__dark .c4p--non-linear-reading__body a {
|
11156
|
+
color: var(--cds-link-01, #0f62fe);
|
11157
|
+
}
|
11158
|
+
|
11159
|
+
/**
|
11160
|
+
* The InlineTip specifically is theme-agnostic, and so we have to
|
11161
|
+
* use color tokens to keep the colors static instead of theme tokens
|
11162
|
+
* that will change depending on the selected theme.
|
11163
|
+
*
|
11164
|
+
* We are triggering a *large* amount of linting errors.
|
11165
|
+
* So, we're adding 2 "disable" rules for the file instead of 25
|
11166
|
+
* individual rules.
|
11167
|
+
*/
|
11168
|
+
/* stylelint-disable declaration-no-important */
|
11169
|
+
/* stylelint-disable carbon/theme-token-use */
|
11170
|
+
.c4p--inline-tip {
|
11171
|
+
position: relative;
|
11172
|
+
display: flex;
|
11173
|
+
background: linear-gradient(90deg, #001d6c 0%, #6929c4 100%);
|
11174
|
+
}
|
11175
|
+
.c4p--inline-tip__wide {
|
11176
|
+
padding: var(--cds-spacing-05, 1rem) var(--cds-spacing-10, 4rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-09, 3rem);
|
11177
|
+
}
|
11178
|
+
.c4p--inline-tip__wide.c4p--inline-tip__has-media {
|
11179
|
+
padding-right: var(--cds-spacing-09, 3rem);
|
11180
|
+
}
|
11181
|
+
.c4p--inline-tip__wide.c4p--inline-tip__has-media .c4p--inline-tip__media {
|
11182
|
+
padding-left: var(--cds-spacing-10, 4rem);
|
11183
|
+
}
|
11184
|
+
.c4p--inline-tip__wide.c4p--inline-tip__has-media .c4p--inline-tip__media img {
|
11185
|
+
display: block;
|
11186
|
+
height: 7.375rem;
|
11187
|
+
}
|
11188
|
+
.c4p--inline-tip__wide.c4p--inline-tip__has-media .c4p--inline-tip__media svg {
|
11189
|
+
width: calc(7.375rem * 2) !important;
|
11190
|
+
height: 7.375rem !important;
|
11191
|
+
}
|
11192
|
+
.c4p--inline-tip__narrow {
|
11193
|
+
flex-direction: column-reverse;
|
11194
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
11195
|
+
padding: 3.25rem var(--cds-spacing-07, 2rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-05, 1rem);
|
11196
|
+
}
|
11197
|
+
.c4p--inline-tip__narrow.c4p--inline-tip__has-media {
|
11198
|
+
padding-top: var(--cds-spacing-07, 2rem);
|
11199
|
+
padding-right: var(--cds-spacing-05, 1rem);
|
11200
|
+
}
|
11201
|
+
.c4p--inline-tip__narrow .c4p--inline-tip__media {
|
11202
|
+
padding-bottom: var(--cds-spacing-05, 1rem);
|
11203
|
+
}
|
11204
|
+
.c4p--inline-tip__narrow .c4p--inline-tip__media img {
|
11205
|
+
width: 100%;
|
11206
|
+
}
|
11207
|
+
.c4p--inline-tip__narrow .c4p--inline-tip__content {
|
11208
|
+
padding-right: var(--cds-spacing-05, 1rem);
|
11209
|
+
}
|
11210
|
+
.c4p--inline-tip__narrow .c4p--inline-tip__footer {
|
11211
|
+
justify-content: space-between;
|
11212
|
+
}
|
11213
|
+
.c4p--inline-tip__narrow .c4p--inline-tip__footer .c4p--inline-tip__close-btn {
|
11214
|
+
margin-right: calc(-1 * var(--cds-spacing-05, 1rem));
|
11215
|
+
}
|
11216
|
+
.c4p--inline-tip a {
|
11217
|
+
color: #a6c8ff;
|
11218
|
+
}
|
11219
|
+
.c4p--inline-tip a:visited, .c4p--inline-tip a:hover, .c4p--inline-tip a:visited:hover {
|
11220
|
+
color: #a6c8ff;
|
11221
|
+
}
|
11222
|
+
.c4p--inline-tip__title {
|
11223
|
+
font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
|
11224
|
+
font-weight: var(--cds-productive-heading-01-font-weight, 600);
|
11225
|
+
line-height: var(--cds-productive-heading-01-line-height, 1.28572);
|
11226
|
+
letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
|
11227
|
+
color: #ffffff;
|
11228
|
+
}
|
11229
|
+
.c4p--inline-tip__body {
|
11230
|
+
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
11231
|
+
font-weight: var(--cds-body-short-01-font-weight, 400);
|
11232
|
+
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
11233
|
+
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
11234
|
+
color: #f4f4f4;
|
11235
|
+
}
|
11236
|
+
.c4p--inline-tip__body p {
|
11237
|
+
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
11238
|
+
font-weight: var(--cds-body-short-01-font-weight, 400);
|
11239
|
+
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
11240
|
+
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
11241
|
+
margin-bottom: var(--cds-spacing-03, 0.5rem);
|
11242
|
+
font-size: inherit;
|
11243
|
+
line-height: inherit;
|
11244
|
+
}
|
11245
|
+
.c4p--inline-tip__body p:last-of-type {
|
11246
|
+
margin-bottom: 0;
|
11247
|
+
}
|
11248
|
+
.c4p--inline-tip__body .c4p--inline-tip__secondary-btn {
|
11249
|
+
margin-top: var(--cds-spacing-03, 0.5rem);
|
11250
|
+
}
|
11251
|
+
.c4p--inline-tip__body .c4p--inline-tip__secondary-btn .c4p--inline-tip__button {
|
11252
|
+
margin-left: calc(-1 * var(--cds-spacing-05, 1rem));
|
11253
|
+
color: #a6c8ff;
|
11254
|
+
}
|
11255
|
+
.c4p--inline-tip__body .c4p--inline-tip__secondary-btn .c4p--inline-tip__button:active, .c4p--inline-tip__body .c4p--inline-tip__secondary-btn .c4p--inline-tip__button:hover {
|
11256
|
+
background-color: #7f3ae7;
|
11257
|
+
color: #f4f4f4;
|
11258
|
+
}
|
11259
|
+
.c4p--inline-tip__footer {
|
11260
|
+
display: flex;
|
11261
|
+
padding-top: var(--cds-spacing-05, 1rem);
|
11262
|
+
}
|
11263
|
+
.c4p--inline-tip__footer:empty {
|
11264
|
+
display: none;
|
11265
|
+
}
|
11266
|
+
.c4p--inline-tip__preview-text {
|
11267
|
+
display: -webkit-box;
|
11268
|
+
overflow: hidden;
|
11269
|
+
-webkit-box-orient: vertical;
|
11270
|
+
-webkit-line-clamp: 1;
|
11271
|
+
}
|
11272
|
+
.c4p--inline-tip__icon-idea {
|
11273
|
+
position: absolute;
|
11274
|
+
width: 1.25rem;
|
11275
|
+
color: #ffffff;
|
11276
|
+
inset: var(--cds-spacing-05, 1rem) 0 0 var(--cds-spacing-05, 1rem);
|
11277
|
+
}
|
11278
|
+
.c4p--inline-tip__close-icon {
|
11279
|
+
position: absolute !important;
|
11280
|
+
top: 0;
|
11281
|
+
right: 0;
|
11282
|
+
width: var(--cds-spacing-07, 2rem);
|
11283
|
+
height: var(--cds-spacing-07, 2rem);
|
11284
|
+
min-height: var(--cds-spacing-07, 2rem) !important;
|
11285
|
+
/* stylelint-disable-next-line carbon/layout-token-use */
|
11286
|
+
padding: 0 0 0 0.375rem !important;
|
11287
|
+
color: #ffffff;
|
11288
|
+
}
|
11289
|
+
.c4p--inline-tip__close-icon:active, .c4p--inline-tip__close-icon:hover {
|
11290
|
+
background-color: #7f3ae7 !important;
|
11291
|
+
color: var(--cds-text-01, #161616) !important;
|
11292
|
+
}
|
11293
|
+
.c4p--inline-tip__close-icon svg > path {
|
11294
|
+
margin: 0;
|
11295
|
+
fill: #ffffff !important;
|
11296
|
+
}
|
11297
|
+
.c4p--inline-tip__toggle-btn {
|
11298
|
+
border: none;
|
11299
|
+
margin: 0 var(--cds-spacing-05, 1rem) 0 calc(-1 * var(--cds-spacing-05, 1rem)) !important;
|
11300
|
+
color: #a6c8ff !important;
|
11301
|
+
}
|
11302
|
+
.c4p--inline-tip__toggle-btn:hover {
|
11303
|
+
background-color: #7c3dd6 !important;
|
11304
|
+
color: #f4f4f4 !important;
|
11305
|
+
}
|
11306
|
+
.c4p--inline-tip__close-btn {
|
11307
|
+
border: 0.0625rem solid #ffffff !important;
|
11308
|
+
color: #ffffff !important;
|
11309
|
+
}
|
11310
|
+
.c4p--inline-tip__close-btn:active, .c4p--inline-tip__close-btn:hover {
|
11311
|
+
background-color: #f4f4f4 !important;
|
11312
|
+
color: #161616 !important;
|
10119
11313
|
}
|
10120
11314
|
|
10121
11315
|
/*# sourceMappingURL=index-without-carbon.css.map */
|