@carbon/ibm-products-web-components 0.41.1 → 0.42.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +64 -0
- package/es/components/coachmark/coachmark-body.d.ts +1 -1
- package/es/components/coachmark/coachmark-header.d.ts +1 -1
- package/es/components/coachmark/coachmark.d.ts +1 -1
- package/es/components/interstitial-screen/interstitial-screen-body-item.js +1 -1
- package/es/components/interstitial-screen/interstitial-screen-body.d.ts +1 -1
- package/es/components/interstitial-screen/interstitial-screen-footer.d.ts +1 -1
- package/es/components/interstitial-screen/interstitial-screen-footer.js +1 -1
- package/es/components/interstitial-screen/interstitial-screen-header.d.ts +1 -1
- package/es/components/interstitial-screen/interstitial-screen-header.js +1 -1
- package/es/components/interstitial-screen/interstitial-screen.d.ts +1 -1
- package/es/components/interstitial-screen/interstitial-screen.d.ts.map +1 -1
- package/es/components/interstitial-screen/interstitial-screen.js +2 -1
- package/es/components/interstitial-screen/interstitial-screen.js.map +1 -1
- package/es/components/page-header/context.d.ts +1 -0
- package/es/components/page-header/context.d.ts.map +1 -1
- package/es/components/page-header/context.js +2 -1
- package/es/components/page-header/context.js.map +1 -1
- package/es/components/page-header/page-header-breadcrumb.d.ts +3 -0
- package/es/components/page-header/page-header-breadcrumb.d.ts.map +1 -1
- package/es/components/page-header/page-header-breadcrumb.js +18 -3
- package/es/components/page-header/page-header-breadcrumb.js.map +1 -1
- package/es/components/page-header/page-header-tabs.d.ts +7 -0
- package/es/components/page-header/page-header-tabs.d.ts.map +1 -1
- package/es/components/page-header/page-header-tabs.js +27 -0
- package/es/components/page-header/page-header-tabs.js.map +1 -1
- package/es/components/page-header/page-header.d.ts +2 -0
- package/es/components/page-header/page-header.d.ts.map +1 -1
- package/es/components/page-header/page-header.js +5 -0
- package/es/components/page-header/page-header.js.map +1 -1
- package/es/components/page-header/page-header.scss.js +1 -1
- package/es/components/page-header/page-header.scss.js.map +1 -1
- package/es/components/side-panel/side-panel.d.ts +31 -0
- package/es/components/side-panel/side-panel.d.ts.map +1 -1
- package/es/components/side-panel/side-panel.js +89 -0
- package/es/components/side-panel/side-panel.js.map +1 -1
- package/es/components/side-panel/side-panel.scss.js +1 -1
- package/es/components/side-panel/side-panel.scss.js.map +1 -1
- package/es/components/tearsheet/tearsheet.scss.js +1 -1
- package/es/components/tearsheet-preview/tearsheet-body.d.ts +1 -1
- package/es/components/tearsheet-preview/tearsheet-footer.d.ts +6 -2
- package/es/components/tearsheet-preview/tearsheet-footer.d.ts.map +1 -1
- package/es/components/tearsheet-preview/tearsheet-footer.js +15 -1
- package/es/components/tearsheet-preview/tearsheet-footer.js.map +1 -1
- package/es/components/tearsheet-preview/tearsheet-header-content.d.ts +8 -0
- package/es/components/tearsheet-preview/tearsheet-header-content.d.ts.map +1 -1
- package/es/components/tearsheet-preview/tearsheet-header-content.js +12 -1
- package/es/components/tearsheet-preview/tearsheet-header-content.js.map +1 -1
- package/es/components/tearsheet-preview/tearsheet-header-content.scss.js +1 -1
- package/es/components/tearsheet-preview/tearsheet-header.d.ts +1 -1
- package/es/components/tearsheet-preview/tearsheet-header.d.ts.map +1 -1
- package/es/components/tearsheet-preview/tearsheet-header.js +12 -4
- package/es/components/tearsheet-preview/tearsheet-header.js.map +1 -1
- package/es/components/tearsheet-preview/tearsheet-header.scss.js +1 -1
- package/es/components/tearsheet-preview/tearsheet-influencer.d.ts +5 -1
- package/es/components/tearsheet-preview/tearsheet-influencer.d.ts.map +1 -1
- package/es/components/tearsheet-preview/tearsheet-influencer.js +4 -0
- package/es/components/tearsheet-preview/tearsheet-influencer.js.map +1 -1
- package/es/components/tearsheet-preview/tearsheet-navigation-bar.scss.js +1 -1
- package/es/components/tearsheet-preview/tearsheet-signal.d.ts +1 -0
- package/es/components/tearsheet-preview/tearsheet-signal.d.ts.map +1 -1
- package/es/components/tearsheet-preview/tearsheet-signal.js +2 -1
- package/es/components/tearsheet-preview/tearsheet-signal.js.map +1 -1
- package/es/components/tearsheet-preview/tearsheet-summary-content.d.ts +5 -1
- package/es/components/tearsheet-preview/tearsheet-summary-content.d.ts.map +1 -1
- package/es/components/tearsheet-preview/tearsheet-summary-content.js +4 -0
- package/es/components/tearsheet-preview/tearsheet-summary-content.js.map +1 -1
- package/es/components/tearsheet-preview/tearsheet.d.ts +11 -1
- package/es/components/tearsheet-preview/tearsheet.d.ts.map +1 -1
- package/es/components/tearsheet-preview/tearsheet.js +30 -1
- package/es/components/tearsheet-preview/tearsheet.js.map +1 -1
- package/es/components/tearsheet-preview/tearsheet.scss.js +1 -1
- package/es/components/tearsheet-preview/tearsheet.scss.js.map +1 -1
- package/es/ibm-products-web-components/package.js +1 -1
- package/es/utilities/manageFocusTrap/manageFocusTrap.d.ts +121 -3
- package/es/utilities/manageFocusTrap/manageFocusTrap.d.ts.map +1 -1
- package/es/utilities/manageFocusTrap/manageFocusTrap.js +188 -33
- package/es/utilities/manageFocusTrap/manageFocusTrap.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-body-item.js +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.js +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-header.js +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen.js +2 -1
- package/es-custom/components/interstitial-screen/interstitial-screen.js.map +1 -1
- package/es-custom/components/page-header/context.js +2 -1
- package/es-custom/components/page-header/context.js.map +1 -1
- package/es-custom/components/page-header/page-header-breadcrumb.js +18 -3
- package/es-custom/components/page-header/page-header-breadcrumb.js.map +1 -1
- package/es-custom/components/page-header/page-header-tabs.js +27 -0
- package/es-custom/components/page-header/page-header-tabs.js.map +1 -1
- package/es-custom/components/page-header/page-header.js +5 -0
- package/es-custom/components/page-header/page-header.js.map +1 -1
- package/es-custom/components/page-header/page-header.scss.js +1 -1
- package/es-custom/components/page-header/page-header.scss.js.map +1 -1
- package/es-custom/components/side-panel/side-panel.js +89 -0
- package/es-custom/components/side-panel/side-panel.js.map +1 -1
- package/es-custom/components/side-panel/side-panel.scss.js +1 -1
- package/es-custom/components/side-panel/side-panel.scss.js.map +1 -1
- package/es-custom/components/tearsheet/tearsheet.scss.js +1 -1
- package/es-custom/components/tearsheet-preview/tearsheet-footer.js +15 -1
- package/es-custom/components/tearsheet-preview/tearsheet-footer.js.map +1 -1
- package/es-custom/components/tearsheet-preview/tearsheet-header-content.js +12 -1
- package/es-custom/components/tearsheet-preview/tearsheet-header-content.js.map +1 -1
- package/es-custom/components/tearsheet-preview/tearsheet-header-content.scss.js +1 -1
- package/es-custom/components/tearsheet-preview/tearsheet-header.js +12 -4
- package/es-custom/components/tearsheet-preview/tearsheet-header.js.map +1 -1
- package/es-custom/components/tearsheet-preview/tearsheet-header.scss.js +1 -1
- package/es-custom/components/tearsheet-preview/tearsheet-influencer.js +4 -0
- package/es-custom/components/tearsheet-preview/tearsheet-influencer.js.map +1 -1
- package/es-custom/components/tearsheet-preview/tearsheet-navigation-bar.scss.js +1 -1
- package/es-custom/components/tearsheet-preview/tearsheet-signal.js +2 -1
- package/es-custom/components/tearsheet-preview/tearsheet-signal.js.map +1 -1
- package/es-custom/components/tearsheet-preview/tearsheet-summary-content.js +4 -0
- package/es-custom/components/tearsheet-preview/tearsheet-summary-content.js.map +1 -1
- package/es-custom/components/tearsheet-preview/tearsheet.js +30 -1
- package/es-custom/components/tearsheet-preview/tearsheet.js.map +1 -1
- package/es-custom/components/tearsheet-preview/tearsheet.scss.js +1 -1
- package/es-custom/components/tearsheet-preview/tearsheet.scss.js.map +1 -1
- package/es-custom/ibm-products-web-components/package.js +1 -1
- package/es-custom/utilities/manageFocusTrap/manageFocusTrap.js +188 -33
- package/es-custom/utilities/manageFocusTrap/manageFocusTrap.js.map +1 -1
- package/lib/components/coachmark/coachmark-body.d.ts +1 -1
- package/lib/components/coachmark/coachmark-header.d.ts +1 -1
- package/lib/components/coachmark/coachmark.d.ts +1 -1
- package/lib/components/interstitial-screen/interstitial-screen-body.d.ts +1 -1
- package/lib/components/interstitial-screen/interstitial-screen-footer.d.ts +1 -1
- package/lib/components/interstitial-screen/interstitial-screen-header.d.ts +1 -1
- package/lib/components/interstitial-screen/interstitial-screen.d.ts +1 -1
- package/lib/components/interstitial-screen/interstitial-screen.d.ts.map +1 -1
- package/lib/components/page-header/context.d.ts +1 -0
- package/lib/components/page-header/context.d.ts.map +1 -1
- package/lib/components/page-header/page-header-breadcrumb.d.ts +3 -0
- package/lib/components/page-header/page-header-breadcrumb.d.ts.map +1 -1
- package/lib/components/page-header/page-header-tabs.d.ts +7 -0
- package/lib/components/page-header/page-header-tabs.d.ts.map +1 -1
- package/lib/components/page-header/page-header.d.ts +2 -0
- package/lib/components/page-header/page-header.d.ts.map +1 -1
- package/lib/components/side-panel/side-panel.d.ts +31 -0
- package/lib/components/side-panel/side-panel.d.ts.map +1 -1
- package/lib/components/tearsheet-preview/tearsheet-body.d.ts +1 -1
- package/lib/components/tearsheet-preview/tearsheet-footer.d.ts +6 -2
- package/lib/components/tearsheet-preview/tearsheet-footer.d.ts.map +1 -1
- package/lib/components/tearsheet-preview/tearsheet-header-content.d.ts +8 -0
- package/lib/components/tearsheet-preview/tearsheet-header-content.d.ts.map +1 -1
- package/lib/components/tearsheet-preview/tearsheet-header.d.ts +1 -1
- package/lib/components/tearsheet-preview/tearsheet-header.d.ts.map +1 -1
- package/lib/components/tearsheet-preview/tearsheet-influencer.d.ts +5 -1
- package/lib/components/tearsheet-preview/tearsheet-influencer.d.ts.map +1 -1
- package/lib/components/tearsheet-preview/tearsheet-signal.d.ts +1 -0
- package/lib/components/tearsheet-preview/tearsheet-signal.d.ts.map +1 -1
- package/lib/components/tearsheet-preview/tearsheet-summary-content.d.ts +5 -1
- package/lib/components/tearsheet-preview/tearsheet-summary-content.d.ts.map +1 -1
- package/lib/components/tearsheet-preview/tearsheet.d.ts +11 -1
- package/lib/components/tearsheet-preview/tearsheet.d.ts.map +1 -1
- package/lib/utilities/manageFocusTrap/manageFocusTrap.d.ts +121 -3
- package/lib/utilities/manageFocusTrap/manageFocusTrap.d.ts.map +1 -1
- package/package.json +7 -6
- package/scss/components/page-header/page-header.scss +49 -10
- package/scss/components/side-panel/side-panel.scss +19 -0
- package/scss/components/tearsheet-preview/tearsheet.scss +5 -0
- package/telemetry.yml +5 -0
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
import { css } from "lit";
|
|
9
9
|
//#region src/components/page-header/page-header.scss?lit
|
|
10
|
-
var page_header_default = css([".cds--page-header{background-color:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}.cds--page-header__breadcrumb-bar{block-size:2.5rem}.cds--page-header__breadcrumb-bar .cds--subgrid{block-size:100%}.cds--page-header__breadcrumb-container{align-items:center;block-size:100%;display:inline-flex;inline-size:100%;justify-content:space-between}.cds--page-header__breadcrumb__actions-flush .cds--css-grid{padding-inline-end:0}.cds--page-header__breadcrumb__actions-flush .cds--css-grid-column{margin-inline-end:0}.cds--page-header__breadcrumb-bar-border{border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}.cds--page-header__breadcrumb__icon{margin-inline-end:.5rem}.cds--page-header__breadcrumb__actions{display:inline-flex}.cds--page-header__breadcrumb__content-actions{margin-inline-end:.75rem}.cds--page-header__breadcrumb-wrapper{display:inline-flex}.cds--page-header__content{padding:1.5rem 0}@media (max-width:41.98rem){.cds--page-header__content__title-wrapper{display:flex;flex-direction:column;grid-gap:1rem}}.cds--page-header__content__title-wrapper{display:grid;gap:1rem;grid-template-columns:auto minmax(var(--pageheader-title-grid-width,0),1fr);margin-block-end:1rem;min-block-size:2.5rem}.cds--page-header__content__start{display:flex;flex-wrap:wrap;gap:1rem}.cds--page-header__content__title-container{display:flex}.cds--page-header__content__title-container .cds--definition-term{border-block-end:none}.cds--page-header__content__contextual-actions{display:flex}.cds--page-header__content__title{display:-webkit-box;font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-inline-size:40rem;text-overflow:ellipsis;white-space:normal}.cds--page-header__content:has(.cds--page-header__content__contextual-actions) .cds--page-header__content__title{-webkit-line-clamp:1}.cds--page-header__content__icon{margin-inline-end:1rem}.cds--page-header__content__page-actions{display:flex;justify-content:right}@media (max-width:41.98rem){.cds--page-header__content__page-actions{justify-content:left;margin-block-start:0}}.cds--page-header__content__page-actions .cds--menu-button__trigger:not(.cds--btn--ghost){min-inline-size:0}.cds--page-header__content__subtitle{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4);margin-block-end:.5rem}.cds--page-header__content__body{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);margin-block-start:.5rem;max-inline-size:40rem}[data-hidden]:not([data-fixed]){display:none}.cds--page-header__hero-image{align-items:center;block-size:100%;display:flex;justify-content:flex-end;overflow:hidden}.cds--page-header__tab-bar{margin-inline-start:-1rem}.cds--page-header__tab-bar--tablist{display:grid;grid-gap:4rem;grid-template-columns:auto minmax(0,1fr)}.cds--page-header__tags{align-items:center;display:flex;justify-content:right}.cds--page-header__tags-popover-list{display:flex;flex-direction:column;padding:1rem}.cds--page-header__tag-item{flex-shrink:0}:host(c4p-page-header){background-color:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);display:block;inset-block-start:var(--c4p-page-header-header-top);position:sticky}:host(c4p-page-header-breadcrumb) :root,:host(c4p-page-header-content) :root,:host(c4p-page-header-tabs) :root{--cds-grid-gutter:2rem;--cds-grid-columns:4;--cds-grid-margin:0}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) :root,:host(c4p-page-header-content) :root,:host(c4p-page-header-tabs) :root{--cds-grid-columns:8;--cds-grid-margin:1rem}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) :root,:host(c4p-page-header-content) :root,:host(c4p-page-header-tabs) :root{--cds-grid-columns:16}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) :root,:host(c4p-page-header-content) :root,:host(c4p-page-header-tabs) :root{--cds-grid-margin:1.5rem}}:host(c4p-page-header-breadcrumb) .cds--css-grid,:host(c4p-page-header-content) .cds--css-grid,:host(c4p-page-header-tabs) .cds--css-grid{--cds-grid-gutter-start:calc(var(--cds-grid-gutter)/2);--cds-grid-gutter-end:calc(var(--cds-grid-gutter)/2);--cds-grid-column-hang:calc(var(--cds-grid-gutter)/2);display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));inline-size:100%;margin-inline:auto;max-inline-size:99rem;padding-inline:var(--cds-grid-margin)}:host(c4p-page-header-breadcrumb) .cds--css-grid--full-width,:host(c4p-page-header-content) .cds--css-grid--full-width,:host(c4p-page-header-tabs) .cds--css-grid--full-width{max-inline-size:100%}:host(c4p-page-header-breadcrumb) .cds--css-grid-column,:host(c4p-page-header-content) .cds--css-grid-column,:host(c4p-page-header-tabs) .cds--css-grid-column{--cds-grid-mode-start:var(--cds-grid-gutter-start);--cds-grid-mode-end:var(--cds-grid-gutter-end);margin-inline:var(--cds-grid-gutter-start) var(--cds-grid-gutter-end)}[dir=rtl] :host(c4p-page-header-breadcrumb) .cds--css-grid-column,[dir=rtl] :host(c4p-page-header-content) .cds--css-grid-column,[dir=rtl] :host(c4p-page-header-tabs) .cds--css-grid-column{margin-inline:var(--cds-grid-gutter-end) var(--cds-grid-gutter-start)}:host(c4p-page-header-breadcrumb) .cds--css-grid--narrow,:host(c4p-page-header-content) .cds--css-grid--narrow,:host(c4p-page-header-tabs) .cds--css-grid--narrow{--cds-grid-gutter-start:0rem}:host(c4p-page-header-breadcrumb) .cds--css-grid--condensed,:host(c4p-page-header-content) .cds--css-grid--condensed,:host(c4p-page-header-tabs) .cds--css-grid--condensed{--cds-grid-gutter:0.0625rem;--cds-grid-column-hang:0.96875rem}:host(c4p-page-header-breadcrumb) .cds--css-grid--with-row-gap,:host(c4p-page-header-content) .cds--css-grid--with-row-gap,:host(c4p-page-header-tabs) .cds--css-grid--with-row-gap{row-gap:var(--cds-grid-gutter)}:host(c4p-page-header-breadcrumb) .cds--css-grid--narrow.cds--css-grid--with-row-gap,:host(c4p-page-header-content) .cds--css-grid--narrow.cds--css-grid--with-row-gap,:host(c4p-page-header-tabs) .cds--css-grid--narrow.cds--css-grid--with-row-gap{row-gap:calc(var(--cds-grid-gutter)/2)}:host(c4p-page-header-breadcrumb) .cds--css-grid--start,:host(c4p-page-header-content) .cds--css-grid--start,:host(c4p-page-header-tabs) .cds--css-grid--start{margin-inline-start:0}:host(c4p-page-header-breadcrumb) .cds--css-grid--end,:host(c4p-page-header-content) .cds--css-grid--end,:host(c4p-page-header-tabs) .cds--css-grid--end{margin-inline-end:0}:host(c4p-page-header-breadcrumb) .cds--subgrid,:host(c4p-page-header-content) .cds--subgrid,:host(c4p-page-header-tabs) .cds--subgrid{display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));margin-inline:calc(var(--cds-grid-mode-start)*-1) calc(var(--cds-grid-mode-end)*-1)}[dir=rtl] :host(c4p-page-header-breadcrumb) .cds--subgrid,[dir=rtl] :host(c4p-page-header-content) .cds--subgrid,[dir=rtl] :host(c4p-page-header-tabs) .cds--subgrid{margin-inline:calc(var(--cds-grid-mode-end)*-1) calc(var(--cds-grid-mode-start)*-1)}:host(c4p-page-header-breadcrumb) .cds--subgrid--wide,:host(c4p-page-header-content) .cds--subgrid--wide,:host(c4p-page-header-tabs) .cds--subgrid--wide{--cds-grid-gutter-start:1rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:0}:host(c4p-page-header-breadcrumb) .cds--subgrid--narrow,:host(c4p-page-header-content) .cds--subgrid--narrow,:host(c4p-page-header-tabs) .cds--subgrid--narrow{--cds-grid-gutter-start:0rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:1rem}:host(c4p-page-header-breadcrumb) .cds--subgrid--condensed,:host(c4p-page-header-content) .cds--subgrid--condensed,:host(c4p-page-header-tabs) .cds--subgrid--condensed{--cds-grid-gutter:0.0625rem;--cds-grid-gutter-start:0.03125rem;--cds-grid-gutter-end:0.03125rem;--cds-grid-column-hang:0.96875rem}:host(c4p-page-header-breadcrumb) .cds--subgrid--with-row-gap,:host(c4p-page-header-content) .cds--subgrid--with-row-gap,:host(c4p-page-header-tabs) .cds--subgrid--with-row-gap{row-gap:2rem}:host(c4p-page-header-breadcrumb) .cds--subgrid--narrow.cds--subgrid--with-row-gap,:host(c4p-page-header-content) .cds--subgrid--narrow.cds--subgrid--with-row-gap,:host(c4p-page-header-tabs) .cds--subgrid--narrow.cds--subgrid--with-row-gap{row-gap:1rem}:host(c4p-page-header-breadcrumb) .cds--subgrid--condensed.cds--subgrid--with-row-gap,:host(c4p-page-header-content) .cds--subgrid--condensed.cds--subgrid--with-row-gap,:host(c4p-page-header-tabs) .cds--subgrid--condensed.cds--subgrid--with-row-gap{row-gap:.0625rem}:host(c4p-page-header-breadcrumb) .cds--grid-column-hang,:host(c4p-page-header-content) .cds--grid-column-hang,:host(c4p-page-header-tabs) .cds--grid-column-hang{margin-inline-start:var(--cds-grid-column-hang)}[dir=rtl] :host(c4p-page-header-breadcrumb) .cds--grid-column-hang,[dir=rtl] :host(c4p-page-header-content) .cds--grid-column-hang,[dir=rtl] :host(c4p-page-header-tabs) .cds--grid-column-hang{margin-inline:initial var(--cds-grid-column-hang)}:host(c4p-page-header-breadcrumb) .cds--col-span-0,:host(c4p-page-header-content) .cds--col-span-0,:host(c4p-page-header-tabs) .cds--col-span-0{display:none}:host(c4p-page-header-breadcrumb) .cds--col-span-1,:host(c4p-page-header-content) .cds--col-span-1,:host(c4p-page-header-tabs) .cds--col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}:host(c4p-page-header-breadcrumb) .cds--col-span-2,:host(c4p-page-header-content) .cds--col-span-2,:host(c4p-page-header-tabs) .cds--col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}:host(c4p-page-header-breadcrumb) .cds--col-span-3,:host(c4p-page-header-content) .cds--col-span-3,:host(c4p-page-header-tabs) .cds--col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}:host(c4p-page-header-breadcrumb) .cds--col-span-4,:host(c4p-page-header-content) .cds--col-span-4,:host(c4p-page-header-tabs) .cds--col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}:host(c4p-page-header-breadcrumb) .cds--col-span-5,:host(c4p-page-header-content) .cds--col-span-5,:host(c4p-page-header-tabs) .cds--col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}:host(c4p-page-header-breadcrumb) .cds--col-span-6,:host(c4p-page-header-content) .cds--col-span-6,:host(c4p-page-header-tabs) .cds--col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}:host(c4p-page-header-breadcrumb) .cds--col-span-7,:host(c4p-page-header-content) .cds--col-span-7,:host(c4p-page-header-tabs) .cds--col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}:host(c4p-page-header-breadcrumb) .cds--col-span-8,:host(c4p-page-header-content) .cds--col-span-8,:host(c4p-page-header-tabs) .cds--col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds--col-span-9,:host(c4p-page-header-content) .cds--col-span-9,:host(c4p-page-header-tabs) .cds--col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}:host(c4p-page-header-breadcrumb) .cds--col-span-10,:host(c4p-page-header-content) .cds--col-span-10,:host(c4p-page-header-tabs) .cds--col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}:host(c4p-page-header-breadcrumb) .cds--col-span-11,:host(c4p-page-header-content) .cds--col-span-11,:host(c4p-page-header-tabs) .cds--col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}:host(c4p-page-header-breadcrumb) .cds--col-span-12,:host(c4p-page-header-content) .cds--col-span-12,:host(c4p-page-header-tabs) .cds--col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds--col-span-13,:host(c4p-page-header-content) .cds--col-span-13,:host(c4p-page-header-tabs) .cds--col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}:host(c4p-page-header-breadcrumb) .cds--col-span-14,:host(c4p-page-header-content) .cds--col-span-14,:host(c4p-page-header-tabs) .cds--col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}:host(c4p-page-header-breadcrumb) .cds--col-span-15,:host(c4p-page-header-content) .cds--col-span-15,:host(c4p-page-header-tabs) .cds--col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}:host(c4p-page-header-breadcrumb) .cds--col-span-16,:host(c4p-page-header-content) .cds--col-span-16,:host(c4p-page-header-tabs) .cds--col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-0,:host(c4p-page-header-content) .cds--sm\\:col-span-0,:host(c4p-page-header-tabs) .cds--sm\\:col-span-0{display:none}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-1,:host(c4p-page-header-content) .cds--sm\\:col-span-1,:host(c4p-page-header-tabs) .cds--sm\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-2,:host(c4p-page-header-content) .cds--sm\\:col-span-2,:host(c4p-page-header-tabs) .cds--sm\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-3,:host(c4p-page-header-content) .cds--sm\\:col-span-3,:host(c4p-page-header-tabs) .cds--sm\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-4,:host(c4p-page-header-content) .cds--sm\\:col-span-4,:host(c4p-page-header-tabs) .cds--sm\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-auto,:host(c4p-page-header-content) .cds--sm\\:col-span-auto,:host(c4p-page-header-tabs) .cds--sm\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-100,:host(c4p-page-header-content) .cds--sm\\:col-span-100,:host(c4p-page-header-tabs) .cds--sm\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-75,:host(c4p-page-header-content) .cds--sm\\:col-span-75,:host(c4p-page-header-tabs) .cds--sm\\:col-span-75{--cds-grid-columns:3;grid-column:span 3/span 3}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-50,:host(c4p-page-header-content) .cds--sm\\:col-span-50,:host(c4p-page-header-tabs) .cds--sm\\:col-span-50{--cds-grid-columns:2;grid-column:span 2/span 2}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-25,:host(c4p-page-header-content) .cds--sm\\:col-span-25,:host(c4p-page-header-tabs) .cds--sm\\:col-span-25{--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-0,:host(c4p-page-header-content) .cds--md\\:col-span-0,:host(c4p-page-header-tabs) .cds--md\\:col-span-0{display:none}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-1,:host(c4p-page-header-content) .cds--md\\:col-span-1,:host(c4p-page-header-tabs) .cds--md\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-2,:host(c4p-page-header-content) .cds--md\\:col-span-2,:host(c4p-page-header-tabs) .cds--md\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-3,:host(c4p-page-header-content) .cds--md\\:col-span-3,:host(c4p-page-header-tabs) .cds--md\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-4,:host(c4p-page-header-content) .cds--md\\:col-span-4,:host(c4p-page-header-tabs) .cds--md\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-5,:host(c4p-page-header-content) .cds--md\\:col-span-5,:host(c4p-page-header-tabs) .cds--md\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-6,:host(c4p-page-header-content) .cds--md\\:col-span-6,:host(c4p-page-header-tabs) .cds--md\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-7,:host(c4p-page-header-content) .cds--md\\:col-span-7,:host(c4p-page-header-tabs) .cds--md\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-8,:host(c4p-page-header-content) .cds--md\\:col-span-8,:host(c4p-page-header-tabs) .cds--md\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-auto,:host(c4p-page-header-content) .cds--md\\:col-span-auto,:host(c4p-page-header-tabs) .cds--md\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-100,:host(c4p-page-header-content) .cds--md\\:col-span-100,:host(c4p-page-header-tabs) .cds--md\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-75,:host(c4p-page-header-content) .cds--md\\:col-span-75,:host(c4p-page-header-tabs) .cds--md\\:col-span-75{--cds-grid-columns:6;grid-column:span 6/span 6}:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-50,:host(c4p-page-header-content) .cds--md\\:col-span-50,:host(c4p-page-header-tabs) .cds--md\\:col-span-50{--cds-grid-columns:4;grid-column:span 4/span 4}:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-25,:host(c4p-page-header-content) .cds--md\\:col-span-25,:host(c4p-page-header-tabs) .cds--md\\:col-span-25{--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-0,:host(c4p-page-header-content) .cds--lg\\:col-span-0,:host(c4p-page-header-tabs) .cds--lg\\:col-span-0{display:none}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-1,:host(c4p-page-header-content) .cds--lg\\:col-span-1,:host(c4p-page-header-tabs) .cds--lg\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-2,:host(c4p-page-header-content) .cds--lg\\:col-span-2,:host(c4p-page-header-tabs) .cds--lg\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-3,:host(c4p-page-header-content) .cds--lg\\:col-span-3,:host(c4p-page-header-tabs) .cds--lg\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-4,:host(c4p-page-header-content) .cds--lg\\:col-span-4,:host(c4p-page-header-tabs) .cds--lg\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-5,:host(c4p-page-header-content) .cds--lg\\:col-span-5,:host(c4p-page-header-tabs) .cds--lg\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-6,:host(c4p-page-header-content) .cds--lg\\:col-span-6,:host(c4p-page-header-tabs) .cds--lg\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-7,:host(c4p-page-header-content) .cds--lg\\:col-span-7,:host(c4p-page-header-tabs) .cds--lg\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-8,:host(c4p-page-header-content) .cds--lg\\:col-span-8,:host(c4p-page-header-tabs) .cds--lg\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-9,:host(c4p-page-header-content) .cds--lg\\:col-span-9,:host(c4p-page-header-tabs) .cds--lg\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-10,:host(c4p-page-header-content) .cds--lg\\:col-span-10,:host(c4p-page-header-tabs) .cds--lg\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-11,:host(c4p-page-header-content) .cds--lg\\:col-span-11,:host(c4p-page-header-tabs) .cds--lg\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-12,:host(c4p-page-header-content) .cds--lg\\:col-span-12,:host(c4p-page-header-tabs) .cds--lg\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-13,:host(c4p-page-header-content) .cds--lg\\:col-span-13,:host(c4p-page-header-tabs) .cds--lg\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-14,:host(c4p-page-header-content) .cds--lg\\:col-span-14,:host(c4p-page-header-tabs) .cds--lg\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-15,:host(c4p-page-header-content) .cds--lg\\:col-span-15,:host(c4p-page-header-tabs) .cds--lg\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-16,:host(c4p-page-header-content) .cds--lg\\:col-span-16,:host(c4p-page-header-tabs) .cds--lg\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-auto,:host(c4p-page-header-content) .cds--lg\\:col-span-auto,:host(c4p-page-header-tabs) .cds--lg\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-100,:host(c4p-page-header-content) .cds--lg\\:col-span-100,:host(c4p-page-header-tabs) .cds--lg\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-75,:host(c4p-page-header-content) .cds--lg\\:col-span-75,:host(c4p-page-header-tabs) .cds--lg\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-50,:host(c4p-page-header-content) .cds--lg\\:col-span-50,:host(c4p-page-header-tabs) .cds--lg\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-25,:host(c4p-page-header-content) .cds--lg\\:col-span-25,:host(c4p-page-header-tabs) .cds--lg\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-0,:host(c4p-page-header-content) .cds--xlg\\:col-span-0,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-0{display:none}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-1,:host(c4p-page-header-content) .cds--xlg\\:col-span-1,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-2,:host(c4p-page-header-content) .cds--xlg\\:col-span-2,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-3,:host(c4p-page-header-content) .cds--xlg\\:col-span-3,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-4,:host(c4p-page-header-content) .cds--xlg\\:col-span-4,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-5,:host(c4p-page-header-content) .cds--xlg\\:col-span-5,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-6,:host(c4p-page-header-content) .cds--xlg\\:col-span-6,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-7,:host(c4p-page-header-content) .cds--xlg\\:col-span-7,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-8,:host(c4p-page-header-content) .cds--xlg\\:col-span-8,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-9,:host(c4p-page-header-content) .cds--xlg\\:col-span-9,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-10,:host(c4p-page-header-content) .cds--xlg\\:col-span-10,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-11,:host(c4p-page-header-content) .cds--xlg\\:col-span-11,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-12,:host(c4p-page-header-content) .cds--xlg\\:col-span-12,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-13,:host(c4p-page-header-content) .cds--xlg\\:col-span-13,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-14,:host(c4p-page-header-content) .cds--xlg\\:col-span-14,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-15,:host(c4p-page-header-content) .cds--xlg\\:col-span-15,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-16,:host(c4p-page-header-content) .cds--xlg\\:col-span-16,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-auto,:host(c4p-page-header-content) .cds--xlg\\:col-span-auto,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-100,:host(c4p-page-header-content) .cds--xlg\\:col-span-100,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-75,:host(c4p-page-header-content) .cds--xlg\\:col-span-75,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-50,:host(c4p-page-header-content) .cds--xlg\\:col-span-50,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-25,:host(c4p-page-header-content) .cds--xlg\\:col-span-25,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-0,:host(c4p-page-header-content) .cds--max\\:col-span-0,:host(c4p-page-header-tabs) .cds--max\\:col-span-0{display:none}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-1,:host(c4p-page-header-content) .cds--max\\:col-span-1,:host(c4p-page-header-tabs) .cds--max\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-2,:host(c4p-page-header-content) .cds--max\\:col-span-2,:host(c4p-page-header-tabs) .cds--max\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-3,:host(c4p-page-header-content) .cds--max\\:col-span-3,:host(c4p-page-header-tabs) .cds--max\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-4,:host(c4p-page-header-content) .cds--max\\:col-span-4,:host(c4p-page-header-tabs) .cds--max\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-5,:host(c4p-page-header-content) .cds--max\\:col-span-5,:host(c4p-page-header-tabs) .cds--max\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-6,:host(c4p-page-header-content) .cds--max\\:col-span-6,:host(c4p-page-header-tabs) .cds--max\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-7,:host(c4p-page-header-content) .cds--max\\:col-span-7,:host(c4p-page-header-tabs) .cds--max\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-8,:host(c4p-page-header-content) .cds--max\\:col-span-8,:host(c4p-page-header-tabs) .cds--max\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-9,:host(c4p-page-header-content) .cds--max\\:col-span-9,:host(c4p-page-header-tabs) .cds--max\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-10,:host(c4p-page-header-content) .cds--max\\:col-span-10,:host(c4p-page-header-tabs) .cds--max\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-11,:host(c4p-page-header-content) .cds--max\\:col-span-11,:host(c4p-page-header-tabs) .cds--max\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-12,:host(c4p-page-header-content) .cds--max\\:col-span-12,:host(c4p-page-header-tabs) .cds--max\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-13,:host(c4p-page-header-content) .cds--max\\:col-span-13,:host(c4p-page-header-tabs) .cds--max\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-14,:host(c4p-page-header-content) .cds--max\\:col-span-14,:host(c4p-page-header-tabs) .cds--max\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-15,:host(c4p-page-header-content) .cds--max\\:col-span-15,:host(c4p-page-header-tabs) .cds--max\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-16,:host(c4p-page-header-content) .cds--max\\:col-span-16,:host(c4p-page-header-tabs) .cds--max\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-auto,:host(c4p-page-header-content) .cds--max\\:col-span-auto,:host(c4p-page-header-tabs) .cds--max\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-100,:host(c4p-page-header-content) .cds--max\\:col-span-100,:host(c4p-page-header-tabs) .cds--max\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-75,:host(c4p-page-header-content) .cds--max\\:col-span-75,:host(c4p-page-header-tabs) .cds--max\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-50,:host(c4p-page-header-content) .cds--max\\:col-span-50,:host(c4p-page-header-tabs) .cds--max\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-25,:host(c4p-page-header-content) .cds--max\\:col-span-25,:host(c4p-page-header-tabs) .cds--max\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}:host(c4p-page-header-breadcrumb) .cds--col-span-auto,:host(c4p-page-header-content) .cds--col-span-auto,:host(c4p-page-header-tabs) .cds--col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds--col-span-100,:host(c4p-page-header-content) .cds--col-span-100,:host(c4p-page-header-tabs) .cds--col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds--col-span-75,:host(c4p-page-header-content) .cds--col-span-75,:host(c4p-page-header-tabs) .cds--col-span-75{--cds-grid-columns:3;grid-column:span 3/span 3}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--col-span-75,:host(c4p-page-header-content) .cds--col-span-75,:host(c4p-page-header-tabs) .cds--col-span-75{--cds-grid-columns:6;grid-column:span 6/span 6}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--col-span-75,:host(c4p-page-header-content) .cds--col-span-75,:host(c4p-page-header-tabs) .cds--col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}}:host(c4p-page-header-breadcrumb) .cds--col-span-50,:host(c4p-page-header-content) .cds--col-span-50,:host(c4p-page-header-tabs) .cds--col-span-50{--cds-grid-columns:2;grid-column:span 2/span 2}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--col-span-50,:host(c4p-page-header-content) .cds--col-span-50,:host(c4p-page-header-tabs) .cds--col-span-50{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--col-span-50,:host(c4p-page-header-content) .cds--col-span-50,:host(c4p-page-header-tabs) .cds--col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}}:host(c4p-page-header-breadcrumb) .cds--col-span-25,:host(c4p-page-header-content) .cds--col-span-25,:host(c4p-page-header-tabs) .cds--col-span-25{--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--col-span-25,:host(c4p-page-header-content) .cds--col-span-25,:host(c4p-page-header-tabs) .cds--col-span-25{--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--col-span-25,:host(c4p-page-header-content) .cds--col-span-25,:host(c4p-page-header-tabs) .cds--col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}:host(c4p-page-header-breadcrumb) .cds--col-start-1,:host(c4p-page-header-content) .cds--col-start-1,:host(c4p-page-header-tabs) .cds--col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds--col-start-2,:host(c4p-page-header-content) .cds--col-start-2,:host(c4p-page-header-tabs) .cds--col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds--col-start-3,:host(c4p-page-header-content) .cds--col-start-3,:host(c4p-page-header-tabs) .cds--col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds--col-start-4,:host(c4p-page-header-content) .cds--col-start-4,:host(c4p-page-header-tabs) .cds--col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds--col-start-5,:host(c4p-page-header-content) .cds--col-start-5,:host(c4p-page-header-tabs) .cds--col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds--col-start-6,:host(c4p-page-header-content) .cds--col-start-6,:host(c4p-page-header-tabs) .cds--col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds--col-start-7,:host(c4p-page-header-content) .cds--col-start-7,:host(c4p-page-header-tabs) .cds--col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds--col-start-8,:host(c4p-page-header-content) .cds--col-start-8,:host(c4p-page-header-tabs) .cds--col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds--col-start-9,:host(c4p-page-header-content) .cds--col-start-9,:host(c4p-page-header-tabs) .cds--col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds--col-start-10,:host(c4p-page-header-content) .cds--col-start-10,:host(c4p-page-header-tabs) .cds--col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds--col-start-11,:host(c4p-page-header-content) .cds--col-start-11,:host(c4p-page-header-tabs) .cds--col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds--col-start-12,:host(c4p-page-header-content) .cds--col-start-12,:host(c4p-page-header-tabs) .cds--col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds--col-start-13,:host(c4p-page-header-content) .cds--col-start-13,:host(c4p-page-header-tabs) .cds--col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds--col-start-14,:host(c4p-page-header-content) .cds--col-start-14,:host(c4p-page-header-tabs) .cds--col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds--col-start-15,:host(c4p-page-header-content) .cds--col-start-15,:host(c4p-page-header-tabs) .cds--col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds--col-start-16,:host(c4p-page-header-content) .cds--col-start-16,:host(c4p-page-header-tabs) .cds--col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds--col-end-2,:host(c4p-page-header-content) .cds--col-end-2,:host(c4p-page-header-tabs) .cds--col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds--col-end-3,:host(c4p-page-header-content) .cds--col-end-3,:host(c4p-page-header-tabs) .cds--col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds--col-end-4,:host(c4p-page-header-content) .cds--col-end-4,:host(c4p-page-header-tabs) .cds--col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds--col-end-5,:host(c4p-page-header-content) .cds--col-end-5,:host(c4p-page-header-tabs) .cds--col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds--col-end-6,:host(c4p-page-header-content) .cds--col-end-6,:host(c4p-page-header-tabs) .cds--col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds--col-end-7,:host(c4p-page-header-content) .cds--col-end-7,:host(c4p-page-header-tabs) .cds--col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds--col-end-8,:host(c4p-page-header-content) .cds--col-end-8,:host(c4p-page-header-tabs) .cds--col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds--col-end-9,:host(c4p-page-header-content) .cds--col-end-9,:host(c4p-page-header-tabs) .cds--col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds--col-end-10,:host(c4p-page-header-content) .cds--col-end-10,:host(c4p-page-header-tabs) .cds--col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds--col-end-11,:host(c4p-page-header-content) .cds--col-end-11,:host(c4p-page-header-tabs) .cds--col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds--col-end-12,:host(c4p-page-header-content) .cds--col-end-12,:host(c4p-page-header-tabs) .cds--col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds--col-end-13,:host(c4p-page-header-content) .cds--col-end-13,:host(c4p-page-header-tabs) .cds--col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds--col-end-14,:host(c4p-page-header-content) .cds--col-end-14,:host(c4p-page-header-tabs) .cds--col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds--col-end-15,:host(c4p-page-header-content) .cds--col-end-15,:host(c4p-page-header-tabs) .cds--col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds--col-end-16,:host(c4p-page-header-content) .cds--col-end-16,:host(c4p-page-header-tabs) .cds--col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds--col-end-17,:host(c4p-page-header-content) .cds--col-end-17,:host(c4p-page-header-tabs) .cds--col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds--col-start-auto,:host(c4p-page-header-content) .cds--col-start-auto,:host(c4p-page-header-tabs) .cds--col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds--col-end-auto,:host(c4p-page-header-content) .cds--col-end-auto,:host(c4p-page-header-tabs) .cds--col-end-auto{grid-column-end:auto}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-1,:host(c4p-page-header-content) .cds--sm\\:col-start-1,:host(c4p-page-header-tabs) .cds--sm\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-2,:host(c4p-page-header-content) .cds--sm\\:col-start-2,:host(c4p-page-header-tabs) .cds--sm\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-3,:host(c4p-page-header-content) .cds--sm\\:col-start-3,:host(c4p-page-header-tabs) .cds--sm\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-4,:host(c4p-page-header-content) .cds--sm\\:col-start-4,:host(c4p-page-header-tabs) .cds--sm\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-5,:host(c4p-page-header-content) .cds--sm\\:col-start-5,:host(c4p-page-header-tabs) .cds--sm\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-6,:host(c4p-page-header-content) .cds--sm\\:col-start-6,:host(c4p-page-header-tabs) .cds--sm\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-7,:host(c4p-page-header-content) .cds--sm\\:col-start-7,:host(c4p-page-header-tabs) .cds--sm\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-8,:host(c4p-page-header-content) .cds--sm\\:col-start-8,:host(c4p-page-header-tabs) .cds--sm\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-9,:host(c4p-page-header-content) .cds--sm\\:col-start-9,:host(c4p-page-header-tabs) .cds--sm\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-10,:host(c4p-page-header-content) .cds--sm\\:col-start-10,:host(c4p-page-header-tabs) .cds--sm\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-11,:host(c4p-page-header-content) .cds--sm\\:col-start-11,:host(c4p-page-header-tabs) .cds--sm\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-12,:host(c4p-page-header-content) .cds--sm\\:col-start-12,:host(c4p-page-header-tabs) .cds--sm\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-13,:host(c4p-page-header-content) .cds--sm\\:col-start-13,:host(c4p-page-header-tabs) .cds--sm\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-14,:host(c4p-page-header-content) .cds--sm\\:col-start-14,:host(c4p-page-header-tabs) .cds--sm\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-15,:host(c4p-page-header-content) .cds--sm\\:col-start-15,:host(c4p-page-header-tabs) .cds--sm\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-16,:host(c4p-page-header-content) .cds--sm\\:col-start-16,:host(c4p-page-header-tabs) .cds--sm\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-2,:host(c4p-page-header-content) .cds--sm\\:col-end-2,:host(c4p-page-header-tabs) .cds--sm\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-3,:host(c4p-page-header-content) .cds--sm\\:col-end-3,:host(c4p-page-header-tabs) .cds--sm\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-4,:host(c4p-page-header-content) .cds--sm\\:col-end-4,:host(c4p-page-header-tabs) .cds--sm\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-5,:host(c4p-page-header-content) .cds--sm\\:col-end-5,:host(c4p-page-header-tabs) .cds--sm\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-6,:host(c4p-page-header-content) .cds--sm\\:col-end-6,:host(c4p-page-header-tabs) .cds--sm\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-7,:host(c4p-page-header-content) .cds--sm\\:col-end-7,:host(c4p-page-header-tabs) .cds--sm\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-8,:host(c4p-page-header-content) .cds--sm\\:col-end-8,:host(c4p-page-header-tabs) .cds--sm\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-9,:host(c4p-page-header-content) .cds--sm\\:col-end-9,:host(c4p-page-header-tabs) .cds--sm\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-10,:host(c4p-page-header-content) .cds--sm\\:col-end-10,:host(c4p-page-header-tabs) .cds--sm\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-11,:host(c4p-page-header-content) .cds--sm\\:col-end-11,:host(c4p-page-header-tabs) .cds--sm\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-12,:host(c4p-page-header-content) .cds--sm\\:col-end-12,:host(c4p-page-header-tabs) .cds--sm\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-13,:host(c4p-page-header-content) .cds--sm\\:col-end-13,:host(c4p-page-header-tabs) .cds--sm\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-14,:host(c4p-page-header-content) .cds--sm\\:col-end-14,:host(c4p-page-header-tabs) .cds--sm\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-15,:host(c4p-page-header-content) .cds--sm\\:col-end-15,:host(c4p-page-header-tabs) .cds--sm\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-16,:host(c4p-page-header-content) .cds--sm\\:col-end-16,:host(c4p-page-header-tabs) .cds--sm\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-17,:host(c4p-page-header-content) .cds--sm\\:col-end-17,:host(c4p-page-header-tabs) .cds--sm\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-auto,:host(c4p-page-header-content) .cds--sm\\:col-start-auto,:host(c4p-page-header-tabs) .cds--sm\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-auto,:host(c4p-page-header-content) .cds--sm\\:col-end-auto,:host(c4p-page-header-tabs) .cds--sm\\:col-end-auto{grid-column-end:auto}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-1,:host(c4p-page-header-content) .cds--md\\:col-start-1,:host(c4p-page-header-tabs) .cds--md\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-2,:host(c4p-page-header-content) .cds--md\\:col-start-2,:host(c4p-page-header-tabs) .cds--md\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-3,:host(c4p-page-header-content) .cds--md\\:col-start-3,:host(c4p-page-header-tabs) .cds--md\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-4,:host(c4p-page-header-content) .cds--md\\:col-start-4,:host(c4p-page-header-tabs) .cds--md\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-5,:host(c4p-page-header-content) .cds--md\\:col-start-5,:host(c4p-page-header-tabs) .cds--md\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-6,:host(c4p-page-header-content) .cds--md\\:col-start-6,:host(c4p-page-header-tabs) .cds--md\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-7,:host(c4p-page-header-content) .cds--md\\:col-start-7,:host(c4p-page-header-tabs) .cds--md\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-8,:host(c4p-page-header-content) .cds--md\\:col-start-8,:host(c4p-page-header-tabs) .cds--md\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-9,:host(c4p-page-header-content) .cds--md\\:col-start-9,:host(c4p-page-header-tabs) .cds--md\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-10,:host(c4p-page-header-content) .cds--md\\:col-start-10,:host(c4p-page-header-tabs) .cds--md\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-11,:host(c4p-page-header-content) .cds--md\\:col-start-11,:host(c4p-page-header-tabs) .cds--md\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-12,:host(c4p-page-header-content) .cds--md\\:col-start-12,:host(c4p-page-header-tabs) .cds--md\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-13,:host(c4p-page-header-content) .cds--md\\:col-start-13,:host(c4p-page-header-tabs) .cds--md\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-14,:host(c4p-page-header-content) .cds--md\\:col-start-14,:host(c4p-page-header-tabs) .cds--md\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-15,:host(c4p-page-header-content) .cds--md\\:col-start-15,:host(c4p-page-header-tabs) .cds--md\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-16,:host(c4p-page-header-content) .cds--md\\:col-start-16,:host(c4p-page-header-tabs) .cds--md\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-2,:host(c4p-page-header-content) .cds--md\\:col-end-2,:host(c4p-page-header-tabs) .cds--md\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-3,:host(c4p-page-header-content) .cds--md\\:col-end-3,:host(c4p-page-header-tabs) .cds--md\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-4,:host(c4p-page-header-content) .cds--md\\:col-end-4,:host(c4p-page-header-tabs) .cds--md\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-5,:host(c4p-page-header-content) .cds--md\\:col-end-5,:host(c4p-page-header-tabs) .cds--md\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-6,:host(c4p-page-header-content) .cds--md\\:col-end-6,:host(c4p-page-header-tabs) .cds--md\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-7,:host(c4p-page-header-content) .cds--md\\:col-end-7,:host(c4p-page-header-tabs) .cds--md\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-8,:host(c4p-page-header-content) .cds--md\\:col-end-8,:host(c4p-page-header-tabs) .cds--md\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-9,:host(c4p-page-header-content) .cds--md\\:col-end-9,:host(c4p-page-header-tabs) .cds--md\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-10,:host(c4p-page-header-content) .cds--md\\:col-end-10,:host(c4p-page-header-tabs) .cds--md\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-11,:host(c4p-page-header-content) .cds--md\\:col-end-11,:host(c4p-page-header-tabs) .cds--md\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-12,:host(c4p-page-header-content) .cds--md\\:col-end-12,:host(c4p-page-header-tabs) .cds--md\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-13,:host(c4p-page-header-content) .cds--md\\:col-end-13,:host(c4p-page-header-tabs) .cds--md\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-14,:host(c4p-page-header-content) .cds--md\\:col-end-14,:host(c4p-page-header-tabs) .cds--md\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-15,:host(c4p-page-header-content) .cds--md\\:col-end-15,:host(c4p-page-header-tabs) .cds--md\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-16,:host(c4p-page-header-content) .cds--md\\:col-end-16,:host(c4p-page-header-tabs) .cds--md\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-17,:host(c4p-page-header-content) .cds--md\\:col-end-17,:host(c4p-page-header-tabs) .cds--md\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-auto,:host(c4p-page-header-content) .cds--md\\:col-start-auto,:host(c4p-page-header-tabs) .cds--md\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-auto,:host(c4p-page-header-content) .cds--md\\:col-end-auto,:host(c4p-page-header-tabs) .cds--md\\:col-end-auto{grid-column-end:auto}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-1,:host(c4p-page-header-content) .cds--lg\\:col-start-1,:host(c4p-page-header-tabs) .cds--lg\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-2,:host(c4p-page-header-content) .cds--lg\\:col-start-2,:host(c4p-page-header-tabs) .cds--lg\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-3,:host(c4p-page-header-content) .cds--lg\\:col-start-3,:host(c4p-page-header-tabs) .cds--lg\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-4,:host(c4p-page-header-content) .cds--lg\\:col-start-4,:host(c4p-page-header-tabs) .cds--lg\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-5,:host(c4p-page-header-content) .cds--lg\\:col-start-5,:host(c4p-page-header-tabs) .cds--lg\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-6,:host(c4p-page-header-content) .cds--lg\\:col-start-6,:host(c4p-page-header-tabs) .cds--lg\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-7,:host(c4p-page-header-content) .cds--lg\\:col-start-7,:host(c4p-page-header-tabs) .cds--lg\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-8,:host(c4p-page-header-content) .cds--lg\\:col-start-8,:host(c4p-page-header-tabs) .cds--lg\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-9,:host(c4p-page-header-content) .cds--lg\\:col-start-9,:host(c4p-page-header-tabs) .cds--lg\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-10,:host(c4p-page-header-content) .cds--lg\\:col-start-10,:host(c4p-page-header-tabs) .cds--lg\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-11,:host(c4p-page-header-content) .cds--lg\\:col-start-11,:host(c4p-page-header-tabs) .cds--lg\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-12,:host(c4p-page-header-content) .cds--lg\\:col-start-12,:host(c4p-page-header-tabs) .cds--lg\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-13,:host(c4p-page-header-content) .cds--lg\\:col-start-13,:host(c4p-page-header-tabs) .cds--lg\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-14,:host(c4p-page-header-content) .cds--lg\\:col-start-14,:host(c4p-page-header-tabs) .cds--lg\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-15,:host(c4p-page-header-content) .cds--lg\\:col-start-15,:host(c4p-page-header-tabs) .cds--lg\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-16,:host(c4p-page-header-content) .cds--lg\\:col-start-16,:host(c4p-page-header-tabs) .cds--lg\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-2,:host(c4p-page-header-content) .cds--lg\\:col-end-2,:host(c4p-page-header-tabs) .cds--lg\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-3,:host(c4p-page-header-content) .cds--lg\\:col-end-3,:host(c4p-page-header-tabs) .cds--lg\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-4,:host(c4p-page-header-content) .cds--lg\\:col-end-4,:host(c4p-page-header-tabs) .cds--lg\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-5,:host(c4p-page-header-content) .cds--lg\\:col-end-5,:host(c4p-page-header-tabs) .cds--lg\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-6,:host(c4p-page-header-content) .cds--lg\\:col-end-6,:host(c4p-page-header-tabs) .cds--lg\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-7,:host(c4p-page-header-content) .cds--lg\\:col-end-7,:host(c4p-page-header-tabs) .cds--lg\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-8,:host(c4p-page-header-content) .cds--lg\\:col-end-8,:host(c4p-page-header-tabs) .cds--lg\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-9,:host(c4p-page-header-content) .cds--lg\\:col-end-9,:host(c4p-page-header-tabs) .cds--lg\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-10,:host(c4p-page-header-content) .cds--lg\\:col-end-10,:host(c4p-page-header-tabs) .cds--lg\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-11,:host(c4p-page-header-content) .cds--lg\\:col-end-11,:host(c4p-page-header-tabs) .cds--lg\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-12,:host(c4p-page-header-content) .cds--lg\\:col-end-12,:host(c4p-page-header-tabs) .cds--lg\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-13,:host(c4p-page-header-content) .cds--lg\\:col-end-13,:host(c4p-page-header-tabs) .cds--lg\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-14,:host(c4p-page-header-content) .cds--lg\\:col-end-14,:host(c4p-page-header-tabs) .cds--lg\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-15,:host(c4p-page-header-content) .cds--lg\\:col-end-15,:host(c4p-page-header-tabs) .cds--lg\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-16,:host(c4p-page-header-content) .cds--lg\\:col-end-16,:host(c4p-page-header-tabs) .cds--lg\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-17,:host(c4p-page-header-content) .cds--lg\\:col-end-17,:host(c4p-page-header-tabs) .cds--lg\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-auto,:host(c4p-page-header-content) .cds--lg\\:col-start-auto,:host(c4p-page-header-tabs) .cds--lg\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-auto,:host(c4p-page-header-content) .cds--lg\\:col-end-auto,:host(c4p-page-header-tabs) .cds--lg\\:col-end-auto{grid-column-end:auto}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-1,:host(c4p-page-header-content) .cds--xlg\\:col-start-1,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-2,:host(c4p-page-header-content) .cds--xlg\\:col-start-2,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-3,:host(c4p-page-header-content) .cds--xlg\\:col-start-3,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-4,:host(c4p-page-header-content) .cds--xlg\\:col-start-4,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-5,:host(c4p-page-header-content) .cds--xlg\\:col-start-5,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-6,:host(c4p-page-header-content) .cds--xlg\\:col-start-6,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-7,:host(c4p-page-header-content) .cds--xlg\\:col-start-7,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-8,:host(c4p-page-header-content) .cds--xlg\\:col-start-8,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-9,:host(c4p-page-header-content) .cds--xlg\\:col-start-9,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-10,:host(c4p-page-header-content) .cds--xlg\\:col-start-10,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-11,:host(c4p-page-header-content) .cds--xlg\\:col-start-11,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-12,:host(c4p-page-header-content) .cds--xlg\\:col-start-12,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-13,:host(c4p-page-header-content) .cds--xlg\\:col-start-13,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-14,:host(c4p-page-header-content) .cds--xlg\\:col-start-14,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-15,:host(c4p-page-header-content) .cds--xlg\\:col-start-15,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-16,:host(c4p-page-header-content) .cds--xlg\\:col-start-16,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-2,:host(c4p-page-header-content) .cds--xlg\\:col-end-2,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-3,:host(c4p-page-header-content) .cds--xlg\\:col-end-3,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-4,:host(c4p-page-header-content) .cds--xlg\\:col-end-4,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-5,:host(c4p-page-header-content) .cds--xlg\\:col-end-5,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-6,:host(c4p-page-header-content) .cds--xlg\\:col-end-6,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-7,:host(c4p-page-header-content) .cds--xlg\\:col-end-7,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-8,:host(c4p-page-header-content) .cds--xlg\\:col-end-8,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-9,:host(c4p-page-header-content) .cds--xlg\\:col-end-9,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-10,:host(c4p-page-header-content) .cds--xlg\\:col-end-10,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-11,:host(c4p-page-header-content) .cds--xlg\\:col-end-11,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-12,:host(c4p-page-header-content) .cds--xlg\\:col-end-12,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-13,:host(c4p-page-header-content) .cds--xlg\\:col-end-13,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-14,:host(c4p-page-header-content) .cds--xlg\\:col-end-14,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-15,:host(c4p-page-header-content) .cds--xlg\\:col-end-15,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-16,:host(c4p-page-header-content) .cds--xlg\\:col-end-16,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-17,:host(c4p-page-header-content) .cds--xlg\\:col-end-17,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-auto,:host(c4p-page-header-content) .cds--xlg\\:col-start-auto,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-auto,:host(c4p-page-header-content) .cds--xlg\\:col-end-auto,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-auto{grid-column-end:auto}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-1,:host(c4p-page-header-content) .cds--max\\:col-start-1,:host(c4p-page-header-tabs) .cds--max\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-2,:host(c4p-page-header-content) .cds--max\\:col-start-2,:host(c4p-page-header-tabs) .cds--max\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-3,:host(c4p-page-header-content) .cds--max\\:col-start-3,:host(c4p-page-header-tabs) .cds--max\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-4,:host(c4p-page-header-content) .cds--max\\:col-start-4,:host(c4p-page-header-tabs) .cds--max\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-5,:host(c4p-page-header-content) .cds--max\\:col-start-5,:host(c4p-page-header-tabs) .cds--max\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-6,:host(c4p-page-header-content) .cds--max\\:col-start-6,:host(c4p-page-header-tabs) .cds--max\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-7,:host(c4p-page-header-content) .cds--max\\:col-start-7,:host(c4p-page-header-tabs) .cds--max\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-8,:host(c4p-page-header-content) .cds--max\\:col-start-8,:host(c4p-page-header-tabs) .cds--max\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-9,:host(c4p-page-header-content) .cds--max\\:col-start-9,:host(c4p-page-header-tabs) .cds--max\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-10,:host(c4p-page-header-content) .cds--max\\:col-start-10,:host(c4p-page-header-tabs) .cds--max\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-11,:host(c4p-page-header-content) .cds--max\\:col-start-11,:host(c4p-page-header-tabs) .cds--max\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-12,:host(c4p-page-header-content) .cds--max\\:col-start-12,:host(c4p-page-header-tabs) .cds--max\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-13,:host(c4p-page-header-content) .cds--max\\:col-start-13,:host(c4p-page-header-tabs) .cds--max\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-14,:host(c4p-page-header-content) .cds--max\\:col-start-14,:host(c4p-page-header-tabs) .cds--max\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-15,:host(c4p-page-header-content) .cds--max\\:col-start-15,:host(c4p-page-header-tabs) .cds--max\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-16,:host(c4p-page-header-content) .cds--max\\:col-start-16,:host(c4p-page-header-tabs) .cds--max\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-2,:host(c4p-page-header-content) .cds--max\\:col-end-2,:host(c4p-page-header-tabs) .cds--max\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-3,:host(c4p-page-header-content) .cds--max\\:col-end-3,:host(c4p-page-header-tabs) .cds--max\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-4,:host(c4p-page-header-content) .cds--max\\:col-end-4,:host(c4p-page-header-tabs) .cds--max\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-5,:host(c4p-page-header-content) .cds--max\\:col-end-5,:host(c4p-page-header-tabs) .cds--max\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-6,:host(c4p-page-header-content) .cds--max\\:col-end-6,:host(c4p-page-header-tabs) .cds--max\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-7,:host(c4p-page-header-content) .cds--max\\:col-end-7,:host(c4p-page-header-tabs) .cds--max\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-8,:host(c4p-page-header-content) .cds--max\\:col-end-8,:host(c4p-page-header-tabs) .cds--max\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-9,:host(c4p-page-header-content) .cds--max\\:col-end-9,:host(c4p-page-header-tabs) .cds--max\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-10,:host(c4p-page-header-content) .cds--max\\:col-end-10,:host(c4p-page-header-tabs) .cds--max\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-11,:host(c4p-page-header-content) .cds--max\\:col-end-11,:host(c4p-page-header-tabs) .cds--max\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-12,:host(c4p-page-header-content) .cds--max\\:col-end-12,:host(c4p-page-header-tabs) .cds--max\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-13,:host(c4p-page-header-content) .cds--max\\:col-end-13,:host(c4p-page-header-tabs) .cds--max\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-14,:host(c4p-page-header-content) .cds--max\\:col-end-14,:host(c4p-page-header-tabs) .cds--max\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-15,:host(c4p-page-header-content) .cds--max\\:col-end-15,:host(c4p-page-header-tabs) .cds--max\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-16,:host(c4p-page-header-content) .cds--max\\:col-end-16,:host(c4p-page-header-tabs) .cds--max\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-17,:host(c4p-page-header-content) .cds--max\\:col-end-17,:host(c4p-page-header-tabs) .cds--max\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-auto,:host(c4p-page-header-content) .cds--max\\:col-start-auto,:host(c4p-page-header-tabs) .cds--max\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-auto,:host(c4p-page-header-content) .cds--max\\:col-end-auto,:host(c4p-page-header-tabs) .cds--max\\:col-end-auto{grid-column-end:auto}}:host(c4p-page-header-breadcrumb),:host(c4p-page-header-content),:host(c4p-page-header-tabs){display:block}:host(c4p-page-header-breadcrumb){background-color:var(--cds-layer-01,#f4f4f4);block-size:2.5rem;border-block-end:var(--cds-border-subtle);inset-block-start:var(--c4p-page-header-breadcrumb-top);overflow:visible;position:sticky;z-index:1}:host(c4p-page-header-breadcrumb) ::slotted([slot=icon]){margin-inline-end:.5rem}:host(c4p-page-header-breadcrumb) .cds--subgrid{block-size:100%}:host(c4p-page-header-breadcrumb) .cds--css-grid-column{min-inline-size:0;overflow:visible}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-container{align-items:center;block-size:2.5rem;display:flex;gap:.5rem;inline-size:100%;justify-content:space-between;min-inline-size:0}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{display:flex;flex:1 1 auto;min-inline-size:0}@media (max-width:41.98rem){:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{flex:1 1 75%}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{max-inline-size:60%}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{max-inline-size:60%}}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__actions{align-items:center;display:flex;flex:0 0 auto;gap:.5rem;justify-content:flex-end;min-inline-size:0}@media (max-width:41.98rem){:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__actions{flex:0 1 25%;max-inline-size:25%}}:host(c4p-page-header-breadcrumb:not([content-actions-flush])) ::slotted([slot=content-actions]){margin-inline-end:.75rem!important}:host(c4p-page-header-breadcrumb[page-actions-flush]) .cds--css-grid{margin-inline-end:0;padding-inline-end:0}:host(c4p-page-header-breadcrumb[page-actions-flush]) .cds--css-grid-column{margin-inline-end:0}:host(c4p-page-header-breadcrumb[border=true]){border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}:host(c4p-page-header-content){padding-block-start:1.5rem}:host(c4p-page-header-content) .c4p--page-header__content__title{display:-webkit-box;font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572);margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-inline-size:40rem;text-overflow:ellipsis;white-space:normal}@media (max-width:41.98rem){:host(c4p-page-header-content) .c4p--page-header__content__title-wrapper{display:flex;flex-direction:column;grid-gap:1rem}}:host(c4p-page-header-content) .c4p--page-header__content__title-wrapper{display:grid;gap:1rem;grid-template-columns:auto minmax(auto,auto);margin-block-end:1rem;min-block-size:2.5rem}:host(c4p-page-header-content) .c4p--page-header__content__start{display:flex;flex-wrap:wrap;gap:1rem}:host(c4p-page-header-content) .c4p--page-header__content__page-actions{display:flex;justify-content:right;transition:opacity .24s cubic-bezier(.2,0,.38,.9)}:host(c4p-page-header-content) .c4p--page-header__content__page-actions.c4p--page-header__content__page-actions--clipped{opacity:0;visibility:hidden}@media (max-width:41.98rem){:host(c4p-page-header-content) .c4p--page-header__content__page-actions{justify-content:left;margin-block-start:0}}:host(c4p-page-header-content) .c4p--page-header__content__title-container{display:flex}:host(c4p-page-header-content) ::slotted([slot=icon]){margin-inline-end:1rem}:host(c4p-page-header-content) ::slotted([slot=contextual-actions]){align-items:center;display:flex}:host(c4p-page-header-content[contextual-actions]) .c4p--page-header__content__title{-webkit-line-clamp:1}:host(c4p-page-header-content-text){display:block;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);max-inline-size:40rem;padding-block-end:1.5rem}:host(c4p-page-header-content-text) .c4p--page-header__content__subtitle{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4);margin-block-end:.5rem;margin-block-start:0}:host(c4p-page-header-hero-image){block-size:100%;display:block;overflow:hidden;position:relative}:host(c4p-page-header-hero-image) .c4p--page-header__hero-image{inset:0;position:absolute}:host(c4p-page-header-hero-image) ::slotted(picture){block-size:100%;display:flex;inline-size:100%;justify-content:center}:host(c4p-page-header-hero-image) ::slotted(img){block-size:100%;display:block;inline-size:100%;-o-object-fit:var(--object-fit,cover);object-fit:var(--object-fit,cover);-o-object-position:var(--object-position,center);object-position:var(--object-position,center)}:host(c4p-page-header-hero-image):before{content:\"\";display:block;padding-block-start:66.6666666667%}@media (min-width:66rem){:host(c4p-page-header-hero-image):before{padding-block-start:50%}}:host(c4p-page-header-hero-image):after{clear:both;content:\"\";display:table}:host(c4p-page-header-tabs){position:relative}:host(c4p-page-header-tabs) .cds--css-grid{align-items:center;display:flex}@media (min-width:99rem){:host(c4p-page-header-tabs) .cds--css-grid{display:grid}}:host(c4p-page-header-tabs) .cds--css-grid .cds--css-grid-column{flex:1;margin:0;min-inline-size:0}@media (min-width:99rem){:host(c4p-page-header-tabs) .cds--css-grid .cds--css-grid-column{flex:none}}:host(c4p-page-header-tabs) .c4p--page-header__tab-bar--tablist{align-items:center;display:flex}:host(c4p-page-header-tabs) ::slotted([slot=tags]){align-items:center;display:inline-flex;inline-size:40%;justify-content:flex-end;margin-inline-start:auto;min-inline-size:0}:host(c4p-page-header-tabs:has([slot=scroller])) ::slotted([slot=tags]){transform:translateX(-1.5rem)}@media (min-width:42rem){:host(c4p-page-header-tabs:has([slot=scroller])) ::slotted([slot=tags]){padding-inline-end:.5rem;transform:translateX(0)}}@media (min-width:99rem){:host(c4p-page-header-tabs:has([slot=scroller])) ::slotted([slot=tags]){padding-inline-end:1rem}}:host(c4p-page-header-tabs) ::slotted([slot=scroller]){position:relative}@media (min-width:99rem){:host(c4p-page-header-tabs) ::slotted([slot=scroller]){inset-block-start:0;inset-inline-end:0;position:absolute}}:host(c4p-page-header-breadcrumb) .cds--css-grid,:host(c4p-page-header-content) .cds--css-grid,:host(c4p-page-header-tabs) .cds--css-grid{inline-size:auto}cds-definition-tooltip::part(definition-term){border:none}:host(c4p-page-header-tabs) ::slotted(cds-tabs){--tabs-overflow-button-background:$layer-01}@keyframes page-header-title-breadcrumb-animation{0%{opacity:0;transform:translateY(1rem)}5%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes page-header-title-breadcrumb-animation-reduced-motion{0%{opacity:0}5%{opacity:1}to{opacity:1}}@supports not (animation-timeline:scroll()){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__fallback){opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__fallback){transform:translateY(0);transition:opacity .15s cubic-bezier(.2,0,.38,.9)}}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__content-actions-with-global-actions{opacity:0;visibility:hidden}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__content-actions-with-global-actions.c4p--page-header__breadcrumb__content-actions-with-global-actions--show{opacity:1;transform:translateY(0);transition:opacity .15s cubic-bezier(.2,0,.38,.9);visibility:visible}:host(c4p-page-header-title-breadcrumb){opacity:0;transform:translateY(1rem);transition:transform .15s cubic-bezier(.2,0,.38,.9),opacity .15s cubic-bezier(.2,0,.38,.9)}@supports not (animation-timeline:scroll()){@supports not (animation-timeline:scroll()){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content).c4p--page-header-title-breadcrumb-show__fallback{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content).c4p--page-header-title-breadcrumb-show__fallback{transform:translateY(0);transition:opacity .15s cubic-bezier(.2,0,.38,.9)}}}@supports (animation-timeline:scroll()){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content){animation-direction:alternate;animation-duration:1ms;animation-name:page-header-title-breadcrumb-animation;animation-timeline:scroll(block nearest)}@media (prefers-reduced-motion:reduce){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content){animation-name:page-header-title-breadcrumb-animation-reduced-motion;transform:translateY(0)}}}:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__by-default){opacity:1;transform:translateY(0)}"]);
|
|
10
|
+
var page_header_default = css([".cds--page-header{background-color:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}.cds--page-header__breadcrumb-bar{block-size:2.5rem}.cds--page-header__breadcrumb-bar .cds--subgrid{block-size:100%}.cds--page-header__breadcrumb-container{align-items:center;block-size:100%;display:inline-flex;inline-size:100%;justify-content:space-between}.cds--page-header__breadcrumb__actions-flush .cds--css-grid{padding-inline-end:0}.cds--page-header__breadcrumb__actions-flush .cds--css-grid-column{margin-inline-end:0}.cds--page-header__breadcrumb-bar-border{border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}.cds--page-header__breadcrumb__icon{margin-inline-end:.5rem}.cds--page-header__breadcrumb__actions{display:inline-flex}.cds--page-header__breadcrumb__content-actions{margin-inline-end:.75rem}.cds--page-header__breadcrumb-wrapper{display:inline-flex}.cds--page-header__content{padding:1.5rem 0}@media (max-width:41.98rem){.cds--page-header__content__title-wrapper{display:flex;flex-direction:column;grid-gap:1rem}}.cds--page-header__content__title-wrapper{display:grid;gap:1rem;grid-template-columns:auto minmax(var(--pageheader-title-grid-width,0),1fr);margin-block-end:1rem;min-block-size:2.5rem}.cds--page-header__content__start{display:flex;flex-wrap:wrap;gap:1rem}.cds--page-header__content__title-container{display:flex}.cds--page-header__content__title-container .cds--definition-term{border-block-end:none}.cds--page-header__content__contextual-actions{display:flex}.cds--page-header__content__title{display:-webkit-box;font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-inline-size:40rem;text-overflow:ellipsis;white-space:normal}.cds--page-header__content:has(.cds--page-header__content__contextual-actions) .cds--page-header__content__title{-webkit-line-clamp:1}.cds--page-header__content__icon{margin-inline-end:1rem}.cds--page-header__content__page-actions{display:flex;justify-content:right}@media (max-width:41.98rem){.cds--page-header__content__page-actions{justify-content:left;margin-block-start:0}}.cds--page-header__content__page-actions .cds--menu-button__trigger:not(.cds--btn--ghost){min-inline-size:0}.cds--page-header__content__subtitle{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4);margin-block-end:.5rem}.cds--page-header__content__body{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);margin-block-start:.5rem;max-inline-size:40rem}[data-hidden]:not([data-fixed]){display:none}.cds--page-header__hero-image{align-items:center;block-size:100%;display:flex;justify-content:flex-end;overflow:hidden}.cds--page-header__tab-bar{margin-inline-start:-1rem}.cds--page-header__tab-bar--tablist{display:grid;grid-gap:4rem;grid-template-columns:auto minmax(0,1fr)}.cds--page-header__tags{align-items:center;display:flex;justify-content:right}.cds--page-header__tags-popover-list{display:flex;flex-direction:column;padding:1rem}.cds--page-header__tag-item{flex-shrink:0}:host(c4p-page-header){background-color:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);display:block;inset-block-start:var(--c4p-page-header-header-top);position:sticky}:host(c4p-page-header.c4p--page-header--disable-sticky-tab-bar){padding-block-start:2.5rem;position:static}:host(c4p-page-header-breadcrumb) :root,:host(c4p-page-header-content) :root,:host(c4p-page-header-tabs) :root{--cds-grid-gutter:2rem;--cds-grid-columns:4;--cds-grid-margin:0}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) :root,:host(c4p-page-header-content) :root,:host(c4p-page-header-tabs) :root{--cds-grid-columns:8;--cds-grid-margin:1rem}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) :root,:host(c4p-page-header-content) :root,:host(c4p-page-header-tabs) :root{--cds-grid-columns:16}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) :root,:host(c4p-page-header-content) :root,:host(c4p-page-header-tabs) :root{--cds-grid-margin:1.5rem}}:host(c4p-page-header-breadcrumb) .cds--css-grid,:host(c4p-page-header-content) .cds--css-grid,:host(c4p-page-header-tabs) .cds--css-grid{--cds-grid-gutter-start:calc(var(--cds-grid-gutter)/2);--cds-grid-gutter-end:calc(var(--cds-grid-gutter)/2);--cds-grid-column-hang:calc(var(--cds-grid-gutter)/2);display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));inline-size:100%;margin-inline:auto;max-inline-size:99rem;padding-inline:var(--cds-grid-margin)}:host(c4p-page-header-breadcrumb) .cds--css-grid--full-width,:host(c4p-page-header-content) .cds--css-grid--full-width,:host(c4p-page-header-tabs) .cds--css-grid--full-width{max-inline-size:100%}:host(c4p-page-header-breadcrumb) .cds--css-grid-column,:host(c4p-page-header-content) .cds--css-grid-column,:host(c4p-page-header-tabs) .cds--css-grid-column{--cds-grid-mode-start:var(--cds-grid-gutter-start);--cds-grid-mode-end:var(--cds-grid-gutter-end);margin-inline:var(--cds-grid-gutter-start) var(--cds-grid-gutter-end)}[dir=rtl] :host(c4p-page-header-breadcrumb) .cds--css-grid-column,[dir=rtl] :host(c4p-page-header-content) .cds--css-grid-column,[dir=rtl] :host(c4p-page-header-tabs) .cds--css-grid-column{margin-inline:var(--cds-grid-gutter-end) var(--cds-grid-gutter-start)}:host(c4p-page-header-breadcrumb) .cds--css-grid--narrow,:host(c4p-page-header-content) .cds--css-grid--narrow,:host(c4p-page-header-tabs) .cds--css-grid--narrow{--cds-grid-gutter-start:0rem}:host(c4p-page-header-breadcrumb) .cds--css-grid--condensed,:host(c4p-page-header-content) .cds--css-grid--condensed,:host(c4p-page-header-tabs) .cds--css-grid--condensed{--cds-grid-gutter:0.0625rem;--cds-grid-column-hang:0.96875rem}:host(c4p-page-header-breadcrumb) .cds--css-grid--with-row-gap,:host(c4p-page-header-content) .cds--css-grid--with-row-gap,:host(c4p-page-header-tabs) .cds--css-grid--with-row-gap{row-gap:var(--cds-grid-gutter)}:host(c4p-page-header-breadcrumb) .cds--css-grid--narrow.cds--css-grid--with-row-gap,:host(c4p-page-header-content) .cds--css-grid--narrow.cds--css-grid--with-row-gap,:host(c4p-page-header-tabs) .cds--css-grid--narrow.cds--css-grid--with-row-gap{row-gap:calc(var(--cds-grid-gutter)/2)}:host(c4p-page-header-breadcrumb) .cds--css-grid--start,:host(c4p-page-header-content) .cds--css-grid--start,:host(c4p-page-header-tabs) .cds--css-grid--start{margin-inline-start:0}:host(c4p-page-header-breadcrumb) .cds--css-grid--end,:host(c4p-page-header-content) .cds--css-grid--end,:host(c4p-page-header-tabs) .cds--css-grid--end{margin-inline-end:0}:host(c4p-page-header-breadcrumb) .cds--subgrid,:host(c4p-page-header-content) .cds--subgrid,:host(c4p-page-header-tabs) .cds--subgrid{display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));margin-inline:calc(var(--cds-grid-mode-start)*-1) calc(var(--cds-grid-mode-end)*-1)}[dir=rtl] :host(c4p-page-header-breadcrumb) .cds--subgrid,[dir=rtl] :host(c4p-page-header-content) .cds--subgrid,[dir=rtl] :host(c4p-page-header-tabs) .cds--subgrid{margin-inline:calc(var(--cds-grid-mode-end)*-1) calc(var(--cds-grid-mode-start)*-1)}:host(c4p-page-header-breadcrumb) .cds--subgrid--wide,:host(c4p-page-header-content) .cds--subgrid--wide,:host(c4p-page-header-tabs) .cds--subgrid--wide{--cds-grid-gutter-start:1rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:0}:host(c4p-page-header-breadcrumb) .cds--subgrid--narrow,:host(c4p-page-header-content) .cds--subgrid--narrow,:host(c4p-page-header-tabs) .cds--subgrid--narrow{--cds-grid-gutter-start:0rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:1rem}:host(c4p-page-header-breadcrumb) .cds--subgrid--condensed,:host(c4p-page-header-content) .cds--subgrid--condensed,:host(c4p-page-header-tabs) .cds--subgrid--condensed{--cds-grid-gutter:0.0625rem;--cds-grid-gutter-start:0.03125rem;--cds-grid-gutter-end:0.03125rem;--cds-grid-column-hang:0.96875rem}:host(c4p-page-header-breadcrumb) .cds--subgrid--with-row-gap,:host(c4p-page-header-content) .cds--subgrid--with-row-gap,:host(c4p-page-header-tabs) .cds--subgrid--with-row-gap{row-gap:2rem}:host(c4p-page-header-breadcrumb) .cds--subgrid--narrow.cds--subgrid--with-row-gap,:host(c4p-page-header-content) .cds--subgrid--narrow.cds--subgrid--with-row-gap,:host(c4p-page-header-tabs) .cds--subgrid--narrow.cds--subgrid--with-row-gap{row-gap:1rem}:host(c4p-page-header-breadcrumb) .cds--subgrid--condensed.cds--subgrid--with-row-gap,:host(c4p-page-header-content) .cds--subgrid--condensed.cds--subgrid--with-row-gap,:host(c4p-page-header-tabs) .cds--subgrid--condensed.cds--subgrid--with-row-gap{row-gap:.0625rem}:host(c4p-page-header-breadcrumb) .cds--grid-column-hang,:host(c4p-page-header-content) .cds--grid-column-hang,:host(c4p-page-header-tabs) .cds--grid-column-hang{margin-inline-start:var(--cds-grid-column-hang)}[dir=rtl] :host(c4p-page-header-breadcrumb) .cds--grid-column-hang,[dir=rtl] :host(c4p-page-header-content) .cds--grid-column-hang,[dir=rtl] :host(c4p-page-header-tabs) .cds--grid-column-hang{margin-inline:initial var(--cds-grid-column-hang)}:host(c4p-page-header-breadcrumb) .cds--col-span-0,:host(c4p-page-header-content) .cds--col-span-0,:host(c4p-page-header-tabs) .cds--col-span-0{display:none}:host(c4p-page-header-breadcrumb) .cds--col-span-1,:host(c4p-page-header-content) .cds--col-span-1,:host(c4p-page-header-tabs) .cds--col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}:host(c4p-page-header-breadcrumb) .cds--col-span-2,:host(c4p-page-header-content) .cds--col-span-2,:host(c4p-page-header-tabs) .cds--col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}:host(c4p-page-header-breadcrumb) .cds--col-span-3,:host(c4p-page-header-content) .cds--col-span-3,:host(c4p-page-header-tabs) .cds--col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}:host(c4p-page-header-breadcrumb) .cds--col-span-4,:host(c4p-page-header-content) .cds--col-span-4,:host(c4p-page-header-tabs) .cds--col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}:host(c4p-page-header-breadcrumb) .cds--col-span-5,:host(c4p-page-header-content) .cds--col-span-5,:host(c4p-page-header-tabs) .cds--col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}:host(c4p-page-header-breadcrumb) .cds--col-span-6,:host(c4p-page-header-content) .cds--col-span-6,:host(c4p-page-header-tabs) .cds--col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}:host(c4p-page-header-breadcrumb) .cds--col-span-7,:host(c4p-page-header-content) .cds--col-span-7,:host(c4p-page-header-tabs) .cds--col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}:host(c4p-page-header-breadcrumb) .cds--col-span-8,:host(c4p-page-header-content) .cds--col-span-8,:host(c4p-page-header-tabs) .cds--col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds--col-span-9,:host(c4p-page-header-content) .cds--col-span-9,:host(c4p-page-header-tabs) .cds--col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}:host(c4p-page-header-breadcrumb) .cds--col-span-10,:host(c4p-page-header-content) .cds--col-span-10,:host(c4p-page-header-tabs) .cds--col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}:host(c4p-page-header-breadcrumb) .cds--col-span-11,:host(c4p-page-header-content) .cds--col-span-11,:host(c4p-page-header-tabs) .cds--col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}:host(c4p-page-header-breadcrumb) .cds--col-span-12,:host(c4p-page-header-content) .cds--col-span-12,:host(c4p-page-header-tabs) .cds--col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds--col-span-13,:host(c4p-page-header-content) .cds--col-span-13,:host(c4p-page-header-tabs) .cds--col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}:host(c4p-page-header-breadcrumb) .cds--col-span-14,:host(c4p-page-header-content) .cds--col-span-14,:host(c4p-page-header-tabs) .cds--col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}:host(c4p-page-header-breadcrumb) .cds--col-span-15,:host(c4p-page-header-content) .cds--col-span-15,:host(c4p-page-header-tabs) .cds--col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}:host(c4p-page-header-breadcrumb) .cds--col-span-16,:host(c4p-page-header-content) .cds--col-span-16,:host(c4p-page-header-tabs) .cds--col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-0,:host(c4p-page-header-content) .cds--sm\\:col-span-0,:host(c4p-page-header-tabs) .cds--sm\\:col-span-0{display:none}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-1,:host(c4p-page-header-content) .cds--sm\\:col-span-1,:host(c4p-page-header-tabs) .cds--sm\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-2,:host(c4p-page-header-content) .cds--sm\\:col-span-2,:host(c4p-page-header-tabs) .cds--sm\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-3,:host(c4p-page-header-content) .cds--sm\\:col-span-3,:host(c4p-page-header-tabs) .cds--sm\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-4,:host(c4p-page-header-content) .cds--sm\\:col-span-4,:host(c4p-page-header-tabs) .cds--sm\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-auto,:host(c4p-page-header-content) .cds--sm\\:col-span-auto,:host(c4p-page-header-tabs) .cds--sm\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-100,:host(c4p-page-header-content) .cds--sm\\:col-span-100,:host(c4p-page-header-tabs) .cds--sm\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-75,:host(c4p-page-header-content) .cds--sm\\:col-span-75,:host(c4p-page-header-tabs) .cds--sm\\:col-span-75{--cds-grid-columns:3;grid-column:span 3/span 3}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-50,:host(c4p-page-header-content) .cds--sm\\:col-span-50,:host(c4p-page-header-tabs) .cds--sm\\:col-span-50{--cds-grid-columns:2;grid-column:span 2/span 2}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-25,:host(c4p-page-header-content) .cds--sm\\:col-span-25,:host(c4p-page-header-tabs) .cds--sm\\:col-span-25{--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-0,:host(c4p-page-header-content) .cds--md\\:col-span-0,:host(c4p-page-header-tabs) .cds--md\\:col-span-0{display:none}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-1,:host(c4p-page-header-content) .cds--md\\:col-span-1,:host(c4p-page-header-tabs) .cds--md\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-2,:host(c4p-page-header-content) .cds--md\\:col-span-2,:host(c4p-page-header-tabs) .cds--md\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-3,:host(c4p-page-header-content) .cds--md\\:col-span-3,:host(c4p-page-header-tabs) .cds--md\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-4,:host(c4p-page-header-content) .cds--md\\:col-span-4,:host(c4p-page-header-tabs) .cds--md\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-5,:host(c4p-page-header-content) .cds--md\\:col-span-5,:host(c4p-page-header-tabs) .cds--md\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-6,:host(c4p-page-header-content) .cds--md\\:col-span-6,:host(c4p-page-header-tabs) .cds--md\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-7,:host(c4p-page-header-content) .cds--md\\:col-span-7,:host(c4p-page-header-tabs) .cds--md\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-8,:host(c4p-page-header-content) .cds--md\\:col-span-8,:host(c4p-page-header-tabs) .cds--md\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-auto,:host(c4p-page-header-content) .cds--md\\:col-span-auto,:host(c4p-page-header-tabs) .cds--md\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-100,:host(c4p-page-header-content) .cds--md\\:col-span-100,:host(c4p-page-header-tabs) .cds--md\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-75,:host(c4p-page-header-content) .cds--md\\:col-span-75,:host(c4p-page-header-tabs) .cds--md\\:col-span-75{--cds-grid-columns:6;grid-column:span 6/span 6}:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-50,:host(c4p-page-header-content) .cds--md\\:col-span-50,:host(c4p-page-header-tabs) .cds--md\\:col-span-50{--cds-grid-columns:4;grid-column:span 4/span 4}:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-25,:host(c4p-page-header-content) .cds--md\\:col-span-25,:host(c4p-page-header-tabs) .cds--md\\:col-span-25{--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-0,:host(c4p-page-header-content) .cds--lg\\:col-span-0,:host(c4p-page-header-tabs) .cds--lg\\:col-span-0{display:none}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-1,:host(c4p-page-header-content) .cds--lg\\:col-span-1,:host(c4p-page-header-tabs) .cds--lg\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-2,:host(c4p-page-header-content) .cds--lg\\:col-span-2,:host(c4p-page-header-tabs) .cds--lg\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-3,:host(c4p-page-header-content) .cds--lg\\:col-span-3,:host(c4p-page-header-tabs) .cds--lg\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-4,:host(c4p-page-header-content) .cds--lg\\:col-span-4,:host(c4p-page-header-tabs) .cds--lg\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-5,:host(c4p-page-header-content) .cds--lg\\:col-span-5,:host(c4p-page-header-tabs) .cds--lg\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-6,:host(c4p-page-header-content) .cds--lg\\:col-span-6,:host(c4p-page-header-tabs) .cds--lg\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-7,:host(c4p-page-header-content) .cds--lg\\:col-span-7,:host(c4p-page-header-tabs) .cds--lg\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-8,:host(c4p-page-header-content) .cds--lg\\:col-span-8,:host(c4p-page-header-tabs) .cds--lg\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-9,:host(c4p-page-header-content) .cds--lg\\:col-span-9,:host(c4p-page-header-tabs) .cds--lg\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-10,:host(c4p-page-header-content) .cds--lg\\:col-span-10,:host(c4p-page-header-tabs) .cds--lg\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-11,:host(c4p-page-header-content) .cds--lg\\:col-span-11,:host(c4p-page-header-tabs) .cds--lg\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-12,:host(c4p-page-header-content) .cds--lg\\:col-span-12,:host(c4p-page-header-tabs) .cds--lg\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-13,:host(c4p-page-header-content) .cds--lg\\:col-span-13,:host(c4p-page-header-tabs) .cds--lg\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-14,:host(c4p-page-header-content) .cds--lg\\:col-span-14,:host(c4p-page-header-tabs) .cds--lg\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-15,:host(c4p-page-header-content) .cds--lg\\:col-span-15,:host(c4p-page-header-tabs) .cds--lg\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-16,:host(c4p-page-header-content) .cds--lg\\:col-span-16,:host(c4p-page-header-tabs) .cds--lg\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-auto,:host(c4p-page-header-content) .cds--lg\\:col-span-auto,:host(c4p-page-header-tabs) .cds--lg\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-100,:host(c4p-page-header-content) .cds--lg\\:col-span-100,:host(c4p-page-header-tabs) .cds--lg\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-75,:host(c4p-page-header-content) .cds--lg\\:col-span-75,:host(c4p-page-header-tabs) .cds--lg\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-50,:host(c4p-page-header-content) .cds--lg\\:col-span-50,:host(c4p-page-header-tabs) .cds--lg\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-25,:host(c4p-page-header-content) .cds--lg\\:col-span-25,:host(c4p-page-header-tabs) .cds--lg\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-0,:host(c4p-page-header-content) .cds--xlg\\:col-span-0,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-0{display:none}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-1,:host(c4p-page-header-content) .cds--xlg\\:col-span-1,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-2,:host(c4p-page-header-content) .cds--xlg\\:col-span-2,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-3,:host(c4p-page-header-content) .cds--xlg\\:col-span-3,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-4,:host(c4p-page-header-content) .cds--xlg\\:col-span-4,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-5,:host(c4p-page-header-content) .cds--xlg\\:col-span-5,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-6,:host(c4p-page-header-content) .cds--xlg\\:col-span-6,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-7,:host(c4p-page-header-content) .cds--xlg\\:col-span-7,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-8,:host(c4p-page-header-content) .cds--xlg\\:col-span-8,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-9,:host(c4p-page-header-content) .cds--xlg\\:col-span-9,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-10,:host(c4p-page-header-content) .cds--xlg\\:col-span-10,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-11,:host(c4p-page-header-content) .cds--xlg\\:col-span-11,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-12,:host(c4p-page-header-content) .cds--xlg\\:col-span-12,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-13,:host(c4p-page-header-content) .cds--xlg\\:col-span-13,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-14,:host(c4p-page-header-content) .cds--xlg\\:col-span-14,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-15,:host(c4p-page-header-content) .cds--xlg\\:col-span-15,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-16,:host(c4p-page-header-content) .cds--xlg\\:col-span-16,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-auto,:host(c4p-page-header-content) .cds--xlg\\:col-span-auto,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-100,:host(c4p-page-header-content) .cds--xlg\\:col-span-100,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-75,:host(c4p-page-header-content) .cds--xlg\\:col-span-75,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-50,:host(c4p-page-header-content) .cds--xlg\\:col-span-50,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-25,:host(c4p-page-header-content) .cds--xlg\\:col-span-25,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-0,:host(c4p-page-header-content) .cds--max\\:col-span-0,:host(c4p-page-header-tabs) .cds--max\\:col-span-0{display:none}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-1,:host(c4p-page-header-content) .cds--max\\:col-span-1,:host(c4p-page-header-tabs) .cds--max\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-2,:host(c4p-page-header-content) .cds--max\\:col-span-2,:host(c4p-page-header-tabs) .cds--max\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-3,:host(c4p-page-header-content) .cds--max\\:col-span-3,:host(c4p-page-header-tabs) .cds--max\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-4,:host(c4p-page-header-content) .cds--max\\:col-span-4,:host(c4p-page-header-tabs) .cds--max\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-5,:host(c4p-page-header-content) .cds--max\\:col-span-5,:host(c4p-page-header-tabs) .cds--max\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-6,:host(c4p-page-header-content) .cds--max\\:col-span-6,:host(c4p-page-header-tabs) .cds--max\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-7,:host(c4p-page-header-content) .cds--max\\:col-span-7,:host(c4p-page-header-tabs) .cds--max\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-8,:host(c4p-page-header-content) .cds--max\\:col-span-8,:host(c4p-page-header-tabs) .cds--max\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-9,:host(c4p-page-header-content) .cds--max\\:col-span-9,:host(c4p-page-header-tabs) .cds--max\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-10,:host(c4p-page-header-content) .cds--max\\:col-span-10,:host(c4p-page-header-tabs) .cds--max\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-11,:host(c4p-page-header-content) .cds--max\\:col-span-11,:host(c4p-page-header-tabs) .cds--max\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-12,:host(c4p-page-header-content) .cds--max\\:col-span-12,:host(c4p-page-header-tabs) .cds--max\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-13,:host(c4p-page-header-content) .cds--max\\:col-span-13,:host(c4p-page-header-tabs) .cds--max\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-14,:host(c4p-page-header-content) .cds--max\\:col-span-14,:host(c4p-page-header-tabs) .cds--max\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-15,:host(c4p-page-header-content) .cds--max\\:col-span-15,:host(c4p-page-header-tabs) .cds--max\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-16,:host(c4p-page-header-content) .cds--max\\:col-span-16,:host(c4p-page-header-tabs) .cds--max\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-auto,:host(c4p-page-header-content) .cds--max\\:col-span-auto,:host(c4p-page-header-tabs) .cds--max\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-100,:host(c4p-page-header-content) .cds--max\\:col-span-100,:host(c4p-page-header-tabs) .cds--max\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-75,:host(c4p-page-header-content) .cds--max\\:col-span-75,:host(c4p-page-header-tabs) .cds--max\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-50,:host(c4p-page-header-content) .cds--max\\:col-span-50,:host(c4p-page-header-tabs) .cds--max\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-25,:host(c4p-page-header-content) .cds--max\\:col-span-25,:host(c4p-page-header-tabs) .cds--max\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}:host(c4p-page-header-breadcrumb) .cds--col-span-auto,:host(c4p-page-header-content) .cds--col-span-auto,:host(c4p-page-header-tabs) .cds--col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds--col-span-100,:host(c4p-page-header-content) .cds--col-span-100,:host(c4p-page-header-tabs) .cds--col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds--col-span-75,:host(c4p-page-header-content) .cds--col-span-75,:host(c4p-page-header-tabs) .cds--col-span-75{--cds-grid-columns:3;grid-column:span 3/span 3}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--col-span-75,:host(c4p-page-header-content) .cds--col-span-75,:host(c4p-page-header-tabs) .cds--col-span-75{--cds-grid-columns:6;grid-column:span 6/span 6}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--col-span-75,:host(c4p-page-header-content) .cds--col-span-75,:host(c4p-page-header-tabs) .cds--col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}}:host(c4p-page-header-breadcrumb) .cds--col-span-50,:host(c4p-page-header-content) .cds--col-span-50,:host(c4p-page-header-tabs) .cds--col-span-50{--cds-grid-columns:2;grid-column:span 2/span 2}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--col-span-50,:host(c4p-page-header-content) .cds--col-span-50,:host(c4p-page-header-tabs) .cds--col-span-50{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--col-span-50,:host(c4p-page-header-content) .cds--col-span-50,:host(c4p-page-header-tabs) .cds--col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}}:host(c4p-page-header-breadcrumb) .cds--col-span-25,:host(c4p-page-header-content) .cds--col-span-25,:host(c4p-page-header-tabs) .cds--col-span-25{--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--col-span-25,:host(c4p-page-header-content) .cds--col-span-25,:host(c4p-page-header-tabs) .cds--col-span-25{--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--col-span-25,:host(c4p-page-header-content) .cds--col-span-25,:host(c4p-page-header-tabs) .cds--col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}:host(c4p-page-header-breadcrumb) .cds--col-start-1,:host(c4p-page-header-content) .cds--col-start-1,:host(c4p-page-header-tabs) .cds--col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds--col-start-2,:host(c4p-page-header-content) .cds--col-start-2,:host(c4p-page-header-tabs) .cds--col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds--col-start-3,:host(c4p-page-header-content) .cds--col-start-3,:host(c4p-page-header-tabs) .cds--col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds--col-start-4,:host(c4p-page-header-content) .cds--col-start-4,:host(c4p-page-header-tabs) .cds--col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds--col-start-5,:host(c4p-page-header-content) .cds--col-start-5,:host(c4p-page-header-tabs) .cds--col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds--col-start-6,:host(c4p-page-header-content) .cds--col-start-6,:host(c4p-page-header-tabs) .cds--col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds--col-start-7,:host(c4p-page-header-content) .cds--col-start-7,:host(c4p-page-header-tabs) .cds--col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds--col-start-8,:host(c4p-page-header-content) .cds--col-start-8,:host(c4p-page-header-tabs) .cds--col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds--col-start-9,:host(c4p-page-header-content) .cds--col-start-9,:host(c4p-page-header-tabs) .cds--col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds--col-start-10,:host(c4p-page-header-content) .cds--col-start-10,:host(c4p-page-header-tabs) .cds--col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds--col-start-11,:host(c4p-page-header-content) .cds--col-start-11,:host(c4p-page-header-tabs) .cds--col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds--col-start-12,:host(c4p-page-header-content) .cds--col-start-12,:host(c4p-page-header-tabs) .cds--col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds--col-start-13,:host(c4p-page-header-content) .cds--col-start-13,:host(c4p-page-header-tabs) .cds--col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds--col-start-14,:host(c4p-page-header-content) .cds--col-start-14,:host(c4p-page-header-tabs) .cds--col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds--col-start-15,:host(c4p-page-header-content) .cds--col-start-15,:host(c4p-page-header-tabs) .cds--col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds--col-start-16,:host(c4p-page-header-content) .cds--col-start-16,:host(c4p-page-header-tabs) .cds--col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds--col-end-2,:host(c4p-page-header-content) .cds--col-end-2,:host(c4p-page-header-tabs) .cds--col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds--col-end-3,:host(c4p-page-header-content) .cds--col-end-3,:host(c4p-page-header-tabs) .cds--col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds--col-end-4,:host(c4p-page-header-content) .cds--col-end-4,:host(c4p-page-header-tabs) .cds--col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds--col-end-5,:host(c4p-page-header-content) .cds--col-end-5,:host(c4p-page-header-tabs) .cds--col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds--col-end-6,:host(c4p-page-header-content) .cds--col-end-6,:host(c4p-page-header-tabs) .cds--col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds--col-end-7,:host(c4p-page-header-content) .cds--col-end-7,:host(c4p-page-header-tabs) .cds--col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds--col-end-8,:host(c4p-page-header-content) .cds--col-end-8,:host(c4p-page-header-tabs) .cds--col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds--col-end-9,:host(c4p-page-header-content) .cds--col-end-9,:host(c4p-page-header-tabs) .cds--col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds--col-end-10,:host(c4p-page-header-content) .cds--col-end-10,:host(c4p-page-header-tabs) .cds--col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds--col-end-11,:host(c4p-page-header-content) .cds--col-end-11,:host(c4p-page-header-tabs) .cds--col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds--col-end-12,:host(c4p-page-header-content) .cds--col-end-12,:host(c4p-page-header-tabs) .cds--col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds--col-end-13,:host(c4p-page-header-content) .cds--col-end-13,:host(c4p-page-header-tabs) .cds--col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds--col-end-14,:host(c4p-page-header-content) .cds--col-end-14,:host(c4p-page-header-tabs) .cds--col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds--col-end-15,:host(c4p-page-header-content) .cds--col-end-15,:host(c4p-page-header-tabs) .cds--col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds--col-end-16,:host(c4p-page-header-content) .cds--col-end-16,:host(c4p-page-header-tabs) .cds--col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds--col-end-17,:host(c4p-page-header-content) .cds--col-end-17,:host(c4p-page-header-tabs) .cds--col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds--col-start-auto,:host(c4p-page-header-content) .cds--col-start-auto,:host(c4p-page-header-tabs) .cds--col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds--col-end-auto,:host(c4p-page-header-content) .cds--col-end-auto,:host(c4p-page-header-tabs) .cds--col-end-auto{grid-column-end:auto}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-1,:host(c4p-page-header-content) .cds--sm\\:col-start-1,:host(c4p-page-header-tabs) .cds--sm\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-2,:host(c4p-page-header-content) .cds--sm\\:col-start-2,:host(c4p-page-header-tabs) .cds--sm\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-3,:host(c4p-page-header-content) .cds--sm\\:col-start-3,:host(c4p-page-header-tabs) .cds--sm\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-4,:host(c4p-page-header-content) .cds--sm\\:col-start-4,:host(c4p-page-header-tabs) .cds--sm\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-5,:host(c4p-page-header-content) .cds--sm\\:col-start-5,:host(c4p-page-header-tabs) .cds--sm\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-6,:host(c4p-page-header-content) .cds--sm\\:col-start-6,:host(c4p-page-header-tabs) .cds--sm\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-7,:host(c4p-page-header-content) .cds--sm\\:col-start-7,:host(c4p-page-header-tabs) .cds--sm\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-8,:host(c4p-page-header-content) .cds--sm\\:col-start-8,:host(c4p-page-header-tabs) .cds--sm\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-9,:host(c4p-page-header-content) .cds--sm\\:col-start-9,:host(c4p-page-header-tabs) .cds--sm\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-10,:host(c4p-page-header-content) .cds--sm\\:col-start-10,:host(c4p-page-header-tabs) .cds--sm\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-11,:host(c4p-page-header-content) .cds--sm\\:col-start-11,:host(c4p-page-header-tabs) .cds--sm\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-12,:host(c4p-page-header-content) .cds--sm\\:col-start-12,:host(c4p-page-header-tabs) .cds--sm\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-13,:host(c4p-page-header-content) .cds--sm\\:col-start-13,:host(c4p-page-header-tabs) .cds--sm\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-14,:host(c4p-page-header-content) .cds--sm\\:col-start-14,:host(c4p-page-header-tabs) .cds--sm\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-15,:host(c4p-page-header-content) .cds--sm\\:col-start-15,:host(c4p-page-header-tabs) .cds--sm\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-16,:host(c4p-page-header-content) .cds--sm\\:col-start-16,:host(c4p-page-header-tabs) .cds--sm\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-2,:host(c4p-page-header-content) .cds--sm\\:col-end-2,:host(c4p-page-header-tabs) .cds--sm\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-3,:host(c4p-page-header-content) .cds--sm\\:col-end-3,:host(c4p-page-header-tabs) .cds--sm\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-4,:host(c4p-page-header-content) .cds--sm\\:col-end-4,:host(c4p-page-header-tabs) .cds--sm\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-5,:host(c4p-page-header-content) .cds--sm\\:col-end-5,:host(c4p-page-header-tabs) .cds--sm\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-6,:host(c4p-page-header-content) .cds--sm\\:col-end-6,:host(c4p-page-header-tabs) .cds--sm\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-7,:host(c4p-page-header-content) .cds--sm\\:col-end-7,:host(c4p-page-header-tabs) .cds--sm\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-8,:host(c4p-page-header-content) .cds--sm\\:col-end-8,:host(c4p-page-header-tabs) .cds--sm\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-9,:host(c4p-page-header-content) .cds--sm\\:col-end-9,:host(c4p-page-header-tabs) .cds--sm\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-10,:host(c4p-page-header-content) .cds--sm\\:col-end-10,:host(c4p-page-header-tabs) .cds--sm\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-11,:host(c4p-page-header-content) .cds--sm\\:col-end-11,:host(c4p-page-header-tabs) .cds--sm\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-12,:host(c4p-page-header-content) .cds--sm\\:col-end-12,:host(c4p-page-header-tabs) .cds--sm\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-13,:host(c4p-page-header-content) .cds--sm\\:col-end-13,:host(c4p-page-header-tabs) .cds--sm\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-14,:host(c4p-page-header-content) .cds--sm\\:col-end-14,:host(c4p-page-header-tabs) .cds--sm\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-15,:host(c4p-page-header-content) .cds--sm\\:col-end-15,:host(c4p-page-header-tabs) .cds--sm\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-16,:host(c4p-page-header-content) .cds--sm\\:col-end-16,:host(c4p-page-header-tabs) .cds--sm\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-17,:host(c4p-page-header-content) .cds--sm\\:col-end-17,:host(c4p-page-header-tabs) .cds--sm\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-auto,:host(c4p-page-header-content) .cds--sm\\:col-start-auto,:host(c4p-page-header-tabs) .cds--sm\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-auto,:host(c4p-page-header-content) .cds--sm\\:col-end-auto,:host(c4p-page-header-tabs) .cds--sm\\:col-end-auto{grid-column-end:auto}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-1,:host(c4p-page-header-content) .cds--md\\:col-start-1,:host(c4p-page-header-tabs) .cds--md\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-2,:host(c4p-page-header-content) .cds--md\\:col-start-2,:host(c4p-page-header-tabs) .cds--md\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-3,:host(c4p-page-header-content) .cds--md\\:col-start-3,:host(c4p-page-header-tabs) .cds--md\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-4,:host(c4p-page-header-content) .cds--md\\:col-start-4,:host(c4p-page-header-tabs) .cds--md\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-5,:host(c4p-page-header-content) .cds--md\\:col-start-5,:host(c4p-page-header-tabs) .cds--md\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-6,:host(c4p-page-header-content) .cds--md\\:col-start-6,:host(c4p-page-header-tabs) .cds--md\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-7,:host(c4p-page-header-content) .cds--md\\:col-start-7,:host(c4p-page-header-tabs) .cds--md\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-8,:host(c4p-page-header-content) .cds--md\\:col-start-8,:host(c4p-page-header-tabs) .cds--md\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-9,:host(c4p-page-header-content) .cds--md\\:col-start-9,:host(c4p-page-header-tabs) .cds--md\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-10,:host(c4p-page-header-content) .cds--md\\:col-start-10,:host(c4p-page-header-tabs) .cds--md\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-11,:host(c4p-page-header-content) .cds--md\\:col-start-11,:host(c4p-page-header-tabs) .cds--md\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-12,:host(c4p-page-header-content) .cds--md\\:col-start-12,:host(c4p-page-header-tabs) .cds--md\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-13,:host(c4p-page-header-content) .cds--md\\:col-start-13,:host(c4p-page-header-tabs) .cds--md\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-14,:host(c4p-page-header-content) .cds--md\\:col-start-14,:host(c4p-page-header-tabs) .cds--md\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-15,:host(c4p-page-header-content) .cds--md\\:col-start-15,:host(c4p-page-header-tabs) .cds--md\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-16,:host(c4p-page-header-content) .cds--md\\:col-start-16,:host(c4p-page-header-tabs) .cds--md\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-2,:host(c4p-page-header-content) .cds--md\\:col-end-2,:host(c4p-page-header-tabs) .cds--md\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-3,:host(c4p-page-header-content) .cds--md\\:col-end-3,:host(c4p-page-header-tabs) .cds--md\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-4,:host(c4p-page-header-content) .cds--md\\:col-end-4,:host(c4p-page-header-tabs) .cds--md\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-5,:host(c4p-page-header-content) .cds--md\\:col-end-5,:host(c4p-page-header-tabs) .cds--md\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-6,:host(c4p-page-header-content) .cds--md\\:col-end-6,:host(c4p-page-header-tabs) .cds--md\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-7,:host(c4p-page-header-content) .cds--md\\:col-end-7,:host(c4p-page-header-tabs) .cds--md\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-8,:host(c4p-page-header-content) .cds--md\\:col-end-8,:host(c4p-page-header-tabs) .cds--md\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-9,:host(c4p-page-header-content) .cds--md\\:col-end-9,:host(c4p-page-header-tabs) .cds--md\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-10,:host(c4p-page-header-content) .cds--md\\:col-end-10,:host(c4p-page-header-tabs) .cds--md\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-11,:host(c4p-page-header-content) .cds--md\\:col-end-11,:host(c4p-page-header-tabs) .cds--md\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-12,:host(c4p-page-header-content) .cds--md\\:col-end-12,:host(c4p-page-header-tabs) .cds--md\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-13,:host(c4p-page-header-content) .cds--md\\:col-end-13,:host(c4p-page-header-tabs) .cds--md\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-14,:host(c4p-page-header-content) .cds--md\\:col-end-14,:host(c4p-page-header-tabs) .cds--md\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-15,:host(c4p-page-header-content) .cds--md\\:col-end-15,:host(c4p-page-header-tabs) .cds--md\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-16,:host(c4p-page-header-content) .cds--md\\:col-end-16,:host(c4p-page-header-tabs) .cds--md\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-17,:host(c4p-page-header-content) .cds--md\\:col-end-17,:host(c4p-page-header-tabs) .cds--md\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-auto,:host(c4p-page-header-content) .cds--md\\:col-start-auto,:host(c4p-page-header-tabs) .cds--md\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-auto,:host(c4p-page-header-content) .cds--md\\:col-end-auto,:host(c4p-page-header-tabs) .cds--md\\:col-end-auto{grid-column-end:auto}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-1,:host(c4p-page-header-content) .cds--lg\\:col-start-1,:host(c4p-page-header-tabs) .cds--lg\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-2,:host(c4p-page-header-content) .cds--lg\\:col-start-2,:host(c4p-page-header-tabs) .cds--lg\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-3,:host(c4p-page-header-content) .cds--lg\\:col-start-3,:host(c4p-page-header-tabs) .cds--lg\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-4,:host(c4p-page-header-content) .cds--lg\\:col-start-4,:host(c4p-page-header-tabs) .cds--lg\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-5,:host(c4p-page-header-content) .cds--lg\\:col-start-5,:host(c4p-page-header-tabs) .cds--lg\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-6,:host(c4p-page-header-content) .cds--lg\\:col-start-6,:host(c4p-page-header-tabs) .cds--lg\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-7,:host(c4p-page-header-content) .cds--lg\\:col-start-7,:host(c4p-page-header-tabs) .cds--lg\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-8,:host(c4p-page-header-content) .cds--lg\\:col-start-8,:host(c4p-page-header-tabs) .cds--lg\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-9,:host(c4p-page-header-content) .cds--lg\\:col-start-9,:host(c4p-page-header-tabs) .cds--lg\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-10,:host(c4p-page-header-content) .cds--lg\\:col-start-10,:host(c4p-page-header-tabs) .cds--lg\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-11,:host(c4p-page-header-content) .cds--lg\\:col-start-11,:host(c4p-page-header-tabs) .cds--lg\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-12,:host(c4p-page-header-content) .cds--lg\\:col-start-12,:host(c4p-page-header-tabs) .cds--lg\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-13,:host(c4p-page-header-content) .cds--lg\\:col-start-13,:host(c4p-page-header-tabs) .cds--lg\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-14,:host(c4p-page-header-content) .cds--lg\\:col-start-14,:host(c4p-page-header-tabs) .cds--lg\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-15,:host(c4p-page-header-content) .cds--lg\\:col-start-15,:host(c4p-page-header-tabs) .cds--lg\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-16,:host(c4p-page-header-content) .cds--lg\\:col-start-16,:host(c4p-page-header-tabs) .cds--lg\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-2,:host(c4p-page-header-content) .cds--lg\\:col-end-2,:host(c4p-page-header-tabs) .cds--lg\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-3,:host(c4p-page-header-content) .cds--lg\\:col-end-3,:host(c4p-page-header-tabs) .cds--lg\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-4,:host(c4p-page-header-content) .cds--lg\\:col-end-4,:host(c4p-page-header-tabs) .cds--lg\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-5,:host(c4p-page-header-content) .cds--lg\\:col-end-5,:host(c4p-page-header-tabs) .cds--lg\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-6,:host(c4p-page-header-content) .cds--lg\\:col-end-6,:host(c4p-page-header-tabs) .cds--lg\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-7,:host(c4p-page-header-content) .cds--lg\\:col-end-7,:host(c4p-page-header-tabs) .cds--lg\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-8,:host(c4p-page-header-content) .cds--lg\\:col-end-8,:host(c4p-page-header-tabs) .cds--lg\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-9,:host(c4p-page-header-content) .cds--lg\\:col-end-9,:host(c4p-page-header-tabs) .cds--lg\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-10,:host(c4p-page-header-content) .cds--lg\\:col-end-10,:host(c4p-page-header-tabs) .cds--lg\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-11,:host(c4p-page-header-content) .cds--lg\\:col-end-11,:host(c4p-page-header-tabs) .cds--lg\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-12,:host(c4p-page-header-content) .cds--lg\\:col-end-12,:host(c4p-page-header-tabs) .cds--lg\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-13,:host(c4p-page-header-content) .cds--lg\\:col-end-13,:host(c4p-page-header-tabs) .cds--lg\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-14,:host(c4p-page-header-content) .cds--lg\\:col-end-14,:host(c4p-page-header-tabs) .cds--lg\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-15,:host(c4p-page-header-content) .cds--lg\\:col-end-15,:host(c4p-page-header-tabs) .cds--lg\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-16,:host(c4p-page-header-content) .cds--lg\\:col-end-16,:host(c4p-page-header-tabs) .cds--lg\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-17,:host(c4p-page-header-content) .cds--lg\\:col-end-17,:host(c4p-page-header-tabs) .cds--lg\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-auto,:host(c4p-page-header-content) .cds--lg\\:col-start-auto,:host(c4p-page-header-tabs) .cds--lg\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-auto,:host(c4p-page-header-content) .cds--lg\\:col-end-auto,:host(c4p-page-header-tabs) .cds--lg\\:col-end-auto{grid-column-end:auto}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-1,:host(c4p-page-header-content) .cds--xlg\\:col-start-1,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-2,:host(c4p-page-header-content) .cds--xlg\\:col-start-2,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-3,:host(c4p-page-header-content) .cds--xlg\\:col-start-3,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-4,:host(c4p-page-header-content) .cds--xlg\\:col-start-4,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-5,:host(c4p-page-header-content) .cds--xlg\\:col-start-5,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-6,:host(c4p-page-header-content) .cds--xlg\\:col-start-6,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-7,:host(c4p-page-header-content) .cds--xlg\\:col-start-7,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-8,:host(c4p-page-header-content) .cds--xlg\\:col-start-8,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-9,:host(c4p-page-header-content) .cds--xlg\\:col-start-9,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-10,:host(c4p-page-header-content) .cds--xlg\\:col-start-10,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-11,:host(c4p-page-header-content) .cds--xlg\\:col-start-11,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-12,:host(c4p-page-header-content) .cds--xlg\\:col-start-12,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-13,:host(c4p-page-header-content) .cds--xlg\\:col-start-13,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-14,:host(c4p-page-header-content) .cds--xlg\\:col-start-14,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-15,:host(c4p-page-header-content) .cds--xlg\\:col-start-15,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-16,:host(c4p-page-header-content) .cds--xlg\\:col-start-16,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-2,:host(c4p-page-header-content) .cds--xlg\\:col-end-2,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-3,:host(c4p-page-header-content) .cds--xlg\\:col-end-3,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-4,:host(c4p-page-header-content) .cds--xlg\\:col-end-4,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-5,:host(c4p-page-header-content) .cds--xlg\\:col-end-5,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-6,:host(c4p-page-header-content) .cds--xlg\\:col-end-6,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-7,:host(c4p-page-header-content) .cds--xlg\\:col-end-7,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-8,:host(c4p-page-header-content) .cds--xlg\\:col-end-8,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-9,:host(c4p-page-header-content) .cds--xlg\\:col-end-9,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-10,:host(c4p-page-header-content) .cds--xlg\\:col-end-10,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-11,:host(c4p-page-header-content) .cds--xlg\\:col-end-11,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-12,:host(c4p-page-header-content) .cds--xlg\\:col-end-12,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-13,:host(c4p-page-header-content) .cds--xlg\\:col-end-13,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-14,:host(c4p-page-header-content) .cds--xlg\\:col-end-14,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-15,:host(c4p-page-header-content) .cds--xlg\\:col-end-15,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-16,:host(c4p-page-header-content) .cds--xlg\\:col-end-16,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-17,:host(c4p-page-header-content) .cds--xlg\\:col-end-17,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-auto,:host(c4p-page-header-content) .cds--xlg\\:col-start-auto,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-auto,:host(c4p-page-header-content) .cds--xlg\\:col-end-auto,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-auto{grid-column-end:auto}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-1,:host(c4p-page-header-content) .cds--max\\:col-start-1,:host(c4p-page-header-tabs) .cds--max\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-2,:host(c4p-page-header-content) .cds--max\\:col-start-2,:host(c4p-page-header-tabs) .cds--max\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-3,:host(c4p-page-header-content) .cds--max\\:col-start-3,:host(c4p-page-header-tabs) .cds--max\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-4,:host(c4p-page-header-content) .cds--max\\:col-start-4,:host(c4p-page-header-tabs) .cds--max\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-5,:host(c4p-page-header-content) .cds--max\\:col-start-5,:host(c4p-page-header-tabs) .cds--max\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-6,:host(c4p-page-header-content) .cds--max\\:col-start-6,:host(c4p-page-header-tabs) .cds--max\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-7,:host(c4p-page-header-content) .cds--max\\:col-start-7,:host(c4p-page-header-tabs) .cds--max\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-8,:host(c4p-page-header-content) .cds--max\\:col-start-8,:host(c4p-page-header-tabs) .cds--max\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-9,:host(c4p-page-header-content) .cds--max\\:col-start-9,:host(c4p-page-header-tabs) .cds--max\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-10,:host(c4p-page-header-content) .cds--max\\:col-start-10,:host(c4p-page-header-tabs) .cds--max\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-11,:host(c4p-page-header-content) .cds--max\\:col-start-11,:host(c4p-page-header-tabs) .cds--max\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-12,:host(c4p-page-header-content) .cds--max\\:col-start-12,:host(c4p-page-header-tabs) .cds--max\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-13,:host(c4p-page-header-content) .cds--max\\:col-start-13,:host(c4p-page-header-tabs) .cds--max\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-14,:host(c4p-page-header-content) .cds--max\\:col-start-14,:host(c4p-page-header-tabs) .cds--max\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-15,:host(c4p-page-header-content) .cds--max\\:col-start-15,:host(c4p-page-header-tabs) .cds--max\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-16,:host(c4p-page-header-content) .cds--max\\:col-start-16,:host(c4p-page-header-tabs) .cds--max\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-2,:host(c4p-page-header-content) .cds--max\\:col-end-2,:host(c4p-page-header-tabs) .cds--max\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-3,:host(c4p-page-header-content) .cds--max\\:col-end-3,:host(c4p-page-header-tabs) .cds--max\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-4,:host(c4p-page-header-content) .cds--max\\:col-end-4,:host(c4p-page-header-tabs) .cds--max\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-5,:host(c4p-page-header-content) .cds--max\\:col-end-5,:host(c4p-page-header-tabs) .cds--max\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-6,:host(c4p-page-header-content) .cds--max\\:col-end-6,:host(c4p-page-header-tabs) .cds--max\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-7,:host(c4p-page-header-content) .cds--max\\:col-end-7,:host(c4p-page-header-tabs) .cds--max\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-8,:host(c4p-page-header-content) .cds--max\\:col-end-8,:host(c4p-page-header-tabs) .cds--max\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-9,:host(c4p-page-header-content) .cds--max\\:col-end-9,:host(c4p-page-header-tabs) .cds--max\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-10,:host(c4p-page-header-content) .cds--max\\:col-end-10,:host(c4p-page-header-tabs) .cds--max\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-11,:host(c4p-page-header-content) .cds--max\\:col-end-11,:host(c4p-page-header-tabs) .cds--max\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-12,:host(c4p-page-header-content) .cds--max\\:col-end-12,:host(c4p-page-header-tabs) .cds--max\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-13,:host(c4p-page-header-content) .cds--max\\:col-end-13,:host(c4p-page-header-tabs) .cds--max\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-14,:host(c4p-page-header-content) .cds--max\\:col-end-14,:host(c4p-page-header-tabs) .cds--max\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-15,:host(c4p-page-header-content) .cds--max\\:col-end-15,:host(c4p-page-header-tabs) .cds--max\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-16,:host(c4p-page-header-content) .cds--max\\:col-end-16,:host(c4p-page-header-tabs) .cds--max\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-17,:host(c4p-page-header-content) .cds--max\\:col-end-17,:host(c4p-page-header-tabs) .cds--max\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-auto,:host(c4p-page-header-content) .cds--max\\:col-start-auto,:host(c4p-page-header-tabs) .cds--max\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-auto,:host(c4p-page-header-content) .cds--max\\:col-end-auto,:host(c4p-page-header-tabs) .cds--max\\:col-end-auto{grid-column-end:auto}}:host(c4p-page-header-breadcrumb),:host(c4p-page-header-content),:host(c4p-page-header-tabs){display:block}:host(c4p-page-header-breadcrumb){background-color:var(--cds-layer-01,#f4f4f4);block-size:2.5rem;inset-block-start:var(--c4p-page-header-breadcrumb-top);overflow:visible;position:sticky;z-index:1}:host(c4p-page-header-breadcrumb[border]){border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}:host(c4p-page-header-breadcrumb.c4p--page-header-breadcrumb--fixed){background-color:var(--cds-layer-01,#f4f4f4);block-size:2.5rem;inset-block-start:var(--c4p-page-header-breadcrumb-top);inset-inline-end:0;inset-inline-start:0;position:fixed;z-index:7999}:host(c4p-page-header-breadcrumb.c4p--page-header-breadcrumb--fixed[border]){border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}:host(c4p-page-header-breadcrumb) ::slotted([slot=icon]){margin-inline-end:.5rem}:host(c4p-page-header-breadcrumb) .cds--subgrid{block-size:100%}:host(c4p-page-header-breadcrumb) .cds--css-grid-column{min-inline-size:0;overflow:visible}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-container{align-items:center;block-size:2.5rem;display:flex;gap:.5rem;inline-size:100%;justify-content:space-between;min-inline-size:0}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{display:flex;flex:1 1 auto;min-inline-size:0}@media (max-width:41.98rem){:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{flex:1 1 75%}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{max-inline-size:60%}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{max-inline-size:60%}}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__actions{align-items:center;display:flex;flex:0 0 auto;gap:.5rem;justify-content:flex-end;min-inline-size:0}@media (max-width:41.98rem){:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__actions{flex:0 1 25%;max-inline-size:25%}}:host(c4p-page-header-breadcrumb:not([content-actions-flush])) ::slotted([slot=content-actions]){margin-inline-end:.75rem!important}:host(c4p-page-header-breadcrumb[page-actions-flush]) .cds--css-grid{margin-inline-end:0;padding-inline-end:0}:host(c4p-page-header-breadcrumb[page-actions-flush]) .cds--css-grid-column{margin-inline-end:0}:host(c4p-page-header-content){padding-block-start:1.5rem}:host(c4p-page-header-content) .c4p--page-header__content__title{display:-webkit-box;font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572);margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-inline-size:40rem;text-overflow:ellipsis;white-space:normal}@media (max-width:41.98rem){:host(c4p-page-header-content) .c4p--page-header__content__title-wrapper{display:flex;flex-direction:column;grid-gap:1rem}}:host(c4p-page-header-content) .c4p--page-header__content__title-wrapper{display:grid;gap:1rem;grid-template-columns:auto minmax(auto,auto);margin-block-end:1rem;min-block-size:2.5rem}:host(c4p-page-header-content) .c4p--page-header__content__start{display:flex;flex-wrap:wrap;gap:1rem}:host(c4p-page-header-content) .c4p--page-header__content__page-actions{display:flex;justify-content:right;transition:opacity .24s cubic-bezier(.2,0,.38,.9)}:host(c4p-page-header-content) .c4p--page-header__content__page-actions.c4p--page-header__content__page-actions--clipped{opacity:0;visibility:hidden}@media (max-width:41.98rem){:host(c4p-page-header-content) .c4p--page-header__content__page-actions{justify-content:left;margin-block-start:0}}:host(c4p-page-header-content) .c4p--page-header__content__title-container{display:flex}:host(c4p-page-header-content) ::slotted([slot=icon]){margin-inline-end:1rem}:host(c4p-page-header-content) ::slotted([slot=contextual-actions]){align-items:center;display:flex}:host(c4p-page-header-content[contextual-actions]) .c4p--page-header__content__title{-webkit-line-clamp:1}:host(c4p-page-header-content-text){display:block;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);max-inline-size:40rem;padding-block-end:1.5rem}:host(c4p-page-header-content-text) .c4p--page-header__content__subtitle{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4);margin-block-end:.5rem;margin-block-start:0}:host(c4p-page-header-hero-image){block-size:100%;display:block;overflow:hidden;position:relative}:host(c4p-page-header-hero-image) .c4p--page-header__hero-image{inset:0;position:absolute}:host(c4p-page-header-hero-image) ::slotted(picture){block-size:100%;display:flex;inline-size:100%;justify-content:center}:host(c4p-page-header-hero-image) ::slotted(img){block-size:100%;display:block;inline-size:100%;-o-object-fit:var(--object-fit,cover);object-fit:var(--object-fit,cover);-o-object-position:var(--object-position,center);object-position:var(--object-position,center)}:host(c4p-page-header-hero-image):before{content:\"\";display:block;padding-block-start:66.6666666667%}@media (min-width:66rem){:host(c4p-page-header-hero-image):before{padding-block-start:50%}}:host(c4p-page-header-hero-image):after{clear:both;content:\"\";display:table}:host(c4p-page-header-tabs){background-color:var(--cds-layer-01,#f4f4f4);inset-block-start:var(--c4p-page-header-breadcrumb-top);position:sticky;z-index:1}:host(c4p-page-header-tabs) .cds--css-grid{align-items:center;display:flex}@media (min-width:99rem){:host(c4p-page-header-tabs) .cds--css-grid{display:grid}}:host(c4p-page-header-tabs) .cds--css-grid .cds--css-grid-column{flex:1;margin:0;min-inline-size:0}@media (min-width:99rem){:host(c4p-page-header-tabs) .cds--css-grid .cds--css-grid-column{flex:none}}:host(c4p-page-header-tabs.c4p--page-header-tabs--disable-sticky){position:static}:host(c4p-page-header-tabs) .c4p--page-header__tab-bar--tablist{align-items:center;display:flex}:host(c4p-page-header-tabs) ::slotted([slot=tags]){align-items:center;display:inline-flex;inline-size:40%;justify-content:flex-end;margin-inline-start:auto;min-inline-size:0}:host(c4p-page-header-tabs:has([slot=scroller])) ::slotted([slot=tags]){transform:translateX(-1.5rem)}@media (min-width:42rem){:host(c4p-page-header-tabs:has([slot=scroller])) ::slotted([slot=tags]){padding-inline-end:.5rem;transform:translateX(0)}}@media (min-width:99rem){:host(c4p-page-header-tabs:has([slot=scroller])) ::slotted([slot=tags]){padding-inline-end:1rem}}:host(c4p-page-header-tabs) ::slotted([slot=scroller]){position:relative}@media (min-width:99rem){:host(c4p-page-header-tabs) ::slotted([slot=scroller]){inset-block-start:0;inset-inline-end:0;position:absolute}}:host(c4p-page-header-breadcrumb) .cds--css-grid,:host(c4p-page-header-content) .cds--css-grid,:host(c4p-page-header-tabs) .cds--css-grid{inline-size:auto}cds-definition-tooltip::part(definition-term){border:none}:host(c4p-page-header-tabs) ::slotted(cds-tabs){--tabs-overflow-button-background:$layer-01}@keyframes page-header-title-breadcrumb-animation{0%{opacity:0;transform:translateY(1rem)}5%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes page-header-title-breadcrumb-animation-reduced-motion{0%{opacity:0}5%{opacity:1}to{opacity:1}}@supports not (animation-timeline:scroll()){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__fallback){opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__fallback){transform:translateY(0);transition:opacity .15s cubic-bezier(.2,0,.38,.9)}}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__content-actions-with-global-actions{opacity:0;visibility:hidden}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__content-actions-with-global-actions.c4p--page-header__breadcrumb__content-actions-with-global-actions--show{opacity:1;transform:translateY(0);transition:opacity .15s cubic-bezier(.2,0,.38,.9);visibility:visible}:host(c4p-page-header-title-breadcrumb){opacity:0;transform:translateY(1rem);transition:transform .15s cubic-bezier(.2,0,.38,.9),opacity .15s cubic-bezier(.2,0,.38,.9)}@supports not (animation-timeline:scroll()){@supports not (animation-timeline:scroll()){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content).c4p--page-header-title-breadcrumb-show__fallback{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content).c4p--page-header-title-breadcrumb-show__fallback{transform:translateY(0);transition:opacity .15s cubic-bezier(.2,0,.38,.9)}}}@supports (animation-timeline:scroll()){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content){animation-direction:alternate;animation-duration:1ms;animation-name:page-header-title-breadcrumb-animation;animation-timeline:scroll(block nearest)}@media (prefers-reduced-motion:reduce){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content){animation-name:page-header-title-breadcrumb-animation-reduced-motion;transform:translateY(0)}}}:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__by-default){opacity:1;transform:translateY(0)}"]);
|
|
11
11
|
//#endregion
|
|
12
12
|
export { page_header_default as default };
|
|
13
13
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-header.scss.js","names":[],"sources":["../../../src/components/page-header/page-header.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2025, 2025\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:math';\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/type' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/motion' as *;\n@use '@carbon/styles/scss/breakpoint' as *;\n@use '@carbon/styles/scss/utilities/convert';\n@use '@carbon/grid';\n@use '@carbon/styles/scss/components/page-header/index' as *;\n@use 'sass:map';\n\n$prefix: 'c4p';\n$carbon-prefix: 'cds';\n\n:host(#{$prefix}-page-header) {\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header;\n position: sticky;\n display: block;\n background-color: $layer-01;\n border-block-end: 1px solid $border-subtle-01;\n /* custom css property used from calculation of header offset */\n /* stylelint-disable-next-line carbon/layout-use */\n inset-block-start: var(--c4p-page-header-header-top);\n}\n\n:host(#{$prefix}-page-header-breadcrumb),\n:host(#{$prefix}-page-header-content),\n:host(#{$prefix}-page-header-tabs) {\n @include grid.css-grid();\n\n display: block;\n}\n\n:host(#{$prefix}-page-header-breadcrumb) {\n position: sticky;\n z-index: 1;\n overflow: visible;\n background-color: $layer-01;\n block-size: convert.to-rem(40px);\n border-block-end: $border-subtle;\n\n /* custom css property used from calculation of breadcrumb offset */\n /* stylelint-disable-next-line carbon/layout-use */\n inset-block-start: var(--c4p-page-header-breadcrumb-top);\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__breadcrumb-bar;\n ::slotted([slot='icon']) {\n margin-inline-end: $spacing-03;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__breadcrumb__icon;\n }\n\n .#{$carbon-prefix}--subgrid {\n block-size: 100%;\n }\n\n .#{$carbon-prefix}--css-grid-column {\n overflow: visible;\n min-inline-size: 0;\n }\n\n // TODO: remove this section when styles from React have been migrated\n .#{$prefix}--page-header__breadcrumb-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n block-size: $spacing-08;\n gap: $spacing-03;\n inline-size: 100%;\n min-inline-size: 0;\n }\n\n .#{$prefix}--page-header__breadcrumb-wrapper {\n display: flex;\n flex: 1 1 auto;\n min-inline-size: 0;\n\n @include breakpoint-down(md) {\n flex: 1 1 75%;\n }\n\n @include breakpoint(md) {\n max-inline-size: 60%;\n }\n\n @include breakpoint(lg) {\n max-inline-size: 60%;\n }\n }\n\n .#{$prefix}--page-header__breadcrumb__actions {\n display: flex;\n flex: 0 0 auto;\n align-items: center;\n justify-content: flex-end;\n gap: $spacing-03;\n min-inline-size: 0;\n\n @include breakpoint-down(md) {\n flex: 0 1 25%;\n max-inline-size: 25%;\n }\n }\n ///////////////////////////////\n}\n\n:host(#{$prefix}-page-header-breadcrumb:not([content-actions-flush]))\n ::slotted([slot='content-actions']) {\n //stylelint-disable declaration-no-important\n margin-inline-end: $spacing-04 !important;\n}\n\n:host(#{$prefix}-page-header-breadcrumb[page-actions-flush]) {\n .#{$carbon-prefix}--css-grid {\n margin-inline-end: 0;\n padding-inline-end: 0;\n }\n\n .#{$carbon-prefix}--css-grid-column {\n margin-inline-end: 0;\n }\n}\n\n:host(#{$prefix}-page-header-breadcrumb[border='true']) {\n border-block-end: 1px solid $border-subtle-01;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n\n // @extend .#{$prefix}--page-header__breadcrumb-bar-border;\n}\n\n:host(#{$prefix}-page-header-content) {\n padding-block-start: $spacing-06;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content;\n\n .#{$prefix}--page-header__content__title {\n @include type-style('productive-heading-04');\n\n display: -webkit-box;\n overflow: hidden;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content__title;\n margin: 0;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n max-inline-size: convert.to-rem(640px);\n text-overflow: ellipsis;\n white-space: normal;\n }\n\n .#{$prefix}--page-header__content__title-wrapper {\n // TODO: remove this section\n @include breakpoint-down(md) {\n display: flex;\n flex-direction: column;\n grid-gap: $spacing-05;\n }\n\n display: grid;\n gap: $spacing-05;\n ///////////////////////////////\n\n // overriding until the responsive behavior is implemented\n grid-template-columns: auto minmax(auto, auto);\n margin-block-end: $spacing-05;\n min-block-size: convert.to-rem(40px);\n }\n\n // TODO: remove this section\n .#{$prefix}--page-header__content__start {\n display: flex;\n flex-wrap: wrap;\n gap: $spacing-05;\n }\n\n .#{$prefix}--page-header__content__page-actions {\n display: flex;\n justify-content: right;\n /* stylelint-disable-next-line carbon/motion-easing-use */\n transition: opacity motion(standard, productive) $duration-moderate-02;\n\n &.#{$prefix}--page-header__content__page-actions--clipped {\n opacity: 0;\n visibility: hidden;\n }\n\n @include breakpoint-down('md') {\n justify-content: left;\n margin-block-start: 0;\n }\n }\n\n .#{$prefix}--page-header__content__title-container {\n display: flex;\n }\n ///////////////////////////////\n ::slotted([slot='icon']) {\n margin-inline-end: $spacing-05;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content__icon;\n }\n\n ::slotted([slot='contextual-actions']) {\n display: flex;\n align-items: center;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content__contextual-actions;\n }\n}\n\n:host(#{$prefix}-page-header-content[contextual-actions]) {\n .#{$prefix}--page-header__content__title {\n -webkit-line-clamp: 1;\n }\n}\n\n:host(#{$prefix}-page-header-content[contextual-actions]) {\n .#{$prefix}--page-header__content__title {\n -webkit-line-clamp: 1;\n }\n}\n\n:host(#{$prefix}-page-header-content-text) {\n @include type-style('body-01');\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content__body;\n display: block;\n max-inline-size: convert.to-rem(640px);\n padding-block-end: $spacing-06;\n\n .#{$prefix}--page-header__content__subtitle {\n @include type-style('productive-heading-03');\n\n margin-block-end: $spacing-03;\n // TODO: remove above styles when styles from React have been migrated\n margin-block-start: 0;\n }\n}\n\n:host(#{$prefix}-page-header-hero-image) {\n // Aspect ratio container - matches Carbon's AspectRatio component\n position: relative;\n display: block;\n overflow: hidden;\n block-size: 100%;\n\n // The inner div with hero-image class needs to be absolutely positioned\n // to overlay on the aspect ratio padding\n .#{$prefix}--page-header__hero-image {\n position: absolute;\n inset: 0;\n }\n\n // Styles for slotted content - needed for shadow DOM\n ::slotted(picture) {\n display: flex;\n justify-content: center;\n block-size: 100%;\n inline-size: 100%;\n }\n\n ::slotted(img) {\n display: block;\n block-size: 100%;\n inline-size: 100%;\n object-fit: var(--object-fit, cover);\n object-position: var(--object-position, center);\n }\n}\n\n:host(#{$prefix}-page-header-hero-image)::before {\n display: block;\n content: '';\n padding-block-start: math.percentage(math.div(2, 3));\n\n @include grid.breakpoint-up('lg') {\n padding-block-start: math.percentage(math.div(1, 2));\n }\n}\n\n:host(#{$prefix}-page-header-hero-image)::after {\n display: table;\n clear: both;\n content: '';\n}\n\n:host(#{$prefix}-page-header-tabs) {\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__tab-bar;\n position: relative;\n\n .#{$carbon-prefix}--css-grid {\n // On small screens, use flex to keep grid and scroller on same line\n display: flex;\n align-items: center;\n\n // On max breakpoint and above, use grid for proper Carbon alignment\n @include breakpoint(max) {\n display: grid;\n }\n }\n\n .#{$carbon-prefix}--css-grid .#{$carbon-prefix}--css-grid-column {\n // On small screens, allow column to flex\n flex: 1;\n margin: 0;\n min-inline-size: 0;\n\n @include breakpoint(max) {\n flex: none;\n }\n }\n}\n\n:host(#{$prefix}-page-header-tabs) .#{$prefix}--page-header__tab-bar--tablist {\n display: flex;\n align-items: center;\n}\n\n:host(#{$prefix}-page-header-tabs) ::slotted([slot='tags']) {\n display: inline-flex;\n align-items: center;\n justify-content: flex-end;\n inline-size: 40%;\n margin-inline-start: auto;\n min-inline-size: 0;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__tags;\n}\n\n// When scroller is present, adjust tags styling\n:host(#{$prefix}-page-header-tabs:has([slot='scroller']))\n ::slotted([slot='tags']) {\n transform: translateX(calc($spacing-06 * -1));\n\n @include breakpoint(md) {\n padding-inline-end: $spacing-03;\n transform: translateX(0);\n }\n @include breakpoint(max) {\n padding-inline-end: $spacing-05;\n }\n}\n\n// Scroller positioning: relative on small screens, absolute on max+\n:host(#{$prefix}-page-header-tabs) ::slotted([slot='scroller']) {\n position: relative;\n\n @include breakpoint(max) {\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 0;\n }\n}\n\n:host(#{$prefix}-page-header-breadcrumb),\n:host(#{$prefix}-page-header-content),\n:host(#{$prefix}-page-header-tabs) {\n .#{$carbon-prefix}--css-grid {\n inline-size: initial;\n }\n}\n\n#{$carbon-prefix}-definition-tooltip::part(definition-term) {\n border: none;\n}\n\n:host(#{$prefix}-page-header-tabs) ::slotted(#{$carbon-prefix}-tabs) {\n --tabs-overflow-button-background: $layer-01;\n}\n\n@keyframes page-header-title-breadcrumb-animation {\n 0% {\n opacity: 0;\n transform: translateY($spacing-05);\n }\n\n 5% {\n opacity: 1;\n transform: translateY(0);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes page-header-title-breadcrumb-animation-reduced-motion {\n 0% {\n opacity: 0;\n }\n\n 5% {\n opacity: 1;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n// Target browsers that do not yet support animation-timeline: scroll()\n@mixin scroll-fallback {\n @supports not (animation-timeline: scroll()) {\n opacity: 1;\n transform: translateY(0);\n }\n @media (prefers-reduced-motion: reduce) {\n transform: translateY(0);\n /* stylelint-disable-next-line */\n transition: opacity motion(standard, productive) $duration-moderate-01;\n }\n}\n\n@mixin scroll-animation {\n @supports (animation-timeline: scroll()) {\n // Show by default should not have any animation, this means\n // there was not a page header content element provided\n animation-direction: alternate;\n animation-duration: 1ms; /* Firefox requires this to apply the animation */\n animation-name: page-header-title-breadcrumb-animation;\n animation-timeline: scroll(block nearest);\n\n @media (prefers-reduced-motion: reduce) {\n animation-name: page-header-title-breadcrumb-animation-reduced-motion;\n transform: translateY(0);\n }\n }\n}\n\n:host(\n #{$prefix}-page-header-title-breadcrumb.#{$prefix}--page-header-title-breadcrumb-show__fallback\n) {\n @include scroll-fallback();\n}\n\n:host(#{$prefix}-page-header-breadcrumb)\n .#{$prefix}--page-header__breadcrumb__content-actions-with-global-actions {\n opacity: 0;\n visibility: hidden;\n &.#{$prefix}--page-header__breadcrumb__content-actions-with-global-actions--show {\n opacity: 1;\n transform: translateY(0);\n transition:\n /* stylelint-disable-next-line */ opacity\n motion(standard, productive) $duration-moderate-01;\n visibility: visible;\n }\n}\n\n:host(#{$prefix}-page-header-title-breadcrumb) {\n opacity: 0;\n transform: translateY($spacing-05);\n transition:\n /* stylelint-disable-next-line */\n transform motion(standard, productive) $duration-moderate-01,\n opacity motion(standard, productive) $duration-moderate-01;\n}\n\n:host(\n #{$prefix}-page-header-title-breadcrumb.#{$prefix}--page-header-title-breadcrumb-show__with-content\n) {\n // Target browsers that do not yet support animation-timeline: scroll()\n &.#{$prefix}--page-header-title-breadcrumb-show__fallback {\n @supports not (animation-timeline: scroll()) {\n @include scroll-fallback();\n\n @media (prefers-reduced-motion: reduce) {\n transform: translateY(0);\n /* stylelint-disable-next-line */\n transition: opacity motion(standard, productive) $duration-moderate-01;\n }\n }\n }\n // `animation-timeline: scroll()` only currently supported in Chromium based browsers\n @include scroll-animation();\n}\n\n:host(\n #{$prefix}-page-header-title-breadcrumb.#{$prefix}--page-header-title-breadcrumb-show__by-default\n) {\n opacity: 1;\n transform: translateY(0);\n}\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"page-header.scss.js","names":[],"sources":["../../../src/components/page-header/page-header.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2025, 2025\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:math';\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/type' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/motion' as *;\n@use '@carbon/styles/scss/breakpoint' as *;\n@use '@carbon/styles/scss/utilities/convert';\n@use '@carbon/styles/scss/utilities/z-index' as *;\n@use '@carbon/grid';\n@use '@carbon/styles/scss/components/page-header/index' as *;\n@use 'sass:map';\n\n$prefix: 'c4p';\n$carbon-prefix: 'cds';\n\n:host(#{$prefix}-page-header) {\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header;\n position: sticky;\n display: block;\n background-color: $layer-01;\n border-block-end: 1px solid $border-subtle-01;\n /* custom css property used from calculation of header offset */\n /* stylelint-disable-next-line carbon/layout-use */\n inset-block-start: var(--c4p-page-header-header-top);\n}\n\n// When disableStickyTabBar is true, remove sticky positioning from root and add padding\n:host(#{$prefix}-page-header.#{$prefix}--page-header--disable-sticky-tab-bar) {\n position: static;\n // Add padding to compensate for fixed breadcrumb (40px height)\n padding-block-start: convert.to-rem(40px);\n}\n\n:host(#{$prefix}-page-header-breadcrumb),\n:host(#{$prefix}-page-header-content),\n:host(#{$prefix}-page-header-tabs) {\n @include grid.css-grid();\n\n display: block;\n}\n\n:host(#{$prefix}-page-header-breadcrumb) {\n position: sticky;\n z-index: 1;\n overflow: visible;\n background-color: $layer-01;\n block-size: convert.to-rem(40px);\n\n /* custom css property used from calculation of breadcrumb offset */\n /* stylelint-disable-next-line carbon/layout-use */\n inset-block-start: var(--c4p-page-header-breadcrumb-top);\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__breadcrumb-bar;\n}\n\n// Apply border only when border attribute is true (default)\n:host(#{$prefix}-page-header-breadcrumb[border]) {\n border-block-end: 1px solid $border-subtle-01;\n}\n\n// When breadcrumb has fixed class, use fixed positioning below UI Shell header\n:host(\n #{$prefix}-page-header-breadcrumb.#{$prefix}--page-header-breadcrumb--fixed\n) {\n position: fixed;\n z-index: z('header') - 1;\n background-color: $layer-01;\n block-size: convert.to-rem(40px);\n /* stylelint-disable-next-line carbon/layout-use */\n inset-block-start: var(--c4p-page-header-breadcrumb-top);\n inset-inline-end: 0;\n inset-inline-start: 0;\n}\n\n// Apply border to fixed breadcrumb only when border attribute is true (default)\n:host(\n #{$prefix}-page-header-breadcrumb.#{$prefix}--page-header-breadcrumb--fixed[border]\n) {\n border-block-end: 1px solid $border-subtle-01;\n}\n\n:host(#{$prefix}-page-header-breadcrumb) {\n ::slotted([slot='icon']) {\n margin-inline-end: $spacing-03;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__breadcrumb__icon;\n }\n\n .#{$carbon-prefix}--subgrid {\n block-size: 100%;\n }\n\n .#{$carbon-prefix}--css-grid-column {\n overflow: visible;\n min-inline-size: 0;\n }\n\n // TODO: remove this section when styles from React have been migrated\n .#{$prefix}--page-header__breadcrumb-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n block-size: $spacing-08;\n gap: $spacing-03;\n inline-size: 100%;\n min-inline-size: 0;\n }\n\n .#{$prefix}--page-header__breadcrumb-wrapper {\n display: flex;\n flex: 1 1 auto;\n min-inline-size: 0;\n\n @include breakpoint-down(md) {\n flex: 1 1 75%;\n }\n\n @include breakpoint(md) {\n max-inline-size: 60%;\n }\n\n @include breakpoint(lg) {\n max-inline-size: 60%;\n }\n }\n\n .#{$prefix}--page-header__breadcrumb__actions {\n display: flex;\n flex: 0 0 auto;\n align-items: center;\n justify-content: flex-end;\n gap: $spacing-03;\n min-inline-size: 0;\n\n @include breakpoint-down(md) {\n flex: 0 1 25%;\n max-inline-size: 25%;\n }\n }\n ///////////////////////////////\n}\n\n:host(#{$prefix}-page-header-breadcrumb:not([content-actions-flush]))\n ::slotted([slot='content-actions']) {\n //stylelint-disable declaration-no-important\n margin-inline-end: $spacing-04 !important;\n}\n\n:host(#{$prefix}-page-header-breadcrumb[page-actions-flush]) {\n .#{$carbon-prefix}--css-grid {\n margin-inline-end: 0;\n padding-inline-end: 0;\n }\n\n .#{$carbon-prefix}--css-grid-column {\n margin-inline-end: 0;\n }\n}\n\n:host(#{$prefix}-page-header-content) {\n padding-block-start: $spacing-06;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content;\n\n .#{$prefix}--page-header__content__title {\n @include type-style('productive-heading-04');\n\n display: -webkit-box;\n overflow: hidden;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content__title;\n margin: 0;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n max-inline-size: convert.to-rem(640px);\n text-overflow: ellipsis;\n white-space: normal;\n }\n\n .#{$prefix}--page-header__content__title-wrapper {\n // TODO: remove this section\n @include breakpoint-down(md) {\n display: flex;\n flex-direction: column;\n grid-gap: $spacing-05;\n }\n\n display: grid;\n gap: $spacing-05;\n ///////////////////////////////\n\n // overriding until the responsive behavior is implemented\n grid-template-columns: auto minmax(auto, auto);\n margin-block-end: $spacing-05;\n min-block-size: convert.to-rem(40px);\n }\n\n // TODO: remove this section\n .#{$prefix}--page-header__content__start {\n display: flex;\n flex-wrap: wrap;\n gap: $spacing-05;\n }\n\n .#{$prefix}--page-header__content__page-actions {\n display: flex;\n justify-content: right;\n /* stylelint-disable-next-line carbon/motion-easing-use */\n transition: opacity motion(standard, productive) $duration-moderate-02;\n\n &.#{$prefix}--page-header__content__page-actions--clipped {\n opacity: 0;\n visibility: hidden;\n }\n\n @include breakpoint-down('md') {\n justify-content: left;\n margin-block-start: 0;\n }\n }\n\n .#{$prefix}--page-header__content__title-container {\n display: flex;\n }\n ///////////////////////////////\n ::slotted([slot='icon']) {\n margin-inline-end: $spacing-05;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content__icon;\n }\n\n ::slotted([slot='contextual-actions']) {\n display: flex;\n align-items: center;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content__contextual-actions;\n }\n}\n\n:host(#{$prefix}-page-header-content[contextual-actions]) {\n .#{$prefix}--page-header__content__title {\n -webkit-line-clamp: 1;\n }\n}\n\n:host(#{$prefix}-page-header-content[contextual-actions]) {\n .#{$prefix}--page-header__content__title {\n -webkit-line-clamp: 1;\n }\n}\n\n:host(#{$prefix}-page-header-content-text) {\n @include type-style('body-01');\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content__body;\n display: block;\n max-inline-size: convert.to-rem(640px);\n padding-block-end: $spacing-06;\n\n .#{$prefix}--page-header__content__subtitle {\n @include type-style('productive-heading-03');\n\n margin-block-end: $spacing-03;\n // TODO: remove above styles when styles from React have been migrated\n margin-block-start: 0;\n }\n}\n\n:host(#{$prefix}-page-header-hero-image) {\n // Aspect ratio container - matches Carbon's AspectRatio component\n position: relative;\n display: block;\n overflow: hidden;\n block-size: 100%;\n\n // The inner div with hero-image class needs to be absolutely positioned\n // to overlay on the aspect ratio padding\n .#{$prefix}--page-header__hero-image {\n position: absolute;\n inset: 0;\n }\n\n // Styles for slotted content - needed for shadow DOM\n ::slotted(picture) {\n display: flex;\n justify-content: center;\n block-size: 100%;\n inline-size: 100%;\n }\n\n ::slotted(img) {\n display: block;\n block-size: 100%;\n inline-size: 100%;\n object-fit: var(--object-fit, cover);\n object-position: var(--object-position, center);\n }\n}\n\n:host(#{$prefix}-page-header-hero-image)::before {\n display: block;\n content: '';\n padding-block-start: math.percentage(math.div(2, 3));\n\n @include grid.breakpoint-up('lg') {\n padding-block-start: math.percentage(math.div(1, 2));\n }\n}\n\n:host(#{$prefix}-page-header-hero-image)::after {\n display: table;\n clear: both;\n content: '';\n}\n\n:host(#{$prefix}-page-header-tabs) {\n position: sticky;\n z-index: 1;\n background-color: $layer-01;\n /* stylelint-disable-next-line carbon/layout-use */\n inset-block-start: var(--c4p-page-header-breadcrumb-top);\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__tab-bar;\n\n .#{$carbon-prefix}--css-grid {\n // On small screens, use flex to keep grid and scroller on same line\n display: flex;\n align-items: center;\n\n // On max breakpoint and above, use grid for proper Carbon alignment\n @include breakpoint(max) {\n display: grid;\n }\n }\n\n .#{$carbon-prefix}--css-grid .#{$carbon-prefix}--css-grid-column {\n // On small screens, allow column to flex\n flex: 1;\n margin: 0;\n min-inline-size: 0;\n\n @include breakpoint(max) {\n flex: none;\n }\n }\n}\n\n// Disable sticky positioning for tab bar when disableStickyTabBar prop is true\n:host(\n #{$prefix}-page-header-tabs.#{$prefix}--page-header-tabs--disable-sticky\n) {\n position: static;\n}\n\n:host(#{$prefix}-page-header-tabs) .#{$prefix}--page-header__tab-bar--tablist {\n display: flex;\n align-items: center;\n}\n\n:host(#{$prefix}-page-header-tabs) ::slotted([slot='tags']) {\n display: inline-flex;\n align-items: center;\n justify-content: flex-end;\n inline-size: 40%;\n margin-inline-start: auto;\n min-inline-size: 0;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__tags;\n}\n\n// When scroller is present, adjust tags styling\n:host(#{$prefix}-page-header-tabs:has([slot='scroller']))\n ::slotted([slot='tags']) {\n transform: translateX(calc($spacing-06 * -1));\n\n @include breakpoint(md) {\n padding-inline-end: $spacing-03;\n transform: translateX(0);\n }\n @include breakpoint(max) {\n padding-inline-end: $spacing-05;\n }\n}\n\n// Scroller positioning: relative on small screens, absolute on max+\n:host(#{$prefix}-page-header-tabs) ::slotted([slot='scroller']) {\n position: relative;\n\n @include breakpoint(max) {\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 0;\n }\n}\n\n:host(#{$prefix}-page-header-breadcrumb),\n:host(#{$prefix}-page-header-content),\n:host(#{$prefix}-page-header-tabs) {\n .#{$carbon-prefix}--css-grid {\n inline-size: initial;\n }\n}\n\n#{$carbon-prefix}-definition-tooltip::part(definition-term) {\n border: none;\n}\n\n:host(#{$prefix}-page-header-tabs) ::slotted(#{$carbon-prefix}-tabs) {\n --tabs-overflow-button-background: $layer-01;\n}\n\n@keyframes page-header-title-breadcrumb-animation {\n 0% {\n opacity: 0;\n transform: translateY($spacing-05);\n }\n\n 5% {\n opacity: 1;\n transform: translateY(0);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes page-header-title-breadcrumb-animation-reduced-motion {\n 0% {\n opacity: 0;\n }\n\n 5% {\n opacity: 1;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n// Target browsers that do not yet support animation-timeline: scroll()\n@mixin scroll-fallback {\n @supports not (animation-timeline: scroll()) {\n opacity: 1;\n transform: translateY(0);\n }\n @media (prefers-reduced-motion: reduce) {\n transform: translateY(0);\n /* stylelint-disable-next-line */\n transition: opacity motion(standard, productive) $duration-moderate-01;\n }\n}\n\n@mixin scroll-animation {\n @supports (animation-timeline: scroll()) {\n // Show by default should not have any animation, this means\n // there was not a page header content element provided\n animation-direction: alternate;\n animation-duration: 1ms; /* Firefox requires this to apply the animation */\n animation-name: page-header-title-breadcrumb-animation;\n animation-timeline: scroll(block nearest);\n\n @media (prefers-reduced-motion: reduce) {\n animation-name: page-header-title-breadcrumb-animation-reduced-motion;\n transform: translateY(0);\n }\n }\n}\n\n:host(\n #{$prefix}-page-header-title-breadcrumb.#{$prefix}--page-header-title-breadcrumb-show__fallback\n) {\n @include scroll-fallback();\n}\n\n:host(#{$prefix}-page-header-breadcrumb)\n .#{$prefix}--page-header__breadcrumb__content-actions-with-global-actions {\n opacity: 0;\n visibility: hidden;\n &.#{$prefix}--page-header__breadcrumb__content-actions-with-global-actions--show {\n opacity: 1;\n transform: translateY(0);\n transition:\n /* stylelint-disable-next-line */ opacity\n motion(standard, productive) $duration-moderate-01;\n visibility: visible;\n }\n}\n\n:host(#{$prefix}-page-header-title-breadcrumb) {\n opacity: 0;\n transform: translateY($spacing-05);\n transition:\n /* stylelint-disable-next-line */\n transform motion(standard, productive) $duration-moderate-01,\n opacity motion(standard, productive) $duration-moderate-01;\n}\n\n:host(\n #{$prefix}-page-header-title-breadcrumb.#{$prefix}--page-header-title-breadcrumb-show__with-content\n) {\n // Target browsers that do not yet support animation-timeline: scroll()\n &.#{$prefix}--page-header-title-breadcrumb-show__fallback {\n @supports not (animation-timeline: scroll()) {\n @include scroll-fallback();\n\n @media (prefers-reduced-motion: reduce) {\n transform: translateY(0);\n /* stylelint-disable-next-line */\n transition: opacity motion(standard, productive) $duration-moderate-01;\n }\n }\n }\n // `animation-timeline: scroll()` only currently supported in Chromium based browsers\n @include scroll-animation();\n}\n\n:host(\n #{$prefix}-page-header-title-breadcrumb.#{$prefix}--page-header-title-breadcrumb-show__by-default\n) {\n opacity: 1;\n transform: translateY(0);\n}\n"],"mappings":""}
|
|
@@ -12,6 +12,7 @@ import '@carbon/web-components/es/components/button/index.js';
|
|
|
12
12
|
import '@carbon/web-components/es/components/icon-button/index.js';
|
|
13
13
|
import '@carbon/web-components/es/components/layer/index.js';
|
|
14
14
|
import '../action-set/index.js';
|
|
15
|
+
import '@carbon-labs/wc-resizer/es/index.js';
|
|
15
16
|
export { SIDE_PANEL_SIZE, SIDE_PANEL_PLACEMENT };
|
|
16
17
|
declare const CDSSidePanel_base: {
|
|
17
18
|
new (...args: any[]): {
|
|
@@ -56,6 +57,10 @@ declare class CDSSidePanel extends CDSSidePanel_base {
|
|
|
56
57
|
private _title;
|
|
57
58
|
private _subtitle;
|
|
58
59
|
private _innerContent;
|
|
60
|
+
/**
|
|
61
|
+
* Reference to the resizer handle element
|
|
62
|
+
*/
|
|
63
|
+
private _resizerHandle?;
|
|
59
64
|
_doAnimateTitle: boolean;
|
|
60
65
|
_isOpen: boolean;
|
|
61
66
|
_containerScrollTop: number;
|
|
@@ -66,6 +71,8 @@ declare class CDSSidePanel extends CDSSidePanel_base {
|
|
|
66
71
|
_actionsMultiple: 'single' | 'double' | 'triple' | '';
|
|
67
72
|
_slugCloseSize: string;
|
|
68
73
|
_customHeaderElements: Element[];
|
|
74
|
+
_sidePanelWidth?: number;
|
|
75
|
+
_accumulatedDelta: number;
|
|
69
76
|
/**
|
|
70
77
|
* Get focusable elements.
|
|
71
78
|
*
|
|
@@ -117,6 +124,26 @@ declare class CDSSidePanel extends CDSSidePanel_base {
|
|
|
117
124
|
private _resizeObserver;
|
|
118
125
|
private _getScrollAnimationDistance;
|
|
119
126
|
private _scrollObserver;
|
|
127
|
+
/**
|
|
128
|
+
* Handles resize start event from the resizer handle
|
|
129
|
+
*/
|
|
130
|
+
private _handleResizeStart;
|
|
131
|
+
/**
|
|
132
|
+
* Handles resize drag event from the resizer handle
|
|
133
|
+
*/
|
|
134
|
+
private _handleResizeDrag;
|
|
135
|
+
/**
|
|
136
|
+
* Handles resize end event from the resizer handle
|
|
137
|
+
*/
|
|
138
|
+
private _handleResizeEnd;
|
|
139
|
+
/**
|
|
140
|
+
* Handles double-click/double-tap on resizer to reset size
|
|
141
|
+
*/
|
|
142
|
+
private _handleResizeReset;
|
|
143
|
+
/**
|
|
144
|
+
* Get the percentage of screen width the panel is covering
|
|
145
|
+
*/
|
|
146
|
+
private _getPanelWidthPercent;
|
|
120
147
|
private _handleCurrentStepUpdate;
|
|
121
148
|
/**
|
|
122
149
|
* Determines if the title will animate on scroll
|
|
@@ -182,6 +209,10 @@ declare class CDSSidePanel extends CDSSidePanel_base {
|
|
|
182
209
|
* Determines if this panel slides in
|
|
183
210
|
*/
|
|
184
211
|
slideIn: boolean;
|
|
212
|
+
/**
|
|
213
|
+
* Determines if the side panel is resizable
|
|
214
|
+
*/
|
|
215
|
+
resizable: boolean;
|
|
185
216
|
/**
|
|
186
217
|
* Sets the title text
|
|
187
218
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-panel.d.ts","sourceRoot":"","sources":["../../../src/components/side-panel/side-panel.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAS/D,OAAO,sDAAsD,CAAC;AAC9D,OAAO,2DAA2D,CAAC;AACnE,OAAO,qDAAqD,CAAC;AAC7D,OAAO,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"side-panel.d.ts","sourceRoot":"","sources":["../../../src/components/side-panel/side-panel.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAS/D,OAAO,sDAAsD,CAAC;AAC9D,OAAO,2DAA2D,CAAC;AACnE,OAAO,qDAAqD,CAAC;AAC7D,OAAO,wBAAwB,CAAC;AAChC,OAAO,qCAAqC,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,CAAC;;;;;;;;;;uBAbH,CAAC;;;;;AAoC/C;;;;;;;;;;GAUG;AACH,cACM,YAAa,SAAQ,iBAA6B;IACtD;;OAEG;IACH,OAAO,CAAC,eAAe,CAAuB;IAE9C;;OAEG;IACH,OAAO,CAAC,SAAS,CAAwB;IAEzC;;OAEG;IAEH,OAAO,CAAC,UAAU,CAAkB;IAGpC,OAAO,CAAC,qBAAqB,CAAC,CAAc;IAG5C,OAAO,CAAC,MAAM,CAAe;IAG7B,OAAO,CAAC,MAAM,CAAe;IAG7B,OAAO,CAAC,SAAS,CAAe;IAGhC,OAAO,CAAC,aAAa,CAAe;IAEpC;;OAEG;IAEH,OAAO,CAAC,cAAc,CAAC,CAAc;IAGrC,eAAe,UAAQ;IAGvB,OAAO,UAAS;IAGhB,mBAAmB,SAAO;IAG1B,YAAY,UAAS;IAGrB,QAAQ,UAAS;IAGjB,iBAAiB,UAAS;IAG1B,aAAa,SAAK;IAGlB,gBAAgB,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,EAAE,CAAM;IAG3D,cAAc,SAAQ;IAGtB,qBAAqB,EAAE,OAAO,EAAE,CAAM;IAGtC,eAAe,CAAC,EAAE,MAAM,CAAC;IAGzB,iBAAiB,SAAK;IAEtB;;;;;;OAMG;IACH,OAAO,CAAC,YAAY;IA2IpB;;;;;OAKG;IAEH,SAAS,CAAC,kBAAkB,GAAI,OAAO,aAAa,UAkBlD;IAIF,OAAO,CAAC,cAAc,CAIpB;IAEF,OAAO,CAAC,cAAc,CAGE;IAExB;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;IAM7B;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAIzB;;;;OAIG;IACH,OAAO,CAAC,yBAAyB;IA6BjC,OAAO,CAAC,mBAAmB;IAc3B,OAAO,CAAC,kBAAkB,CAgCxB;IAEF,OAAO,CAAC,aAAa,CAqBnB;IAEF,OAAO,CAAC,2BAA2B,CA2BjC;IAEF,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,qBAAqB;IAO7B,OAAO,CAAC,6BAA6B;IAWrC,OAAO,CAAC,0BAA0B;IA0BlC,OAAO,CAAC,oBAAoB;IAsB5B,OAAO,CAAC,uBAAuB,CAqC7B;IAEF;;OAEG;IAGH,OAAO,CAAC,eAAe,CAIpB;IAEH,OAAO,CAAC,2BAA2B,CAQjC;IAEF,OAAO,CAAC,eAAe,CAmBrB;IAEF;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAGxB;IAEF;;OAEG;IACH,OAAO,CAAC,iBAAiB,CA+CvB;IAEF;;OAEG;IACH,OAAO,CAAC,gBAAgB,CAgBtB;IAEF;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAmBxB;IAEF;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAW3B;IAEF,OAAO,CAAC,wBAAwB,CAK9B;IAEF;;OAEG;IAEH,YAAY,UAAQ;IAEpB;;OAEG;IAMH,oBAAoB,SAAW;IAE/B;;OAEG;IAMH,yBAAyB,SAAU;IAEnC;;OAEG;IAEH,gBAAgB,UAAS;IAEzB;;OAEG;IAEH,WAAW,MAAC;IAEZ;;OAEG;IAEH,cAAc,UAAS;IAEvB;;OAEG;IAEH,SAAS,MAAC;IAEV;;OAEG;IAEH,6BAA6B,SAAU;IAEvC;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,SAAS,uBAA8B;IAEvC;;OAEG;IAEH,0BAA0B,UAAS;IAEnC;;OAEG;IAMH,oBAAoB,MAAC;IAErB;;OAEG;IAEH,mBAAmB,SAAM;IAEzB;;OAEG;IAEH,eAAe,UAAS;IAExB;;OAEG;IAEH,IAAI,kBAA0B;IAE9B;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,KAAK,MAAC;IAEA,gBAAgB;IAKtB,mBAAmB;IAMnB,iBAAiB;IAqBjB,oBAAoB;IAuBpB,MAAM;IAmNA,OAAO,CAAC,iBAAiB,KAAA;IAyF/B;;;OAGG;IACH,OAAO,CAAC,MAAM,CAAC,MAAM;IAMrB;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;;OAGG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED;;OAEG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC"}
|