@carbon/ibm-products-web-components 0.27.0 → 0.28.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/README.md +85 -0
- package/custom-elements.json +128 -10
- package/es/components/about-modal/about-modal.d.ts +28 -16
- package/es/components/about-modal/about-modal.figma.d.ts +7 -0
- package/es/components/about-modal/about-modal.figma.js +52 -0
- package/es/components/about-modal/about-modal.figma.js.map +1 -0
- package/es/components/about-modal/about-modal.scss.js +1 -1
- package/es/components/checklist/checklist.scss.js +1 -1
- package/es/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +27 -11
- package/es/components/full-page-error/full-page-error.figma.d.ts +1 -0
- package/es/components/full-page-error/full-page-error.figma.js +69 -0
- package/es/components/full-page-error/full-page-error.figma.js.map +1 -0
- package/es/components/interstitial-screen/interstitial-screen-body-item.d.ts +27 -11
- package/es/components/interstitial-screen/interstitial-screen-body.d.ts +27 -11
- package/es/components/interstitial-screen/interstitial-screen-footer.d.ts +27 -11
- package/es/components/interstitial-screen/interstitial-screen-header.d.ts +27 -11
- package/es/components/interstitial-screen/interstitial-screen.d.ts +27 -11
- package/es/components/notification-panel/notification-footer.d.ts +27 -11
- package/es/components/notification-panel/notification-panel.d.ts +27 -11
- package/es/components/notification-panel/notification.d.ts +27 -11
- package/es/components/notification-panel/notification.scss.js +1 -1
- package/es/components/options-tile/options-tile.d.ts +27 -11
- package/es/components/page-header/_story-assets/2x1.jpg.js +11 -0
- package/es/components/page-header/_story-assets/2x1.jpg.js.map +1 -0
- package/es/components/page-header/_story-assets/3x2.jpg.js +11 -0
- package/es/components/page-header/_story-assets/3x2.jpg.js.map +1 -0
- package/es/components/page-header/_story-assets/set-of-breadcrumbs.scss.js +1 -1
- package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js +1 -1
- package/es/components/page-header/page-header.scss.js +1 -1
- package/es/components/page-header/page-header.test.js +57 -69
- package/es/components/page-header/page-header.test.js.map +1 -1
- package/es/components/side-panel/side-panel.d.ts +27 -11
- package/es/components/side-panel/side-panel.scss.js +1 -1
- package/es/components/tearsheet/tearsheet.d.ts +27 -11
- package/es/components/tearsheet/tearsheet.scss.js +1 -1
- package/es/components/user-avatar/user-avatar.d.ts +27 -11
- package/es/components/user-avatar/user-avatar.figma.d.ts +7 -0
- package/es/components/user-avatar/user-avatar.figma.js +136 -0
- package/es/components/user-avatar/user-avatar.figma.js.map +1 -0
- package/es/node_modules/@carbon/layout/es/index.js +44 -0
- package/es/node_modules/@carbon/layout/es/index.js.map +1 -0
- package/es/packages/ibm-products-web-components/package.json.js +1 -1
- package/es-custom/components/about-modal/about-modal.d.ts +28 -16
- package/es-custom/components/about-modal/about-modal.figma.d.ts +7 -0
- package/es-custom/components/about-modal/about-modal.figma.js +52 -0
- package/es-custom/components/about-modal/about-modal.figma.js.map +1 -0
- package/es-custom/components/about-modal/about-modal.scss.js +1 -1
- package/es-custom/components/checklist/checklist.scss.js +1 -1
- package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +27 -11
- package/es-custom/components/full-page-error/full-page-error.figma.d.ts +1 -0
- package/es-custom/components/full-page-error/full-page-error.figma.js +69 -0
- package/es-custom/components/full-page-error/full-page-error.figma.js.map +1 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-body-item.d.ts +27 -11
- package/es-custom/components/interstitial-screen/interstitial-screen-body.d.ts +27 -11
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.d.ts +27 -11
- package/es-custom/components/interstitial-screen/interstitial-screen-header.d.ts +27 -11
- package/es-custom/components/interstitial-screen/interstitial-screen.d.ts +27 -11
- package/es-custom/components/notification-panel/notification-footer.d.ts +27 -11
- package/es-custom/components/notification-panel/notification-panel.d.ts +27 -11
- package/es-custom/components/notification-panel/notification.d.ts +27 -11
- package/es-custom/components/notification-panel/notification.scss.js +1 -1
- package/es-custom/components/options-tile/options-tile.d.ts +27 -11
- package/es-custom/components/page-header/_story-assets/2x1.jpg.js +11 -0
- package/es-custom/components/page-header/_story-assets/2x1.jpg.js.map +1 -0
- package/es-custom/components/page-header/_story-assets/3x2.jpg.js +11 -0
- package/es-custom/components/page-header/_story-assets/3x2.jpg.js.map +1 -0
- package/es-custom/components/page-header/_story-assets/set-of-breadcrumbs.scss.js +1 -1
- package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js +1 -1
- package/es-custom/components/page-header/page-header.scss.js +1 -1
- package/es-custom/components/page-header/page-header.test.js +57 -69
- package/es-custom/components/page-header/page-header.test.js.map +1 -1
- package/es-custom/components/side-panel/side-panel.d.ts +27 -11
- package/es-custom/components/side-panel/side-panel.scss.js +1 -1
- package/es-custom/components/tearsheet/tearsheet.d.ts +27 -11
- package/es-custom/components/tearsheet/tearsheet.scss.js +1 -1
- package/es-custom/components/user-avatar/user-avatar.d.ts +27 -11
- package/es-custom/components/user-avatar/user-avatar.figma.d.ts +7 -0
- package/es-custom/components/user-avatar/user-avatar.figma.js +136 -0
- package/es-custom/components/user-avatar/user-avatar.figma.js.map +1 -0
- package/es-custom/node_modules/@carbon/layout/es/index.js +44 -0
- package/es-custom/node_modules/@carbon/layout/es/index.js.map +1 -0
- package/es-custom/packages/ibm-products-web-components/package.json.js +1 -1
- package/lib/components/about-modal/about-modal.d.ts +28 -16
- package/lib/components/about-modal/about-modal.figma.d.ts +7 -0
- package/lib/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +27 -11
- package/lib/components/full-page-error/full-page-error.figma.d.ts +1 -0
- package/lib/components/interstitial-screen/interstitial-screen-body-item.d.ts +27 -11
- package/lib/components/interstitial-screen/interstitial-screen-body.d.ts +27 -11
- package/lib/components/interstitial-screen/interstitial-screen-footer.d.ts +27 -11
- package/lib/components/interstitial-screen/interstitial-screen-header.d.ts +27 -11
- package/lib/components/interstitial-screen/interstitial-screen.d.ts +27 -11
- package/lib/components/notification-panel/notification-footer.d.ts +27 -11
- package/lib/components/notification-panel/notification-panel.d.ts +27 -11
- package/lib/components/notification-panel/notification.d.ts +27 -11
- package/lib/components/options-tile/options-tile.d.ts +27 -11
- package/lib/components/side-panel/side-panel.d.ts +27 -11
- package/lib/components/tearsheet/tearsheet.d.ts +27 -11
- package/lib/components/user-avatar/user-avatar.d.ts +27 -11
- package/lib/components/user-avatar/user-avatar.figma.d.ts +7 -0
- package/package.json +14 -12
- package/scss/components/page-header/_story-assets/set-of-tags/set-of-tags.scss +2 -0
- package/scss/components/truncated-text/truncated-text.scss +0 -1
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
import { css } from 'lit';
|
|
9
9
|
|
|
10
|
-
var styles = css([".cds-custom--page-header{background-color:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}.cds-custom--page-header__breadcrumb-bar{block-size:2.5rem}.cds-custom--page-header__breadcrumb-bar .cds-custom--subgrid{block-size:100%}.cds-custom--page-header__breadcrumb-container{align-items:center;block-size:100%;display:inline-flex;inline-size:100%;justify-content:space-between}.cds-custom--page-header__breadcrumb__actions-flush .cds-custom--css-grid{padding-inline-end:0}.cds-custom--page-header__breadcrumb__actions-flush .cds-custom--css-grid-column{margin-inline-end:0}.cds-custom--page-header__breadcrumb-bar-border{border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}.cds-custom--page-header__breadcrumb__icon{margin-inline-end:.5rem}.cds-custom--page-header__breadcrumb__actions{display:inline-flex}.cds-custom--page-header__breadcrumb__content-actions{margin-inline-end:.75rem}.cds-custom--page-header__breadcrumb-wrapper{display:inline-flex}.cds-custom--page-header__content{padding:1.5rem 0}.cds-custom--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}@media (max-width:41.98rem){.cds-custom--page-header__content__title-wrapper{display:flex;flex-direction:column;grid-gap:1rem}}.cds-custom--page-header__content__start{display:flex;flex-wrap:wrap;gap:1rem}.cds-custom--page-header__content__title-container{display:flex}.cds-custom--page-header__content__title-container .cds-custom--definition-term{border-block-end:none}.cds-custom--page-header__content__contextual-actions{display:flex}.cds-custom--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-custom--page-header__content:has(.cds-custom--page-header__content__contextual-actions) .cds-custom--page-header__content__title{-webkit-line-clamp:1}.cds-custom--page-header__content__icon{margin-inline-end:1rem}.cds-custom--page-header__content__page-actions{display:flex;justify-content:right}@media (max-width:41.98rem){.cds-custom--page-header__content__page-actions{justify-content:left;margin-block-start:0}}.cds-custom--page-header__content__page-actions .cds-custom--menu-button__trigger:not(.cds-custom--btn--ghost){min-inline-size:0}.cds-custom--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-custom--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-custom--page-header__hero-image{align-items:center;block-size:100%;display:flex;justify-content:flex-end;overflow:hidden}.cds-custom--page-header__tab-bar{margin-inline-start:-1rem}.cds-custom--page-header__tab-bar--tablist{display:grid;grid-gap:4rem;grid-template-columns:auto minmax(0,1fr)}.cds-custom--page-header__tags{align-items:center;display:flex;justify-content:right}.cds-custom--page-header__tags-popover-list{display:flex;flex-direction:column;padding:1rem}.cds-custom--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),:host(c4p-page-header-content),:host(c4p-page-header-tabs){display:block}: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-custom--css-grid,:host(c4p-page-header-content) .cds-custom--css-grid,:host(c4p-page-header-tabs) .cds-custom--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-custom--css-grid--full-width,:host(c4p-page-header-content) .cds-custom--css-grid--full-width,:host(c4p-page-header-tabs) .cds-custom--css-grid--full-width{max-inline-size:100%}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid-column,:host(c4p-page-header-content) .cds-custom--css-grid-column,:host(c4p-page-header-tabs) .cds-custom--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-custom--css-grid-column,[dir=rtl] :host(c4p-page-header-content) .cds-custom--css-grid-column,[dir=rtl] :host(c4p-page-header-tabs) .cds-custom--css-grid-column{margin-inline:var(--cds-grid-gutter-end) var(--cds-grid-gutter-start)}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid--narrow,:host(c4p-page-header-content) .cds-custom--css-grid--narrow,:host(c4p-page-header-tabs) .cds-custom--css-grid--narrow{--cds-grid-gutter-start:0rem}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid--condensed,:host(c4p-page-header-content) .cds-custom--css-grid--condensed,:host(c4p-page-header-tabs) .cds-custom--css-grid--condensed{--cds-grid-gutter:0.0625rem;--cds-grid-column-hang:0.96875rem}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid--start,:host(c4p-page-header-content) .cds-custom--css-grid--start,:host(c4p-page-header-tabs) .cds-custom--css-grid--start{margin-inline-start:0}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid--end,:host(c4p-page-header-content) .cds-custom--css-grid--end,:host(c4p-page-header-tabs) .cds-custom--css-grid--end{margin-inline-end:0}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid,:host(c4p-page-header-content) .cds-custom--subgrid,:host(c4p-page-header-tabs) .cds-custom--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-custom--subgrid,[dir=rtl] :host(c4p-page-header-content) .cds-custom--subgrid,[dir=rtl] :host(c4p-page-header-tabs) .cds-custom--subgrid{margin-inline:calc(var(--cds-grid-mode-end)*-1) calc(var(--cds-grid-mode-start)*-1)}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid--wide,:host(c4p-page-header-content) .cds-custom--subgrid--wide,:host(c4p-page-header-tabs) .cds-custom--subgrid--wide{--cds-grid-gutter-start:1rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:0}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid--narrow,:host(c4p-page-header-content) .cds-custom--subgrid--narrow,:host(c4p-page-header-tabs) .cds-custom--subgrid--narrow{--cds-grid-gutter-start:0rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:1rem}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid--condensed,:host(c4p-page-header-content) .cds-custom--subgrid--condensed,:host(c4p-page-header-tabs) .cds-custom--subgrid--condensed{--cds-grid-gutter-start:0.03125rem;--cds-grid-gutter-end:0.03125rem;--cds-grid-column-hang:0.96875rem}:host(c4p-page-header-breadcrumb) .cds-custom--grid-column-hang,:host(c4p-page-header-content) .cds-custom--grid-column-hang,:host(c4p-page-header-tabs) .cds-custom--grid-column-hang{margin-inline-start:var(--cds-grid-column-hang)}[dir=rtl] :host(c4p-page-header-breadcrumb) .cds-custom--grid-column-hang,[dir=rtl] :host(c4p-page-header-content) .cds-custom--grid-column-hang,[dir=rtl] :host(c4p-page-header-tabs) .cds-custom--grid-column-hang{margin-inline:initial var(--cds-grid-column-hang)}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-0,:host(c4p-page-header-content) .cds-custom--col-span-0,:host(c4p-page-header-tabs) .cds-custom--col-span-0{display:none}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-1,:host(c4p-page-header-content) .cds-custom--col-span-1,:host(c4p-page-header-tabs) .cds-custom--col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-2,:host(c4p-page-header-content) .cds-custom--col-span-2,:host(c4p-page-header-tabs) .cds-custom--col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-3,:host(c4p-page-header-content) .cds-custom--col-span-3,:host(c4p-page-header-tabs) .cds-custom--col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-4,:host(c4p-page-header-content) .cds-custom--col-span-4,:host(c4p-page-header-tabs) .cds-custom--col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-5,:host(c4p-page-header-content) .cds-custom--col-span-5,:host(c4p-page-header-tabs) .cds-custom--col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-6,:host(c4p-page-header-content) .cds-custom--col-span-6,:host(c4p-page-header-tabs) .cds-custom--col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-7,:host(c4p-page-header-content) .cds-custom--col-span-7,:host(c4p-page-header-tabs) .cds-custom--col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-8,:host(c4p-page-header-content) .cds-custom--col-span-8,:host(c4p-page-header-tabs) .cds-custom--col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-9,:host(c4p-page-header-content) .cds-custom--col-span-9,:host(c4p-page-header-tabs) .cds-custom--col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-10,:host(c4p-page-header-content) .cds-custom--col-span-10,:host(c4p-page-header-tabs) .cds-custom--col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-11,:host(c4p-page-header-content) .cds-custom--col-span-11,:host(c4p-page-header-tabs) .cds-custom--col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-12,:host(c4p-page-header-content) .cds-custom--col-span-12,:host(c4p-page-header-tabs) .cds-custom--col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-13,:host(c4p-page-header-content) .cds-custom--col-span-13,:host(c4p-page-header-tabs) .cds-custom--col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-14,:host(c4p-page-header-content) .cds-custom--col-span-14,:host(c4p-page-header-tabs) .cds-custom--col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-15,:host(c4p-page-header-content) .cds-custom--col-span-15,:host(c4p-page-header-tabs) .cds-custom--col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-16,:host(c4p-page-header-content) .cds-custom--col-span-16,:host(c4p-page-header-tabs) .cds-custom--col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-0,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-0,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-0{display:none}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-1,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-1,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-2,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-2,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-3,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-3,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-4,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-4,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-auto,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-auto,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-100,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-100,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-75,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-75,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-75{--cds-grid-columns:3;grid-column:span 3/span 3}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-50,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-50,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-50{--cds-grid-columns:2;grid-column:span 2/span 2}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-25,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-25,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-25{--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-0,:host(c4p-page-header-content) .cds-custom--md\\:col-span-0,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-0{display:none}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-1,:host(c4p-page-header-content) .cds-custom--md\\:col-span-1,:host(c4p-page-header-tabs) .cds-custom--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-custom--md\\:col-span-2,:host(c4p-page-header-content) .cds-custom--md\\:col-span-2,:host(c4p-page-header-tabs) .cds-custom--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-custom--md\\:col-span-3,:host(c4p-page-header-content) .cds-custom--md\\:col-span-3,:host(c4p-page-header-tabs) .cds-custom--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-custom--md\\:col-span-4,:host(c4p-page-header-content) .cds-custom--md\\:col-span-4,:host(c4p-page-header-tabs) .cds-custom--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-custom--md\\:col-span-5,:host(c4p-page-header-content) .cds-custom--md\\:col-span-5,:host(c4p-page-header-tabs) .cds-custom--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-custom--md\\:col-span-6,:host(c4p-page-header-content) .cds-custom--md\\:col-span-6,:host(c4p-page-header-tabs) .cds-custom--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-custom--md\\:col-span-7,:host(c4p-page-header-content) .cds-custom--md\\:col-span-7,:host(c4p-page-header-tabs) .cds-custom--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-custom--md\\:col-span-8,:host(c4p-page-header-content) .cds-custom--md\\:col-span-8,:host(c4p-page-header-tabs) .cds-custom--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-custom--md\\:col-span-auto,:host(c4p-page-header-content) .cds-custom--md\\:col-span-auto,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-100,:host(c4p-page-header-content) .cds-custom--md\\:col-span-100,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-75,:host(c4p-page-header-content) .cds-custom--md\\:col-span-75,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-75{--cds-grid-columns:6;grid-column:span 6/span 6}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-50,:host(c4p-page-header-content) .cds-custom--md\\:col-span-50,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-50{--cds-grid-columns:4;grid-column:span 4/span 4}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-25,:host(c4p-page-header-content) .cds-custom--md\\:col-span-25,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-25{--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-0,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-0,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-0{display:none}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-1,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-1,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-2,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-2,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-3,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-3,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-4,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-4,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-5,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-5,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-6,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-6,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-7,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-7,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-8,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-8,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-9,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-9,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-10,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-10,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-11,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-11,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-12,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-12,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-13,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-13,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-14,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-14,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-15,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-15,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-16,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-16,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-auto,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-auto,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-100,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-100,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-75,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-75,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-50,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-50,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-25,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-25,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-0,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-0,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-0{display:none}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-1,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-1,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-2,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-2,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-3,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-3,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-4,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-4,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-5,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-5,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-6,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-6,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-7,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-7,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-8,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-8,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-9,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-9,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-10,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-10,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-11,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-11,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-12,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-12,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-13,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-13,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-14,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-14,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-15,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-15,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-16,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-16,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-auto,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-auto,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-100,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-100,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-75,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-75,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-50,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-50,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-25,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-25,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-0,:host(c4p-page-header-content) .cds-custom--max\\:col-span-0,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-0{display:none}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-1,:host(c4p-page-header-content) .cds-custom--max\\:col-span-1,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-2,:host(c4p-page-header-content) .cds-custom--max\\:col-span-2,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-3,:host(c4p-page-header-content) .cds-custom--max\\:col-span-3,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-4,:host(c4p-page-header-content) .cds-custom--max\\:col-span-4,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-5,:host(c4p-page-header-content) .cds-custom--max\\:col-span-5,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-6,:host(c4p-page-header-content) .cds-custom--max\\:col-span-6,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-7,:host(c4p-page-header-content) .cds-custom--max\\:col-span-7,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-8,:host(c4p-page-header-content) .cds-custom--max\\:col-span-8,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-9,:host(c4p-page-header-content) .cds-custom--max\\:col-span-9,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-10,:host(c4p-page-header-content) .cds-custom--max\\:col-span-10,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-11,:host(c4p-page-header-content) .cds-custom--max\\:col-span-11,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-12,:host(c4p-page-header-content) .cds-custom--max\\:col-span-12,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-13,:host(c4p-page-header-content) .cds-custom--max\\:col-span-13,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-14,:host(c4p-page-header-content) .cds-custom--max\\:col-span-14,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-15,:host(c4p-page-header-content) .cds-custom--max\\:col-span-15,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-16,:host(c4p-page-header-content) .cds-custom--max\\:col-span-16,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-auto,:host(c4p-page-header-content) .cds-custom--max\\:col-span-auto,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-100,:host(c4p-page-header-content) .cds-custom--max\\:col-span-100,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-75,:host(c4p-page-header-content) .cds-custom--max\\:col-span-75,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-50,:host(c4p-page-header-content) .cds-custom--max\\:col-span-50,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-25,:host(c4p-page-header-content) .cds-custom--max\\:col-span-25,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-auto,:host(c4p-page-header-content) .cds-custom--col-span-auto,:host(c4p-page-header-tabs) .cds-custom--col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-100,:host(c4p-page-header-content) .cds-custom--col-span-100,:host(c4p-page-header-tabs) .cds-custom--col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-75,:host(c4p-page-header-content) .cds-custom--col-span-75,:host(c4p-page-header-tabs) .cds-custom--col-span-75{--cds-grid-columns:3;grid-column:span 3/span 3}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--col-span-75,:host(c4p-page-header-content) .cds-custom--col-span-75,:host(c4p-page-header-tabs) .cds-custom--col-span-75{--cds-grid-columns:6;grid-column:span 6/span 6}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--col-span-75,:host(c4p-page-header-content) .cds-custom--col-span-75,:host(c4p-page-header-tabs) .cds-custom--col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-50,:host(c4p-page-header-content) .cds-custom--col-span-50,:host(c4p-page-header-tabs) .cds-custom--col-span-50{--cds-grid-columns:2;grid-column:span 2/span 2}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--col-span-50,:host(c4p-page-header-content) .cds-custom--col-span-50,:host(c4p-page-header-tabs) .cds-custom--col-span-50{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--col-span-50,:host(c4p-page-header-content) .cds-custom--col-span-50,:host(c4p-page-header-tabs) .cds-custom--col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-25,:host(c4p-page-header-content) .cds-custom--col-span-25,:host(c4p-page-header-tabs) .cds-custom--col-span-25{--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--col-span-25,:host(c4p-page-header-content) .cds-custom--col-span-25,:host(c4p-page-header-tabs) .cds-custom--col-span-25{--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--col-span-25,:host(c4p-page-header-content) .cds-custom--col-span-25,:host(c4p-page-header-tabs) .cds-custom--col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-1,:host(c4p-page-header-content) .cds-custom--col-start-1,:host(c4p-page-header-tabs) .cds-custom--col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-2,:host(c4p-page-header-content) .cds-custom--col-start-2,:host(c4p-page-header-tabs) .cds-custom--col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-3,:host(c4p-page-header-content) .cds-custom--col-start-3,:host(c4p-page-header-tabs) .cds-custom--col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-4,:host(c4p-page-header-content) .cds-custom--col-start-4,:host(c4p-page-header-tabs) .cds-custom--col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-5,:host(c4p-page-header-content) .cds-custom--col-start-5,:host(c4p-page-header-tabs) .cds-custom--col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-6,:host(c4p-page-header-content) .cds-custom--col-start-6,:host(c4p-page-header-tabs) .cds-custom--col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-7,:host(c4p-page-header-content) .cds-custom--col-start-7,:host(c4p-page-header-tabs) .cds-custom--col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-8,:host(c4p-page-header-content) .cds-custom--col-start-8,:host(c4p-page-header-tabs) .cds-custom--col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-9,:host(c4p-page-header-content) .cds-custom--col-start-9,:host(c4p-page-header-tabs) .cds-custom--col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-10,:host(c4p-page-header-content) .cds-custom--col-start-10,:host(c4p-page-header-tabs) .cds-custom--col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-11,:host(c4p-page-header-content) .cds-custom--col-start-11,:host(c4p-page-header-tabs) .cds-custom--col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-12,:host(c4p-page-header-content) .cds-custom--col-start-12,:host(c4p-page-header-tabs) .cds-custom--col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-13,:host(c4p-page-header-content) .cds-custom--col-start-13,:host(c4p-page-header-tabs) .cds-custom--col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-14,:host(c4p-page-header-content) .cds-custom--col-start-14,:host(c4p-page-header-tabs) .cds-custom--col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-15,:host(c4p-page-header-content) .cds-custom--col-start-15,:host(c4p-page-header-tabs) .cds-custom--col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-16,:host(c4p-page-header-content) .cds-custom--col-start-16,:host(c4p-page-header-tabs) .cds-custom--col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-2,:host(c4p-page-header-content) .cds-custom--col-end-2,:host(c4p-page-header-tabs) .cds-custom--col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-3,:host(c4p-page-header-content) .cds-custom--col-end-3,:host(c4p-page-header-tabs) .cds-custom--col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-4,:host(c4p-page-header-content) .cds-custom--col-end-4,:host(c4p-page-header-tabs) .cds-custom--col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-5,:host(c4p-page-header-content) .cds-custom--col-end-5,:host(c4p-page-header-tabs) .cds-custom--col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-6,:host(c4p-page-header-content) .cds-custom--col-end-6,:host(c4p-page-header-tabs) .cds-custom--col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-7,:host(c4p-page-header-content) .cds-custom--col-end-7,:host(c4p-page-header-tabs) .cds-custom--col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-8,:host(c4p-page-header-content) .cds-custom--col-end-8,:host(c4p-page-header-tabs) .cds-custom--col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-9,:host(c4p-page-header-content) .cds-custom--col-end-9,:host(c4p-page-header-tabs) .cds-custom--col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-10,:host(c4p-page-header-content) .cds-custom--col-end-10,:host(c4p-page-header-tabs) .cds-custom--col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-11,:host(c4p-page-header-content) .cds-custom--col-end-11,:host(c4p-page-header-tabs) .cds-custom--col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-12,:host(c4p-page-header-content) .cds-custom--col-end-12,:host(c4p-page-header-tabs) .cds-custom--col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-13,:host(c4p-page-header-content) .cds-custom--col-end-13,:host(c4p-page-header-tabs) .cds-custom--col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-14,:host(c4p-page-header-content) .cds-custom--col-end-14,:host(c4p-page-header-tabs) .cds-custom--col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-15,:host(c4p-page-header-content) .cds-custom--col-end-15,:host(c4p-page-header-tabs) .cds-custom--col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-16,:host(c4p-page-header-content) .cds-custom--col-end-16,:host(c4p-page-header-tabs) .cds-custom--col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-17,:host(c4p-page-header-content) .cds-custom--col-end-17,:host(c4p-page-header-tabs) .cds-custom--col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-auto,:host(c4p-page-header-content) .cds-custom--col-start-auto,:host(c4p-page-header-tabs) .cds-custom--col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-auto,:host(c4p-page-header-content) .cds-custom--col-end-auto,:host(c4p-page-header-tabs) .cds-custom--col-end-auto{grid-column-end:auto}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-1,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-1,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-2,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-2,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-3,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-3,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-4,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-4,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-5,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-5,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-6,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-6,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-7,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-7,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-8,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-8,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-9,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-9,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-10,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-10,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-11,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-11,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-12,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-12,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-13,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-13,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-14,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-14,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-15,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-15,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-16,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-16,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-2,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-2,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-3,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-3,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-4,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-4,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-5,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-5,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-6,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-6,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-7,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-7,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-8,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-8,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-9,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-9,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-10,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-10,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-11,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-11,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-12,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-12,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-13,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-13,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-14,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-14,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-15,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-15,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-16,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-16,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-17,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-17,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-auto,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-auto,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-auto,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-auto,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-auto{grid-column-end:auto}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-1,:host(c4p-page-header-content) .cds-custom--md\\:col-start-1,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-2,:host(c4p-page-header-content) .cds-custom--md\\:col-start-2,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-3,:host(c4p-page-header-content) .cds-custom--md\\:col-start-3,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-4,:host(c4p-page-header-content) .cds-custom--md\\:col-start-4,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-5,:host(c4p-page-header-content) .cds-custom--md\\:col-start-5,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-6,:host(c4p-page-header-content) .cds-custom--md\\:col-start-6,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-7,:host(c4p-page-header-content) .cds-custom--md\\:col-start-7,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-8,:host(c4p-page-header-content) .cds-custom--md\\:col-start-8,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-9,:host(c4p-page-header-content) .cds-custom--md\\:col-start-9,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-10,:host(c4p-page-header-content) .cds-custom--md\\:col-start-10,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-11,:host(c4p-page-header-content) .cds-custom--md\\:col-start-11,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-12,:host(c4p-page-header-content) .cds-custom--md\\:col-start-12,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-13,:host(c4p-page-header-content) .cds-custom--md\\:col-start-13,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-14,:host(c4p-page-header-content) .cds-custom--md\\:col-start-14,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-15,:host(c4p-page-header-content) .cds-custom--md\\:col-start-15,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-16,:host(c4p-page-header-content) .cds-custom--md\\:col-start-16,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-2,:host(c4p-page-header-content) .cds-custom--md\\:col-end-2,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-3,:host(c4p-page-header-content) .cds-custom--md\\:col-end-3,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-4,:host(c4p-page-header-content) .cds-custom--md\\:col-end-4,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-5,:host(c4p-page-header-content) .cds-custom--md\\:col-end-5,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-6,:host(c4p-page-header-content) .cds-custom--md\\:col-end-6,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-7,:host(c4p-page-header-content) .cds-custom--md\\:col-end-7,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-8,:host(c4p-page-header-content) .cds-custom--md\\:col-end-8,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-9,:host(c4p-page-header-content) .cds-custom--md\\:col-end-9,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-10,:host(c4p-page-header-content) .cds-custom--md\\:col-end-10,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-11,:host(c4p-page-header-content) .cds-custom--md\\:col-end-11,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-12,:host(c4p-page-header-content) .cds-custom--md\\:col-end-12,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-13,:host(c4p-page-header-content) .cds-custom--md\\:col-end-13,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-14,:host(c4p-page-header-content) .cds-custom--md\\:col-end-14,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-15,:host(c4p-page-header-content) .cds-custom--md\\:col-end-15,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-16,:host(c4p-page-header-content) .cds-custom--md\\:col-end-16,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-17,:host(c4p-page-header-content) .cds-custom--md\\:col-end-17,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-auto,:host(c4p-page-header-content) .cds-custom--md\\:col-start-auto,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-auto,:host(c4p-page-header-content) .cds-custom--md\\:col-end-auto,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-auto{grid-column-end:auto}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-1,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-1,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-2,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-2,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-3,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-3,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-4,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-4,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-5,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-5,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-6,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-6,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-7,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-7,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-8,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-8,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-9,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-9,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-10,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-10,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-11,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-11,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-12,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-12,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-13,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-13,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-14,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-14,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-15,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-15,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-16,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-16,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-2,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-2,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-3,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-3,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-4,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-4,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-5,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-5,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-6,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-6,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-7,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-7,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-8,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-8,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-9,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-9,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-10,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-10,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-11,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-11,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-12,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-12,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-13,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-13,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-14,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-14,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-15,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-15,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-16,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-16,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-17,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-17,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-auto,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-auto,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-auto,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-auto,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-auto{grid-column-end:auto}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-1,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-1,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-2,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-2,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-3,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-3,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-4,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-4,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-5,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-5,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-6,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-6,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-7,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-7,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-8,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-8,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-9,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-9,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-10,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-10,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-11,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-11,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-12,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-12,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-13,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-13,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-14,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-14,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-15,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-15,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-16,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-16,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-2,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-2,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-3,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-3,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-4,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-4,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-5,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-5,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-6,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-6,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-7,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-7,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-8,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-8,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-9,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-9,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-10,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-10,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-11,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-11,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-12,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-12,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-13,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-13,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-14,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-14,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-15,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-15,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-16,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-16,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-17,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-17,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-auto,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-auto,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-auto,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-auto,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-auto{grid-column-end:auto}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-1,:host(c4p-page-header-content) .cds-custom--max\\:col-start-1,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-2,:host(c4p-page-header-content) .cds-custom--max\\:col-start-2,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-3,:host(c4p-page-header-content) .cds-custom--max\\:col-start-3,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-4,:host(c4p-page-header-content) .cds-custom--max\\:col-start-4,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-5,:host(c4p-page-header-content) .cds-custom--max\\:col-start-5,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-6,:host(c4p-page-header-content) .cds-custom--max\\:col-start-6,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-7,:host(c4p-page-header-content) .cds-custom--max\\:col-start-7,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-8,:host(c4p-page-header-content) .cds-custom--max\\:col-start-8,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-9,:host(c4p-page-header-content) .cds-custom--max\\:col-start-9,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-10,:host(c4p-page-header-content) .cds-custom--max\\:col-start-10,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-11,:host(c4p-page-header-content) .cds-custom--max\\:col-start-11,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-12,:host(c4p-page-header-content) .cds-custom--max\\:col-start-12,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-13,:host(c4p-page-header-content) .cds-custom--max\\:col-start-13,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-14,:host(c4p-page-header-content) .cds-custom--max\\:col-start-14,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-15,:host(c4p-page-header-content) .cds-custom--max\\:col-start-15,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-16,:host(c4p-page-header-content) .cds-custom--max\\:col-start-16,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-2,:host(c4p-page-header-content) .cds-custom--max\\:col-end-2,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-3,:host(c4p-page-header-content) .cds-custom--max\\:col-end-3,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-4,:host(c4p-page-header-content) .cds-custom--max\\:col-end-4,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-5,:host(c4p-page-header-content) .cds-custom--max\\:col-end-5,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-6,:host(c4p-page-header-content) .cds-custom--max\\:col-end-6,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-7,:host(c4p-page-header-content) .cds-custom--max\\:col-end-7,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-8,:host(c4p-page-header-content) .cds-custom--max\\:col-end-8,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-9,:host(c4p-page-header-content) .cds-custom--max\\:col-end-9,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-10,:host(c4p-page-header-content) .cds-custom--max\\:col-end-10,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-11,:host(c4p-page-header-content) .cds-custom--max\\:col-end-11,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-12,:host(c4p-page-header-content) .cds-custom--max\\:col-end-12,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-13,:host(c4p-page-header-content) .cds-custom--max\\:col-end-13,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-14,:host(c4p-page-header-content) .cds-custom--max\\:col-end-14,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-15,:host(c4p-page-header-content) .cds-custom--max\\:col-end-15,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-16,:host(c4p-page-header-content) .cds-custom--max\\:col-end-16,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-17,:host(c4p-page-header-content) .cds-custom--max\\:col-end-17,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-auto,:host(c4p-page-header-content) .cds-custom--max\\:col-start-auto,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-auto,:host(c4p-page-header-content) .cds-custom--max\\:col-end-auto,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-auto{grid-column-end:auto}}: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);position:sticky;z-index:1}:host(c4p-page-header-breadcrumb) ::slotted([slot=icon]){margin-inline-end:.5rem}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid{block-size:100%}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-container{align-items:center;block-size:100%;display:inline-flex;inline-size:100%;justify-content:space-between}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{display:inline-flex;inline-size:100%}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__actions{display:inline-flex}: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-custom--css-grid{margin-inline-end:0;padding-inline-end:0}:host(c4p-page-header-breadcrumb[page-actions-flush]) .cds-custom--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:1.5rem 0}: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}: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}@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__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]){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);margin-block-start:1rem;max-inline-size:40rem}: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){align-items:center;block-size:100%;display:flex;justify-content:flex-end;overflow:hidden;position:relative}:host(c4p-page-header-hero-image):before{block-size:0;content:\"\";float:inline-start;inline-size:1px;margin-inline-start:-1px;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) .cds-custom--css-grid .cds-custom--css-grid-column{margin:0}:host(c4p-page-header-tabs) .c4p--page-header__tab-bar--tablist{display:flex;flex-direction:row;inline-size:100%;justify-content:space-between}:host(c4p-page-header-tabs) ::slotted([slot=tags]){align-items:center;display:flex;inline-size:100%;justify-content:right;max-inline-size:500px}:host(c4p-page-header-tabs) ::slotted([slot=scroller]){inset-inline-end:0;position:absolute}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid,:host(c4p-page-header-content) .cds-custom--css-grid,:host(c4p-page-header-tabs) .cds-custom--css-grid{inline-size:auto}cds-custom-definition-tooltip::part(definition-term){border:none}:host(c4p-page-header-tabs) ::slotted(cds-custom-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 styles = css([".cds-custom--page-header{background-color:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}.cds-custom--page-header__breadcrumb-bar{block-size:2.5rem}.cds-custom--page-header__breadcrumb-bar .cds-custom--subgrid{block-size:100%}.cds-custom--page-header__breadcrumb-container{align-items:center;block-size:100%;display:inline-flex;inline-size:100%;justify-content:space-between}.cds-custom--page-header__breadcrumb__actions-flush .cds-custom--css-grid{padding-inline-end:0}.cds-custom--page-header__breadcrumb__actions-flush .cds-custom--css-grid-column{margin-inline-end:0}.cds-custom--page-header__breadcrumb-bar-border{border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}.cds-custom--page-header__breadcrumb__icon{margin-inline-end:.5rem}.cds-custom--page-header__breadcrumb__actions{display:inline-flex}.cds-custom--page-header__breadcrumb__content-actions{margin-inline-end:.75rem}.cds-custom--page-header__breadcrumb-wrapper{display:inline-flex}.cds-custom--page-header__content{padding:1.5rem 0}@media (max-width:41.98rem){.cds-custom--page-header__content__title-wrapper{display:flex;flex-direction:column;grid-gap:1rem}}.cds-custom--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-custom--page-header__content__start{display:flex;flex-wrap:wrap;gap:1rem}.cds-custom--page-header__content__title-container{display:flex}.cds-custom--page-header__content__title-container .cds-custom--definition-term{border-block-end:none}.cds-custom--page-header__content__contextual-actions{display:flex}.cds-custom--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-custom--page-header__content:has(.cds-custom--page-header__content__contextual-actions) .cds-custom--page-header__content__title{-webkit-line-clamp:1}.cds-custom--page-header__content__icon{margin-inline-end:1rem}.cds-custom--page-header__content__page-actions{display:flex;justify-content:right}@media (max-width:41.98rem){.cds-custom--page-header__content__page-actions{justify-content:left;margin-block-start:0}}.cds-custom--page-header__content__page-actions .cds-custom--menu-button__trigger:not(.cds-custom--btn--ghost){min-inline-size:0}.cds-custom--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-custom--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-custom--page-header__hero-image{align-items:center;block-size:100%;display:flex;justify-content:flex-end;overflow:hidden}.cds-custom--page-header__tab-bar{margin-inline-start:-1rem}.cds-custom--page-header__tab-bar--tablist{display:grid;grid-gap:4rem;grid-template-columns:auto minmax(0,1fr)}.cds-custom--page-header__tags{align-items:center;display:flex;justify-content:right}.cds-custom--page-header__tags-popover-list{display:flex;flex-direction:column;padding:1rem}.cds-custom--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-custom--css-grid,:host(c4p-page-header-content) .cds-custom--css-grid,:host(c4p-page-header-tabs) .cds-custom--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-custom--css-grid--full-width,:host(c4p-page-header-content) .cds-custom--css-grid--full-width,:host(c4p-page-header-tabs) .cds-custom--css-grid--full-width{max-inline-size:100%}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid-column,:host(c4p-page-header-content) .cds-custom--css-grid-column,:host(c4p-page-header-tabs) .cds-custom--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-custom--css-grid-column,[dir=rtl] :host(c4p-page-header-content) .cds-custom--css-grid-column,[dir=rtl] :host(c4p-page-header-tabs) .cds-custom--css-grid-column{margin-inline:var(--cds-grid-gutter-end) var(--cds-grid-gutter-start)}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid--narrow,:host(c4p-page-header-content) .cds-custom--css-grid--narrow,:host(c4p-page-header-tabs) .cds-custom--css-grid--narrow{--cds-grid-gutter-start:0rem}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid--condensed,:host(c4p-page-header-content) .cds-custom--css-grid--condensed,:host(c4p-page-header-tabs) .cds-custom--css-grid--condensed{--cds-grid-gutter:0.0625rem;--cds-grid-column-hang:0.96875rem}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid--start,:host(c4p-page-header-content) .cds-custom--css-grid--start,:host(c4p-page-header-tabs) .cds-custom--css-grid--start{margin-inline-start:0}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid--end,:host(c4p-page-header-content) .cds-custom--css-grid--end,:host(c4p-page-header-tabs) .cds-custom--css-grid--end{margin-inline-end:0}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid,:host(c4p-page-header-content) .cds-custom--subgrid,:host(c4p-page-header-tabs) .cds-custom--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-custom--subgrid,[dir=rtl] :host(c4p-page-header-content) .cds-custom--subgrid,[dir=rtl] :host(c4p-page-header-tabs) .cds-custom--subgrid{margin-inline:calc(var(--cds-grid-mode-end)*-1) calc(var(--cds-grid-mode-start)*-1)}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid--wide,:host(c4p-page-header-content) .cds-custom--subgrid--wide,:host(c4p-page-header-tabs) .cds-custom--subgrid--wide{--cds-grid-gutter-start:1rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:0}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid--narrow,:host(c4p-page-header-content) .cds-custom--subgrid--narrow,:host(c4p-page-header-tabs) .cds-custom--subgrid--narrow{--cds-grid-gutter-start:0rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:1rem}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid--condensed,:host(c4p-page-header-content) .cds-custom--subgrid--condensed,:host(c4p-page-header-tabs) .cds-custom--subgrid--condensed{--cds-grid-gutter-start:0.03125rem;--cds-grid-gutter-end:0.03125rem;--cds-grid-column-hang:0.96875rem}:host(c4p-page-header-breadcrumb) .cds-custom--grid-column-hang,:host(c4p-page-header-content) .cds-custom--grid-column-hang,:host(c4p-page-header-tabs) .cds-custom--grid-column-hang{margin-inline-start:var(--cds-grid-column-hang)}[dir=rtl] :host(c4p-page-header-breadcrumb) .cds-custom--grid-column-hang,[dir=rtl] :host(c4p-page-header-content) .cds-custom--grid-column-hang,[dir=rtl] :host(c4p-page-header-tabs) .cds-custom--grid-column-hang{margin-inline:initial var(--cds-grid-column-hang)}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-0,:host(c4p-page-header-content) .cds-custom--col-span-0,:host(c4p-page-header-tabs) .cds-custom--col-span-0{display:none}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-1,:host(c4p-page-header-content) .cds-custom--col-span-1,:host(c4p-page-header-tabs) .cds-custom--col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-2,:host(c4p-page-header-content) .cds-custom--col-span-2,:host(c4p-page-header-tabs) .cds-custom--col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-3,:host(c4p-page-header-content) .cds-custom--col-span-3,:host(c4p-page-header-tabs) .cds-custom--col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-4,:host(c4p-page-header-content) .cds-custom--col-span-4,:host(c4p-page-header-tabs) .cds-custom--col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-5,:host(c4p-page-header-content) .cds-custom--col-span-5,:host(c4p-page-header-tabs) .cds-custom--col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-6,:host(c4p-page-header-content) .cds-custom--col-span-6,:host(c4p-page-header-tabs) .cds-custom--col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-7,:host(c4p-page-header-content) .cds-custom--col-span-7,:host(c4p-page-header-tabs) .cds-custom--col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-8,:host(c4p-page-header-content) .cds-custom--col-span-8,:host(c4p-page-header-tabs) .cds-custom--col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-9,:host(c4p-page-header-content) .cds-custom--col-span-9,:host(c4p-page-header-tabs) .cds-custom--col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-10,:host(c4p-page-header-content) .cds-custom--col-span-10,:host(c4p-page-header-tabs) .cds-custom--col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-11,:host(c4p-page-header-content) .cds-custom--col-span-11,:host(c4p-page-header-tabs) .cds-custom--col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-12,:host(c4p-page-header-content) .cds-custom--col-span-12,:host(c4p-page-header-tabs) .cds-custom--col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-13,:host(c4p-page-header-content) .cds-custom--col-span-13,:host(c4p-page-header-tabs) .cds-custom--col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-14,:host(c4p-page-header-content) .cds-custom--col-span-14,:host(c4p-page-header-tabs) .cds-custom--col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-15,:host(c4p-page-header-content) .cds-custom--col-span-15,:host(c4p-page-header-tabs) .cds-custom--col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-16,:host(c4p-page-header-content) .cds-custom--col-span-16,:host(c4p-page-header-tabs) .cds-custom--col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-0,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-0,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-0{display:none}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-1,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-1,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-2,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-2,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-3,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-3,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-4,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-4,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-auto,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-auto,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-100,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-100,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-75,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-75,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-75{--cds-grid-columns:3;grid-column:span 3/span 3}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-50,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-50,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-50{--cds-grid-columns:2;grid-column:span 2/span 2}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-25,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-25,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-25{--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-0,:host(c4p-page-header-content) .cds-custom--md\\:col-span-0,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-0{display:none}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-1,:host(c4p-page-header-content) .cds-custom--md\\:col-span-1,:host(c4p-page-header-tabs) .cds-custom--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-custom--md\\:col-span-2,:host(c4p-page-header-content) .cds-custom--md\\:col-span-2,:host(c4p-page-header-tabs) .cds-custom--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-custom--md\\:col-span-3,:host(c4p-page-header-content) .cds-custom--md\\:col-span-3,:host(c4p-page-header-tabs) .cds-custom--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-custom--md\\:col-span-4,:host(c4p-page-header-content) .cds-custom--md\\:col-span-4,:host(c4p-page-header-tabs) .cds-custom--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-custom--md\\:col-span-5,:host(c4p-page-header-content) .cds-custom--md\\:col-span-5,:host(c4p-page-header-tabs) .cds-custom--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-custom--md\\:col-span-6,:host(c4p-page-header-content) .cds-custom--md\\:col-span-6,:host(c4p-page-header-tabs) .cds-custom--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-custom--md\\:col-span-7,:host(c4p-page-header-content) .cds-custom--md\\:col-span-7,:host(c4p-page-header-tabs) .cds-custom--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-custom--md\\:col-span-8,:host(c4p-page-header-content) .cds-custom--md\\:col-span-8,:host(c4p-page-header-tabs) .cds-custom--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-custom--md\\:col-span-auto,:host(c4p-page-header-content) .cds-custom--md\\:col-span-auto,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-100,:host(c4p-page-header-content) .cds-custom--md\\:col-span-100,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-75,:host(c4p-page-header-content) .cds-custom--md\\:col-span-75,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-75{--cds-grid-columns:6;grid-column:span 6/span 6}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-50,:host(c4p-page-header-content) .cds-custom--md\\:col-span-50,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-50{--cds-grid-columns:4;grid-column:span 4/span 4}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-25,:host(c4p-page-header-content) .cds-custom--md\\:col-span-25,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-25{--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-0,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-0,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-0{display:none}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-1,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-1,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-2,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-2,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-3,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-3,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-4,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-4,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-5,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-5,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-6,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-6,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-7,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-7,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-8,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-8,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-9,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-9,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-10,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-10,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-11,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-11,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-12,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-12,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-13,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-13,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-14,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-14,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-15,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-15,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-16,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-16,:host(c4p-page-header-tabs) .cds-custom--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-custom--lg\\:col-span-auto,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-auto,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-100,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-100,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-75,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-75,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-50,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-50,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-25,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-25,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-0,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-0,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-0{display:none}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-1,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-1,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-2,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-2,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-3,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-3,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-4,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-4,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-5,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-5,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-6,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-6,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-7,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-7,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-8,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-8,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-9,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-9,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-10,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-10,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-11,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-11,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-12,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-12,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-13,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-13,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-14,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-14,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-15,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-15,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-16,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-16,:host(c4p-page-header-tabs) .cds-custom--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-custom--xlg\\:col-span-auto,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-auto,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-100,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-100,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-75,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-75,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-50,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-50,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-25,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-25,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-0,:host(c4p-page-header-content) .cds-custom--max\\:col-span-0,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-0{display:none}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-1,:host(c4p-page-header-content) .cds-custom--max\\:col-span-1,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-2,:host(c4p-page-header-content) .cds-custom--max\\:col-span-2,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-3,:host(c4p-page-header-content) .cds-custom--max\\:col-span-3,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-4,:host(c4p-page-header-content) .cds-custom--max\\:col-span-4,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-5,:host(c4p-page-header-content) .cds-custom--max\\:col-span-5,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-6,:host(c4p-page-header-content) .cds-custom--max\\:col-span-6,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-7,:host(c4p-page-header-content) .cds-custom--max\\:col-span-7,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-8,:host(c4p-page-header-content) .cds-custom--max\\:col-span-8,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-9,:host(c4p-page-header-content) .cds-custom--max\\:col-span-9,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-10,:host(c4p-page-header-content) .cds-custom--max\\:col-span-10,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-11,:host(c4p-page-header-content) .cds-custom--max\\:col-span-11,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-12,:host(c4p-page-header-content) .cds-custom--max\\:col-span-12,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-13,:host(c4p-page-header-content) .cds-custom--max\\:col-span-13,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-14,:host(c4p-page-header-content) .cds-custom--max\\:col-span-14,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-15,:host(c4p-page-header-content) .cds-custom--max\\:col-span-15,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-16,:host(c4p-page-header-content) .cds-custom--max\\:col-span-16,:host(c4p-page-header-tabs) .cds-custom--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-custom--max\\:col-span-auto,:host(c4p-page-header-content) .cds-custom--max\\:col-span-auto,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-100,:host(c4p-page-header-content) .cds-custom--max\\:col-span-100,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-75,:host(c4p-page-header-content) .cds-custom--max\\:col-span-75,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-50,:host(c4p-page-header-content) .cds-custom--max\\:col-span-50,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-25,:host(c4p-page-header-content) .cds-custom--max\\:col-span-25,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-auto,:host(c4p-page-header-content) .cds-custom--col-span-auto,:host(c4p-page-header-tabs) .cds-custom--col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-100,:host(c4p-page-header-content) .cds-custom--col-span-100,:host(c4p-page-header-tabs) .cds-custom--col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-75,:host(c4p-page-header-content) .cds-custom--col-span-75,:host(c4p-page-header-tabs) .cds-custom--col-span-75{--cds-grid-columns:3;grid-column:span 3/span 3}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--col-span-75,:host(c4p-page-header-content) .cds-custom--col-span-75,:host(c4p-page-header-tabs) .cds-custom--col-span-75{--cds-grid-columns:6;grid-column:span 6/span 6}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--col-span-75,:host(c4p-page-header-content) .cds-custom--col-span-75,:host(c4p-page-header-tabs) .cds-custom--col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-50,:host(c4p-page-header-content) .cds-custom--col-span-50,:host(c4p-page-header-tabs) .cds-custom--col-span-50{--cds-grid-columns:2;grid-column:span 2/span 2}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--col-span-50,:host(c4p-page-header-content) .cds-custom--col-span-50,:host(c4p-page-header-tabs) .cds-custom--col-span-50{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--col-span-50,:host(c4p-page-header-content) .cds-custom--col-span-50,:host(c4p-page-header-tabs) .cds-custom--col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-25,:host(c4p-page-header-content) .cds-custom--col-span-25,:host(c4p-page-header-tabs) .cds-custom--col-span-25{--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--col-span-25,:host(c4p-page-header-content) .cds-custom--col-span-25,:host(c4p-page-header-tabs) .cds-custom--col-span-25{--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--col-span-25,:host(c4p-page-header-content) .cds-custom--col-span-25,:host(c4p-page-header-tabs) .cds-custom--col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-1,:host(c4p-page-header-content) .cds-custom--col-start-1,:host(c4p-page-header-tabs) .cds-custom--col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-2,:host(c4p-page-header-content) .cds-custom--col-start-2,:host(c4p-page-header-tabs) .cds-custom--col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-3,:host(c4p-page-header-content) .cds-custom--col-start-3,:host(c4p-page-header-tabs) .cds-custom--col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-4,:host(c4p-page-header-content) .cds-custom--col-start-4,:host(c4p-page-header-tabs) .cds-custom--col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-5,:host(c4p-page-header-content) .cds-custom--col-start-5,:host(c4p-page-header-tabs) .cds-custom--col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-6,:host(c4p-page-header-content) .cds-custom--col-start-6,:host(c4p-page-header-tabs) .cds-custom--col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-7,:host(c4p-page-header-content) .cds-custom--col-start-7,:host(c4p-page-header-tabs) .cds-custom--col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-8,:host(c4p-page-header-content) .cds-custom--col-start-8,:host(c4p-page-header-tabs) .cds-custom--col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-9,:host(c4p-page-header-content) .cds-custom--col-start-9,:host(c4p-page-header-tabs) .cds-custom--col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-10,:host(c4p-page-header-content) .cds-custom--col-start-10,:host(c4p-page-header-tabs) .cds-custom--col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-11,:host(c4p-page-header-content) .cds-custom--col-start-11,:host(c4p-page-header-tabs) .cds-custom--col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-12,:host(c4p-page-header-content) .cds-custom--col-start-12,:host(c4p-page-header-tabs) .cds-custom--col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-13,:host(c4p-page-header-content) .cds-custom--col-start-13,:host(c4p-page-header-tabs) .cds-custom--col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-14,:host(c4p-page-header-content) .cds-custom--col-start-14,:host(c4p-page-header-tabs) .cds-custom--col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-15,:host(c4p-page-header-content) .cds-custom--col-start-15,:host(c4p-page-header-tabs) .cds-custom--col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-16,:host(c4p-page-header-content) .cds-custom--col-start-16,:host(c4p-page-header-tabs) .cds-custom--col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-2,:host(c4p-page-header-content) .cds-custom--col-end-2,:host(c4p-page-header-tabs) .cds-custom--col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-3,:host(c4p-page-header-content) .cds-custom--col-end-3,:host(c4p-page-header-tabs) .cds-custom--col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-4,:host(c4p-page-header-content) .cds-custom--col-end-4,:host(c4p-page-header-tabs) .cds-custom--col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-5,:host(c4p-page-header-content) .cds-custom--col-end-5,:host(c4p-page-header-tabs) .cds-custom--col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-6,:host(c4p-page-header-content) .cds-custom--col-end-6,:host(c4p-page-header-tabs) .cds-custom--col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-7,:host(c4p-page-header-content) .cds-custom--col-end-7,:host(c4p-page-header-tabs) .cds-custom--col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-8,:host(c4p-page-header-content) .cds-custom--col-end-8,:host(c4p-page-header-tabs) .cds-custom--col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-9,:host(c4p-page-header-content) .cds-custom--col-end-9,:host(c4p-page-header-tabs) .cds-custom--col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-10,:host(c4p-page-header-content) .cds-custom--col-end-10,:host(c4p-page-header-tabs) .cds-custom--col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-11,:host(c4p-page-header-content) .cds-custom--col-end-11,:host(c4p-page-header-tabs) .cds-custom--col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-12,:host(c4p-page-header-content) .cds-custom--col-end-12,:host(c4p-page-header-tabs) .cds-custom--col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-13,:host(c4p-page-header-content) .cds-custom--col-end-13,:host(c4p-page-header-tabs) .cds-custom--col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-14,:host(c4p-page-header-content) .cds-custom--col-end-14,:host(c4p-page-header-tabs) .cds-custom--col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-15,:host(c4p-page-header-content) .cds-custom--col-end-15,:host(c4p-page-header-tabs) .cds-custom--col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-16,:host(c4p-page-header-content) .cds-custom--col-end-16,:host(c4p-page-header-tabs) .cds-custom--col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-17,:host(c4p-page-header-content) .cds-custom--col-end-17,:host(c4p-page-header-tabs) .cds-custom--col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-auto,:host(c4p-page-header-content) .cds-custom--col-start-auto,:host(c4p-page-header-tabs) .cds-custom--col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-auto,:host(c4p-page-header-content) .cds-custom--col-end-auto,:host(c4p-page-header-tabs) .cds-custom--col-end-auto{grid-column-end:auto}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-1,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-1,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-2,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-2,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-3,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-3,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-4,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-4,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-5,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-5,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-6,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-6,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-7,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-7,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-8,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-8,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-9,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-9,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-10,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-10,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-11,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-11,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-12,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-12,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-13,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-13,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-14,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-14,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-15,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-15,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-16,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-16,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-2,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-2,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-3,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-3,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-4,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-4,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-5,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-5,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-6,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-6,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-7,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-7,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-8,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-8,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-9,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-9,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-10,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-10,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-11,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-11,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-12,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-12,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-13,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-13,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-14,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-14,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-15,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-15,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-16,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-16,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-17,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-17,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-auto,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-auto,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-auto,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-auto,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-auto{grid-column-end:auto}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-1,:host(c4p-page-header-content) .cds-custom--md\\:col-start-1,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-2,:host(c4p-page-header-content) .cds-custom--md\\:col-start-2,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-3,:host(c4p-page-header-content) .cds-custom--md\\:col-start-3,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-4,:host(c4p-page-header-content) .cds-custom--md\\:col-start-4,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-5,:host(c4p-page-header-content) .cds-custom--md\\:col-start-5,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-6,:host(c4p-page-header-content) .cds-custom--md\\:col-start-6,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-7,:host(c4p-page-header-content) .cds-custom--md\\:col-start-7,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-8,:host(c4p-page-header-content) .cds-custom--md\\:col-start-8,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-9,:host(c4p-page-header-content) .cds-custom--md\\:col-start-9,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-10,:host(c4p-page-header-content) .cds-custom--md\\:col-start-10,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-11,:host(c4p-page-header-content) .cds-custom--md\\:col-start-11,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-12,:host(c4p-page-header-content) .cds-custom--md\\:col-start-12,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-13,:host(c4p-page-header-content) .cds-custom--md\\:col-start-13,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-14,:host(c4p-page-header-content) .cds-custom--md\\:col-start-14,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-15,:host(c4p-page-header-content) .cds-custom--md\\:col-start-15,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-16,:host(c4p-page-header-content) .cds-custom--md\\:col-start-16,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-2,:host(c4p-page-header-content) .cds-custom--md\\:col-end-2,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-3,:host(c4p-page-header-content) .cds-custom--md\\:col-end-3,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-4,:host(c4p-page-header-content) .cds-custom--md\\:col-end-4,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-5,:host(c4p-page-header-content) .cds-custom--md\\:col-end-5,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-6,:host(c4p-page-header-content) .cds-custom--md\\:col-end-6,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-7,:host(c4p-page-header-content) .cds-custom--md\\:col-end-7,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-8,:host(c4p-page-header-content) .cds-custom--md\\:col-end-8,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-9,:host(c4p-page-header-content) .cds-custom--md\\:col-end-9,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-10,:host(c4p-page-header-content) .cds-custom--md\\:col-end-10,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-11,:host(c4p-page-header-content) .cds-custom--md\\:col-end-11,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-12,:host(c4p-page-header-content) .cds-custom--md\\:col-end-12,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-13,:host(c4p-page-header-content) .cds-custom--md\\:col-end-13,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-14,:host(c4p-page-header-content) .cds-custom--md\\:col-end-14,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-15,:host(c4p-page-header-content) .cds-custom--md\\:col-end-15,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-16,:host(c4p-page-header-content) .cds-custom--md\\:col-end-16,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-17,:host(c4p-page-header-content) .cds-custom--md\\:col-end-17,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-auto,:host(c4p-page-header-content) .cds-custom--md\\:col-start-auto,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-auto,:host(c4p-page-header-content) .cds-custom--md\\:col-end-auto,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-auto{grid-column-end:auto}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-1,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-1,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-2,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-2,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-3,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-3,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-4,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-4,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-5,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-5,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-6,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-6,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-7,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-7,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-8,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-8,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-9,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-9,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-10,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-10,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-11,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-11,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-12,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-12,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-13,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-13,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-14,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-14,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-15,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-15,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-16,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-16,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-2,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-2,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-3,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-3,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-4,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-4,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-5,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-5,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-6,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-6,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-7,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-7,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-8,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-8,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-9,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-9,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-10,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-10,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-11,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-11,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-12,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-12,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-13,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-13,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-14,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-14,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-15,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-15,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-16,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-16,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-17,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-17,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-auto,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-auto,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-auto,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-auto,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-auto{grid-column-end:auto}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-1,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-1,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-2,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-2,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-3,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-3,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-4,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-4,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-5,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-5,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-6,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-6,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-7,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-7,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-8,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-8,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-9,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-9,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-10,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-10,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-11,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-11,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-12,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-12,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-13,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-13,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-14,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-14,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-15,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-15,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-16,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-16,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-2,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-2,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-3,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-3,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-4,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-4,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-5,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-5,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-6,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-6,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-7,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-7,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-8,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-8,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-9,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-9,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-10,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-10,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-11,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-11,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-12,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-12,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-13,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-13,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-14,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-14,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-15,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-15,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-16,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-16,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-17,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-17,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-auto,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-auto,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-auto,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-auto,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-auto{grid-column-end:auto}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-1,:host(c4p-page-header-content) .cds-custom--max\\:col-start-1,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-2,:host(c4p-page-header-content) .cds-custom--max\\:col-start-2,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-3,:host(c4p-page-header-content) .cds-custom--max\\:col-start-3,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-4,:host(c4p-page-header-content) .cds-custom--max\\:col-start-4,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-5,:host(c4p-page-header-content) .cds-custom--max\\:col-start-5,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-6,:host(c4p-page-header-content) .cds-custom--max\\:col-start-6,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-7,:host(c4p-page-header-content) .cds-custom--max\\:col-start-7,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-8,:host(c4p-page-header-content) .cds-custom--max\\:col-start-8,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-9,:host(c4p-page-header-content) .cds-custom--max\\:col-start-9,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-10,:host(c4p-page-header-content) .cds-custom--max\\:col-start-10,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-11,:host(c4p-page-header-content) .cds-custom--max\\:col-start-11,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-12,:host(c4p-page-header-content) .cds-custom--max\\:col-start-12,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-13,:host(c4p-page-header-content) .cds-custom--max\\:col-start-13,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-14,:host(c4p-page-header-content) .cds-custom--max\\:col-start-14,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-15,:host(c4p-page-header-content) .cds-custom--max\\:col-start-15,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-16,:host(c4p-page-header-content) .cds-custom--max\\:col-start-16,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-2,:host(c4p-page-header-content) .cds-custom--max\\:col-end-2,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-3,:host(c4p-page-header-content) .cds-custom--max\\:col-end-3,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-4,:host(c4p-page-header-content) .cds-custom--max\\:col-end-4,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-5,:host(c4p-page-header-content) .cds-custom--max\\:col-end-5,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-6,:host(c4p-page-header-content) .cds-custom--max\\:col-end-6,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-7,:host(c4p-page-header-content) .cds-custom--max\\:col-end-7,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-8,:host(c4p-page-header-content) .cds-custom--max\\:col-end-8,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-9,:host(c4p-page-header-content) .cds-custom--max\\:col-end-9,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-10,:host(c4p-page-header-content) .cds-custom--max\\:col-end-10,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-11,:host(c4p-page-header-content) .cds-custom--max\\:col-end-11,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-12,:host(c4p-page-header-content) .cds-custom--max\\:col-end-12,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-13,:host(c4p-page-header-content) .cds-custom--max\\:col-end-13,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-14,:host(c4p-page-header-content) .cds-custom--max\\:col-end-14,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-15,:host(c4p-page-header-content) .cds-custom--max\\:col-end-15,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-16,:host(c4p-page-header-content) .cds-custom--max\\:col-end-16,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-17,:host(c4p-page-header-content) .cds-custom--max\\:col-end-17,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-auto,:host(c4p-page-header-content) .cds-custom--max\\:col-start-auto,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-auto,:host(c4p-page-header-content) .cds-custom--max\\:col-end-auto,:host(c4p-page-header-tabs) .cds-custom--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);position:sticky;z-index:1}:host(c4p-page-header-breadcrumb) ::slotted([slot=icon]){margin-inline-end:.5rem}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid{block-size:100%}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-container{align-items:center;block-size:100%;display:inline-flex;inline-size:100%;justify-content:space-between}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{display:inline-flex;inline-size:100%}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__actions{display:inline-flex}: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-custom--css-grid{margin-inline-end:0;padding-inline-end:0}:host(c4p-page-header-breadcrumb[page-actions-flush]) .cds-custom--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:1.5rem 0}: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]){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);margin-block-start:1rem;max-inline-size:40rem}: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){align-items:center;block-size:100%;display:flex;justify-content:flex-end;overflow:hidden;position:relative}:host(c4p-page-header-hero-image):before{block-size:0;content:\"\";float:inline-start;inline-size:1px;margin-inline-start:-1px;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) .cds-custom--css-grid .cds-custom--css-grid-column{margin:0}:host(c4p-page-header-tabs) .c4p--page-header__tab-bar--tablist{display:flex;flex-direction:row;inline-size:100%;justify-content:space-between}:host(c4p-page-header-tabs) ::slotted([slot=tags]){align-items:center;display:flex;inline-size:100%;justify-content:right;max-inline-size:500px}:host(c4p-page-header-tabs) ::slotted([slot=scroller]){inset-inline-end:0;position:absolute}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid,:host(c4p-page-header-content) .cds-custom--css-grid,:host(c4p-page-header-tabs) .cds-custom--css-grid{inline-size:auto}cds-custom-definition-tooltip::part(definition-term){border:none}:host(c4p-page-header-tabs) ::slotted(cds-custom-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
|
|
|
12
12
|
export { styles as default };
|
|
13
13
|
//# sourceMappingURL=page-header.scss.js.map
|
|
@@ -18,9 +18,12 @@ import './page-header-hero-image.js';
|
|
|
18
18
|
import './page-header-tabs.js';
|
|
19
19
|
import './page-header-title-breadcrumb.js';
|
|
20
20
|
import './page-header-scroller.js';
|
|
21
|
+
import img from './_story-assets/2x1.jpg.js';
|
|
22
|
+
import img$1 from './_story-assets/3x2.jpg.js';
|
|
23
|
+
import { breakpoints } from '../../node_modules/@carbon/layout/es/index.js';
|
|
21
24
|
|
|
22
25
|
/**
|
|
23
|
-
* Copyright IBM Corp. 2025
|
|
26
|
+
* Copyright IBM Corp. 2025, 2025
|
|
24
27
|
*
|
|
25
28
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
26
29
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -52,10 +55,10 @@ describe('c4p-page-header', function () {
|
|
|
52
55
|
});
|
|
53
56
|
describe('c4p-page-header-scroller', () => {
|
|
54
57
|
it('should collapse the page header/scroll', async () => {
|
|
55
|
-
var _a, _b;
|
|
58
|
+
var _a, _b, _c;
|
|
56
59
|
const pageHeader = await fixture(html `<main style="height: 200vh;">
|
|
57
60
|
<c4p-page-header>
|
|
58
|
-
<c4p-page-header-breadcrumb>
|
|
61
|
+
<c4p-page-header-breadcrumb .border=${true}>
|
|
59
62
|
<cds-custom-breadcrumb>
|
|
60
63
|
<cds-custom-breadcrumb-item href="/#"
|
|
61
64
|
>Breadcrumb 1</cds-custom-breadcrumb-item
|
|
@@ -72,24 +75,6 @@ describe('c4p-page-header', function () {
|
|
|
72
75
|
<cds-custom-tab id="tab-1" target="tab-panel-1" value="tab-1"
|
|
73
76
|
>Tab 1</cds-custom-tab
|
|
74
77
|
>
|
|
75
|
-
<cds-custom-tab id="tab-2" target="tab-panel-2" value="tab-2"
|
|
76
|
-
>Tab 2</cds-custom-tab
|
|
77
|
-
>
|
|
78
|
-
<cds-custom-tab id="tab-3" target="tab-panel-3" value="tab-3"
|
|
79
|
-
>Tab 3</cds-custom-tab
|
|
80
|
-
>
|
|
81
|
-
<cds-custom-tab id="tab-4" target="tab-panel-4" value="tab-4"
|
|
82
|
-
>Tab 4</cds-custom-tab
|
|
83
|
-
>
|
|
84
|
-
<cds-custom-tab id="tab-5" target="tab-panel-5" value="tab-5"
|
|
85
|
-
>Tab 5</cds-custom-tab
|
|
86
|
-
>
|
|
87
|
-
<cds-custom-tab id="tab-6" target="tab-panel-6" value="tab-6"
|
|
88
|
-
>Tab 6</cds-custom-tab
|
|
89
|
-
>
|
|
90
|
-
<cds-custom-tab id="tab-7" target="tab-panel-7" value="tab-7"
|
|
91
|
-
>Tab 7</cds-custom-tab
|
|
92
|
-
>
|
|
93
78
|
</cds-custom-tabs>
|
|
94
79
|
</c4p-page-header-tabs>
|
|
95
80
|
</c4p-page-header>
|
|
@@ -102,54 +87,6 @@ describe('c4p-page-header', function () {
|
|
|
102
87
|
>
|
|
103
88
|
Tab Panel 1
|
|
104
89
|
</div>
|
|
105
|
-
<div
|
|
106
|
-
id="tab-panel-2"
|
|
107
|
-
role="tabpanel"
|
|
108
|
-
aria-labelledby="tab-2"
|
|
109
|
-
hidden
|
|
110
|
-
>
|
|
111
|
-
Tab Panel 2
|
|
112
|
-
</div>
|
|
113
|
-
<div
|
|
114
|
-
id="tab-panel-3"
|
|
115
|
-
role="tabpanel"
|
|
116
|
-
aria-labelledby="tab-3"
|
|
117
|
-
hidden
|
|
118
|
-
>
|
|
119
|
-
Tab Panel 3
|
|
120
|
-
</div>
|
|
121
|
-
<div
|
|
122
|
-
id="tab-panel-4"
|
|
123
|
-
role="tabpanel"
|
|
124
|
-
aria-labelledby="tab-4"
|
|
125
|
-
hidden
|
|
126
|
-
>
|
|
127
|
-
Tab Panel 4
|
|
128
|
-
</div>
|
|
129
|
-
<div
|
|
130
|
-
id="tab-panel-5"
|
|
131
|
-
role="tabpanel"
|
|
132
|
-
aria-labelledby="tab-5"
|
|
133
|
-
hidden
|
|
134
|
-
>
|
|
135
|
-
Tab Panel 5
|
|
136
|
-
</div>
|
|
137
|
-
<div
|
|
138
|
-
id="tab-panel-6"
|
|
139
|
-
role="tabpanel"
|
|
140
|
-
aria-labelledby="tab-6"
|
|
141
|
-
hidden
|
|
142
|
-
>
|
|
143
|
-
Tab Panel 6
|
|
144
|
-
</div>
|
|
145
|
-
<div
|
|
146
|
-
id="tab-panel-7"
|
|
147
|
-
role="tabpanel"
|
|
148
|
-
aria-labelledby="tab-7"
|
|
149
|
-
hidden
|
|
150
|
-
>
|
|
151
|
-
Tab Panel 7
|
|
152
|
-
</div>
|
|
153
90
|
</div>
|
|
154
91
|
</main>`);
|
|
155
92
|
await pageHeader.updateComplete;
|
|
@@ -158,6 +95,11 @@ describe('c4p-page-header', function () {
|
|
|
158
95
|
const iconButton = (_a = scrollerButton === null || scrollerButton === void 0 ? void 0 : scrollerButton.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`${carbonPrefix}-icon-button`);
|
|
159
96
|
expect(scrollerButton).toBeDefined();
|
|
160
97
|
expect((_b = iconButton === null || iconButton === void 0 ? void 0 : iconButton.textContent) === null || _b === void 0 ? void 0 : _b.trim()).toBe('Collapse');
|
|
98
|
+
const breadcrumbBar = pageHeader.querySelector(`${prefix}-page-header-breadcrumb`);
|
|
99
|
+
const breadcrumbBarBorderAttr = breadcrumbBar.getAttribute('border');
|
|
100
|
+
expect(breadcrumbBarBorderAttr).toBeTruthy();
|
|
101
|
+
const scrollButtonElement = (_c = scrollerButton.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('cds-custom-icon-button');
|
|
102
|
+
scrollButtonElement.click();
|
|
161
103
|
});
|
|
162
104
|
});
|
|
163
105
|
describe('c4p-page-header-breadcrumb', () => {
|
|
@@ -273,6 +215,21 @@ describe('c4p-page-header', function () {
|
|
|
273
215
|
const inner = el.querySelector('c4p-page-header-content-text');
|
|
274
216
|
expect(inner === null || inner === void 0 ? void 0 : inner.textContent).to.include('Content text');
|
|
275
217
|
});
|
|
218
|
+
it('should render content text with subtitle', async () => {
|
|
219
|
+
const el = await fixture(html `
|
|
220
|
+
<c4p-page-header>
|
|
221
|
+
<c4p-page-header-content title="Page header content title">
|
|
222
|
+
<c4p-page-header-content-text subtitle="Content text subtitle">
|
|
223
|
+
Content text
|
|
224
|
+
</c4p-page-header-content-text>
|
|
225
|
+
</c4p-page-header-content>
|
|
226
|
+
</c4p-page-header>
|
|
227
|
+
`);
|
|
228
|
+
const inner = el.querySelector('c4p-page-header-content-text');
|
|
229
|
+
expect(inner === null || inner === void 0 ? void 0 : inner.textContent).to.include('Content text');
|
|
230
|
+
const subtitleHeader = el.querySelector(`.${prefix}--page-header__content__subtitle`);
|
|
231
|
+
expect(subtitleHeader).toBeDefined();
|
|
232
|
+
});
|
|
276
233
|
it('should render contextual actions', async () => {
|
|
277
234
|
var _a;
|
|
278
235
|
const el = await fixture(html `
|
|
@@ -318,6 +275,37 @@ describe('c4p-page-header', function () {
|
|
|
318
275
|
expect(button).to.exist;
|
|
319
276
|
expect(button === null || button === void 0 ? void 0 : button.textContent).to.include('page actions');
|
|
320
277
|
});
|
|
278
|
+
it('should render page header hero image', async () => {
|
|
279
|
+
const el = await fixture(html `
|
|
280
|
+
<c4p-page-header>
|
|
281
|
+
<c4p-page-header-content title="Page header content title">
|
|
282
|
+
<button slot="page-actions">page actions</button>
|
|
283
|
+
<c4p-page-header-content-text>
|
|
284
|
+
Content text
|
|
285
|
+
</c4p-page-header-content-text>
|
|
286
|
+
</c4p-page-header-content>
|
|
287
|
+
<c4p-page-header-hero-image>
|
|
288
|
+
<picture>
|
|
289
|
+
<source
|
|
290
|
+
srcset="${img}"
|
|
291
|
+
media=${`(min-width: ${breakpoints.lg.width})`}
|
|
292
|
+
></source>
|
|
293
|
+
<source
|
|
294
|
+
srcset="${img$1}"
|
|
295
|
+
media=${`(max-width: ${breakpoints.lg.width})`}
|
|
296
|
+
></source>
|
|
297
|
+
<img
|
|
298
|
+
src="${img}"
|
|
299
|
+
alt="a default image"
|
|
300
|
+
style="max-width:100%;height:auto"
|
|
301
|
+
/>
|
|
302
|
+
</picture>
|
|
303
|
+
</c4p-page-header-hero-image>
|
|
304
|
+
</c4p-page-header>
|
|
305
|
+
`);
|
|
306
|
+
const heroImageComponent = el.querySelector('c4p-page-header-hero-image');
|
|
307
|
+
expect(heroImageComponent).toBeTruthy();
|
|
308
|
+
});
|
|
321
309
|
});
|
|
322
310
|
describe('c4p-page-header-tabs', () => {
|
|
323
311
|
it('should render tabs', async () => {
|