@carbon/ibm-products-web-components 0.40.0-rc.0 → 0.40.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/es/components/page-header/page-header.scss.js +1 -1
- package/es/components/page-header/page-header.scss.js.map +1 -1
- package/es/package.js +1 -1
- package/es-custom/components/page-header/page-header.scss.js +1 -1
- package/es-custom/components/page-header/page-header.scss.js.map +1 -1
- package/es-custom/package.js +1 -1
- package/package.json +3 -3
- package/scss/components/page-header/page-header.scss +3 -2
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
import { css } from "lit";
|
|
9
9
|
//#region src/components/page-header/page-header.scss?lit
|
|
10
|
-
var page_header_default = css([".cds--page-header{background-color:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}.cds--page-header__breadcrumb-bar{block-size:2.5rem}.cds--page-header__breadcrumb-bar .cds--subgrid{block-size:100%}.cds--page-header__breadcrumb-container{align-items:center;block-size:100%;display:inline-flex;inline-size:100%;justify-content:space-between}.cds--page-header__breadcrumb__actions-flush .cds--css-grid{padding-inline-end:0}.cds--page-header__breadcrumb__actions-flush .cds--css-grid-column{margin-inline-end:0}.cds--page-header__breadcrumb-bar-border{border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}.cds--page-header__breadcrumb__icon{margin-inline-end:.5rem}.cds--page-header__breadcrumb__actions{display:inline-flex}.cds--page-header__breadcrumb__content-actions{margin-inline-end:.75rem}.cds--page-header__breadcrumb-wrapper{display:inline-flex}.cds--page-header__content{padding:1.5rem 0}@media (max-width:41.98rem){.cds--page-header__content__title-wrapper{display:flex;flex-direction:column;grid-gap:1rem}}.cds--page-header__content__title-wrapper{display:grid;gap:1rem;grid-template-columns:auto minmax(var(--pageheader-title-grid-width,0),1fr);margin-block-end:1rem;min-block-size:2.5rem}.cds--page-header__content__start{display:flex;flex-wrap:wrap;gap:1rem}.cds--page-header__content__title-container{display:flex}.cds--page-header__content__title-container .cds--definition-term{border-block-end:none}.cds--page-header__content__contextual-actions{display:flex}.cds--page-header__content__title{display:-webkit-box;font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-inline-size:40rem;text-overflow:ellipsis;white-space:normal}.cds--page-header__content:has(.cds--page-header__content__contextual-actions) .cds--page-header__content__title{-webkit-line-clamp:1}.cds--page-header__content__icon{margin-inline-end:1rem}.cds--page-header__content__page-actions{display:flex;justify-content:right}@media (max-width:41.98rem){.cds--page-header__content__page-actions{justify-content:left;margin-block-start:0}}.cds--page-header__content__page-actions .cds--menu-button__trigger:not(.cds--btn--ghost){min-inline-size:0}.cds--page-header__content__subtitle{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4);margin-block-end:.5rem}.cds--page-header__content__body{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);margin-block-start:.5rem;max-inline-size:40rem}[data-hidden]:not([data-fixed]){display:none}.cds--page-header__hero-image{align-items:center;block-size:100%;display:flex;justify-content:flex-end;overflow:hidden}.cds--page-header__tab-bar{margin-inline-start:-1rem}.cds--page-header__tab-bar--tablist{display:grid;grid-gap:4rem;grid-template-columns:auto minmax(0,1fr)}.cds--page-header__tags{align-items:center;display:flex;justify-content:right}.cds--page-header__tags-popover-list{display:flex;flex-direction:column;padding:1rem}.cds--page-header__tag-item{flex-shrink:0}:host(c4p-page-header){background-color:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);display:block;inset-block-start:var(--c4p-page-header-header-top);position:sticky}:host(c4p-page-header-breadcrumb) :root,:host(c4p-page-header-content) :root,:host(c4p-page-header-tabs) :root{--cds-grid-gutter:2rem;--cds-grid-columns:4;--cds-grid-margin:0}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) :root,:host(c4p-page-header-content) :root,:host(c4p-page-header-tabs) :root{--cds-grid-columns:8;--cds-grid-margin:1rem}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) :root,:host(c4p-page-header-content) :root,:host(c4p-page-header-tabs) :root{--cds-grid-columns:16}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) :root,:host(c4p-page-header-content) :root,:host(c4p-page-header-tabs) :root{--cds-grid-margin:1.5rem}}:host(c4p-page-header-breadcrumb) .cds--css-grid,:host(c4p-page-header-content) .cds--css-grid,:host(c4p-page-header-tabs) .cds--css-grid{--cds-grid-gutter-start:calc(var(--cds-grid-gutter)/2);--cds-grid-gutter-end:calc(var(--cds-grid-gutter)/2);--cds-grid-column-hang:calc(var(--cds-grid-gutter)/2);display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));inline-size:100%;margin-inline:auto;max-inline-size:99rem;padding-inline:var(--cds-grid-margin)}:host(c4p-page-header-breadcrumb) .cds--css-grid--full-width,:host(c4p-page-header-content) .cds--css-grid--full-width,:host(c4p-page-header-tabs) .cds--css-grid--full-width{max-inline-size:100%}:host(c4p-page-header-breadcrumb) .cds--css-grid-column,:host(c4p-page-header-content) .cds--css-grid-column,:host(c4p-page-header-tabs) .cds--css-grid-column{--cds-grid-mode-start:var(--cds-grid-gutter-start);--cds-grid-mode-end:var(--cds-grid-gutter-end);margin-inline:var(--cds-grid-gutter-start) var(--cds-grid-gutter-end)}[dir=rtl] :host(c4p-page-header-breadcrumb) .cds--css-grid-column,[dir=rtl] :host(c4p-page-header-content) .cds--css-grid-column,[dir=rtl] :host(c4p-page-header-tabs) .cds--css-grid-column{margin-inline:var(--cds-grid-gutter-end) var(--cds-grid-gutter-start)}:host(c4p-page-header-breadcrumb) .cds--css-grid--narrow,:host(c4p-page-header-content) .cds--css-grid--narrow,:host(c4p-page-header-tabs) .cds--css-grid--narrow{--cds-grid-gutter-start:0rem}:host(c4p-page-header-breadcrumb) .cds--css-grid--condensed,:host(c4p-page-header-content) .cds--css-grid--condensed,:host(c4p-page-header-tabs) .cds--css-grid--condensed{--cds-grid-gutter:0.0625rem;--cds-grid-column-hang:0.96875rem}:host(c4p-page-header-breadcrumb) .cds--css-grid--with-row-gap,:host(c4p-page-header-content) .cds--css-grid--with-row-gap,:host(c4p-page-header-tabs) .cds--css-grid--with-row-gap{row-gap:var(--cds-grid-gutter)}:host(c4p-page-header-breadcrumb) .cds--css-grid--narrow.cds--css-grid--with-row-gap,:host(c4p-page-header-content) .cds--css-grid--narrow.cds--css-grid--with-row-gap,:host(c4p-page-header-tabs) .cds--css-grid--narrow.cds--css-grid--with-row-gap{row-gap:calc(var(--cds-grid-gutter)/2)}:host(c4p-page-header-breadcrumb) .cds--css-grid--start,:host(c4p-page-header-content) .cds--css-grid--start,:host(c4p-page-header-tabs) .cds--css-grid--start{margin-inline-start:0}:host(c4p-page-header-breadcrumb) .cds--css-grid--end,:host(c4p-page-header-content) .cds--css-grid--end,:host(c4p-page-header-tabs) .cds--css-grid--end{margin-inline-end:0}:host(c4p-page-header-breadcrumb) .cds--subgrid,:host(c4p-page-header-content) .cds--subgrid,:host(c4p-page-header-tabs) .cds--subgrid{display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));margin-inline:calc(var(--cds-grid-mode-start)*-1) calc(var(--cds-grid-mode-end)*-1)}[dir=rtl] :host(c4p-page-header-breadcrumb) .cds--subgrid,[dir=rtl] :host(c4p-page-header-content) .cds--subgrid,[dir=rtl] :host(c4p-page-header-tabs) .cds--subgrid{margin-inline:calc(var(--cds-grid-mode-end)*-1) calc(var(--cds-grid-mode-start)*-1)}:host(c4p-page-header-breadcrumb) .cds--subgrid--wide,:host(c4p-page-header-content) .cds--subgrid--wide,:host(c4p-page-header-tabs) .cds--subgrid--wide{--cds-grid-gutter-start:1rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:0}:host(c4p-page-header-breadcrumb) .cds--subgrid--narrow,:host(c4p-page-header-content) .cds--subgrid--narrow,:host(c4p-page-header-tabs) .cds--subgrid--narrow{--cds-grid-gutter-start:0rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:1rem}:host(c4p-page-header-breadcrumb) .cds--subgrid--condensed,:host(c4p-page-header-content) .cds--subgrid--condensed,:host(c4p-page-header-tabs) .cds--subgrid--condensed{--cds-grid-gutter:0.0625rem;--cds-grid-gutter-start:0.03125rem;--cds-grid-gutter-end:0.03125rem;--cds-grid-column-hang:0.96875rem}:host(c4p-page-header-breadcrumb) .cds--subgrid--with-row-gap,:host(c4p-page-header-content) .cds--subgrid--with-row-gap,:host(c4p-page-header-tabs) .cds--subgrid--with-row-gap{row-gap:2rem}:host(c4p-page-header-breadcrumb) .cds--subgrid--narrow.cds--subgrid--with-row-gap,:host(c4p-page-header-content) .cds--subgrid--narrow.cds--subgrid--with-row-gap,:host(c4p-page-header-tabs) .cds--subgrid--narrow.cds--subgrid--with-row-gap{row-gap:1rem}:host(c4p-page-header-breadcrumb) .cds--subgrid--condensed.cds--subgrid--with-row-gap,:host(c4p-page-header-content) .cds--subgrid--condensed.cds--subgrid--with-row-gap,:host(c4p-page-header-tabs) .cds--subgrid--condensed.cds--subgrid--with-row-gap{row-gap:.0625rem}:host(c4p-page-header-breadcrumb) .cds--grid-column-hang,:host(c4p-page-header-content) .cds--grid-column-hang,:host(c4p-page-header-tabs) .cds--grid-column-hang{margin-inline-start:var(--cds-grid-column-hang)}[dir=rtl] :host(c4p-page-header-breadcrumb) .cds--grid-column-hang,[dir=rtl] :host(c4p-page-header-content) .cds--grid-column-hang,[dir=rtl] :host(c4p-page-header-tabs) .cds--grid-column-hang{margin-inline:initial var(--cds-grid-column-hang)}:host(c4p-page-header-breadcrumb) .cds--col-span-0,:host(c4p-page-header-content) .cds--col-span-0,:host(c4p-page-header-tabs) .cds--col-span-0{display:none}:host(c4p-page-header-breadcrumb) .cds--col-span-1,:host(c4p-page-header-content) .cds--col-span-1,:host(c4p-page-header-tabs) .cds--col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}:host(c4p-page-header-breadcrumb) .cds--col-span-2,:host(c4p-page-header-content) .cds--col-span-2,:host(c4p-page-header-tabs) .cds--col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}:host(c4p-page-header-breadcrumb) .cds--col-span-3,:host(c4p-page-header-content) .cds--col-span-3,:host(c4p-page-header-tabs) .cds--col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}:host(c4p-page-header-breadcrumb) .cds--col-span-4,:host(c4p-page-header-content) .cds--col-span-4,:host(c4p-page-header-tabs) .cds--col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}:host(c4p-page-header-breadcrumb) .cds--col-span-5,:host(c4p-page-header-content) .cds--col-span-5,:host(c4p-page-header-tabs) .cds--col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}:host(c4p-page-header-breadcrumb) .cds--col-span-6,:host(c4p-page-header-content) .cds--col-span-6,:host(c4p-page-header-tabs) .cds--col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}:host(c4p-page-header-breadcrumb) .cds--col-span-7,:host(c4p-page-header-content) .cds--col-span-7,:host(c4p-page-header-tabs) .cds--col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}:host(c4p-page-header-breadcrumb) .cds--col-span-8,:host(c4p-page-header-content) .cds--col-span-8,:host(c4p-page-header-tabs) .cds--col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds--col-span-9,:host(c4p-page-header-content) .cds--col-span-9,:host(c4p-page-header-tabs) .cds--col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}:host(c4p-page-header-breadcrumb) .cds--col-span-10,:host(c4p-page-header-content) .cds--col-span-10,:host(c4p-page-header-tabs) .cds--col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}:host(c4p-page-header-breadcrumb) .cds--col-span-11,:host(c4p-page-header-content) .cds--col-span-11,:host(c4p-page-header-tabs) .cds--col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}:host(c4p-page-header-breadcrumb) .cds--col-span-12,:host(c4p-page-header-content) .cds--col-span-12,:host(c4p-page-header-tabs) .cds--col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds--col-span-13,:host(c4p-page-header-content) .cds--col-span-13,:host(c4p-page-header-tabs) .cds--col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}:host(c4p-page-header-breadcrumb) .cds--col-span-14,:host(c4p-page-header-content) .cds--col-span-14,:host(c4p-page-header-tabs) .cds--col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}:host(c4p-page-header-breadcrumb) .cds--col-span-15,:host(c4p-page-header-content) .cds--col-span-15,:host(c4p-page-header-tabs) .cds--col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}:host(c4p-page-header-breadcrumb) .cds--col-span-16,:host(c4p-page-header-content) .cds--col-span-16,:host(c4p-page-header-tabs) .cds--col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-0,:host(c4p-page-header-content) .cds--sm\\:col-span-0,:host(c4p-page-header-tabs) .cds--sm\\:col-span-0{display:none}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-1,:host(c4p-page-header-content) .cds--sm\\:col-span-1,:host(c4p-page-header-tabs) .cds--sm\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-2,:host(c4p-page-header-content) .cds--sm\\:col-span-2,:host(c4p-page-header-tabs) .cds--sm\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-3,:host(c4p-page-header-content) .cds--sm\\:col-span-3,:host(c4p-page-header-tabs) .cds--sm\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-4,:host(c4p-page-header-content) .cds--sm\\:col-span-4,:host(c4p-page-header-tabs) .cds--sm\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-auto,:host(c4p-page-header-content) .cds--sm\\:col-span-auto,:host(c4p-page-header-tabs) .cds--sm\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-100,:host(c4p-page-header-content) .cds--sm\\:col-span-100,:host(c4p-page-header-tabs) .cds--sm\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-75,:host(c4p-page-header-content) .cds--sm\\:col-span-75,:host(c4p-page-header-tabs) .cds--sm\\:col-span-75{--cds-grid-columns:3;grid-column:span 3/span 3}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-50,:host(c4p-page-header-content) .cds--sm\\:col-span-50,:host(c4p-page-header-tabs) .cds--sm\\:col-span-50{--cds-grid-columns:2;grid-column:span 2/span 2}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-25,:host(c4p-page-header-content) .cds--sm\\:col-span-25,:host(c4p-page-header-tabs) .cds--sm\\:col-span-25{--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-0,:host(c4p-page-header-content) .cds--md\\:col-span-0,:host(c4p-page-header-tabs) .cds--md\\:col-span-0{display:none}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-1,:host(c4p-page-header-content) .cds--md\\:col-span-1,:host(c4p-page-header-tabs) .cds--md\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-2,:host(c4p-page-header-content) .cds--md\\:col-span-2,:host(c4p-page-header-tabs) .cds--md\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-3,:host(c4p-page-header-content) .cds--md\\:col-span-3,:host(c4p-page-header-tabs) .cds--md\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-4,:host(c4p-page-header-content) .cds--md\\:col-span-4,:host(c4p-page-header-tabs) .cds--md\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-5,:host(c4p-page-header-content) .cds--md\\:col-span-5,:host(c4p-page-header-tabs) .cds--md\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-6,:host(c4p-page-header-content) .cds--md\\:col-span-6,:host(c4p-page-header-tabs) .cds--md\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-7,:host(c4p-page-header-content) .cds--md\\:col-span-7,:host(c4p-page-header-tabs) .cds--md\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-8,:host(c4p-page-header-content) .cds--md\\:col-span-8,:host(c4p-page-header-tabs) .cds--md\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-auto,:host(c4p-page-header-content) .cds--md\\:col-span-auto,:host(c4p-page-header-tabs) .cds--md\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-100,:host(c4p-page-header-content) .cds--md\\:col-span-100,:host(c4p-page-header-tabs) .cds--md\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-75,:host(c4p-page-header-content) .cds--md\\:col-span-75,:host(c4p-page-header-tabs) .cds--md\\:col-span-75{--cds-grid-columns:6;grid-column:span 6/span 6}:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-50,:host(c4p-page-header-content) .cds--md\\:col-span-50,:host(c4p-page-header-tabs) .cds--md\\:col-span-50{--cds-grid-columns:4;grid-column:span 4/span 4}:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-25,:host(c4p-page-header-content) .cds--md\\:col-span-25,:host(c4p-page-header-tabs) .cds--md\\:col-span-25{--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-0,:host(c4p-page-header-content) .cds--lg\\:col-span-0,:host(c4p-page-header-tabs) .cds--lg\\:col-span-0{display:none}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-1,:host(c4p-page-header-content) .cds--lg\\:col-span-1,:host(c4p-page-header-tabs) .cds--lg\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-2,:host(c4p-page-header-content) .cds--lg\\:col-span-2,:host(c4p-page-header-tabs) .cds--lg\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-3,:host(c4p-page-header-content) .cds--lg\\:col-span-3,:host(c4p-page-header-tabs) .cds--lg\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-4,:host(c4p-page-header-content) .cds--lg\\:col-span-4,:host(c4p-page-header-tabs) .cds--lg\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-5,:host(c4p-page-header-content) .cds--lg\\:col-span-5,:host(c4p-page-header-tabs) .cds--lg\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-6,:host(c4p-page-header-content) .cds--lg\\:col-span-6,:host(c4p-page-header-tabs) .cds--lg\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-7,:host(c4p-page-header-content) .cds--lg\\:col-span-7,:host(c4p-page-header-tabs) .cds--lg\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-8,:host(c4p-page-header-content) .cds--lg\\:col-span-8,:host(c4p-page-header-tabs) .cds--lg\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-9,:host(c4p-page-header-content) .cds--lg\\:col-span-9,:host(c4p-page-header-tabs) .cds--lg\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-10,:host(c4p-page-header-content) .cds--lg\\:col-span-10,:host(c4p-page-header-tabs) .cds--lg\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-11,:host(c4p-page-header-content) .cds--lg\\:col-span-11,:host(c4p-page-header-tabs) .cds--lg\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-12,:host(c4p-page-header-content) .cds--lg\\:col-span-12,:host(c4p-page-header-tabs) .cds--lg\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-13,:host(c4p-page-header-content) .cds--lg\\:col-span-13,:host(c4p-page-header-tabs) .cds--lg\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-14,:host(c4p-page-header-content) .cds--lg\\:col-span-14,:host(c4p-page-header-tabs) .cds--lg\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-15,:host(c4p-page-header-content) .cds--lg\\:col-span-15,:host(c4p-page-header-tabs) .cds--lg\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-16,:host(c4p-page-header-content) .cds--lg\\:col-span-16,:host(c4p-page-header-tabs) .cds--lg\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-auto,:host(c4p-page-header-content) .cds--lg\\:col-span-auto,:host(c4p-page-header-tabs) .cds--lg\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-100,:host(c4p-page-header-content) .cds--lg\\:col-span-100,:host(c4p-page-header-tabs) .cds--lg\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-75,:host(c4p-page-header-content) .cds--lg\\:col-span-75,:host(c4p-page-header-tabs) .cds--lg\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-50,:host(c4p-page-header-content) .cds--lg\\:col-span-50,:host(c4p-page-header-tabs) .cds--lg\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-25,:host(c4p-page-header-content) .cds--lg\\:col-span-25,:host(c4p-page-header-tabs) .cds--lg\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-0,:host(c4p-page-header-content) .cds--xlg\\:col-span-0,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-0{display:none}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-1,:host(c4p-page-header-content) .cds--xlg\\:col-span-1,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-2,:host(c4p-page-header-content) .cds--xlg\\:col-span-2,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-3,:host(c4p-page-header-content) .cds--xlg\\:col-span-3,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-4,:host(c4p-page-header-content) .cds--xlg\\:col-span-4,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-5,:host(c4p-page-header-content) .cds--xlg\\:col-span-5,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-6,:host(c4p-page-header-content) .cds--xlg\\:col-span-6,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-7,:host(c4p-page-header-content) .cds--xlg\\:col-span-7,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-8,:host(c4p-page-header-content) .cds--xlg\\:col-span-8,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-9,:host(c4p-page-header-content) .cds--xlg\\:col-span-9,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-10,:host(c4p-page-header-content) .cds--xlg\\:col-span-10,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-11,:host(c4p-page-header-content) .cds--xlg\\:col-span-11,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-12,:host(c4p-page-header-content) .cds--xlg\\:col-span-12,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-13,:host(c4p-page-header-content) .cds--xlg\\:col-span-13,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-14,:host(c4p-page-header-content) .cds--xlg\\:col-span-14,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-15,:host(c4p-page-header-content) .cds--xlg\\:col-span-15,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-16,:host(c4p-page-header-content) .cds--xlg\\:col-span-16,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-auto,:host(c4p-page-header-content) .cds--xlg\\:col-span-auto,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-100,:host(c4p-page-header-content) .cds--xlg\\:col-span-100,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-75,:host(c4p-page-header-content) .cds--xlg\\:col-span-75,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-50,:host(c4p-page-header-content) .cds--xlg\\:col-span-50,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-25,:host(c4p-page-header-content) .cds--xlg\\:col-span-25,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-0,:host(c4p-page-header-content) .cds--max\\:col-span-0,:host(c4p-page-header-tabs) .cds--max\\:col-span-0{display:none}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-1,:host(c4p-page-header-content) .cds--max\\:col-span-1,:host(c4p-page-header-tabs) .cds--max\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-2,:host(c4p-page-header-content) .cds--max\\:col-span-2,:host(c4p-page-header-tabs) .cds--max\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-3,:host(c4p-page-header-content) .cds--max\\:col-span-3,:host(c4p-page-header-tabs) .cds--max\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-4,:host(c4p-page-header-content) .cds--max\\:col-span-4,:host(c4p-page-header-tabs) .cds--max\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-5,:host(c4p-page-header-content) .cds--max\\:col-span-5,:host(c4p-page-header-tabs) .cds--max\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-6,:host(c4p-page-header-content) .cds--max\\:col-span-6,:host(c4p-page-header-tabs) .cds--max\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-7,:host(c4p-page-header-content) .cds--max\\:col-span-7,:host(c4p-page-header-tabs) .cds--max\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-8,:host(c4p-page-header-content) .cds--max\\:col-span-8,:host(c4p-page-header-tabs) .cds--max\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-9,:host(c4p-page-header-content) .cds--max\\:col-span-9,:host(c4p-page-header-tabs) .cds--max\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-10,:host(c4p-page-header-content) .cds--max\\:col-span-10,:host(c4p-page-header-tabs) .cds--max\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-11,:host(c4p-page-header-content) .cds--max\\:col-span-11,:host(c4p-page-header-tabs) .cds--max\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-12,:host(c4p-page-header-content) .cds--max\\:col-span-12,:host(c4p-page-header-tabs) .cds--max\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-13,:host(c4p-page-header-content) .cds--max\\:col-span-13,:host(c4p-page-header-tabs) .cds--max\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-14,:host(c4p-page-header-content) .cds--max\\:col-span-14,:host(c4p-page-header-tabs) .cds--max\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-15,:host(c4p-page-header-content) .cds--max\\:col-span-15,:host(c4p-page-header-tabs) .cds--max\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-16,:host(c4p-page-header-content) .cds--max\\:col-span-16,:host(c4p-page-header-tabs) .cds--max\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-auto,:host(c4p-page-header-content) .cds--max\\:col-span-auto,:host(c4p-page-header-tabs) .cds--max\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-100,:host(c4p-page-header-content) .cds--max\\:col-span-100,:host(c4p-page-header-tabs) .cds--max\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-75,:host(c4p-page-header-content) .cds--max\\:col-span-75,:host(c4p-page-header-tabs) .cds--max\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-50,:host(c4p-page-header-content) .cds--max\\:col-span-50,:host(c4p-page-header-tabs) .cds--max\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-25,:host(c4p-page-header-content) .cds--max\\:col-span-25,:host(c4p-page-header-tabs) .cds--max\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}:host(c4p-page-header-breadcrumb) .cds--col-span-auto,:host(c4p-page-header-content) .cds--col-span-auto,:host(c4p-page-header-tabs) .cds--col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds--col-span-100,:host(c4p-page-header-content) .cds--col-span-100,:host(c4p-page-header-tabs) .cds--col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds--col-span-75,:host(c4p-page-header-content) .cds--col-span-75,:host(c4p-page-header-tabs) .cds--col-span-75{--cds-grid-columns:3;grid-column:span 3/span 3}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--col-span-75,:host(c4p-page-header-content) .cds--col-span-75,:host(c4p-page-header-tabs) .cds--col-span-75{--cds-grid-columns:6;grid-column:span 6/span 6}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--col-span-75,:host(c4p-page-header-content) .cds--col-span-75,:host(c4p-page-header-tabs) .cds--col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}}:host(c4p-page-header-breadcrumb) .cds--col-span-50,:host(c4p-page-header-content) .cds--col-span-50,:host(c4p-page-header-tabs) .cds--col-span-50{--cds-grid-columns:2;grid-column:span 2/span 2}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--col-span-50,:host(c4p-page-header-content) .cds--col-span-50,:host(c4p-page-header-tabs) .cds--col-span-50{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--col-span-50,:host(c4p-page-header-content) .cds--col-span-50,:host(c4p-page-header-tabs) .cds--col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}}:host(c4p-page-header-breadcrumb) .cds--col-span-25,:host(c4p-page-header-content) .cds--col-span-25,:host(c4p-page-header-tabs) .cds--col-span-25{--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--col-span-25,:host(c4p-page-header-content) .cds--col-span-25,:host(c4p-page-header-tabs) .cds--col-span-25{--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--col-span-25,:host(c4p-page-header-content) .cds--col-span-25,:host(c4p-page-header-tabs) .cds--col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}:host(c4p-page-header-breadcrumb) .cds--col-start-1,:host(c4p-page-header-content) .cds--col-start-1,:host(c4p-page-header-tabs) .cds--col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds--col-start-2,:host(c4p-page-header-content) .cds--col-start-2,:host(c4p-page-header-tabs) .cds--col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds--col-start-3,:host(c4p-page-header-content) .cds--col-start-3,:host(c4p-page-header-tabs) .cds--col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds--col-start-4,:host(c4p-page-header-content) .cds--col-start-4,:host(c4p-page-header-tabs) .cds--col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds--col-start-5,:host(c4p-page-header-content) .cds--col-start-5,:host(c4p-page-header-tabs) .cds--col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds--col-start-6,:host(c4p-page-header-content) .cds--col-start-6,:host(c4p-page-header-tabs) .cds--col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds--col-start-7,:host(c4p-page-header-content) .cds--col-start-7,:host(c4p-page-header-tabs) .cds--col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds--col-start-8,:host(c4p-page-header-content) .cds--col-start-8,:host(c4p-page-header-tabs) .cds--col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds--col-start-9,:host(c4p-page-header-content) .cds--col-start-9,:host(c4p-page-header-tabs) .cds--col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds--col-start-10,:host(c4p-page-header-content) .cds--col-start-10,:host(c4p-page-header-tabs) .cds--col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds--col-start-11,:host(c4p-page-header-content) .cds--col-start-11,:host(c4p-page-header-tabs) .cds--col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds--col-start-12,:host(c4p-page-header-content) .cds--col-start-12,:host(c4p-page-header-tabs) .cds--col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds--col-start-13,:host(c4p-page-header-content) .cds--col-start-13,:host(c4p-page-header-tabs) .cds--col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds--col-start-14,:host(c4p-page-header-content) .cds--col-start-14,:host(c4p-page-header-tabs) .cds--col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds--col-start-15,:host(c4p-page-header-content) .cds--col-start-15,:host(c4p-page-header-tabs) .cds--col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds--col-start-16,:host(c4p-page-header-content) .cds--col-start-16,:host(c4p-page-header-tabs) .cds--col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds--col-end-2,:host(c4p-page-header-content) .cds--col-end-2,:host(c4p-page-header-tabs) .cds--col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds--col-end-3,:host(c4p-page-header-content) .cds--col-end-3,:host(c4p-page-header-tabs) .cds--col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds--col-end-4,:host(c4p-page-header-content) .cds--col-end-4,:host(c4p-page-header-tabs) .cds--col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds--col-end-5,:host(c4p-page-header-content) .cds--col-end-5,:host(c4p-page-header-tabs) .cds--col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds--col-end-6,:host(c4p-page-header-content) .cds--col-end-6,:host(c4p-page-header-tabs) .cds--col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds--col-end-7,:host(c4p-page-header-content) .cds--col-end-7,:host(c4p-page-header-tabs) .cds--col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds--col-end-8,:host(c4p-page-header-content) .cds--col-end-8,:host(c4p-page-header-tabs) .cds--col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds--col-end-9,:host(c4p-page-header-content) .cds--col-end-9,:host(c4p-page-header-tabs) .cds--col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds--col-end-10,:host(c4p-page-header-content) .cds--col-end-10,:host(c4p-page-header-tabs) .cds--col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds--col-end-11,:host(c4p-page-header-content) .cds--col-end-11,:host(c4p-page-header-tabs) .cds--col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds--col-end-12,:host(c4p-page-header-content) .cds--col-end-12,:host(c4p-page-header-tabs) .cds--col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds--col-end-13,:host(c4p-page-header-content) .cds--col-end-13,:host(c4p-page-header-tabs) .cds--col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds--col-end-14,:host(c4p-page-header-content) .cds--col-end-14,:host(c4p-page-header-tabs) .cds--col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds--col-end-15,:host(c4p-page-header-content) .cds--col-end-15,:host(c4p-page-header-tabs) .cds--col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds--col-end-16,:host(c4p-page-header-content) .cds--col-end-16,:host(c4p-page-header-tabs) .cds--col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds--col-end-17,:host(c4p-page-header-content) .cds--col-end-17,:host(c4p-page-header-tabs) .cds--col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds--col-start-auto,:host(c4p-page-header-content) .cds--col-start-auto,:host(c4p-page-header-tabs) .cds--col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds--col-end-auto,:host(c4p-page-header-content) .cds--col-end-auto,:host(c4p-page-header-tabs) .cds--col-end-auto{grid-column-end:auto}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-1,:host(c4p-page-header-content) .cds--sm\\:col-start-1,:host(c4p-page-header-tabs) .cds--sm\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-2,:host(c4p-page-header-content) .cds--sm\\:col-start-2,:host(c4p-page-header-tabs) .cds--sm\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-3,:host(c4p-page-header-content) .cds--sm\\:col-start-3,:host(c4p-page-header-tabs) .cds--sm\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-4,:host(c4p-page-header-content) .cds--sm\\:col-start-4,:host(c4p-page-header-tabs) .cds--sm\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-5,:host(c4p-page-header-content) .cds--sm\\:col-start-5,:host(c4p-page-header-tabs) .cds--sm\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-6,:host(c4p-page-header-content) .cds--sm\\:col-start-6,:host(c4p-page-header-tabs) .cds--sm\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-7,:host(c4p-page-header-content) .cds--sm\\:col-start-7,:host(c4p-page-header-tabs) .cds--sm\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-8,:host(c4p-page-header-content) .cds--sm\\:col-start-8,:host(c4p-page-header-tabs) .cds--sm\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-9,:host(c4p-page-header-content) .cds--sm\\:col-start-9,:host(c4p-page-header-tabs) .cds--sm\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-10,:host(c4p-page-header-content) .cds--sm\\:col-start-10,:host(c4p-page-header-tabs) .cds--sm\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-11,:host(c4p-page-header-content) .cds--sm\\:col-start-11,:host(c4p-page-header-tabs) .cds--sm\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-12,:host(c4p-page-header-content) .cds--sm\\:col-start-12,:host(c4p-page-header-tabs) .cds--sm\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-13,:host(c4p-page-header-content) .cds--sm\\:col-start-13,:host(c4p-page-header-tabs) .cds--sm\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-14,:host(c4p-page-header-content) .cds--sm\\:col-start-14,:host(c4p-page-header-tabs) .cds--sm\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-15,:host(c4p-page-header-content) .cds--sm\\:col-start-15,:host(c4p-page-header-tabs) .cds--sm\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-16,:host(c4p-page-header-content) .cds--sm\\:col-start-16,:host(c4p-page-header-tabs) .cds--sm\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-2,:host(c4p-page-header-content) .cds--sm\\:col-end-2,:host(c4p-page-header-tabs) .cds--sm\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-3,:host(c4p-page-header-content) .cds--sm\\:col-end-3,:host(c4p-page-header-tabs) .cds--sm\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-4,:host(c4p-page-header-content) .cds--sm\\:col-end-4,:host(c4p-page-header-tabs) .cds--sm\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-5,:host(c4p-page-header-content) .cds--sm\\:col-end-5,:host(c4p-page-header-tabs) .cds--sm\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-6,:host(c4p-page-header-content) .cds--sm\\:col-end-6,:host(c4p-page-header-tabs) .cds--sm\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-7,:host(c4p-page-header-content) .cds--sm\\:col-end-7,:host(c4p-page-header-tabs) .cds--sm\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-8,:host(c4p-page-header-content) .cds--sm\\:col-end-8,:host(c4p-page-header-tabs) .cds--sm\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-9,:host(c4p-page-header-content) .cds--sm\\:col-end-9,:host(c4p-page-header-tabs) .cds--sm\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-10,:host(c4p-page-header-content) .cds--sm\\:col-end-10,:host(c4p-page-header-tabs) .cds--sm\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-11,:host(c4p-page-header-content) .cds--sm\\:col-end-11,:host(c4p-page-header-tabs) .cds--sm\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-12,:host(c4p-page-header-content) .cds--sm\\:col-end-12,:host(c4p-page-header-tabs) .cds--sm\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-13,:host(c4p-page-header-content) .cds--sm\\:col-end-13,:host(c4p-page-header-tabs) .cds--sm\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-14,:host(c4p-page-header-content) .cds--sm\\:col-end-14,:host(c4p-page-header-tabs) .cds--sm\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-15,:host(c4p-page-header-content) .cds--sm\\:col-end-15,:host(c4p-page-header-tabs) .cds--sm\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-16,:host(c4p-page-header-content) .cds--sm\\:col-end-16,:host(c4p-page-header-tabs) .cds--sm\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-17,:host(c4p-page-header-content) .cds--sm\\:col-end-17,:host(c4p-page-header-tabs) .cds--sm\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-auto,:host(c4p-page-header-content) .cds--sm\\:col-start-auto,:host(c4p-page-header-tabs) .cds--sm\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-auto,:host(c4p-page-header-content) .cds--sm\\:col-end-auto,:host(c4p-page-header-tabs) .cds--sm\\:col-end-auto{grid-column-end:auto}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-1,:host(c4p-page-header-content) .cds--md\\:col-start-1,:host(c4p-page-header-tabs) .cds--md\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-2,:host(c4p-page-header-content) .cds--md\\:col-start-2,:host(c4p-page-header-tabs) .cds--md\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-3,:host(c4p-page-header-content) .cds--md\\:col-start-3,:host(c4p-page-header-tabs) .cds--md\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-4,:host(c4p-page-header-content) .cds--md\\:col-start-4,:host(c4p-page-header-tabs) .cds--md\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-5,:host(c4p-page-header-content) .cds--md\\:col-start-5,:host(c4p-page-header-tabs) .cds--md\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-6,:host(c4p-page-header-content) .cds--md\\:col-start-6,:host(c4p-page-header-tabs) .cds--md\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-7,:host(c4p-page-header-content) .cds--md\\:col-start-7,:host(c4p-page-header-tabs) .cds--md\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-8,:host(c4p-page-header-content) .cds--md\\:col-start-8,:host(c4p-page-header-tabs) .cds--md\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-9,:host(c4p-page-header-content) .cds--md\\:col-start-9,:host(c4p-page-header-tabs) .cds--md\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-10,:host(c4p-page-header-content) .cds--md\\:col-start-10,:host(c4p-page-header-tabs) .cds--md\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-11,:host(c4p-page-header-content) .cds--md\\:col-start-11,:host(c4p-page-header-tabs) .cds--md\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-12,:host(c4p-page-header-content) .cds--md\\:col-start-12,:host(c4p-page-header-tabs) .cds--md\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-13,:host(c4p-page-header-content) .cds--md\\:col-start-13,:host(c4p-page-header-tabs) .cds--md\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-14,:host(c4p-page-header-content) .cds--md\\:col-start-14,:host(c4p-page-header-tabs) .cds--md\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-15,:host(c4p-page-header-content) .cds--md\\:col-start-15,:host(c4p-page-header-tabs) .cds--md\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-16,:host(c4p-page-header-content) .cds--md\\:col-start-16,:host(c4p-page-header-tabs) .cds--md\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-2,:host(c4p-page-header-content) .cds--md\\:col-end-2,:host(c4p-page-header-tabs) .cds--md\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-3,:host(c4p-page-header-content) .cds--md\\:col-end-3,:host(c4p-page-header-tabs) .cds--md\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-4,:host(c4p-page-header-content) .cds--md\\:col-end-4,:host(c4p-page-header-tabs) .cds--md\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-5,:host(c4p-page-header-content) .cds--md\\:col-end-5,:host(c4p-page-header-tabs) .cds--md\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-6,:host(c4p-page-header-content) .cds--md\\:col-end-6,:host(c4p-page-header-tabs) .cds--md\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-7,:host(c4p-page-header-content) .cds--md\\:col-end-7,:host(c4p-page-header-tabs) .cds--md\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-8,:host(c4p-page-header-content) .cds--md\\:col-end-8,:host(c4p-page-header-tabs) .cds--md\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-9,:host(c4p-page-header-content) .cds--md\\:col-end-9,:host(c4p-page-header-tabs) .cds--md\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-10,:host(c4p-page-header-content) .cds--md\\:col-end-10,:host(c4p-page-header-tabs) .cds--md\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-11,:host(c4p-page-header-content) .cds--md\\:col-end-11,:host(c4p-page-header-tabs) .cds--md\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-12,:host(c4p-page-header-content) .cds--md\\:col-end-12,:host(c4p-page-header-tabs) .cds--md\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-13,:host(c4p-page-header-content) .cds--md\\:col-end-13,:host(c4p-page-header-tabs) .cds--md\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-14,:host(c4p-page-header-content) .cds--md\\:col-end-14,:host(c4p-page-header-tabs) .cds--md\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-15,:host(c4p-page-header-content) .cds--md\\:col-end-15,:host(c4p-page-header-tabs) .cds--md\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-16,:host(c4p-page-header-content) .cds--md\\:col-end-16,:host(c4p-page-header-tabs) .cds--md\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-17,:host(c4p-page-header-content) .cds--md\\:col-end-17,:host(c4p-page-header-tabs) .cds--md\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-auto,:host(c4p-page-header-content) .cds--md\\:col-start-auto,:host(c4p-page-header-tabs) .cds--md\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-auto,:host(c4p-page-header-content) .cds--md\\:col-end-auto,:host(c4p-page-header-tabs) .cds--md\\:col-end-auto{grid-column-end:auto}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-1,:host(c4p-page-header-content) .cds--lg\\:col-start-1,:host(c4p-page-header-tabs) .cds--lg\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-2,:host(c4p-page-header-content) .cds--lg\\:col-start-2,:host(c4p-page-header-tabs) .cds--lg\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-3,:host(c4p-page-header-content) .cds--lg\\:col-start-3,:host(c4p-page-header-tabs) .cds--lg\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-4,:host(c4p-page-header-content) .cds--lg\\:col-start-4,:host(c4p-page-header-tabs) .cds--lg\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-5,:host(c4p-page-header-content) .cds--lg\\:col-start-5,:host(c4p-page-header-tabs) .cds--lg\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-6,:host(c4p-page-header-content) .cds--lg\\:col-start-6,:host(c4p-page-header-tabs) .cds--lg\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-7,:host(c4p-page-header-content) .cds--lg\\:col-start-7,:host(c4p-page-header-tabs) .cds--lg\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-8,:host(c4p-page-header-content) .cds--lg\\:col-start-8,:host(c4p-page-header-tabs) .cds--lg\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-9,:host(c4p-page-header-content) .cds--lg\\:col-start-9,:host(c4p-page-header-tabs) .cds--lg\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-10,:host(c4p-page-header-content) .cds--lg\\:col-start-10,:host(c4p-page-header-tabs) .cds--lg\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-11,:host(c4p-page-header-content) .cds--lg\\:col-start-11,:host(c4p-page-header-tabs) .cds--lg\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-12,:host(c4p-page-header-content) .cds--lg\\:col-start-12,:host(c4p-page-header-tabs) .cds--lg\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-13,:host(c4p-page-header-content) .cds--lg\\:col-start-13,:host(c4p-page-header-tabs) .cds--lg\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-14,:host(c4p-page-header-content) .cds--lg\\:col-start-14,:host(c4p-page-header-tabs) .cds--lg\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-15,:host(c4p-page-header-content) .cds--lg\\:col-start-15,:host(c4p-page-header-tabs) .cds--lg\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-16,:host(c4p-page-header-content) .cds--lg\\:col-start-16,:host(c4p-page-header-tabs) .cds--lg\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-2,:host(c4p-page-header-content) .cds--lg\\:col-end-2,:host(c4p-page-header-tabs) .cds--lg\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-3,:host(c4p-page-header-content) .cds--lg\\:col-end-3,:host(c4p-page-header-tabs) .cds--lg\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-4,:host(c4p-page-header-content) .cds--lg\\:col-end-4,:host(c4p-page-header-tabs) .cds--lg\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-5,:host(c4p-page-header-content) .cds--lg\\:col-end-5,:host(c4p-page-header-tabs) .cds--lg\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-6,:host(c4p-page-header-content) .cds--lg\\:col-end-6,:host(c4p-page-header-tabs) .cds--lg\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-7,:host(c4p-page-header-content) .cds--lg\\:col-end-7,:host(c4p-page-header-tabs) .cds--lg\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-8,:host(c4p-page-header-content) .cds--lg\\:col-end-8,:host(c4p-page-header-tabs) .cds--lg\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-9,:host(c4p-page-header-content) .cds--lg\\:col-end-9,:host(c4p-page-header-tabs) .cds--lg\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-10,:host(c4p-page-header-content) .cds--lg\\:col-end-10,:host(c4p-page-header-tabs) .cds--lg\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-11,:host(c4p-page-header-content) .cds--lg\\:col-end-11,:host(c4p-page-header-tabs) .cds--lg\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-12,:host(c4p-page-header-content) .cds--lg\\:col-end-12,:host(c4p-page-header-tabs) .cds--lg\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-13,:host(c4p-page-header-content) .cds--lg\\:col-end-13,:host(c4p-page-header-tabs) .cds--lg\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-14,:host(c4p-page-header-content) .cds--lg\\:col-end-14,:host(c4p-page-header-tabs) .cds--lg\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-15,:host(c4p-page-header-content) .cds--lg\\:col-end-15,:host(c4p-page-header-tabs) .cds--lg\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-16,:host(c4p-page-header-content) .cds--lg\\:col-end-16,:host(c4p-page-header-tabs) .cds--lg\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-17,:host(c4p-page-header-content) .cds--lg\\:col-end-17,:host(c4p-page-header-tabs) .cds--lg\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-auto,:host(c4p-page-header-content) .cds--lg\\:col-start-auto,:host(c4p-page-header-tabs) .cds--lg\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-auto,:host(c4p-page-header-content) .cds--lg\\:col-end-auto,:host(c4p-page-header-tabs) .cds--lg\\:col-end-auto{grid-column-end:auto}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-1,:host(c4p-page-header-content) .cds--xlg\\:col-start-1,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-2,:host(c4p-page-header-content) .cds--xlg\\:col-start-2,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-3,:host(c4p-page-header-content) .cds--xlg\\:col-start-3,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-4,:host(c4p-page-header-content) .cds--xlg\\:col-start-4,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-5,:host(c4p-page-header-content) .cds--xlg\\:col-start-5,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-6,:host(c4p-page-header-content) .cds--xlg\\:col-start-6,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-7,:host(c4p-page-header-content) .cds--xlg\\:col-start-7,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-8,:host(c4p-page-header-content) .cds--xlg\\:col-start-8,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-9,:host(c4p-page-header-content) .cds--xlg\\:col-start-9,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-10,:host(c4p-page-header-content) .cds--xlg\\:col-start-10,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-11,:host(c4p-page-header-content) .cds--xlg\\:col-start-11,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-12,:host(c4p-page-header-content) .cds--xlg\\:col-start-12,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-13,:host(c4p-page-header-content) .cds--xlg\\:col-start-13,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-14,:host(c4p-page-header-content) .cds--xlg\\:col-start-14,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-15,:host(c4p-page-header-content) .cds--xlg\\:col-start-15,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-16,:host(c4p-page-header-content) .cds--xlg\\:col-start-16,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-2,:host(c4p-page-header-content) .cds--xlg\\:col-end-2,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-3,:host(c4p-page-header-content) .cds--xlg\\:col-end-3,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-4,:host(c4p-page-header-content) .cds--xlg\\:col-end-4,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-5,:host(c4p-page-header-content) .cds--xlg\\:col-end-5,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-6,:host(c4p-page-header-content) .cds--xlg\\:col-end-6,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-7,:host(c4p-page-header-content) .cds--xlg\\:col-end-7,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-8,:host(c4p-page-header-content) .cds--xlg\\:col-end-8,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-9,:host(c4p-page-header-content) .cds--xlg\\:col-end-9,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-10,:host(c4p-page-header-content) .cds--xlg\\:col-end-10,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-11,:host(c4p-page-header-content) .cds--xlg\\:col-end-11,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-12,:host(c4p-page-header-content) .cds--xlg\\:col-end-12,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-13,:host(c4p-page-header-content) .cds--xlg\\:col-end-13,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-14,:host(c4p-page-header-content) .cds--xlg\\:col-end-14,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-15,:host(c4p-page-header-content) .cds--xlg\\:col-end-15,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-16,:host(c4p-page-header-content) .cds--xlg\\:col-end-16,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-17,:host(c4p-page-header-content) .cds--xlg\\:col-end-17,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-auto,:host(c4p-page-header-content) .cds--xlg\\:col-start-auto,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-auto,:host(c4p-page-header-content) .cds--xlg\\:col-end-auto,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-auto{grid-column-end:auto}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-1,:host(c4p-page-header-content) .cds--max\\:col-start-1,:host(c4p-page-header-tabs) .cds--max\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-2,:host(c4p-page-header-content) .cds--max\\:col-start-2,:host(c4p-page-header-tabs) .cds--max\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-3,:host(c4p-page-header-content) .cds--max\\:col-start-3,:host(c4p-page-header-tabs) .cds--max\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-4,:host(c4p-page-header-content) .cds--max\\:col-start-4,:host(c4p-page-header-tabs) .cds--max\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-5,:host(c4p-page-header-content) .cds--max\\:col-start-5,:host(c4p-page-header-tabs) .cds--max\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-6,:host(c4p-page-header-content) .cds--max\\:col-start-6,:host(c4p-page-header-tabs) .cds--max\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-7,:host(c4p-page-header-content) .cds--max\\:col-start-7,:host(c4p-page-header-tabs) .cds--max\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-8,:host(c4p-page-header-content) .cds--max\\:col-start-8,:host(c4p-page-header-tabs) .cds--max\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-9,:host(c4p-page-header-content) .cds--max\\:col-start-9,:host(c4p-page-header-tabs) .cds--max\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-10,:host(c4p-page-header-content) .cds--max\\:col-start-10,:host(c4p-page-header-tabs) .cds--max\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-11,:host(c4p-page-header-content) .cds--max\\:col-start-11,:host(c4p-page-header-tabs) .cds--max\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-12,:host(c4p-page-header-content) .cds--max\\:col-start-12,:host(c4p-page-header-tabs) .cds--max\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-13,:host(c4p-page-header-content) .cds--max\\:col-start-13,:host(c4p-page-header-tabs) .cds--max\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-14,:host(c4p-page-header-content) .cds--max\\:col-start-14,:host(c4p-page-header-tabs) .cds--max\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-15,:host(c4p-page-header-content) .cds--max\\:col-start-15,:host(c4p-page-header-tabs) .cds--max\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-16,:host(c4p-page-header-content) .cds--max\\:col-start-16,:host(c4p-page-header-tabs) .cds--max\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-2,:host(c4p-page-header-content) .cds--max\\:col-end-2,:host(c4p-page-header-tabs) .cds--max\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-3,:host(c4p-page-header-content) .cds--max\\:col-end-3,:host(c4p-page-header-tabs) .cds--max\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-4,:host(c4p-page-header-content) .cds--max\\:col-end-4,:host(c4p-page-header-tabs) .cds--max\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-5,:host(c4p-page-header-content) .cds--max\\:col-end-5,:host(c4p-page-header-tabs) .cds--max\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-6,:host(c4p-page-header-content) .cds--max\\:col-end-6,:host(c4p-page-header-tabs) .cds--max\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-7,:host(c4p-page-header-content) .cds--max\\:col-end-7,:host(c4p-page-header-tabs) .cds--max\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-8,:host(c4p-page-header-content) .cds--max\\:col-end-8,:host(c4p-page-header-tabs) .cds--max\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-9,:host(c4p-page-header-content) .cds--max\\:col-end-9,:host(c4p-page-header-tabs) .cds--max\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-10,:host(c4p-page-header-content) .cds--max\\:col-end-10,:host(c4p-page-header-tabs) .cds--max\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-11,:host(c4p-page-header-content) .cds--max\\:col-end-11,:host(c4p-page-header-tabs) .cds--max\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-12,:host(c4p-page-header-content) .cds--max\\:col-end-12,:host(c4p-page-header-tabs) .cds--max\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-13,:host(c4p-page-header-content) .cds--max\\:col-end-13,:host(c4p-page-header-tabs) .cds--max\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-14,:host(c4p-page-header-content) .cds--max\\:col-end-14,:host(c4p-page-header-tabs) .cds--max\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-15,:host(c4p-page-header-content) .cds--max\\:col-end-15,:host(c4p-page-header-tabs) .cds--max\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-16,:host(c4p-page-header-content) .cds--max\\:col-end-16,:host(c4p-page-header-tabs) .cds--max\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-17,:host(c4p-page-header-content) .cds--max\\:col-end-17,:host(c4p-page-header-tabs) .cds--max\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-auto,:host(c4p-page-header-content) .cds--max\\:col-start-auto,:host(c4p-page-header-tabs) .cds--max\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-auto,:host(c4p-page-header-content) .cds--max\\:col-end-auto,:host(c4p-page-header-tabs) .cds--max\\:col-end-auto{grid-column-end:auto}}:host(c4p-page-header-breadcrumb),:host(c4p-page-header-content),:host(c4p-page-header-tabs){display:block}:host(c4p-page-header-breadcrumb){background-color:var(--cds-layer-01,#f4f4f4);block-size:2.5rem;border-block-end:var(--cds-border-subtle);inset-block-start:var(--c4p-page-header-breadcrumb-top);overflow:visible;position:sticky;z-index:1}:host(c4p-page-header-breadcrumb) ::slotted([slot=icon]){margin-inline-end:.5rem}:host(c4p-page-header-breadcrumb) .cds--subgrid{block-size:100%}:host(c4p-page-header-breadcrumb) .cds--css-grid-column{min-inline-size:0;overflow:visible}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-container{align-items:center;block-size:100%;display:flex;gap:.5rem;inline-size:100%;justify-content:space-between;min-inline-size:0}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{display:flex;flex:1 1 auto;min-inline-size:0}@media (max-width:41.98rem){:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{flex:1 1 75%}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{max-inline-size:60%}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{max-inline-size:60%}}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__actions{align-items:center;display:flex;flex:0 0 auto;gap:.5rem;justify-content:flex-end;min-inline-size:0}@media (max-width:41.98rem){:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__actions{flex:0 1 25%;max-inline-size:25%}}:host(c4p-page-header-breadcrumb:not([content-actions-flush])) ::slotted([slot=content-actions]){margin-inline-end:.75rem!important}:host(c4p-page-header-breadcrumb[page-actions-flush]) .cds--css-grid{margin-inline-end:0;padding-inline-end:0}:host(c4p-page-header-breadcrumb[page-actions-flush]) .cds--css-grid-column{margin-inline-end:0}:host(c4p-page-header-breadcrumb[border=true]){border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}:host(c4p-page-header-content){padding: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]){align-items:center;display:flex}:host(c4p-page-header-content[contextual-actions]) .c4p--page-header__content__title{-webkit-line-clamp:1}:host(c4p-page-header-content-text){display:block;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);max-inline-size:40rem}:host(c4p-page-header-content-text) .c4p--page-header__content__subtitle{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4);margin-block-end:.5rem;margin-block-start:0}:host(c4p-page-header-hero-image){block-size:100%;display:block;overflow:hidden;position:relative}:host(c4p-page-header-hero-image) .c4p--page-header__hero-image{inset:0;position:absolute}:host(c4p-page-header-hero-image) ::slotted(picture){block-size:100%;display:flex;inline-size:100%;justify-content:center}:host(c4p-page-header-hero-image) ::slotted(img){block-size:100%;display:block;inline-size:100%;-o-object-fit:var(--object-fit,cover);object-fit:var(--object-fit,cover);-o-object-position:var(--object-position,center);object-position:var(--object-position,center)}:host(c4p-page-header-hero-image):before{content:\"\";display:block;padding-block-start:66.6666666667%}@media (min-width:66rem){:host(c4p-page-header-hero-image):before{padding-block-start:50%}}:host(c4p-page-header-hero-image):after{clear:both;content:\"\";display:table}:host(c4p-page-header-tabs){position:relative}:host(c4p-page-header-tabs) .cds--css-grid{align-items:center;display:flex}@media (min-width:99rem){:host(c4p-page-header-tabs) .cds--css-grid{display:grid}}:host(c4p-page-header-tabs) .cds--css-grid .cds--css-grid-column{flex:1;margin:0;min-inline-size:0}@media (min-width:99rem){:host(c4p-page-header-tabs) .cds--css-grid .cds--css-grid-column{flex:none}}:host(c4p-page-header-tabs) .c4p--page-header__tab-bar--tablist{align-items:center;display:flex}:host(c4p-page-header-tabs) ::slotted([slot=tags]){align-items:center;display:inline-flex;inline-size:40%;justify-content:flex-end;margin-inline-start:auto;min-inline-size:0}:host(c4p-page-header-tabs:has([slot=scroller])) ::slotted([slot=tags]){transform:translateX(-1.5rem)}@media (min-width:42rem){:host(c4p-page-header-tabs:has([slot=scroller])) ::slotted([slot=tags]){padding-inline-end:.5rem;transform:translateX(0)}}@media (min-width:99rem){:host(c4p-page-header-tabs:has([slot=scroller])) ::slotted([slot=tags]){padding-inline-end:1rem}}:host(c4p-page-header-tabs) ::slotted([slot=scroller]){position:relative}@media (min-width:99rem){:host(c4p-page-header-tabs) ::slotted([slot=scroller]){inset-block-start:0;inset-inline-end:0;position:absolute}}:host(c4p-page-header-breadcrumb) .cds--css-grid,:host(c4p-page-header-content) .cds--css-grid,:host(c4p-page-header-tabs) .cds--css-grid{inline-size:auto}cds-definition-tooltip::part(definition-term){border:none}:host(c4p-page-header-tabs) ::slotted(cds-tabs){--tabs-overflow-button-background:$layer-01}@keyframes page-header-title-breadcrumb-animation{0%{opacity:0;transform:translateY(1rem)}5%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes page-header-title-breadcrumb-animation-reduced-motion{0%{opacity:0}5%{opacity:1}to{opacity:1}}@supports not (animation-timeline:scroll()){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__fallback){opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__fallback){transform:translateY(0);transition:opacity .15s cubic-bezier(.2,0,.38,.9)}}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__content-actions-with-global-actions{opacity:0;visibility:hidden}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__content-actions-with-global-actions.c4p--page-header__breadcrumb__content-actions-with-global-actions--show{opacity:1;transform:translateY(0);transition:opacity .15s cubic-bezier(.2,0,.38,.9);visibility:visible}:host(c4p-page-header-title-breadcrumb){opacity:0;transform:translateY(1rem);transition:transform .15s cubic-bezier(.2,0,.38,.9),opacity .15s cubic-bezier(.2,0,.38,.9)}@supports not (animation-timeline:scroll()){@supports not (animation-timeline:scroll()){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content).c4p--page-header-title-breadcrumb-show__fallback{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content).c4p--page-header-title-breadcrumb-show__fallback{transform:translateY(0);transition:opacity .15s cubic-bezier(.2,0,.38,.9)}}}@supports (animation-timeline:scroll()){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content){animation-direction:alternate;animation-duration:1ms;animation-name:page-header-title-breadcrumb-animation;animation-timeline:scroll(block nearest)}@media (prefers-reduced-motion:reduce){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content){animation-name:page-header-title-breadcrumb-animation-reduced-motion;transform:translateY(0)}}}:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__by-default){opacity:1;transform:translateY(0)}"]);
|
|
10
|
+
var page_header_default = css([".cds--page-header{background-color:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}.cds--page-header__breadcrumb-bar{block-size:2.5rem}.cds--page-header__breadcrumb-bar .cds--subgrid{block-size:100%}.cds--page-header__breadcrumb-container{align-items:center;block-size:100%;display:inline-flex;inline-size:100%;justify-content:space-between}.cds--page-header__breadcrumb__actions-flush .cds--css-grid{padding-inline-end:0}.cds--page-header__breadcrumb__actions-flush .cds--css-grid-column{margin-inline-end:0}.cds--page-header__breadcrumb-bar-border{border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}.cds--page-header__breadcrumb__icon{margin-inline-end:.5rem}.cds--page-header__breadcrumb__actions{display:inline-flex}.cds--page-header__breadcrumb__content-actions{margin-inline-end:.75rem}.cds--page-header__breadcrumb-wrapper{display:inline-flex}.cds--page-header__content{padding:1.5rem 0}@media (max-width:41.98rem){.cds--page-header__content__title-wrapper{display:flex;flex-direction:column;grid-gap:1rem}}.cds--page-header__content__title-wrapper{display:grid;gap:1rem;grid-template-columns:auto minmax(var(--pageheader-title-grid-width,0),1fr);margin-block-end:1rem;min-block-size:2.5rem}.cds--page-header__content__start{display:flex;flex-wrap:wrap;gap:1rem}.cds--page-header__content__title-container{display:flex}.cds--page-header__content__title-container .cds--definition-term{border-block-end:none}.cds--page-header__content__contextual-actions{display:flex}.cds--page-header__content__title{display:-webkit-box;font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-inline-size:40rem;text-overflow:ellipsis;white-space:normal}.cds--page-header__content:has(.cds--page-header__content__contextual-actions) .cds--page-header__content__title{-webkit-line-clamp:1}.cds--page-header__content__icon{margin-inline-end:1rem}.cds--page-header__content__page-actions{display:flex;justify-content:right}@media (max-width:41.98rem){.cds--page-header__content__page-actions{justify-content:left;margin-block-start:0}}.cds--page-header__content__page-actions .cds--menu-button__trigger:not(.cds--btn--ghost){min-inline-size:0}.cds--page-header__content__subtitle{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4);margin-block-end:.5rem}.cds--page-header__content__body{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);margin-block-start:.5rem;max-inline-size:40rem}[data-hidden]:not([data-fixed]){display:none}.cds--page-header__hero-image{align-items:center;block-size:100%;display:flex;justify-content:flex-end;overflow:hidden}.cds--page-header__tab-bar{margin-inline-start:-1rem}.cds--page-header__tab-bar--tablist{display:grid;grid-gap:4rem;grid-template-columns:auto minmax(0,1fr)}.cds--page-header__tags{align-items:center;display:flex;justify-content:right}.cds--page-header__tags-popover-list{display:flex;flex-direction:column;padding:1rem}.cds--page-header__tag-item{flex-shrink:0}:host(c4p-page-header){background-color:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);display:block;inset-block-start:var(--c4p-page-header-header-top);position:sticky}:host(c4p-page-header-breadcrumb) :root,:host(c4p-page-header-content) :root,:host(c4p-page-header-tabs) :root{--cds-grid-gutter:2rem;--cds-grid-columns:4;--cds-grid-margin:0}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) :root,:host(c4p-page-header-content) :root,:host(c4p-page-header-tabs) :root{--cds-grid-columns:8;--cds-grid-margin:1rem}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) :root,:host(c4p-page-header-content) :root,:host(c4p-page-header-tabs) :root{--cds-grid-columns:16}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) :root,:host(c4p-page-header-content) :root,:host(c4p-page-header-tabs) :root{--cds-grid-margin:1.5rem}}:host(c4p-page-header-breadcrumb) .cds--css-grid,:host(c4p-page-header-content) .cds--css-grid,:host(c4p-page-header-tabs) .cds--css-grid{--cds-grid-gutter-start:calc(var(--cds-grid-gutter)/2);--cds-grid-gutter-end:calc(var(--cds-grid-gutter)/2);--cds-grid-column-hang:calc(var(--cds-grid-gutter)/2);display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));inline-size:100%;margin-inline:auto;max-inline-size:99rem;padding-inline:var(--cds-grid-margin)}:host(c4p-page-header-breadcrumb) .cds--css-grid--full-width,:host(c4p-page-header-content) .cds--css-grid--full-width,:host(c4p-page-header-tabs) .cds--css-grid--full-width{max-inline-size:100%}:host(c4p-page-header-breadcrumb) .cds--css-grid-column,:host(c4p-page-header-content) .cds--css-grid-column,:host(c4p-page-header-tabs) .cds--css-grid-column{--cds-grid-mode-start:var(--cds-grid-gutter-start);--cds-grid-mode-end:var(--cds-grid-gutter-end);margin-inline:var(--cds-grid-gutter-start) var(--cds-grid-gutter-end)}[dir=rtl] :host(c4p-page-header-breadcrumb) .cds--css-grid-column,[dir=rtl] :host(c4p-page-header-content) .cds--css-grid-column,[dir=rtl] :host(c4p-page-header-tabs) .cds--css-grid-column{margin-inline:var(--cds-grid-gutter-end) var(--cds-grid-gutter-start)}:host(c4p-page-header-breadcrumb) .cds--css-grid--narrow,:host(c4p-page-header-content) .cds--css-grid--narrow,:host(c4p-page-header-tabs) .cds--css-grid--narrow{--cds-grid-gutter-start:0rem}:host(c4p-page-header-breadcrumb) .cds--css-grid--condensed,:host(c4p-page-header-content) .cds--css-grid--condensed,:host(c4p-page-header-tabs) .cds--css-grid--condensed{--cds-grid-gutter:0.0625rem;--cds-grid-column-hang:0.96875rem}:host(c4p-page-header-breadcrumb) .cds--css-grid--with-row-gap,:host(c4p-page-header-content) .cds--css-grid--with-row-gap,:host(c4p-page-header-tabs) .cds--css-grid--with-row-gap{row-gap:var(--cds-grid-gutter)}:host(c4p-page-header-breadcrumb) .cds--css-grid--narrow.cds--css-grid--with-row-gap,:host(c4p-page-header-content) .cds--css-grid--narrow.cds--css-grid--with-row-gap,:host(c4p-page-header-tabs) .cds--css-grid--narrow.cds--css-grid--with-row-gap{row-gap:calc(var(--cds-grid-gutter)/2)}:host(c4p-page-header-breadcrumb) .cds--css-grid--start,:host(c4p-page-header-content) .cds--css-grid--start,:host(c4p-page-header-tabs) .cds--css-grid--start{margin-inline-start:0}:host(c4p-page-header-breadcrumb) .cds--css-grid--end,:host(c4p-page-header-content) .cds--css-grid--end,:host(c4p-page-header-tabs) .cds--css-grid--end{margin-inline-end:0}:host(c4p-page-header-breadcrumb) .cds--subgrid,:host(c4p-page-header-content) .cds--subgrid,:host(c4p-page-header-tabs) .cds--subgrid{display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));margin-inline:calc(var(--cds-grid-mode-start)*-1) calc(var(--cds-grid-mode-end)*-1)}[dir=rtl] :host(c4p-page-header-breadcrumb) .cds--subgrid,[dir=rtl] :host(c4p-page-header-content) .cds--subgrid,[dir=rtl] :host(c4p-page-header-tabs) .cds--subgrid{margin-inline:calc(var(--cds-grid-mode-end)*-1) calc(var(--cds-grid-mode-start)*-1)}:host(c4p-page-header-breadcrumb) .cds--subgrid--wide,:host(c4p-page-header-content) .cds--subgrid--wide,:host(c4p-page-header-tabs) .cds--subgrid--wide{--cds-grid-gutter-start:1rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:0}:host(c4p-page-header-breadcrumb) .cds--subgrid--narrow,:host(c4p-page-header-content) .cds--subgrid--narrow,:host(c4p-page-header-tabs) .cds--subgrid--narrow{--cds-grid-gutter-start:0rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:1rem}:host(c4p-page-header-breadcrumb) .cds--subgrid--condensed,:host(c4p-page-header-content) .cds--subgrid--condensed,:host(c4p-page-header-tabs) .cds--subgrid--condensed{--cds-grid-gutter:0.0625rem;--cds-grid-gutter-start:0.03125rem;--cds-grid-gutter-end:0.03125rem;--cds-grid-column-hang:0.96875rem}:host(c4p-page-header-breadcrumb) .cds--subgrid--with-row-gap,:host(c4p-page-header-content) .cds--subgrid--with-row-gap,:host(c4p-page-header-tabs) .cds--subgrid--with-row-gap{row-gap:2rem}:host(c4p-page-header-breadcrumb) .cds--subgrid--narrow.cds--subgrid--with-row-gap,:host(c4p-page-header-content) .cds--subgrid--narrow.cds--subgrid--with-row-gap,:host(c4p-page-header-tabs) .cds--subgrid--narrow.cds--subgrid--with-row-gap{row-gap:1rem}:host(c4p-page-header-breadcrumb) .cds--subgrid--condensed.cds--subgrid--with-row-gap,:host(c4p-page-header-content) .cds--subgrid--condensed.cds--subgrid--with-row-gap,:host(c4p-page-header-tabs) .cds--subgrid--condensed.cds--subgrid--with-row-gap{row-gap:.0625rem}:host(c4p-page-header-breadcrumb) .cds--grid-column-hang,:host(c4p-page-header-content) .cds--grid-column-hang,:host(c4p-page-header-tabs) .cds--grid-column-hang{margin-inline-start:var(--cds-grid-column-hang)}[dir=rtl] :host(c4p-page-header-breadcrumb) .cds--grid-column-hang,[dir=rtl] :host(c4p-page-header-content) .cds--grid-column-hang,[dir=rtl] :host(c4p-page-header-tabs) .cds--grid-column-hang{margin-inline:initial var(--cds-grid-column-hang)}:host(c4p-page-header-breadcrumb) .cds--col-span-0,:host(c4p-page-header-content) .cds--col-span-0,:host(c4p-page-header-tabs) .cds--col-span-0{display:none}:host(c4p-page-header-breadcrumb) .cds--col-span-1,:host(c4p-page-header-content) .cds--col-span-1,:host(c4p-page-header-tabs) .cds--col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}:host(c4p-page-header-breadcrumb) .cds--col-span-2,:host(c4p-page-header-content) .cds--col-span-2,:host(c4p-page-header-tabs) .cds--col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}:host(c4p-page-header-breadcrumb) .cds--col-span-3,:host(c4p-page-header-content) .cds--col-span-3,:host(c4p-page-header-tabs) .cds--col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}:host(c4p-page-header-breadcrumb) .cds--col-span-4,:host(c4p-page-header-content) .cds--col-span-4,:host(c4p-page-header-tabs) .cds--col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}:host(c4p-page-header-breadcrumb) .cds--col-span-5,:host(c4p-page-header-content) .cds--col-span-5,:host(c4p-page-header-tabs) .cds--col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}:host(c4p-page-header-breadcrumb) .cds--col-span-6,:host(c4p-page-header-content) .cds--col-span-6,:host(c4p-page-header-tabs) .cds--col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}:host(c4p-page-header-breadcrumb) .cds--col-span-7,:host(c4p-page-header-content) .cds--col-span-7,:host(c4p-page-header-tabs) .cds--col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}:host(c4p-page-header-breadcrumb) .cds--col-span-8,:host(c4p-page-header-content) .cds--col-span-8,:host(c4p-page-header-tabs) .cds--col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds--col-span-9,:host(c4p-page-header-content) .cds--col-span-9,:host(c4p-page-header-tabs) .cds--col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}:host(c4p-page-header-breadcrumb) .cds--col-span-10,:host(c4p-page-header-content) .cds--col-span-10,:host(c4p-page-header-tabs) .cds--col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}:host(c4p-page-header-breadcrumb) .cds--col-span-11,:host(c4p-page-header-content) .cds--col-span-11,:host(c4p-page-header-tabs) .cds--col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}:host(c4p-page-header-breadcrumb) .cds--col-span-12,:host(c4p-page-header-content) .cds--col-span-12,:host(c4p-page-header-tabs) .cds--col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds--col-span-13,:host(c4p-page-header-content) .cds--col-span-13,:host(c4p-page-header-tabs) .cds--col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}:host(c4p-page-header-breadcrumb) .cds--col-span-14,:host(c4p-page-header-content) .cds--col-span-14,:host(c4p-page-header-tabs) .cds--col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}:host(c4p-page-header-breadcrumb) .cds--col-span-15,:host(c4p-page-header-content) .cds--col-span-15,:host(c4p-page-header-tabs) .cds--col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}:host(c4p-page-header-breadcrumb) .cds--col-span-16,:host(c4p-page-header-content) .cds--col-span-16,:host(c4p-page-header-tabs) .cds--col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-0,:host(c4p-page-header-content) .cds--sm\\:col-span-0,:host(c4p-page-header-tabs) .cds--sm\\:col-span-0{display:none}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-1,:host(c4p-page-header-content) .cds--sm\\:col-span-1,:host(c4p-page-header-tabs) .cds--sm\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-2,:host(c4p-page-header-content) .cds--sm\\:col-span-2,:host(c4p-page-header-tabs) .cds--sm\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-3,:host(c4p-page-header-content) .cds--sm\\:col-span-3,:host(c4p-page-header-tabs) .cds--sm\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-4,:host(c4p-page-header-content) .cds--sm\\:col-span-4,:host(c4p-page-header-tabs) .cds--sm\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-auto,:host(c4p-page-header-content) .cds--sm\\:col-span-auto,:host(c4p-page-header-tabs) .cds--sm\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-100,:host(c4p-page-header-content) .cds--sm\\:col-span-100,:host(c4p-page-header-tabs) .cds--sm\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-75,:host(c4p-page-header-content) .cds--sm\\:col-span-75,:host(c4p-page-header-tabs) .cds--sm\\:col-span-75{--cds-grid-columns:3;grid-column:span 3/span 3}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-50,:host(c4p-page-header-content) .cds--sm\\:col-span-50,:host(c4p-page-header-tabs) .cds--sm\\:col-span-50{--cds-grid-columns:2;grid-column:span 2/span 2}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-span-25,:host(c4p-page-header-content) .cds--sm\\:col-span-25,:host(c4p-page-header-tabs) .cds--sm\\:col-span-25{--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-0,:host(c4p-page-header-content) .cds--md\\:col-span-0,:host(c4p-page-header-tabs) .cds--md\\:col-span-0{display:none}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-1,:host(c4p-page-header-content) .cds--md\\:col-span-1,:host(c4p-page-header-tabs) .cds--md\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-2,:host(c4p-page-header-content) .cds--md\\:col-span-2,:host(c4p-page-header-tabs) .cds--md\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-3,:host(c4p-page-header-content) .cds--md\\:col-span-3,:host(c4p-page-header-tabs) .cds--md\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-4,:host(c4p-page-header-content) .cds--md\\:col-span-4,:host(c4p-page-header-tabs) .cds--md\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-5,:host(c4p-page-header-content) .cds--md\\:col-span-5,:host(c4p-page-header-tabs) .cds--md\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-6,:host(c4p-page-header-content) .cds--md\\:col-span-6,:host(c4p-page-header-tabs) .cds--md\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-7,:host(c4p-page-header-content) .cds--md\\:col-span-7,:host(c4p-page-header-tabs) .cds--md\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-8,:host(c4p-page-header-content) .cds--md\\:col-span-8,:host(c4p-page-header-tabs) .cds--md\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-auto,:host(c4p-page-header-content) .cds--md\\:col-span-auto,:host(c4p-page-header-tabs) .cds--md\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-100,:host(c4p-page-header-content) .cds--md\\:col-span-100,:host(c4p-page-header-tabs) .cds--md\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-75,:host(c4p-page-header-content) .cds--md\\:col-span-75,:host(c4p-page-header-tabs) .cds--md\\:col-span-75{--cds-grid-columns:6;grid-column:span 6/span 6}:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-50,:host(c4p-page-header-content) .cds--md\\:col-span-50,:host(c4p-page-header-tabs) .cds--md\\:col-span-50{--cds-grid-columns:4;grid-column:span 4/span 4}:host(c4p-page-header-breadcrumb) .cds--md\\:col-span-25,:host(c4p-page-header-content) .cds--md\\:col-span-25,:host(c4p-page-header-tabs) .cds--md\\:col-span-25{--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-0,:host(c4p-page-header-content) .cds--lg\\:col-span-0,:host(c4p-page-header-tabs) .cds--lg\\:col-span-0{display:none}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-1,:host(c4p-page-header-content) .cds--lg\\:col-span-1,:host(c4p-page-header-tabs) .cds--lg\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-2,:host(c4p-page-header-content) .cds--lg\\:col-span-2,:host(c4p-page-header-tabs) .cds--lg\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-3,:host(c4p-page-header-content) .cds--lg\\:col-span-3,:host(c4p-page-header-tabs) .cds--lg\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-4,:host(c4p-page-header-content) .cds--lg\\:col-span-4,:host(c4p-page-header-tabs) .cds--lg\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-5,:host(c4p-page-header-content) .cds--lg\\:col-span-5,:host(c4p-page-header-tabs) .cds--lg\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-6,:host(c4p-page-header-content) .cds--lg\\:col-span-6,:host(c4p-page-header-tabs) .cds--lg\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-7,:host(c4p-page-header-content) .cds--lg\\:col-span-7,:host(c4p-page-header-tabs) .cds--lg\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-8,:host(c4p-page-header-content) .cds--lg\\:col-span-8,:host(c4p-page-header-tabs) .cds--lg\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-9,:host(c4p-page-header-content) .cds--lg\\:col-span-9,:host(c4p-page-header-tabs) .cds--lg\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-10,:host(c4p-page-header-content) .cds--lg\\:col-span-10,:host(c4p-page-header-tabs) .cds--lg\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-11,:host(c4p-page-header-content) .cds--lg\\:col-span-11,:host(c4p-page-header-tabs) .cds--lg\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-12,:host(c4p-page-header-content) .cds--lg\\:col-span-12,:host(c4p-page-header-tabs) .cds--lg\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-13,:host(c4p-page-header-content) .cds--lg\\:col-span-13,:host(c4p-page-header-tabs) .cds--lg\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-14,:host(c4p-page-header-content) .cds--lg\\:col-span-14,:host(c4p-page-header-tabs) .cds--lg\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-15,:host(c4p-page-header-content) .cds--lg\\:col-span-15,:host(c4p-page-header-tabs) .cds--lg\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-16,:host(c4p-page-header-content) .cds--lg\\:col-span-16,:host(c4p-page-header-tabs) .cds--lg\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-auto,:host(c4p-page-header-content) .cds--lg\\:col-span-auto,:host(c4p-page-header-tabs) .cds--lg\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-100,:host(c4p-page-header-content) .cds--lg\\:col-span-100,:host(c4p-page-header-tabs) .cds--lg\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-75,:host(c4p-page-header-content) .cds--lg\\:col-span-75,:host(c4p-page-header-tabs) .cds--lg\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-50,:host(c4p-page-header-content) .cds--lg\\:col-span-50,:host(c4p-page-header-tabs) .cds--lg\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-span-25,:host(c4p-page-header-content) .cds--lg\\:col-span-25,:host(c4p-page-header-tabs) .cds--lg\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-0,:host(c4p-page-header-content) .cds--xlg\\:col-span-0,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-0{display:none}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-1,:host(c4p-page-header-content) .cds--xlg\\:col-span-1,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-2,:host(c4p-page-header-content) .cds--xlg\\:col-span-2,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-3,:host(c4p-page-header-content) .cds--xlg\\:col-span-3,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-4,:host(c4p-page-header-content) .cds--xlg\\:col-span-4,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-5,:host(c4p-page-header-content) .cds--xlg\\:col-span-5,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-6,:host(c4p-page-header-content) .cds--xlg\\:col-span-6,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-7,:host(c4p-page-header-content) .cds--xlg\\:col-span-7,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-8,:host(c4p-page-header-content) .cds--xlg\\:col-span-8,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-9,:host(c4p-page-header-content) .cds--xlg\\:col-span-9,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-10,:host(c4p-page-header-content) .cds--xlg\\:col-span-10,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-11,:host(c4p-page-header-content) .cds--xlg\\:col-span-11,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-12,:host(c4p-page-header-content) .cds--xlg\\:col-span-12,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-13,:host(c4p-page-header-content) .cds--xlg\\:col-span-13,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-14,:host(c4p-page-header-content) .cds--xlg\\:col-span-14,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-15,:host(c4p-page-header-content) .cds--xlg\\:col-span-15,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-16,:host(c4p-page-header-content) .cds--xlg\\:col-span-16,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-auto,:host(c4p-page-header-content) .cds--xlg\\:col-span-auto,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-100,:host(c4p-page-header-content) .cds--xlg\\:col-span-100,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-75,:host(c4p-page-header-content) .cds--xlg\\:col-span-75,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-50,:host(c4p-page-header-content) .cds--xlg\\:col-span-50,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-span-25,:host(c4p-page-header-content) .cds--xlg\\:col-span-25,:host(c4p-page-header-tabs) .cds--xlg\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-0,:host(c4p-page-header-content) .cds--max\\:col-span-0,:host(c4p-page-header-tabs) .cds--max\\:col-span-0{display:none}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-1,:host(c4p-page-header-content) .cds--max\\:col-span-1,:host(c4p-page-header-tabs) .cds--max\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-2,:host(c4p-page-header-content) .cds--max\\:col-span-2,:host(c4p-page-header-tabs) .cds--max\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-3,:host(c4p-page-header-content) .cds--max\\:col-span-3,:host(c4p-page-header-tabs) .cds--max\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-4,:host(c4p-page-header-content) .cds--max\\:col-span-4,:host(c4p-page-header-tabs) .cds--max\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-5,:host(c4p-page-header-content) .cds--max\\:col-span-5,:host(c4p-page-header-tabs) .cds--max\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-6,:host(c4p-page-header-content) .cds--max\\:col-span-6,:host(c4p-page-header-tabs) .cds--max\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-7,:host(c4p-page-header-content) .cds--max\\:col-span-7,:host(c4p-page-header-tabs) .cds--max\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-8,:host(c4p-page-header-content) .cds--max\\:col-span-8,:host(c4p-page-header-tabs) .cds--max\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-9,:host(c4p-page-header-content) .cds--max\\:col-span-9,:host(c4p-page-header-tabs) .cds--max\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-10,:host(c4p-page-header-content) .cds--max\\:col-span-10,:host(c4p-page-header-tabs) .cds--max\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-11,:host(c4p-page-header-content) .cds--max\\:col-span-11,:host(c4p-page-header-tabs) .cds--max\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-12,:host(c4p-page-header-content) .cds--max\\:col-span-12,:host(c4p-page-header-tabs) .cds--max\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-13,:host(c4p-page-header-content) .cds--max\\:col-span-13,:host(c4p-page-header-tabs) .cds--max\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-14,:host(c4p-page-header-content) .cds--max\\:col-span-14,:host(c4p-page-header-tabs) .cds--max\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-15,:host(c4p-page-header-content) .cds--max\\:col-span-15,:host(c4p-page-header-tabs) .cds--max\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-16,:host(c4p-page-header-content) .cds--max\\:col-span-16,:host(c4p-page-header-tabs) .cds--max\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-auto,:host(c4p-page-header-content) .cds--max\\:col-span-auto,:host(c4p-page-header-tabs) .cds--max\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-100,:host(c4p-page-header-content) .cds--max\\:col-span-100,:host(c4p-page-header-tabs) .cds--max\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-75,:host(c4p-page-header-content) .cds--max\\:col-span-75,:host(c4p-page-header-tabs) .cds--max\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-50,:host(c4p-page-header-content) .cds--max\\:col-span-50,:host(c4p-page-header-tabs) .cds--max\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds--max\\:col-span-25,:host(c4p-page-header-content) .cds--max\\:col-span-25,:host(c4p-page-header-tabs) .cds--max\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}:host(c4p-page-header-breadcrumb) .cds--col-span-auto,:host(c4p-page-header-content) .cds--col-span-auto,:host(c4p-page-header-tabs) .cds--col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds--col-span-100,:host(c4p-page-header-content) .cds--col-span-100,:host(c4p-page-header-tabs) .cds--col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds--col-span-75,:host(c4p-page-header-content) .cds--col-span-75,:host(c4p-page-header-tabs) .cds--col-span-75{--cds-grid-columns:3;grid-column:span 3/span 3}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--col-span-75,:host(c4p-page-header-content) .cds--col-span-75,:host(c4p-page-header-tabs) .cds--col-span-75{--cds-grid-columns:6;grid-column:span 6/span 6}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--col-span-75,:host(c4p-page-header-content) .cds--col-span-75,:host(c4p-page-header-tabs) .cds--col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}}:host(c4p-page-header-breadcrumb) .cds--col-span-50,:host(c4p-page-header-content) .cds--col-span-50,:host(c4p-page-header-tabs) .cds--col-span-50{--cds-grid-columns:2;grid-column:span 2/span 2}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--col-span-50,:host(c4p-page-header-content) .cds--col-span-50,:host(c4p-page-header-tabs) .cds--col-span-50{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--col-span-50,:host(c4p-page-header-content) .cds--col-span-50,:host(c4p-page-header-tabs) .cds--col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}}:host(c4p-page-header-breadcrumb) .cds--col-span-25,:host(c4p-page-header-content) .cds--col-span-25,:host(c4p-page-header-tabs) .cds--col-span-25{--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--col-span-25,:host(c4p-page-header-content) .cds--col-span-25,:host(c4p-page-header-tabs) .cds--col-span-25{--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--col-span-25,:host(c4p-page-header-content) .cds--col-span-25,:host(c4p-page-header-tabs) .cds--col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}:host(c4p-page-header-breadcrumb) .cds--col-start-1,:host(c4p-page-header-content) .cds--col-start-1,:host(c4p-page-header-tabs) .cds--col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds--col-start-2,:host(c4p-page-header-content) .cds--col-start-2,:host(c4p-page-header-tabs) .cds--col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds--col-start-3,:host(c4p-page-header-content) .cds--col-start-3,:host(c4p-page-header-tabs) .cds--col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds--col-start-4,:host(c4p-page-header-content) .cds--col-start-4,:host(c4p-page-header-tabs) .cds--col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds--col-start-5,:host(c4p-page-header-content) .cds--col-start-5,:host(c4p-page-header-tabs) .cds--col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds--col-start-6,:host(c4p-page-header-content) .cds--col-start-6,:host(c4p-page-header-tabs) .cds--col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds--col-start-7,:host(c4p-page-header-content) .cds--col-start-7,:host(c4p-page-header-tabs) .cds--col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds--col-start-8,:host(c4p-page-header-content) .cds--col-start-8,:host(c4p-page-header-tabs) .cds--col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds--col-start-9,:host(c4p-page-header-content) .cds--col-start-9,:host(c4p-page-header-tabs) .cds--col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds--col-start-10,:host(c4p-page-header-content) .cds--col-start-10,:host(c4p-page-header-tabs) .cds--col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds--col-start-11,:host(c4p-page-header-content) .cds--col-start-11,:host(c4p-page-header-tabs) .cds--col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds--col-start-12,:host(c4p-page-header-content) .cds--col-start-12,:host(c4p-page-header-tabs) .cds--col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds--col-start-13,:host(c4p-page-header-content) .cds--col-start-13,:host(c4p-page-header-tabs) .cds--col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds--col-start-14,:host(c4p-page-header-content) .cds--col-start-14,:host(c4p-page-header-tabs) .cds--col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds--col-start-15,:host(c4p-page-header-content) .cds--col-start-15,:host(c4p-page-header-tabs) .cds--col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds--col-start-16,:host(c4p-page-header-content) .cds--col-start-16,:host(c4p-page-header-tabs) .cds--col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds--col-end-2,:host(c4p-page-header-content) .cds--col-end-2,:host(c4p-page-header-tabs) .cds--col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds--col-end-3,:host(c4p-page-header-content) .cds--col-end-3,:host(c4p-page-header-tabs) .cds--col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds--col-end-4,:host(c4p-page-header-content) .cds--col-end-4,:host(c4p-page-header-tabs) .cds--col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds--col-end-5,:host(c4p-page-header-content) .cds--col-end-5,:host(c4p-page-header-tabs) .cds--col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds--col-end-6,:host(c4p-page-header-content) .cds--col-end-6,:host(c4p-page-header-tabs) .cds--col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds--col-end-7,:host(c4p-page-header-content) .cds--col-end-7,:host(c4p-page-header-tabs) .cds--col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds--col-end-8,:host(c4p-page-header-content) .cds--col-end-8,:host(c4p-page-header-tabs) .cds--col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds--col-end-9,:host(c4p-page-header-content) .cds--col-end-9,:host(c4p-page-header-tabs) .cds--col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds--col-end-10,:host(c4p-page-header-content) .cds--col-end-10,:host(c4p-page-header-tabs) .cds--col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds--col-end-11,:host(c4p-page-header-content) .cds--col-end-11,:host(c4p-page-header-tabs) .cds--col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds--col-end-12,:host(c4p-page-header-content) .cds--col-end-12,:host(c4p-page-header-tabs) .cds--col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds--col-end-13,:host(c4p-page-header-content) .cds--col-end-13,:host(c4p-page-header-tabs) .cds--col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds--col-end-14,:host(c4p-page-header-content) .cds--col-end-14,:host(c4p-page-header-tabs) .cds--col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds--col-end-15,:host(c4p-page-header-content) .cds--col-end-15,:host(c4p-page-header-tabs) .cds--col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds--col-end-16,:host(c4p-page-header-content) .cds--col-end-16,:host(c4p-page-header-tabs) .cds--col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds--col-end-17,:host(c4p-page-header-content) .cds--col-end-17,:host(c4p-page-header-tabs) .cds--col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds--col-start-auto,:host(c4p-page-header-content) .cds--col-start-auto,:host(c4p-page-header-tabs) .cds--col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds--col-end-auto,:host(c4p-page-header-content) .cds--col-end-auto,:host(c4p-page-header-tabs) .cds--col-end-auto{grid-column-end:auto}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-1,:host(c4p-page-header-content) .cds--sm\\:col-start-1,:host(c4p-page-header-tabs) .cds--sm\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-2,:host(c4p-page-header-content) .cds--sm\\:col-start-2,:host(c4p-page-header-tabs) .cds--sm\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-3,:host(c4p-page-header-content) .cds--sm\\:col-start-3,:host(c4p-page-header-tabs) .cds--sm\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-4,:host(c4p-page-header-content) .cds--sm\\:col-start-4,:host(c4p-page-header-tabs) .cds--sm\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-5,:host(c4p-page-header-content) .cds--sm\\:col-start-5,:host(c4p-page-header-tabs) .cds--sm\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-6,:host(c4p-page-header-content) .cds--sm\\:col-start-6,:host(c4p-page-header-tabs) .cds--sm\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-7,:host(c4p-page-header-content) .cds--sm\\:col-start-7,:host(c4p-page-header-tabs) .cds--sm\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-8,:host(c4p-page-header-content) .cds--sm\\:col-start-8,:host(c4p-page-header-tabs) .cds--sm\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-9,:host(c4p-page-header-content) .cds--sm\\:col-start-9,:host(c4p-page-header-tabs) .cds--sm\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-10,:host(c4p-page-header-content) .cds--sm\\:col-start-10,:host(c4p-page-header-tabs) .cds--sm\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-11,:host(c4p-page-header-content) .cds--sm\\:col-start-11,:host(c4p-page-header-tabs) .cds--sm\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-12,:host(c4p-page-header-content) .cds--sm\\:col-start-12,:host(c4p-page-header-tabs) .cds--sm\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-13,:host(c4p-page-header-content) .cds--sm\\:col-start-13,:host(c4p-page-header-tabs) .cds--sm\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-14,:host(c4p-page-header-content) .cds--sm\\:col-start-14,:host(c4p-page-header-tabs) .cds--sm\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-15,:host(c4p-page-header-content) .cds--sm\\:col-start-15,:host(c4p-page-header-tabs) .cds--sm\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-16,:host(c4p-page-header-content) .cds--sm\\:col-start-16,:host(c4p-page-header-tabs) .cds--sm\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-2,:host(c4p-page-header-content) .cds--sm\\:col-end-2,:host(c4p-page-header-tabs) .cds--sm\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-3,:host(c4p-page-header-content) .cds--sm\\:col-end-3,:host(c4p-page-header-tabs) .cds--sm\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-4,:host(c4p-page-header-content) .cds--sm\\:col-end-4,:host(c4p-page-header-tabs) .cds--sm\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-5,:host(c4p-page-header-content) .cds--sm\\:col-end-5,:host(c4p-page-header-tabs) .cds--sm\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-6,:host(c4p-page-header-content) .cds--sm\\:col-end-6,:host(c4p-page-header-tabs) .cds--sm\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-7,:host(c4p-page-header-content) .cds--sm\\:col-end-7,:host(c4p-page-header-tabs) .cds--sm\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-8,:host(c4p-page-header-content) .cds--sm\\:col-end-8,:host(c4p-page-header-tabs) .cds--sm\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-9,:host(c4p-page-header-content) .cds--sm\\:col-end-9,:host(c4p-page-header-tabs) .cds--sm\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-10,:host(c4p-page-header-content) .cds--sm\\:col-end-10,:host(c4p-page-header-tabs) .cds--sm\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-11,:host(c4p-page-header-content) .cds--sm\\:col-end-11,:host(c4p-page-header-tabs) .cds--sm\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-12,:host(c4p-page-header-content) .cds--sm\\:col-end-12,:host(c4p-page-header-tabs) .cds--sm\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-13,:host(c4p-page-header-content) .cds--sm\\:col-end-13,:host(c4p-page-header-tabs) .cds--sm\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-14,:host(c4p-page-header-content) .cds--sm\\:col-end-14,:host(c4p-page-header-tabs) .cds--sm\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-15,:host(c4p-page-header-content) .cds--sm\\:col-end-15,:host(c4p-page-header-tabs) .cds--sm\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-16,:host(c4p-page-header-content) .cds--sm\\:col-end-16,:host(c4p-page-header-tabs) .cds--sm\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-17,:host(c4p-page-header-content) .cds--sm\\:col-end-17,:host(c4p-page-header-tabs) .cds--sm\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-start-auto,:host(c4p-page-header-content) .cds--sm\\:col-start-auto,:host(c4p-page-header-tabs) .cds--sm\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds--sm\\:col-end-auto,:host(c4p-page-header-content) .cds--sm\\:col-end-auto,:host(c4p-page-header-tabs) .cds--sm\\:col-end-auto{grid-column-end:auto}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-1,:host(c4p-page-header-content) .cds--md\\:col-start-1,:host(c4p-page-header-tabs) .cds--md\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-2,:host(c4p-page-header-content) .cds--md\\:col-start-2,:host(c4p-page-header-tabs) .cds--md\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-3,:host(c4p-page-header-content) .cds--md\\:col-start-3,:host(c4p-page-header-tabs) .cds--md\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-4,:host(c4p-page-header-content) .cds--md\\:col-start-4,:host(c4p-page-header-tabs) .cds--md\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-5,:host(c4p-page-header-content) .cds--md\\:col-start-5,:host(c4p-page-header-tabs) .cds--md\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-6,:host(c4p-page-header-content) .cds--md\\:col-start-6,:host(c4p-page-header-tabs) .cds--md\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-7,:host(c4p-page-header-content) .cds--md\\:col-start-7,:host(c4p-page-header-tabs) .cds--md\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-8,:host(c4p-page-header-content) .cds--md\\:col-start-8,:host(c4p-page-header-tabs) .cds--md\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-9,:host(c4p-page-header-content) .cds--md\\:col-start-9,:host(c4p-page-header-tabs) .cds--md\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-10,:host(c4p-page-header-content) .cds--md\\:col-start-10,:host(c4p-page-header-tabs) .cds--md\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-11,:host(c4p-page-header-content) .cds--md\\:col-start-11,:host(c4p-page-header-tabs) .cds--md\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-12,:host(c4p-page-header-content) .cds--md\\:col-start-12,:host(c4p-page-header-tabs) .cds--md\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-13,:host(c4p-page-header-content) .cds--md\\:col-start-13,:host(c4p-page-header-tabs) .cds--md\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-14,:host(c4p-page-header-content) .cds--md\\:col-start-14,:host(c4p-page-header-tabs) .cds--md\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-15,:host(c4p-page-header-content) .cds--md\\:col-start-15,:host(c4p-page-header-tabs) .cds--md\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-16,:host(c4p-page-header-content) .cds--md\\:col-start-16,:host(c4p-page-header-tabs) .cds--md\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-2,:host(c4p-page-header-content) .cds--md\\:col-end-2,:host(c4p-page-header-tabs) .cds--md\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-3,:host(c4p-page-header-content) .cds--md\\:col-end-3,:host(c4p-page-header-tabs) .cds--md\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-4,:host(c4p-page-header-content) .cds--md\\:col-end-4,:host(c4p-page-header-tabs) .cds--md\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-5,:host(c4p-page-header-content) .cds--md\\:col-end-5,:host(c4p-page-header-tabs) .cds--md\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-6,:host(c4p-page-header-content) .cds--md\\:col-end-6,:host(c4p-page-header-tabs) .cds--md\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-7,:host(c4p-page-header-content) .cds--md\\:col-end-7,:host(c4p-page-header-tabs) .cds--md\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-8,:host(c4p-page-header-content) .cds--md\\:col-end-8,:host(c4p-page-header-tabs) .cds--md\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-9,:host(c4p-page-header-content) .cds--md\\:col-end-9,:host(c4p-page-header-tabs) .cds--md\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-10,:host(c4p-page-header-content) .cds--md\\:col-end-10,:host(c4p-page-header-tabs) .cds--md\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-11,:host(c4p-page-header-content) .cds--md\\:col-end-11,:host(c4p-page-header-tabs) .cds--md\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-12,:host(c4p-page-header-content) .cds--md\\:col-end-12,:host(c4p-page-header-tabs) .cds--md\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-13,:host(c4p-page-header-content) .cds--md\\:col-end-13,:host(c4p-page-header-tabs) .cds--md\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-14,:host(c4p-page-header-content) .cds--md\\:col-end-14,:host(c4p-page-header-tabs) .cds--md\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-15,:host(c4p-page-header-content) .cds--md\\:col-end-15,:host(c4p-page-header-tabs) .cds--md\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-16,:host(c4p-page-header-content) .cds--md\\:col-end-16,:host(c4p-page-header-tabs) .cds--md\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-17,:host(c4p-page-header-content) .cds--md\\:col-end-17,:host(c4p-page-header-tabs) .cds--md\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds--md\\:col-start-auto,:host(c4p-page-header-content) .cds--md\\:col-start-auto,:host(c4p-page-header-tabs) .cds--md\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds--md\\:col-end-auto,:host(c4p-page-header-content) .cds--md\\:col-end-auto,:host(c4p-page-header-tabs) .cds--md\\:col-end-auto{grid-column-end:auto}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-1,:host(c4p-page-header-content) .cds--lg\\:col-start-1,:host(c4p-page-header-tabs) .cds--lg\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-2,:host(c4p-page-header-content) .cds--lg\\:col-start-2,:host(c4p-page-header-tabs) .cds--lg\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-3,:host(c4p-page-header-content) .cds--lg\\:col-start-3,:host(c4p-page-header-tabs) .cds--lg\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-4,:host(c4p-page-header-content) .cds--lg\\:col-start-4,:host(c4p-page-header-tabs) .cds--lg\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-5,:host(c4p-page-header-content) .cds--lg\\:col-start-5,:host(c4p-page-header-tabs) .cds--lg\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-6,:host(c4p-page-header-content) .cds--lg\\:col-start-6,:host(c4p-page-header-tabs) .cds--lg\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-7,:host(c4p-page-header-content) .cds--lg\\:col-start-7,:host(c4p-page-header-tabs) .cds--lg\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-8,:host(c4p-page-header-content) .cds--lg\\:col-start-8,:host(c4p-page-header-tabs) .cds--lg\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-9,:host(c4p-page-header-content) .cds--lg\\:col-start-9,:host(c4p-page-header-tabs) .cds--lg\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-10,:host(c4p-page-header-content) .cds--lg\\:col-start-10,:host(c4p-page-header-tabs) .cds--lg\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-11,:host(c4p-page-header-content) .cds--lg\\:col-start-11,:host(c4p-page-header-tabs) .cds--lg\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-12,:host(c4p-page-header-content) .cds--lg\\:col-start-12,:host(c4p-page-header-tabs) .cds--lg\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-13,:host(c4p-page-header-content) .cds--lg\\:col-start-13,:host(c4p-page-header-tabs) .cds--lg\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-14,:host(c4p-page-header-content) .cds--lg\\:col-start-14,:host(c4p-page-header-tabs) .cds--lg\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-15,:host(c4p-page-header-content) .cds--lg\\:col-start-15,:host(c4p-page-header-tabs) .cds--lg\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-16,:host(c4p-page-header-content) .cds--lg\\:col-start-16,:host(c4p-page-header-tabs) .cds--lg\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-2,:host(c4p-page-header-content) .cds--lg\\:col-end-2,:host(c4p-page-header-tabs) .cds--lg\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-3,:host(c4p-page-header-content) .cds--lg\\:col-end-3,:host(c4p-page-header-tabs) .cds--lg\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-4,:host(c4p-page-header-content) .cds--lg\\:col-end-4,:host(c4p-page-header-tabs) .cds--lg\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-5,:host(c4p-page-header-content) .cds--lg\\:col-end-5,:host(c4p-page-header-tabs) .cds--lg\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-6,:host(c4p-page-header-content) .cds--lg\\:col-end-6,:host(c4p-page-header-tabs) .cds--lg\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-7,:host(c4p-page-header-content) .cds--lg\\:col-end-7,:host(c4p-page-header-tabs) .cds--lg\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-8,:host(c4p-page-header-content) .cds--lg\\:col-end-8,:host(c4p-page-header-tabs) .cds--lg\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-9,:host(c4p-page-header-content) .cds--lg\\:col-end-9,:host(c4p-page-header-tabs) .cds--lg\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-10,:host(c4p-page-header-content) .cds--lg\\:col-end-10,:host(c4p-page-header-tabs) .cds--lg\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-11,:host(c4p-page-header-content) .cds--lg\\:col-end-11,:host(c4p-page-header-tabs) .cds--lg\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-12,:host(c4p-page-header-content) .cds--lg\\:col-end-12,:host(c4p-page-header-tabs) .cds--lg\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-13,:host(c4p-page-header-content) .cds--lg\\:col-end-13,:host(c4p-page-header-tabs) .cds--lg\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-14,:host(c4p-page-header-content) .cds--lg\\:col-end-14,:host(c4p-page-header-tabs) .cds--lg\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-15,:host(c4p-page-header-content) .cds--lg\\:col-end-15,:host(c4p-page-header-tabs) .cds--lg\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-16,:host(c4p-page-header-content) .cds--lg\\:col-end-16,:host(c4p-page-header-tabs) .cds--lg\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-17,:host(c4p-page-header-content) .cds--lg\\:col-end-17,:host(c4p-page-header-tabs) .cds--lg\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-start-auto,:host(c4p-page-header-content) .cds--lg\\:col-start-auto,:host(c4p-page-header-tabs) .cds--lg\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds--lg\\:col-end-auto,:host(c4p-page-header-content) .cds--lg\\:col-end-auto,:host(c4p-page-header-tabs) .cds--lg\\:col-end-auto{grid-column-end:auto}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-1,:host(c4p-page-header-content) .cds--xlg\\:col-start-1,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-2,:host(c4p-page-header-content) .cds--xlg\\:col-start-2,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-3,:host(c4p-page-header-content) .cds--xlg\\:col-start-3,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-4,:host(c4p-page-header-content) .cds--xlg\\:col-start-4,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-5,:host(c4p-page-header-content) .cds--xlg\\:col-start-5,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-6,:host(c4p-page-header-content) .cds--xlg\\:col-start-6,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-7,:host(c4p-page-header-content) .cds--xlg\\:col-start-7,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-8,:host(c4p-page-header-content) .cds--xlg\\:col-start-8,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-9,:host(c4p-page-header-content) .cds--xlg\\:col-start-9,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-10,:host(c4p-page-header-content) .cds--xlg\\:col-start-10,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-11,:host(c4p-page-header-content) .cds--xlg\\:col-start-11,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-12,:host(c4p-page-header-content) .cds--xlg\\:col-start-12,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-13,:host(c4p-page-header-content) .cds--xlg\\:col-start-13,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-14,:host(c4p-page-header-content) .cds--xlg\\:col-start-14,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-15,:host(c4p-page-header-content) .cds--xlg\\:col-start-15,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-16,:host(c4p-page-header-content) .cds--xlg\\:col-start-16,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-2,:host(c4p-page-header-content) .cds--xlg\\:col-end-2,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-3,:host(c4p-page-header-content) .cds--xlg\\:col-end-3,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-4,:host(c4p-page-header-content) .cds--xlg\\:col-end-4,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-5,:host(c4p-page-header-content) .cds--xlg\\:col-end-5,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-6,:host(c4p-page-header-content) .cds--xlg\\:col-end-6,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-7,:host(c4p-page-header-content) .cds--xlg\\:col-end-7,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-8,:host(c4p-page-header-content) .cds--xlg\\:col-end-8,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-9,:host(c4p-page-header-content) .cds--xlg\\:col-end-9,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-10,:host(c4p-page-header-content) .cds--xlg\\:col-end-10,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-11,:host(c4p-page-header-content) .cds--xlg\\:col-end-11,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-12,:host(c4p-page-header-content) .cds--xlg\\:col-end-12,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-13,:host(c4p-page-header-content) .cds--xlg\\:col-end-13,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-14,:host(c4p-page-header-content) .cds--xlg\\:col-end-14,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-15,:host(c4p-page-header-content) .cds--xlg\\:col-end-15,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-16,:host(c4p-page-header-content) .cds--xlg\\:col-end-16,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-17,:host(c4p-page-header-content) .cds--xlg\\:col-end-17,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-start-auto,:host(c4p-page-header-content) .cds--xlg\\:col-start-auto,:host(c4p-page-header-tabs) .cds--xlg\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds--xlg\\:col-end-auto,:host(c4p-page-header-content) .cds--xlg\\:col-end-auto,:host(c4p-page-header-tabs) .cds--xlg\\:col-end-auto{grid-column-end:auto}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-1,:host(c4p-page-header-content) .cds--max\\:col-start-1,:host(c4p-page-header-tabs) .cds--max\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-2,:host(c4p-page-header-content) .cds--max\\:col-start-2,:host(c4p-page-header-tabs) .cds--max\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-3,:host(c4p-page-header-content) .cds--max\\:col-start-3,:host(c4p-page-header-tabs) .cds--max\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-4,:host(c4p-page-header-content) .cds--max\\:col-start-4,:host(c4p-page-header-tabs) .cds--max\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-5,:host(c4p-page-header-content) .cds--max\\:col-start-5,:host(c4p-page-header-tabs) .cds--max\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-6,:host(c4p-page-header-content) .cds--max\\:col-start-6,:host(c4p-page-header-tabs) .cds--max\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-7,:host(c4p-page-header-content) .cds--max\\:col-start-7,:host(c4p-page-header-tabs) .cds--max\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-8,:host(c4p-page-header-content) .cds--max\\:col-start-8,:host(c4p-page-header-tabs) .cds--max\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-9,:host(c4p-page-header-content) .cds--max\\:col-start-9,:host(c4p-page-header-tabs) .cds--max\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-10,:host(c4p-page-header-content) .cds--max\\:col-start-10,:host(c4p-page-header-tabs) .cds--max\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-11,:host(c4p-page-header-content) .cds--max\\:col-start-11,:host(c4p-page-header-tabs) .cds--max\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-12,:host(c4p-page-header-content) .cds--max\\:col-start-12,:host(c4p-page-header-tabs) .cds--max\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-13,:host(c4p-page-header-content) .cds--max\\:col-start-13,:host(c4p-page-header-tabs) .cds--max\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-14,:host(c4p-page-header-content) .cds--max\\:col-start-14,:host(c4p-page-header-tabs) .cds--max\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-15,:host(c4p-page-header-content) .cds--max\\:col-start-15,:host(c4p-page-header-tabs) .cds--max\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-16,:host(c4p-page-header-content) .cds--max\\:col-start-16,:host(c4p-page-header-tabs) .cds--max\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-2,:host(c4p-page-header-content) .cds--max\\:col-end-2,:host(c4p-page-header-tabs) .cds--max\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-3,:host(c4p-page-header-content) .cds--max\\:col-end-3,:host(c4p-page-header-tabs) .cds--max\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-4,:host(c4p-page-header-content) .cds--max\\:col-end-4,:host(c4p-page-header-tabs) .cds--max\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-5,:host(c4p-page-header-content) .cds--max\\:col-end-5,:host(c4p-page-header-tabs) .cds--max\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-6,:host(c4p-page-header-content) .cds--max\\:col-end-6,:host(c4p-page-header-tabs) .cds--max\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-7,:host(c4p-page-header-content) .cds--max\\:col-end-7,:host(c4p-page-header-tabs) .cds--max\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-8,:host(c4p-page-header-content) .cds--max\\:col-end-8,:host(c4p-page-header-tabs) .cds--max\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-9,:host(c4p-page-header-content) .cds--max\\:col-end-9,:host(c4p-page-header-tabs) .cds--max\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-10,:host(c4p-page-header-content) .cds--max\\:col-end-10,:host(c4p-page-header-tabs) .cds--max\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-11,:host(c4p-page-header-content) .cds--max\\:col-end-11,:host(c4p-page-header-tabs) .cds--max\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-12,:host(c4p-page-header-content) .cds--max\\:col-end-12,:host(c4p-page-header-tabs) .cds--max\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-13,:host(c4p-page-header-content) .cds--max\\:col-end-13,:host(c4p-page-header-tabs) .cds--max\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-14,:host(c4p-page-header-content) .cds--max\\:col-end-14,:host(c4p-page-header-tabs) .cds--max\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-15,:host(c4p-page-header-content) .cds--max\\:col-end-15,:host(c4p-page-header-tabs) .cds--max\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-16,:host(c4p-page-header-content) .cds--max\\:col-end-16,:host(c4p-page-header-tabs) .cds--max\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-17,:host(c4p-page-header-content) .cds--max\\:col-end-17,:host(c4p-page-header-tabs) .cds--max\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds--max\\:col-start-auto,:host(c4p-page-header-content) .cds--max\\:col-start-auto,:host(c4p-page-header-tabs) .cds--max\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds--max\\:col-end-auto,:host(c4p-page-header-content) .cds--max\\:col-end-auto,:host(c4p-page-header-tabs) .cds--max\\:col-end-auto{grid-column-end:auto}}:host(c4p-page-header-breadcrumb),:host(c4p-page-header-content),:host(c4p-page-header-tabs){display:block}:host(c4p-page-header-breadcrumb){background-color:var(--cds-layer-01,#f4f4f4);block-size:2.5rem;border-block-end:var(--cds-border-subtle);inset-block-start:var(--c4p-page-header-breadcrumb-top);overflow:visible;position:sticky;z-index:1}:host(c4p-page-header-breadcrumb) ::slotted([slot=icon]){margin-inline-end:.5rem}:host(c4p-page-header-breadcrumb) .cds--subgrid{block-size:100%}:host(c4p-page-header-breadcrumb) .cds--css-grid-column{min-inline-size:0;overflow:visible}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-container{align-items:center;block-size:2.5rem;display:flex;gap:.5rem;inline-size:100%;justify-content:space-between;min-inline-size:0}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{display:flex;flex:1 1 auto;min-inline-size:0}@media (max-width:41.98rem){:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{flex:1 1 75%}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{max-inline-size:60%}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{max-inline-size:60%}}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__actions{align-items:center;display:flex;flex:0 0 auto;gap:.5rem;justify-content:flex-end;min-inline-size:0}@media (max-width:41.98rem){:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__actions{flex:0 1 25%;max-inline-size:25%}}:host(c4p-page-header-breadcrumb:not([content-actions-flush])) ::slotted([slot=content-actions]){margin-inline-end:.75rem!important}:host(c4p-page-header-breadcrumb[page-actions-flush]) .cds--css-grid{margin-inline-end:0;padding-inline-end:0}:host(c4p-page-header-breadcrumb[page-actions-flush]) .cds--css-grid-column{margin-inline-end:0}:host(c4p-page-header-breadcrumb[border=true]){border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}:host(c4p-page-header-content){padding-block-start:1.5rem}:host(c4p-page-header-content) .c4p--page-header__content__title{display:-webkit-box;font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572);margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-inline-size:40rem;text-overflow:ellipsis;white-space:normal}@media (max-width:41.98rem){:host(c4p-page-header-content) .c4p--page-header__content__title-wrapper{display:flex;flex-direction:column;grid-gap:1rem}}:host(c4p-page-header-content) .c4p--page-header__content__title-wrapper{display:grid;gap:1rem;grid-template-columns:auto minmax(auto,auto);margin-block-end:1rem;min-block-size:2.5rem}:host(c4p-page-header-content) .c4p--page-header__content__start{display:flex;flex-wrap:wrap;gap:1rem}:host(c4p-page-header-content) .c4p--page-header__content__page-actions{display:flex;justify-content:right;transition:opacity .24s cubic-bezier(.2,0,.38,.9)}:host(c4p-page-header-content) .c4p--page-header__content__page-actions.c4p--page-header__content__page-actions--clipped{opacity:0;visibility:hidden}@media (max-width:41.98rem){:host(c4p-page-header-content) .c4p--page-header__content__page-actions{justify-content:left;margin-block-start:0}}:host(c4p-page-header-content) .c4p--page-header__content__title-container{display:flex}:host(c4p-page-header-content) ::slotted([slot=icon]){margin-inline-end:1rem}:host(c4p-page-header-content) ::slotted([slot=contextual-actions]){align-items:center;display:flex}:host(c4p-page-header-content[contextual-actions]) .c4p--page-header__content__title{-webkit-line-clamp:1}:host(c4p-page-header-content-text){display:block;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);max-inline-size:40rem;padding-block-end:1.5rem}:host(c4p-page-header-content-text) .c4p--page-header__content__subtitle{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4);margin-block-end:.5rem;margin-block-start:0}:host(c4p-page-header-hero-image){block-size:100%;display:block;overflow:hidden;position:relative}:host(c4p-page-header-hero-image) .c4p--page-header__hero-image{inset:0;position:absolute}:host(c4p-page-header-hero-image) ::slotted(picture){block-size:100%;display:flex;inline-size:100%;justify-content:center}:host(c4p-page-header-hero-image) ::slotted(img){block-size:100%;display:block;inline-size:100%;-o-object-fit:var(--object-fit,cover);object-fit:var(--object-fit,cover);-o-object-position:var(--object-position,center);object-position:var(--object-position,center)}:host(c4p-page-header-hero-image):before{content:\"\";display:block;padding-block-start:66.6666666667%}@media (min-width:66rem){:host(c4p-page-header-hero-image):before{padding-block-start:50%}}:host(c4p-page-header-hero-image):after{clear:both;content:\"\";display:table}:host(c4p-page-header-tabs){position:relative}:host(c4p-page-header-tabs) .cds--css-grid{align-items:center;display:flex}@media (min-width:99rem){:host(c4p-page-header-tabs) .cds--css-grid{display:grid}}:host(c4p-page-header-tabs) .cds--css-grid .cds--css-grid-column{flex:1;margin:0;min-inline-size:0}@media (min-width:99rem){:host(c4p-page-header-tabs) .cds--css-grid .cds--css-grid-column{flex:none}}:host(c4p-page-header-tabs) .c4p--page-header__tab-bar--tablist{align-items:center;display:flex}:host(c4p-page-header-tabs) ::slotted([slot=tags]){align-items:center;display:inline-flex;inline-size:40%;justify-content:flex-end;margin-inline-start:auto;min-inline-size:0}:host(c4p-page-header-tabs:has([slot=scroller])) ::slotted([slot=tags]){transform:translateX(-1.5rem)}@media (min-width:42rem){:host(c4p-page-header-tabs:has([slot=scroller])) ::slotted([slot=tags]){padding-inline-end:.5rem;transform:translateX(0)}}@media (min-width:99rem){:host(c4p-page-header-tabs:has([slot=scroller])) ::slotted([slot=tags]){padding-inline-end:1rem}}:host(c4p-page-header-tabs) ::slotted([slot=scroller]){position:relative}@media (min-width:99rem){:host(c4p-page-header-tabs) ::slotted([slot=scroller]){inset-block-start:0;inset-inline-end:0;position:absolute}}:host(c4p-page-header-breadcrumb) .cds--css-grid,:host(c4p-page-header-content) .cds--css-grid,:host(c4p-page-header-tabs) .cds--css-grid{inline-size:auto}cds-definition-tooltip::part(definition-term){border:none}:host(c4p-page-header-tabs) ::slotted(cds-tabs){--tabs-overflow-button-background:$layer-01}@keyframes page-header-title-breadcrumb-animation{0%{opacity:0;transform:translateY(1rem)}5%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes page-header-title-breadcrumb-animation-reduced-motion{0%{opacity:0}5%{opacity:1}to{opacity:1}}@supports not (animation-timeline:scroll()){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__fallback){opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__fallback){transform:translateY(0);transition:opacity .15s cubic-bezier(.2,0,.38,.9)}}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__content-actions-with-global-actions{opacity:0;visibility:hidden}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__content-actions-with-global-actions.c4p--page-header__breadcrumb__content-actions-with-global-actions--show{opacity:1;transform:translateY(0);transition:opacity .15s cubic-bezier(.2,0,.38,.9);visibility:visible}:host(c4p-page-header-title-breadcrumb){opacity:0;transform:translateY(1rem);transition:transform .15s cubic-bezier(.2,0,.38,.9),opacity .15s cubic-bezier(.2,0,.38,.9)}@supports not (animation-timeline:scroll()){@supports not (animation-timeline:scroll()){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content).c4p--page-header-title-breadcrumb-show__fallback{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content).c4p--page-header-title-breadcrumb-show__fallback{transform:translateY(0);transition:opacity .15s cubic-bezier(.2,0,.38,.9)}}}@supports (animation-timeline:scroll()){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content){animation-direction:alternate;animation-duration:1ms;animation-name:page-header-title-breadcrumb-animation;animation-timeline:scroll(block nearest)}@media (prefers-reduced-motion:reduce){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content){animation-name:page-header-title-breadcrumb-animation-reduced-motion;transform:translateY(0)}}}:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__by-default){opacity:1;transform:translateY(0)}"]);
|
|
11
11
|
//#endregion
|
|
12
12
|
export { page_header_default as default };
|
|
13
13
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-header.scss.js","names":[],"sources":["../../../src/components/page-header/page-header.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2025, 2025\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:math';\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/type' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/motion' as *;\n@use '@carbon/styles/scss/breakpoint' as *;\n@use '@carbon/styles/scss/utilities/convert';\n@use '@carbon/grid';\n@use '@carbon/styles/scss/components/page-header/index' as *;\n@use 'sass:map';\n\n$prefix: 'c4p';\n$carbon-prefix: 'cds';\n\n:host(#{$prefix}-page-header) {\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header;\n position: sticky;\n display: block;\n background-color: $layer-01;\n border-block-end: 1px solid $border-subtle-01;\n /* custom css property used from calculation of header offset */\n /* stylelint-disable-next-line carbon/layout-use */\n inset-block-start: var(--c4p-page-header-header-top);\n}\n\n:host(#{$prefix}-page-header-breadcrumb),\n:host(#{$prefix}-page-header-content),\n:host(#{$prefix}-page-header-tabs) {\n @include grid.css-grid();\n\n display: block;\n}\n\n:host(#{$prefix}-page-header-breadcrumb) {\n position: sticky;\n z-index: 1;\n overflow: visible;\n background-color: $layer-01;\n block-size: convert.to-rem(40px);\n border-block-end: $border-subtle;\n\n /* custom css property used from calculation of breadcrumb offset */\n /* stylelint-disable-next-line carbon/layout-use */\n inset-block-start: var(--c4p-page-header-breadcrumb-top);\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__breadcrumb-bar;\n ::slotted([slot='icon']) {\n margin-inline-end: $spacing-03;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__breadcrumb__icon;\n }\n\n .#{$carbon-prefix}--subgrid {\n block-size: 100%;\n }\n\n .#{$carbon-prefix}--css-grid-column {\n overflow: visible;\n min-inline-size: 0;\n }\n\n // TODO: remove this section when styles from React have been migrated\n .#{$prefix}--page-header__breadcrumb-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n block-size: 100%;\n gap: $spacing-03;\n inline-size: 100%;\n min-inline-size: 0;\n }\n\n .#{$prefix}--page-header__breadcrumb-wrapper {\n display: flex;\n flex: 1 1 auto;\n min-inline-size: 0;\n\n @include breakpoint-down(md) {\n flex: 1 1 75%;\n }\n\n @include breakpoint(md) {\n max-inline-size: 60%;\n }\n\n @include breakpoint(lg) {\n max-inline-size: 60%;\n }\n }\n\n .#{$prefix}--page-header__breadcrumb__actions {\n display: flex;\n flex: 0 0 auto;\n align-items: center;\n justify-content: flex-end;\n gap: $spacing-03;\n min-inline-size: 0;\n\n @include breakpoint-down(md) {\n flex: 0 1 25%;\n max-inline-size: 25%;\n }\n }\n ///////////////////////////////\n}\n\n:host(#{$prefix}-page-header-breadcrumb:not([content-actions-flush]))\n ::slotted([slot='content-actions']) {\n //stylelint-disable declaration-no-important\n margin-inline-end: $spacing-04 !important;\n}\n\n:host(#{$prefix}-page-header-breadcrumb[page-actions-flush]) {\n .#{$carbon-prefix}--css-grid {\n margin-inline-end: 0;\n padding-inline-end: 0;\n }\n\n .#{$carbon-prefix}--css-grid-column {\n margin-inline-end: 0;\n }\n}\n\n:host(#{$prefix}-page-header-breadcrumb[border='true']) {\n border-block-end: 1px solid $border-subtle-01;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n\n // @extend .#{$prefix}--page-header__breadcrumb-bar-border;\n}\n\n:host(#{$prefix}-page-header-content) {\n padding: $spacing-06 0;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content;\n\n .#{$prefix}--page-header__content__title {\n @include type-style('productive-heading-04');\n\n display: -webkit-box;\n overflow: hidden;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content__title;\n margin: 0;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n max-inline-size: convert.to-rem(640px);\n text-overflow: ellipsis;\n white-space: normal;\n }\n\n .#{$prefix}--page-header__content__title-wrapper {\n // TODO: remove this section\n @include breakpoint-down(md) {\n display: flex;\n flex-direction: column;\n grid-gap: $spacing-05;\n }\n\n display: grid;\n gap: $spacing-05;\n ///////////////////////////////\n\n // overriding until the responsive behavior is implemented\n grid-template-columns: auto minmax(auto, auto);\n margin-block-end: $spacing-05;\n min-block-size: convert.to-rem(40px);\n }\n\n // TODO: remove this section\n .#{$prefix}--page-header__content__start {\n display: flex;\n flex-wrap: wrap;\n gap: $spacing-05;\n }\n\n .#{$prefix}--page-header__content__page-actions {\n display: flex;\n justify-content: right;\n /* stylelint-disable-next-line carbon/motion-easing-use */\n transition: opacity motion(standard, productive) $duration-moderate-02;\n\n &.#{$prefix}--page-header__content__page-actions--clipped {\n opacity: 0;\n visibility: hidden;\n }\n\n @include breakpoint-down('md') {\n justify-content: left;\n margin-block-start: 0;\n }\n }\n\n .#{$prefix}--page-header__content__title-container {\n display: flex;\n }\n ///////////////////////////////\n ::slotted([slot='icon']) {\n margin-inline-end: $spacing-05;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content__icon;\n }\n\n ::slotted([slot='contextual-actions']) {\n display: flex;\n align-items: center;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content__contextual-actions;\n }\n}\n\n:host(#{$prefix}-page-header-content[contextual-actions]) {\n .#{$prefix}--page-header__content__title {\n -webkit-line-clamp: 1;\n }\n}\n\n:host(#{$prefix}-page-header-content[contextual-actions]) {\n .#{$prefix}--page-header__content__title {\n -webkit-line-clamp: 1;\n }\n}\n\n:host(#{$prefix}-page-header-content-text) {\n @include type-style('body-01');\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content__body;\n display: block;\n max-inline-size: convert.to-rem(640px);\n\n .#{$prefix}--page-header__content__subtitle {\n @include type-style('productive-heading-03');\n\n margin-block-end: $spacing-03;\n // TODO: remove above styles when styles from React have been migrated\n margin-block-start: 0;\n }\n}\n\n:host(#{$prefix}-page-header-hero-image) {\n // Aspect ratio container - matches Carbon's AspectRatio component\n position: relative;\n display: block;\n overflow: hidden;\n block-size: 100%;\n\n // The inner div with hero-image class needs to be absolutely positioned\n // to overlay on the aspect ratio padding\n .#{$prefix}--page-header__hero-image {\n position: absolute;\n inset: 0;\n }\n\n // Styles for slotted content - needed for shadow DOM\n ::slotted(picture) {\n display: flex;\n justify-content: center;\n block-size: 100%;\n inline-size: 100%;\n }\n\n ::slotted(img) {\n display: block;\n block-size: 100%;\n inline-size: 100%;\n object-fit: var(--object-fit, cover);\n object-position: var(--object-position, center);\n }\n}\n\n:host(#{$prefix}-page-header-hero-image)::before {\n display: block;\n content: '';\n padding-block-start: math.percentage(math.div(2, 3));\n\n @include grid.breakpoint-up('lg') {\n padding-block-start: math.percentage(math.div(1, 2));\n }\n}\n\n:host(#{$prefix}-page-header-hero-image)::after {\n display: table;\n clear: both;\n content: '';\n}\n\n:host(#{$prefix}-page-header-tabs) {\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__tab-bar;\n position: relative;\n\n .#{$carbon-prefix}--css-grid {\n // On small screens, use flex to keep grid and scroller on same line\n display: flex;\n align-items: center;\n\n // On max breakpoint and above, use grid for proper Carbon alignment\n @include breakpoint(max) {\n display: grid;\n }\n }\n\n .#{$carbon-prefix}--css-grid .#{$carbon-prefix}--css-grid-column {\n // On small screens, allow column to flex\n flex: 1;\n margin: 0;\n min-inline-size: 0;\n\n @include breakpoint(max) {\n flex: none;\n }\n }\n}\n\n:host(#{$prefix}-page-header-tabs) .#{$prefix}--page-header__tab-bar--tablist {\n display: flex;\n align-items: center;\n}\n\n:host(#{$prefix}-page-header-tabs) ::slotted([slot='tags']) {\n display: inline-flex;\n align-items: center;\n justify-content: flex-end;\n inline-size: 40%;\n margin-inline-start: auto;\n min-inline-size: 0;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__tags;\n}\n\n// When scroller is present, adjust tags styling\n:host(#{$prefix}-page-header-tabs:has([slot='scroller']))\n ::slotted([slot='tags']) {\n transform: translateX(calc($spacing-06 * -1));\n\n @include breakpoint(md) {\n padding-inline-end: $spacing-03;\n transform: translateX(0);\n }\n @include breakpoint(max) {\n padding-inline-end: $spacing-05;\n }\n}\n\n// Scroller positioning: relative on small screens, absolute on max+\n:host(#{$prefix}-page-header-tabs) ::slotted([slot='scroller']) {\n position: relative;\n\n @include breakpoint(max) {\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 0;\n }\n}\n\n:host(#{$prefix}-page-header-breadcrumb),\n:host(#{$prefix}-page-header-content),\n:host(#{$prefix}-page-header-tabs) {\n .#{$carbon-prefix}--css-grid {\n inline-size: initial;\n }\n}\n\n#{$carbon-prefix}-definition-tooltip::part(definition-term) {\n border: none;\n}\n\n:host(#{$prefix}-page-header-tabs) ::slotted(#{$carbon-prefix}-tabs) {\n --tabs-overflow-button-background: $layer-01;\n}\n\n@keyframes page-header-title-breadcrumb-animation {\n 0% {\n opacity: 0;\n transform: translateY($spacing-05);\n }\n\n 5% {\n opacity: 1;\n transform: translateY(0);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes page-header-title-breadcrumb-animation-reduced-motion {\n 0% {\n opacity: 0;\n }\n\n 5% {\n opacity: 1;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n// Target browsers that do not yet support animation-timeline: scroll()\n@mixin scroll-fallback {\n @supports not (animation-timeline: scroll()) {\n opacity: 1;\n transform: translateY(0);\n }\n @media (prefers-reduced-motion: reduce) {\n transform: translateY(0);\n /* stylelint-disable-next-line */\n transition: opacity motion(standard, productive) $duration-moderate-01;\n }\n}\n\n@mixin scroll-animation {\n @supports (animation-timeline: scroll()) {\n // Show by default should not have any animation, this means\n // there was not a page header content element provided\n animation-direction: alternate;\n animation-duration: 1ms; /* Firefox requires this to apply the animation */\n animation-name: page-header-title-breadcrumb-animation;\n animation-timeline: scroll(block nearest);\n\n @media (prefers-reduced-motion: reduce) {\n animation-name: page-header-title-breadcrumb-animation-reduced-motion;\n transform: translateY(0);\n }\n }\n}\n\n:host(\n #{$prefix}-page-header-title-breadcrumb.#{$prefix}--page-header-title-breadcrumb-show__fallback\n) {\n @include scroll-fallback();\n}\n\n:host(#{$prefix}-page-header-breadcrumb)\n .#{$prefix}--page-header__breadcrumb__content-actions-with-global-actions {\n opacity: 0;\n visibility: hidden;\n &.#{$prefix}--page-header__breadcrumb__content-actions-with-global-actions--show {\n opacity: 1;\n transform: translateY(0);\n transition:\n /* stylelint-disable-next-line */ opacity\n motion(standard, productive) $duration-moderate-01;\n visibility: visible;\n }\n}\n\n:host(#{$prefix}-page-header-title-breadcrumb) {\n opacity: 0;\n transform: translateY($spacing-05);\n transition:\n /* stylelint-disable-next-line */\n transform motion(standard, productive) $duration-moderate-01,\n opacity motion(standard, productive) $duration-moderate-01;\n}\n\n:host(\n #{$prefix}-page-header-title-breadcrumb.#{$prefix}--page-header-title-breadcrumb-show__with-content\n) {\n // Target browsers that do not yet support animation-timeline: scroll()\n &.#{$prefix}--page-header-title-breadcrumb-show__fallback {\n @supports not (animation-timeline: scroll()) {\n @include scroll-fallback();\n\n @media (prefers-reduced-motion: reduce) {\n transform: translateY(0);\n /* stylelint-disable-next-line */\n transition: opacity motion(standard, productive) $duration-moderate-01;\n }\n }\n }\n // `animation-timeline: scroll()` only currently supported in Chromium based browsers\n @include scroll-animation();\n}\n\n:host(\n #{$prefix}-page-header-title-breadcrumb.#{$prefix}--page-header-title-breadcrumb-show__by-default\n) {\n opacity: 1;\n transform: translateY(0);\n}\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"page-header.scss.js","names":[],"sources":["../../../src/components/page-header/page-header.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2025, 2025\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:math';\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/type' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/motion' as *;\n@use '@carbon/styles/scss/breakpoint' as *;\n@use '@carbon/styles/scss/utilities/convert';\n@use '@carbon/grid';\n@use '@carbon/styles/scss/components/page-header/index' as *;\n@use 'sass:map';\n\n$prefix: 'c4p';\n$carbon-prefix: 'cds';\n\n:host(#{$prefix}-page-header) {\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header;\n position: sticky;\n display: block;\n background-color: $layer-01;\n border-block-end: 1px solid $border-subtle-01;\n /* custom css property used from calculation of header offset */\n /* stylelint-disable-next-line carbon/layout-use */\n inset-block-start: var(--c4p-page-header-header-top);\n}\n\n:host(#{$prefix}-page-header-breadcrumb),\n:host(#{$prefix}-page-header-content),\n:host(#{$prefix}-page-header-tabs) {\n @include grid.css-grid();\n\n display: block;\n}\n\n:host(#{$prefix}-page-header-breadcrumb) {\n position: sticky;\n z-index: 1;\n overflow: visible;\n background-color: $layer-01;\n block-size: convert.to-rem(40px);\n border-block-end: $border-subtle;\n\n /* custom css property used from calculation of breadcrumb offset */\n /* stylelint-disable-next-line carbon/layout-use */\n inset-block-start: var(--c4p-page-header-breadcrumb-top);\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__breadcrumb-bar;\n ::slotted([slot='icon']) {\n margin-inline-end: $spacing-03;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__breadcrumb__icon;\n }\n\n .#{$carbon-prefix}--subgrid {\n block-size: 100%;\n }\n\n .#{$carbon-prefix}--css-grid-column {\n overflow: visible;\n min-inline-size: 0;\n }\n\n // TODO: remove this section when styles from React have been migrated\n .#{$prefix}--page-header__breadcrumb-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n block-size: $spacing-08;\n gap: $spacing-03;\n inline-size: 100%;\n min-inline-size: 0;\n }\n\n .#{$prefix}--page-header__breadcrumb-wrapper {\n display: flex;\n flex: 1 1 auto;\n min-inline-size: 0;\n\n @include breakpoint-down(md) {\n flex: 1 1 75%;\n }\n\n @include breakpoint(md) {\n max-inline-size: 60%;\n }\n\n @include breakpoint(lg) {\n max-inline-size: 60%;\n }\n }\n\n .#{$prefix}--page-header__breadcrumb__actions {\n display: flex;\n flex: 0 0 auto;\n align-items: center;\n justify-content: flex-end;\n gap: $spacing-03;\n min-inline-size: 0;\n\n @include breakpoint-down(md) {\n flex: 0 1 25%;\n max-inline-size: 25%;\n }\n }\n ///////////////////////////////\n}\n\n:host(#{$prefix}-page-header-breadcrumb:not([content-actions-flush]))\n ::slotted([slot='content-actions']) {\n //stylelint-disable declaration-no-important\n margin-inline-end: $spacing-04 !important;\n}\n\n:host(#{$prefix}-page-header-breadcrumb[page-actions-flush]) {\n .#{$carbon-prefix}--css-grid {\n margin-inline-end: 0;\n padding-inline-end: 0;\n }\n\n .#{$carbon-prefix}--css-grid-column {\n margin-inline-end: 0;\n }\n}\n\n:host(#{$prefix}-page-header-breadcrumb[border='true']) {\n border-block-end: 1px solid $border-subtle-01;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n\n // @extend .#{$prefix}--page-header__breadcrumb-bar-border;\n}\n\n:host(#{$prefix}-page-header-content) {\n padding-block-start: $spacing-06;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content;\n\n .#{$prefix}--page-header__content__title {\n @include type-style('productive-heading-04');\n\n display: -webkit-box;\n overflow: hidden;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content__title;\n margin: 0;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n max-inline-size: convert.to-rem(640px);\n text-overflow: ellipsis;\n white-space: normal;\n }\n\n .#{$prefix}--page-header__content__title-wrapper {\n // TODO: remove this section\n @include breakpoint-down(md) {\n display: flex;\n flex-direction: column;\n grid-gap: $spacing-05;\n }\n\n display: grid;\n gap: $spacing-05;\n ///////////////////////////////\n\n // overriding until the responsive behavior is implemented\n grid-template-columns: auto minmax(auto, auto);\n margin-block-end: $spacing-05;\n min-block-size: convert.to-rem(40px);\n }\n\n // TODO: remove this section\n .#{$prefix}--page-header__content__start {\n display: flex;\n flex-wrap: wrap;\n gap: $spacing-05;\n }\n\n .#{$prefix}--page-header__content__page-actions {\n display: flex;\n justify-content: right;\n /* stylelint-disable-next-line carbon/motion-easing-use */\n transition: opacity motion(standard, productive) $duration-moderate-02;\n\n &.#{$prefix}--page-header__content__page-actions--clipped {\n opacity: 0;\n visibility: hidden;\n }\n\n @include breakpoint-down('md') {\n justify-content: left;\n margin-block-start: 0;\n }\n }\n\n .#{$prefix}--page-header__content__title-container {\n display: flex;\n }\n ///////////////////////////////\n ::slotted([slot='icon']) {\n margin-inline-end: $spacing-05;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content__icon;\n }\n\n ::slotted([slot='contextual-actions']) {\n display: flex;\n align-items: center;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content__contextual-actions;\n }\n}\n\n:host(#{$prefix}-page-header-content[contextual-actions]) {\n .#{$prefix}--page-header__content__title {\n -webkit-line-clamp: 1;\n }\n}\n\n:host(#{$prefix}-page-header-content[contextual-actions]) {\n .#{$prefix}--page-header__content__title {\n -webkit-line-clamp: 1;\n }\n}\n\n:host(#{$prefix}-page-header-content-text) {\n @include type-style('body-01');\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content__body;\n display: block;\n max-inline-size: convert.to-rem(640px);\n padding-block-end: $spacing-06;\n\n .#{$prefix}--page-header__content__subtitle {\n @include type-style('productive-heading-03');\n\n margin-block-end: $spacing-03;\n // TODO: remove above styles when styles from React have been migrated\n margin-block-start: 0;\n }\n}\n\n:host(#{$prefix}-page-header-hero-image) {\n // Aspect ratio container - matches Carbon's AspectRatio component\n position: relative;\n display: block;\n overflow: hidden;\n block-size: 100%;\n\n // The inner div with hero-image class needs to be absolutely positioned\n // to overlay on the aspect ratio padding\n .#{$prefix}--page-header__hero-image {\n position: absolute;\n inset: 0;\n }\n\n // Styles for slotted content - needed for shadow DOM\n ::slotted(picture) {\n display: flex;\n justify-content: center;\n block-size: 100%;\n inline-size: 100%;\n }\n\n ::slotted(img) {\n display: block;\n block-size: 100%;\n inline-size: 100%;\n object-fit: var(--object-fit, cover);\n object-position: var(--object-position, center);\n }\n}\n\n:host(#{$prefix}-page-header-hero-image)::before {\n display: block;\n content: '';\n padding-block-start: math.percentage(math.div(2, 3));\n\n @include grid.breakpoint-up('lg') {\n padding-block-start: math.percentage(math.div(1, 2));\n }\n}\n\n:host(#{$prefix}-page-header-hero-image)::after {\n display: table;\n clear: both;\n content: '';\n}\n\n:host(#{$prefix}-page-header-tabs) {\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__tab-bar;\n position: relative;\n\n .#{$carbon-prefix}--css-grid {\n // On small screens, use flex to keep grid and scroller on same line\n display: flex;\n align-items: center;\n\n // On max breakpoint and above, use grid for proper Carbon alignment\n @include breakpoint(max) {\n display: grid;\n }\n }\n\n .#{$carbon-prefix}--css-grid .#{$carbon-prefix}--css-grid-column {\n // On small screens, allow column to flex\n flex: 1;\n margin: 0;\n min-inline-size: 0;\n\n @include breakpoint(max) {\n flex: none;\n }\n }\n}\n\n:host(#{$prefix}-page-header-tabs) .#{$prefix}--page-header__tab-bar--tablist {\n display: flex;\n align-items: center;\n}\n\n:host(#{$prefix}-page-header-tabs) ::slotted([slot='tags']) {\n display: inline-flex;\n align-items: center;\n justify-content: flex-end;\n inline-size: 40%;\n margin-inline-start: auto;\n min-inline-size: 0;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__tags;\n}\n\n// When scroller is present, adjust tags styling\n:host(#{$prefix}-page-header-tabs:has([slot='scroller']))\n ::slotted([slot='tags']) {\n transform: translateX(calc($spacing-06 * -1));\n\n @include breakpoint(md) {\n padding-inline-end: $spacing-03;\n transform: translateX(0);\n }\n @include breakpoint(max) {\n padding-inline-end: $spacing-05;\n }\n}\n\n// Scroller positioning: relative on small screens, absolute on max+\n:host(#{$prefix}-page-header-tabs) ::slotted([slot='scroller']) {\n position: relative;\n\n @include breakpoint(max) {\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 0;\n }\n}\n\n:host(#{$prefix}-page-header-breadcrumb),\n:host(#{$prefix}-page-header-content),\n:host(#{$prefix}-page-header-tabs) {\n .#{$carbon-prefix}--css-grid {\n inline-size: initial;\n }\n}\n\n#{$carbon-prefix}-definition-tooltip::part(definition-term) {\n border: none;\n}\n\n:host(#{$prefix}-page-header-tabs) ::slotted(#{$carbon-prefix}-tabs) {\n --tabs-overflow-button-background: $layer-01;\n}\n\n@keyframes page-header-title-breadcrumb-animation {\n 0% {\n opacity: 0;\n transform: translateY($spacing-05);\n }\n\n 5% {\n opacity: 1;\n transform: translateY(0);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes page-header-title-breadcrumb-animation-reduced-motion {\n 0% {\n opacity: 0;\n }\n\n 5% {\n opacity: 1;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n// Target browsers that do not yet support animation-timeline: scroll()\n@mixin scroll-fallback {\n @supports not (animation-timeline: scroll()) {\n opacity: 1;\n transform: translateY(0);\n }\n @media (prefers-reduced-motion: reduce) {\n transform: translateY(0);\n /* stylelint-disable-next-line */\n transition: opacity motion(standard, productive) $duration-moderate-01;\n }\n}\n\n@mixin scroll-animation {\n @supports (animation-timeline: scroll()) {\n // Show by default should not have any animation, this means\n // there was not a page header content element provided\n animation-direction: alternate;\n animation-duration: 1ms; /* Firefox requires this to apply the animation */\n animation-name: page-header-title-breadcrumb-animation;\n animation-timeline: scroll(block nearest);\n\n @media (prefers-reduced-motion: reduce) {\n animation-name: page-header-title-breadcrumb-animation-reduced-motion;\n transform: translateY(0);\n }\n }\n}\n\n:host(\n #{$prefix}-page-header-title-breadcrumb.#{$prefix}--page-header-title-breadcrumb-show__fallback\n) {\n @include scroll-fallback();\n}\n\n:host(#{$prefix}-page-header-breadcrumb)\n .#{$prefix}--page-header__breadcrumb__content-actions-with-global-actions {\n opacity: 0;\n visibility: hidden;\n &.#{$prefix}--page-header__breadcrumb__content-actions-with-global-actions--show {\n opacity: 1;\n transform: translateY(0);\n transition:\n /* stylelint-disable-next-line */ opacity\n motion(standard, productive) $duration-moderate-01;\n visibility: visible;\n }\n}\n\n:host(#{$prefix}-page-header-title-breadcrumb) {\n opacity: 0;\n transform: translateY($spacing-05);\n transition:\n /* stylelint-disable-next-line */\n transform motion(standard, productive) $duration-moderate-01,\n opacity motion(standard, productive) $duration-moderate-01;\n}\n\n:host(\n #{$prefix}-page-header-title-breadcrumb.#{$prefix}--page-header-title-breadcrumb-show__with-content\n) {\n // Target browsers that do not yet support animation-timeline: scroll()\n &.#{$prefix}--page-header-title-breadcrumb-show__fallback {\n @supports not (animation-timeline: scroll()) {\n @include scroll-fallback();\n\n @media (prefers-reduced-motion: reduce) {\n transform: translateY(0);\n /* stylelint-disable-next-line */\n transition: opacity motion(standard, productive) $duration-moderate-01;\n }\n }\n }\n // `animation-timeline: scroll()` only currently supported in Chromium based browsers\n @include scroll-animation();\n}\n\n:host(\n #{$prefix}-page-header-title-breadcrumb.#{$prefix}--page-header-title-breadcrumb-show__by-default\n) {\n opacity: 1;\n transform: translateY(0);\n}\n"],"mappings":""}
|
package/es/package.js
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
import { css } from "lit";
|
|
9
9
|
//#region src/components/page-header/page-header.scss?lit
|
|
10
|
-
var page_header_default = css([".cds-custom--page-header{background-color:var(--cds-custom-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-custom-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-custom-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-custom-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-custom-productive-heading-04-font-weight,400);letter-spacing:var(--cds-custom-productive-heading-04-letter-spacing,0);line-height:var(--cds-custom-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-custom-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-custom-productive-heading-03-font-weight,400);letter-spacing:var(--cds-custom-productive-heading-03-letter-spacing,0);line-height:var(--cds-custom-productive-heading-03-line-height,1.4);margin-block-end:.5rem}.cds-custom--page-header__content__body{font-size:var(--cds-custom-body-01-font-size,.875rem);font-weight:var(--cds-custom-body-01-font-weight,400);letter-spacing:var(--cds-custom-body-01-letter-spacing,.16px);line-height:var(--cds-custom-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-custom-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-custom-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-custom-grid-gutter:2rem;--cds-custom-grid-columns:4;--cds-custom-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-custom-grid-columns:8;--cds-custom-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-custom-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-custom-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-custom-grid-gutter-start:calc(var(--cds-custom-grid-gutter)/2);--cds-custom-grid-gutter-end:calc(var(--cds-custom-grid-gutter)/2);--cds-custom-grid-column-hang:calc(var(--cds-custom-grid-gutter)/2);display:grid;grid-template-columns:repeat(var(--cds-custom-grid-columns),minmax(0,1fr));inline-size:100%;margin-inline:auto;max-inline-size:99rem;padding-inline:var(--cds-custom-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-custom-grid-mode-start:var(--cds-custom-grid-gutter-start);--cds-custom-grid-mode-end:var(--cds-custom-grid-gutter-end);margin-inline:var(--cds-custom-grid-gutter-start) var(--cds-custom-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-custom-grid-gutter-end) var(--cds-custom-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-custom-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-custom-grid-gutter:0.0625rem;--cds-custom-grid-column-hang:0.96875rem}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid--with-row-gap,:host(c4p-page-header-content) .cds-custom--css-grid--with-row-gap,:host(c4p-page-header-tabs) .cds-custom--css-grid--with-row-gap{row-gap:var(--cds-custom-grid-gutter)}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid--narrow.cds-custom--css-grid--with-row-gap,:host(c4p-page-header-content) .cds-custom--css-grid--narrow.cds-custom--css-grid--with-row-gap,:host(c4p-page-header-tabs) .cds-custom--css-grid--narrow.cds-custom--css-grid--with-row-gap{row-gap:calc(var(--cds-custom-grid-gutter)/2)}: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-custom-grid-columns),minmax(0,1fr));margin-inline:calc(var(--cds-custom-grid-mode-start)*-1) calc(var(--cds-custom-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-custom-grid-mode-end)*-1) calc(var(--cds-custom-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-custom-grid-gutter-start:1rem;--cds-custom-grid-gutter-end:1rem;--cds-custom-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-custom-grid-gutter-start:0rem;--cds-custom-grid-gutter-end:1rem;--cds-custom-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-custom-grid-gutter:0.0625rem;--cds-custom-grid-gutter-start:0.03125rem;--cds-custom-grid-gutter-end:0.03125rem;--cds-custom-grid-column-hang:0.96875rem}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid--with-row-gap,:host(c4p-page-header-content) .cds-custom--subgrid--with-row-gap,:host(c4p-page-header-tabs) .cds-custom--subgrid--with-row-gap{row-gap:2rem}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid--narrow.cds-custom--subgrid--with-row-gap,:host(c4p-page-header-content) .cds-custom--subgrid--narrow.cds-custom--subgrid--with-row-gap,:host(c4p-page-header-tabs) .cds-custom--subgrid--narrow.cds-custom--subgrid--with-row-gap{row-gap:1rem}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid--condensed.cds-custom--subgrid--with-row-gap,:host(c4p-page-header-content) .cds-custom--subgrid--condensed.cds-custom--subgrid--with-row-gap,:host(c4p-page-header-tabs) .cds-custom--subgrid--condensed.cds-custom--subgrid--with-row-gap{row-gap:.0625rem}: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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-layer-01,#f4f4f4);block-size:2.5rem;border-block-end:var(--cds-custom-border-subtle);inset-block-start:var(--c4p-page-header-breadcrumb-top);overflow:visible;position:sticky;z-index:1}:host(c4p-page-header-breadcrumb) ::slotted([slot=icon]){margin-inline-end:.5rem}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid{block-size:100%}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid-column{min-inline-size:0;overflow:visible}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-container{align-items:center;block-size:100%;display:flex;gap:.5rem;inline-size:100%;justify-content:space-between;min-inline-size:0}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{display:flex;flex:1 1 auto;min-inline-size:0}@media (max-width:41.98rem){:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{flex:1 1 75%}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{max-inline-size:60%}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{max-inline-size:60%}}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__actions{align-items:center;display:flex;flex:0 0 auto;gap:.5rem;justify-content:flex-end;min-inline-size:0}@media (max-width:41.98rem){:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__actions{flex:0 1 25%;max-inline-size:25%}}:host(c4p-page-header-breadcrumb:not([content-actions-flush])) ::slotted([slot=content-actions]){margin-inline-end:.75rem!important}:host(c4p-page-header-breadcrumb[page-actions-flush]) .cds-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-custom-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-custom-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-custom-productive-heading-04-font-weight,400);letter-spacing:var(--cds-custom-productive-heading-04-letter-spacing,0);line-height:var(--cds-custom-productive-heading-04-line-height,1.28572);margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-inline-size:40rem;text-overflow:ellipsis;white-space:normal}@media (max-width:41.98rem){:host(c4p-page-header-content) .c4p--page-header__content__title-wrapper{display:flex;flex-direction:column;grid-gap:1rem}}:host(c4p-page-header-content) .c4p--page-header__content__title-wrapper{display:grid;gap:1rem;grid-template-columns:auto minmax(auto,auto);margin-block-end:1rem;min-block-size:2.5rem}:host(c4p-page-header-content) .c4p--page-header__content__start{display:flex;flex-wrap:wrap;gap:1rem}:host(c4p-page-header-content) .c4p--page-header__content__page-actions{display:flex;justify-content:right;transition:opacity .24s cubic-bezier(.2,0,.38,.9)}:host(c4p-page-header-content) .c4p--page-header__content__page-actions.c4p--page-header__content__page-actions--clipped{opacity:0;visibility:hidden}@media (max-width:41.98rem){:host(c4p-page-header-content) .c4p--page-header__content__page-actions{justify-content:left;margin-block-start:0}}:host(c4p-page-header-content) .c4p--page-header__content__title-container{display:flex}:host(c4p-page-header-content) ::slotted([slot=icon]){margin-inline-end:1rem}:host(c4p-page-header-content) ::slotted([slot=contextual-actions]){align-items:center;display:flex}:host(c4p-page-header-content[contextual-actions]) .c4p--page-header__content__title{-webkit-line-clamp:1}:host(c4p-page-header-content-text){display:block;font-size:var(--cds-custom-body-01-font-size,.875rem);font-weight:var(--cds-custom-body-01-font-weight,400);letter-spacing:var(--cds-custom-body-01-letter-spacing,.16px);line-height:var(--cds-custom-body-01-line-height,1.42857);max-inline-size:40rem}:host(c4p-page-header-content-text) .c4p--page-header__content__subtitle{font-size:var(--cds-custom-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-custom-productive-heading-03-font-weight,400);letter-spacing:var(--cds-custom-productive-heading-03-letter-spacing,0);line-height:var(--cds-custom-productive-heading-03-line-height,1.4);margin-block-end:.5rem;margin-block-start:0}:host(c4p-page-header-hero-image){block-size:100%;display:block;overflow:hidden;position:relative}:host(c4p-page-header-hero-image) .c4p--page-header__hero-image{inset:0;position:absolute}:host(c4p-page-header-hero-image) ::slotted(picture){block-size:100%;display:flex;inline-size:100%;justify-content:center}:host(c4p-page-header-hero-image) ::slotted(img){block-size:100%;display:block;inline-size:100%;-o-object-fit:var(--object-fit,cover);object-fit:var(--object-fit,cover);-o-object-position:var(--object-position,center);object-position:var(--object-position,center)}:host(c4p-page-header-hero-image):before{content:\"\";display:block;padding-block-start:66.6666666667%}@media (min-width:66rem){:host(c4p-page-header-hero-image):before{padding-block-start:50%}}:host(c4p-page-header-hero-image):after{clear:both;content:\"\";display:table}:host(c4p-page-header-tabs){position:relative}:host(c4p-page-header-tabs) .cds-custom--css-grid{align-items:center;display:flex}@media (min-width:99rem){:host(c4p-page-header-tabs) .cds-custom--css-grid{display:grid}}:host(c4p-page-header-tabs) .cds-custom--css-grid .cds-custom--css-grid-column{flex:1;margin:0;min-inline-size:0}@media (min-width:99rem){:host(c4p-page-header-tabs) .cds-custom--css-grid .cds-custom--css-grid-column{flex:none}}:host(c4p-page-header-tabs) .c4p--page-header__tab-bar--tablist{align-items:center;display:flex}:host(c4p-page-header-tabs) ::slotted([slot=tags]){align-items:center;display:inline-flex;inline-size:40%;justify-content:flex-end;margin-inline-start:auto;min-inline-size:0}:host(c4p-page-header-tabs:has([slot=scroller])) ::slotted([slot=tags]){transform:translateX(-1.5rem)}@media (min-width:42rem){:host(c4p-page-header-tabs:has([slot=scroller])) ::slotted([slot=tags]){padding-inline-end:.5rem;transform:translateX(0)}}@media (min-width:99rem){:host(c4p-page-header-tabs:has([slot=scroller])) ::slotted([slot=tags]){padding-inline-end:1rem}}:host(c4p-page-header-tabs) ::slotted([slot=scroller]){position:relative}@media (min-width:99rem){:host(c4p-page-header-tabs) ::slotted([slot=scroller]){inset-block-start:0;inset-inline-end:0;position:absolute}}:host(c4p-page-header-breadcrumb) .cds-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 page_header_default = css([".cds-custom--page-header{background-color:var(--cds-custom-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-custom-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-custom-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-custom-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-custom-productive-heading-04-font-weight,400);letter-spacing:var(--cds-custom-productive-heading-04-letter-spacing,0);line-height:var(--cds-custom-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-custom-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-custom-productive-heading-03-font-weight,400);letter-spacing:var(--cds-custom-productive-heading-03-letter-spacing,0);line-height:var(--cds-custom-productive-heading-03-line-height,1.4);margin-block-end:.5rem}.cds-custom--page-header__content__body{font-size:var(--cds-custom-body-01-font-size,.875rem);font-weight:var(--cds-custom-body-01-font-weight,400);letter-spacing:var(--cds-custom-body-01-letter-spacing,.16px);line-height:var(--cds-custom-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-custom-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-custom-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-custom-grid-gutter:2rem;--cds-custom-grid-columns:4;--cds-custom-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-custom-grid-columns:8;--cds-custom-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-custom-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-custom-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-custom-grid-gutter-start:calc(var(--cds-custom-grid-gutter)/2);--cds-custom-grid-gutter-end:calc(var(--cds-custom-grid-gutter)/2);--cds-custom-grid-column-hang:calc(var(--cds-custom-grid-gutter)/2);display:grid;grid-template-columns:repeat(var(--cds-custom-grid-columns),minmax(0,1fr));inline-size:100%;margin-inline:auto;max-inline-size:99rem;padding-inline:var(--cds-custom-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-custom-grid-mode-start:var(--cds-custom-grid-gutter-start);--cds-custom-grid-mode-end:var(--cds-custom-grid-gutter-end);margin-inline:var(--cds-custom-grid-gutter-start) var(--cds-custom-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-custom-grid-gutter-end) var(--cds-custom-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-custom-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-custom-grid-gutter:0.0625rem;--cds-custom-grid-column-hang:0.96875rem}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid--with-row-gap,:host(c4p-page-header-content) .cds-custom--css-grid--with-row-gap,:host(c4p-page-header-tabs) .cds-custom--css-grid--with-row-gap{row-gap:var(--cds-custom-grid-gutter)}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid--narrow.cds-custom--css-grid--with-row-gap,:host(c4p-page-header-content) .cds-custom--css-grid--narrow.cds-custom--css-grid--with-row-gap,:host(c4p-page-header-tabs) .cds-custom--css-grid--narrow.cds-custom--css-grid--with-row-gap{row-gap:calc(var(--cds-custom-grid-gutter)/2)}: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-custom-grid-columns),minmax(0,1fr));margin-inline:calc(var(--cds-custom-grid-mode-start)*-1) calc(var(--cds-custom-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-custom-grid-mode-end)*-1) calc(var(--cds-custom-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-custom-grid-gutter-start:1rem;--cds-custom-grid-gutter-end:1rem;--cds-custom-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-custom-grid-gutter-start:0rem;--cds-custom-grid-gutter-end:1rem;--cds-custom-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-custom-grid-gutter:0.0625rem;--cds-custom-grid-gutter-start:0.03125rem;--cds-custom-grid-gutter-end:0.03125rem;--cds-custom-grid-column-hang:0.96875rem}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid--with-row-gap,:host(c4p-page-header-content) .cds-custom--subgrid--with-row-gap,:host(c4p-page-header-tabs) .cds-custom--subgrid--with-row-gap{row-gap:2rem}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid--narrow.cds-custom--subgrid--with-row-gap,:host(c4p-page-header-content) .cds-custom--subgrid--narrow.cds-custom--subgrid--with-row-gap,:host(c4p-page-header-tabs) .cds-custom--subgrid--narrow.cds-custom--subgrid--with-row-gap{row-gap:1rem}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid--condensed.cds-custom--subgrid--with-row-gap,:host(c4p-page-header-content) .cds-custom--subgrid--condensed.cds-custom--subgrid--with-row-gap,:host(c4p-page-header-tabs) .cds-custom--subgrid--condensed.cds-custom--subgrid--with-row-gap{row-gap:.0625rem}: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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-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-custom-layer-01,#f4f4f4);block-size:2.5rem;border-block-end:var(--cds-custom-border-subtle);inset-block-start:var(--c4p-page-header-breadcrumb-top);overflow:visible;position:sticky;z-index:1}:host(c4p-page-header-breadcrumb) ::slotted([slot=icon]){margin-inline-end:.5rem}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid{block-size:100%}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid-column{min-inline-size:0;overflow:visible}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-container{align-items:center;block-size:2.5rem;display:flex;gap:.5rem;inline-size:100%;justify-content:space-between;min-inline-size:0}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{display:flex;flex:1 1 auto;min-inline-size:0}@media (max-width:41.98rem){:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{flex:1 1 75%}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{max-inline-size:60%}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{max-inline-size:60%}}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__actions{align-items:center;display:flex;flex:0 0 auto;gap:.5rem;justify-content:flex-end;min-inline-size:0}@media (max-width:41.98rem){:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__actions{flex:0 1 25%;max-inline-size:25%}}:host(c4p-page-header-breadcrumb:not([content-actions-flush])) ::slotted([slot=content-actions]){margin-inline-end:.75rem!important}:host(c4p-page-header-breadcrumb[page-actions-flush]) .cds-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-custom-border-subtle-01,#c6c6c6)}:host(c4p-page-header-content){padding-block-start:1.5rem}:host(c4p-page-header-content) .c4p--page-header__content__title{display:-webkit-box;font-size:var(--cds-custom-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-custom-productive-heading-04-font-weight,400);letter-spacing:var(--cds-custom-productive-heading-04-letter-spacing,0);line-height:var(--cds-custom-productive-heading-04-line-height,1.28572);margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-inline-size:40rem;text-overflow:ellipsis;white-space:normal}@media (max-width:41.98rem){:host(c4p-page-header-content) .c4p--page-header__content__title-wrapper{display:flex;flex-direction:column;grid-gap:1rem}}:host(c4p-page-header-content) .c4p--page-header__content__title-wrapper{display:grid;gap:1rem;grid-template-columns:auto minmax(auto,auto);margin-block-end:1rem;min-block-size:2.5rem}:host(c4p-page-header-content) .c4p--page-header__content__start{display:flex;flex-wrap:wrap;gap:1rem}:host(c4p-page-header-content) .c4p--page-header__content__page-actions{display:flex;justify-content:right;transition:opacity .24s cubic-bezier(.2,0,.38,.9)}:host(c4p-page-header-content) .c4p--page-header__content__page-actions.c4p--page-header__content__page-actions--clipped{opacity:0;visibility:hidden}@media (max-width:41.98rem){:host(c4p-page-header-content) .c4p--page-header__content__page-actions{justify-content:left;margin-block-start:0}}:host(c4p-page-header-content) .c4p--page-header__content__title-container{display:flex}:host(c4p-page-header-content) ::slotted([slot=icon]){margin-inline-end:1rem}:host(c4p-page-header-content) ::slotted([slot=contextual-actions]){align-items:center;display:flex}:host(c4p-page-header-content[contextual-actions]) .c4p--page-header__content__title{-webkit-line-clamp:1}:host(c4p-page-header-content-text){display:block;font-size:var(--cds-custom-body-01-font-size,.875rem);font-weight:var(--cds-custom-body-01-font-weight,400);letter-spacing:var(--cds-custom-body-01-letter-spacing,.16px);line-height:var(--cds-custom-body-01-line-height,1.42857);max-inline-size:40rem;padding-block-end:1.5rem}:host(c4p-page-header-content-text) .c4p--page-header__content__subtitle{font-size:var(--cds-custom-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-custom-productive-heading-03-font-weight,400);letter-spacing:var(--cds-custom-productive-heading-03-letter-spacing,0);line-height:var(--cds-custom-productive-heading-03-line-height,1.4);margin-block-end:.5rem;margin-block-start:0}:host(c4p-page-header-hero-image){block-size:100%;display:block;overflow:hidden;position:relative}:host(c4p-page-header-hero-image) .c4p--page-header__hero-image{inset:0;position:absolute}:host(c4p-page-header-hero-image) ::slotted(picture){block-size:100%;display:flex;inline-size:100%;justify-content:center}:host(c4p-page-header-hero-image) ::slotted(img){block-size:100%;display:block;inline-size:100%;-o-object-fit:var(--object-fit,cover);object-fit:var(--object-fit,cover);-o-object-position:var(--object-position,center);object-position:var(--object-position,center)}:host(c4p-page-header-hero-image):before{content:\"\";display:block;padding-block-start:66.6666666667%}@media (min-width:66rem){:host(c4p-page-header-hero-image):before{padding-block-start:50%}}:host(c4p-page-header-hero-image):after{clear:both;content:\"\";display:table}:host(c4p-page-header-tabs){position:relative}:host(c4p-page-header-tabs) .cds-custom--css-grid{align-items:center;display:flex}@media (min-width:99rem){:host(c4p-page-header-tabs) .cds-custom--css-grid{display:grid}}:host(c4p-page-header-tabs) .cds-custom--css-grid .cds-custom--css-grid-column{flex:1;margin:0;min-inline-size:0}@media (min-width:99rem){:host(c4p-page-header-tabs) .cds-custom--css-grid .cds-custom--css-grid-column{flex:none}}:host(c4p-page-header-tabs) .c4p--page-header__tab-bar--tablist{align-items:center;display:flex}:host(c4p-page-header-tabs) ::slotted([slot=tags]){align-items:center;display:inline-flex;inline-size:40%;justify-content:flex-end;margin-inline-start:auto;min-inline-size:0}:host(c4p-page-header-tabs:has([slot=scroller])) ::slotted([slot=tags]){transform:translateX(-1.5rem)}@media (min-width:42rem){:host(c4p-page-header-tabs:has([slot=scroller])) ::slotted([slot=tags]){padding-inline-end:.5rem;transform:translateX(0)}}@media (min-width:99rem){:host(c4p-page-header-tabs:has([slot=scroller])) ::slotted([slot=tags]){padding-inline-end:1rem}}:host(c4p-page-header-tabs) ::slotted([slot=scroller]){position:relative}@media (min-width:99rem){:host(c4p-page-header-tabs) ::slotted([slot=scroller]){inset-block-start:0;inset-inline-end:0;position:absolute}}:host(c4p-page-header-breadcrumb) .cds-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
|
//#endregion
|
|
12
12
|
export { page_header_default as default };
|
|
13
13
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-header.scss.js","names":[],"sources":["../../../src/components/page-header/page-header.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2025, 2025\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:math';\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/type' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/motion' as *;\n@use '@carbon/styles/scss/breakpoint' as *;\n@use '@carbon/styles/scss/utilities/convert';\n@use '@carbon/grid';\n@use '@carbon/styles/scss/components/page-header/index' as *;\n@use 'sass:map';\n\n$prefix: 'c4p';\n$carbon-prefix: 'cds-custom';\n\n:host(#{$prefix}-page-header) {\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header;\n position: sticky;\n display: block;\n background-color: $layer-01;\n border-block-end: 1px solid $border-subtle-01;\n /* custom css property used from calculation of header offset */\n /* stylelint-disable-next-line carbon/layout-use */\n inset-block-start: var(--c4p-page-header-header-top);\n}\n\n:host(#{$prefix}-page-header-breadcrumb),\n:host(#{$prefix}-page-header-content),\n:host(#{$prefix}-page-header-tabs) {\n @include grid.css-grid();\n\n display: block;\n}\n\n:host(#{$prefix}-page-header-breadcrumb) {\n position: sticky;\n z-index: 1;\n overflow: visible;\n background-color: $layer-01;\n block-size: convert.to-rem(40px);\n border-block-end: $border-subtle;\n\n /* custom css property used from calculation of breadcrumb offset */\n /* stylelint-disable-next-line carbon/layout-use */\n inset-block-start: var(--c4p-page-header-breadcrumb-top);\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__breadcrumb-bar;\n ::slotted([slot='icon']) {\n margin-inline-end: $spacing-03;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__breadcrumb__icon;\n }\n\n .#{$carbon-prefix}--subgrid {\n block-size: 100%;\n }\n\n .#{$carbon-prefix}--css-grid-column {\n overflow: visible;\n min-inline-size: 0;\n }\n\n // TODO: remove this section when styles from React have been migrated\n .#{$prefix}--page-header__breadcrumb-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n block-size: 100%;\n gap: $spacing-03;\n inline-size: 100%;\n min-inline-size: 0;\n }\n\n .#{$prefix}--page-header__breadcrumb-wrapper {\n display: flex;\n flex: 1 1 auto;\n min-inline-size: 0;\n\n @include breakpoint-down(md) {\n flex: 1 1 75%;\n }\n\n @include breakpoint(md) {\n max-inline-size: 60%;\n }\n\n @include breakpoint(lg) {\n max-inline-size: 60%;\n }\n }\n\n .#{$prefix}--page-header__breadcrumb__actions {\n display: flex;\n flex: 0 0 auto;\n align-items: center;\n justify-content: flex-end;\n gap: $spacing-03;\n min-inline-size: 0;\n\n @include breakpoint-down(md) {\n flex: 0 1 25%;\n max-inline-size: 25%;\n }\n }\n ///////////////////////////////\n}\n\n:host(#{$prefix}-page-header-breadcrumb:not([content-actions-flush]))\n ::slotted([slot='content-actions']) {\n //stylelint-disable declaration-no-important\n margin-inline-end: $spacing-04 !important;\n}\n\n:host(#{$prefix}-page-header-breadcrumb[page-actions-flush]) {\n .#{$carbon-prefix}--css-grid {\n margin-inline-end: 0;\n padding-inline-end: 0;\n }\n\n .#{$carbon-prefix}--css-grid-column {\n margin-inline-end: 0;\n }\n}\n\n:host(#{$prefix}-page-header-breadcrumb[border='true']) {\n border-block-end: 1px solid $border-subtle-01;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n\n // @extend .#{$prefix}--page-header__breadcrumb-bar-border;\n}\n\n:host(#{$prefix}-page-header-content) {\n padding: $spacing-06 0;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content;\n\n .#{$prefix}--page-header__content__title {\n @include type-style('productive-heading-04');\n\n display: -webkit-box;\n overflow: hidden;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content__title;\n margin: 0;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n max-inline-size: convert.to-rem(640px);\n text-overflow: ellipsis;\n white-space: normal;\n }\n\n .#{$prefix}--page-header__content__title-wrapper {\n // TODO: remove this section\n @include breakpoint-down(md) {\n display: flex;\n flex-direction: column;\n grid-gap: $spacing-05;\n }\n\n display: grid;\n gap: $spacing-05;\n ///////////////////////////////\n\n // overriding until the responsive behavior is implemented\n grid-template-columns: auto minmax(auto, auto);\n margin-block-end: $spacing-05;\n min-block-size: convert.to-rem(40px);\n }\n\n // TODO: remove this section\n .#{$prefix}--page-header__content__start {\n display: flex;\n flex-wrap: wrap;\n gap: $spacing-05;\n }\n\n .#{$prefix}--page-header__content__page-actions {\n display: flex;\n justify-content: right;\n /* stylelint-disable-next-line carbon/motion-easing-use */\n transition: opacity motion(standard, productive) $duration-moderate-02;\n\n &.#{$prefix}--page-header__content__page-actions--clipped {\n opacity: 0;\n visibility: hidden;\n }\n\n @include breakpoint-down('md') {\n justify-content: left;\n margin-block-start: 0;\n }\n }\n\n .#{$prefix}--page-header__content__title-container {\n display: flex;\n }\n ///////////////////////////////\n ::slotted([slot='icon']) {\n margin-inline-end: $spacing-05;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content__icon;\n }\n\n ::slotted([slot='contextual-actions']) {\n display: flex;\n align-items: center;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content__contextual-actions;\n }\n}\n\n:host(#{$prefix}-page-header-content[contextual-actions]) {\n .#{$prefix}--page-header__content__title {\n -webkit-line-clamp: 1;\n }\n}\n\n:host(#{$prefix}-page-header-content[contextual-actions]) {\n .#{$prefix}--page-header__content__title {\n -webkit-line-clamp: 1;\n }\n}\n\n:host(#{$prefix}-page-header-content-text) {\n @include type-style('body-01');\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content__body;\n display: block;\n max-inline-size: convert.to-rem(640px);\n\n .#{$prefix}--page-header__content__subtitle {\n @include type-style('productive-heading-03');\n\n margin-block-end: $spacing-03;\n // TODO: remove above styles when styles from React have been migrated\n margin-block-start: 0;\n }\n}\n\n:host(#{$prefix}-page-header-hero-image) {\n // Aspect ratio container - matches Carbon's AspectRatio component\n position: relative;\n display: block;\n overflow: hidden;\n block-size: 100%;\n\n // The inner div with hero-image class needs to be absolutely positioned\n // to overlay on the aspect ratio padding\n .#{$prefix}--page-header__hero-image {\n position: absolute;\n inset: 0;\n }\n\n // Styles for slotted content - needed for shadow DOM\n ::slotted(picture) {\n display: flex;\n justify-content: center;\n block-size: 100%;\n inline-size: 100%;\n }\n\n ::slotted(img) {\n display: block;\n block-size: 100%;\n inline-size: 100%;\n object-fit: var(--object-fit, cover);\n object-position: var(--object-position, center);\n }\n}\n\n:host(#{$prefix}-page-header-hero-image)::before {\n display: block;\n content: '';\n padding-block-start: math.percentage(math.div(2, 3));\n\n @include grid.breakpoint-up('lg') {\n padding-block-start: math.percentage(math.div(1, 2));\n }\n}\n\n:host(#{$prefix}-page-header-hero-image)::after {\n display: table;\n clear: both;\n content: '';\n}\n\n:host(#{$prefix}-page-header-tabs) {\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__tab-bar;\n position: relative;\n\n .#{$carbon-prefix}--css-grid {\n // On small screens, use flex to keep grid and scroller on same line\n display: flex;\n align-items: center;\n\n // On max breakpoint and above, use grid for proper Carbon alignment\n @include breakpoint(max) {\n display: grid;\n }\n }\n\n .#{$carbon-prefix}--css-grid .#{$carbon-prefix}--css-grid-column {\n // On small screens, allow column to flex\n flex: 1;\n margin: 0;\n min-inline-size: 0;\n\n @include breakpoint(max) {\n flex: none;\n }\n }\n}\n\n:host(#{$prefix}-page-header-tabs) .#{$prefix}--page-header__tab-bar--tablist {\n display: flex;\n align-items: center;\n}\n\n:host(#{$prefix}-page-header-tabs) ::slotted([slot='tags']) {\n display: inline-flex;\n align-items: center;\n justify-content: flex-end;\n inline-size: 40%;\n margin-inline-start: auto;\n min-inline-size: 0;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__tags;\n}\n\n// When scroller is present, adjust tags styling\n:host(#{$prefix}-page-header-tabs:has([slot='scroller']))\n ::slotted([slot='tags']) {\n transform: translateX(calc($spacing-06 * -1));\n\n @include breakpoint(md) {\n padding-inline-end: $spacing-03;\n transform: translateX(0);\n }\n @include breakpoint(max) {\n padding-inline-end: $spacing-05;\n }\n}\n\n// Scroller positioning: relative on small screens, absolute on max+\n:host(#{$prefix}-page-header-tabs) ::slotted([slot='scroller']) {\n position: relative;\n\n @include breakpoint(max) {\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 0;\n }\n}\n\n:host(#{$prefix}-page-header-breadcrumb),\n:host(#{$prefix}-page-header-content),\n:host(#{$prefix}-page-header-tabs) {\n .#{$carbon-prefix}--css-grid {\n inline-size: initial;\n }\n}\n\n#{$carbon-prefix}-definition-tooltip::part(definition-term) {\n border: none;\n}\n\n:host(#{$prefix}-page-header-tabs) ::slotted(#{$carbon-prefix}-tabs) {\n --tabs-overflow-button-background: $layer-01;\n}\n\n@keyframes page-header-title-breadcrumb-animation {\n 0% {\n opacity: 0;\n transform: translateY($spacing-05);\n }\n\n 5% {\n opacity: 1;\n transform: translateY(0);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes page-header-title-breadcrumb-animation-reduced-motion {\n 0% {\n opacity: 0;\n }\n\n 5% {\n opacity: 1;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n// Target browsers that do not yet support animation-timeline: scroll()\n@mixin scroll-fallback {\n @supports not (animation-timeline: scroll()) {\n opacity: 1;\n transform: translateY(0);\n }\n @media (prefers-reduced-motion: reduce) {\n transform: translateY(0);\n /* stylelint-disable-next-line */\n transition: opacity motion(standard, productive) $duration-moderate-01;\n }\n}\n\n@mixin scroll-animation {\n @supports (animation-timeline: scroll()) {\n // Show by default should not have any animation, this means\n // there was not a page header content element provided\n animation-direction: alternate;\n animation-duration: 1ms; /* Firefox requires this to apply the animation */\n animation-name: page-header-title-breadcrumb-animation;\n animation-timeline: scroll(block nearest);\n\n @media (prefers-reduced-motion: reduce) {\n animation-name: page-header-title-breadcrumb-animation-reduced-motion;\n transform: translateY(0);\n }\n }\n}\n\n:host(\n #{$prefix}-page-header-title-breadcrumb.#{$prefix}--page-header-title-breadcrumb-show__fallback\n) {\n @include scroll-fallback();\n}\n\n:host(#{$prefix}-page-header-breadcrumb)\n .#{$prefix}--page-header__breadcrumb__content-actions-with-global-actions {\n opacity: 0;\n visibility: hidden;\n &.#{$prefix}--page-header__breadcrumb__content-actions-with-global-actions--show {\n opacity: 1;\n transform: translateY(0);\n transition:\n /* stylelint-disable-next-line */ opacity\n motion(standard, productive) $duration-moderate-01;\n visibility: visible;\n }\n}\n\n:host(#{$prefix}-page-header-title-breadcrumb) {\n opacity: 0;\n transform: translateY($spacing-05);\n transition:\n /* stylelint-disable-next-line */\n transform motion(standard, productive) $duration-moderate-01,\n opacity motion(standard, productive) $duration-moderate-01;\n}\n\n:host(\n #{$prefix}-page-header-title-breadcrumb.#{$prefix}--page-header-title-breadcrumb-show__with-content\n) {\n // Target browsers that do not yet support animation-timeline: scroll()\n &.#{$prefix}--page-header-title-breadcrumb-show__fallback {\n @supports not (animation-timeline: scroll()) {\n @include scroll-fallback();\n\n @media (prefers-reduced-motion: reduce) {\n transform: translateY(0);\n /* stylelint-disable-next-line */\n transition: opacity motion(standard, productive) $duration-moderate-01;\n }\n }\n }\n // `animation-timeline: scroll()` only currently supported in Chromium based browsers\n @include scroll-animation();\n}\n\n:host(\n #{$prefix}-page-header-title-breadcrumb.#{$prefix}--page-header-title-breadcrumb-show__by-default\n) {\n opacity: 1;\n transform: translateY(0);\n}\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"page-header.scss.js","names":[],"sources":["../../../src/components/page-header/page-header.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2025, 2025\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:math';\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/type' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/motion' as *;\n@use '@carbon/styles/scss/breakpoint' as *;\n@use '@carbon/styles/scss/utilities/convert';\n@use '@carbon/grid';\n@use '@carbon/styles/scss/components/page-header/index' as *;\n@use 'sass:map';\n\n$prefix: 'c4p';\n$carbon-prefix: 'cds-custom';\n\n:host(#{$prefix}-page-header) {\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header;\n position: sticky;\n display: block;\n background-color: $layer-01;\n border-block-end: 1px solid $border-subtle-01;\n /* custom css property used from calculation of header offset */\n /* stylelint-disable-next-line carbon/layout-use */\n inset-block-start: var(--c4p-page-header-header-top);\n}\n\n:host(#{$prefix}-page-header-breadcrumb),\n:host(#{$prefix}-page-header-content),\n:host(#{$prefix}-page-header-tabs) {\n @include grid.css-grid();\n\n display: block;\n}\n\n:host(#{$prefix}-page-header-breadcrumb) {\n position: sticky;\n z-index: 1;\n overflow: visible;\n background-color: $layer-01;\n block-size: convert.to-rem(40px);\n border-block-end: $border-subtle;\n\n /* custom css property used from calculation of breadcrumb offset */\n /* stylelint-disable-next-line carbon/layout-use */\n inset-block-start: var(--c4p-page-header-breadcrumb-top);\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__breadcrumb-bar;\n ::slotted([slot='icon']) {\n margin-inline-end: $spacing-03;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__breadcrumb__icon;\n }\n\n .#{$carbon-prefix}--subgrid {\n block-size: 100%;\n }\n\n .#{$carbon-prefix}--css-grid-column {\n overflow: visible;\n min-inline-size: 0;\n }\n\n // TODO: remove this section when styles from React have been migrated\n .#{$prefix}--page-header__breadcrumb-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n block-size: $spacing-08;\n gap: $spacing-03;\n inline-size: 100%;\n min-inline-size: 0;\n }\n\n .#{$prefix}--page-header__breadcrumb-wrapper {\n display: flex;\n flex: 1 1 auto;\n min-inline-size: 0;\n\n @include breakpoint-down(md) {\n flex: 1 1 75%;\n }\n\n @include breakpoint(md) {\n max-inline-size: 60%;\n }\n\n @include breakpoint(lg) {\n max-inline-size: 60%;\n }\n }\n\n .#{$prefix}--page-header__breadcrumb__actions {\n display: flex;\n flex: 0 0 auto;\n align-items: center;\n justify-content: flex-end;\n gap: $spacing-03;\n min-inline-size: 0;\n\n @include breakpoint-down(md) {\n flex: 0 1 25%;\n max-inline-size: 25%;\n }\n }\n ///////////////////////////////\n}\n\n:host(#{$prefix}-page-header-breadcrumb:not([content-actions-flush]))\n ::slotted([slot='content-actions']) {\n //stylelint-disable declaration-no-important\n margin-inline-end: $spacing-04 !important;\n}\n\n:host(#{$prefix}-page-header-breadcrumb[page-actions-flush]) {\n .#{$carbon-prefix}--css-grid {\n margin-inline-end: 0;\n padding-inline-end: 0;\n }\n\n .#{$carbon-prefix}--css-grid-column {\n margin-inline-end: 0;\n }\n}\n\n:host(#{$prefix}-page-header-breadcrumb[border='true']) {\n border-block-end: 1px solid $border-subtle-01;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n\n // @extend .#{$prefix}--page-header__breadcrumb-bar-border;\n}\n\n:host(#{$prefix}-page-header-content) {\n padding-block-start: $spacing-06;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content;\n\n .#{$prefix}--page-header__content__title {\n @include type-style('productive-heading-04');\n\n display: -webkit-box;\n overflow: hidden;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content__title;\n margin: 0;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n max-inline-size: convert.to-rem(640px);\n text-overflow: ellipsis;\n white-space: normal;\n }\n\n .#{$prefix}--page-header__content__title-wrapper {\n // TODO: remove this section\n @include breakpoint-down(md) {\n display: flex;\n flex-direction: column;\n grid-gap: $spacing-05;\n }\n\n display: grid;\n gap: $spacing-05;\n ///////////////////////////////\n\n // overriding until the responsive behavior is implemented\n grid-template-columns: auto minmax(auto, auto);\n margin-block-end: $spacing-05;\n min-block-size: convert.to-rem(40px);\n }\n\n // TODO: remove this section\n .#{$prefix}--page-header__content__start {\n display: flex;\n flex-wrap: wrap;\n gap: $spacing-05;\n }\n\n .#{$prefix}--page-header__content__page-actions {\n display: flex;\n justify-content: right;\n /* stylelint-disable-next-line carbon/motion-easing-use */\n transition: opacity motion(standard, productive) $duration-moderate-02;\n\n &.#{$prefix}--page-header__content__page-actions--clipped {\n opacity: 0;\n visibility: hidden;\n }\n\n @include breakpoint-down('md') {\n justify-content: left;\n margin-block-start: 0;\n }\n }\n\n .#{$prefix}--page-header__content__title-container {\n display: flex;\n }\n ///////////////////////////////\n ::slotted([slot='icon']) {\n margin-inline-end: $spacing-05;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content__icon;\n }\n\n ::slotted([slot='contextual-actions']) {\n display: flex;\n align-items: center;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content__contextual-actions;\n }\n}\n\n:host(#{$prefix}-page-header-content[contextual-actions]) {\n .#{$prefix}--page-header__content__title {\n -webkit-line-clamp: 1;\n }\n}\n\n:host(#{$prefix}-page-header-content[contextual-actions]) {\n .#{$prefix}--page-header__content__title {\n -webkit-line-clamp: 1;\n }\n}\n\n:host(#{$prefix}-page-header-content-text) {\n @include type-style('body-01');\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__content__body;\n display: block;\n max-inline-size: convert.to-rem(640px);\n padding-block-end: $spacing-06;\n\n .#{$prefix}--page-header__content__subtitle {\n @include type-style('productive-heading-03');\n\n margin-block-end: $spacing-03;\n // TODO: remove above styles when styles from React have been migrated\n margin-block-start: 0;\n }\n}\n\n:host(#{$prefix}-page-header-hero-image) {\n // Aspect ratio container - matches Carbon's AspectRatio component\n position: relative;\n display: block;\n overflow: hidden;\n block-size: 100%;\n\n // The inner div with hero-image class needs to be absolutely positioned\n // to overlay on the aspect ratio padding\n .#{$prefix}--page-header__hero-image {\n position: absolute;\n inset: 0;\n }\n\n // Styles for slotted content - needed for shadow DOM\n ::slotted(picture) {\n display: flex;\n justify-content: center;\n block-size: 100%;\n inline-size: 100%;\n }\n\n ::slotted(img) {\n display: block;\n block-size: 100%;\n inline-size: 100%;\n object-fit: var(--object-fit, cover);\n object-position: var(--object-position, center);\n }\n}\n\n:host(#{$prefix}-page-header-hero-image)::before {\n display: block;\n content: '';\n padding-block-start: math.percentage(math.div(2, 3));\n\n @include grid.breakpoint-up('lg') {\n padding-block-start: math.percentage(math.div(1, 2));\n }\n}\n\n:host(#{$prefix}-page-header-hero-image)::after {\n display: table;\n clear: both;\n content: '';\n}\n\n:host(#{$prefix}-page-header-tabs) {\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__tab-bar;\n position: relative;\n\n .#{$carbon-prefix}--css-grid {\n // On small screens, use flex to keep grid and scroller on same line\n display: flex;\n align-items: center;\n\n // On max breakpoint and above, use grid for proper Carbon alignment\n @include breakpoint(max) {\n display: grid;\n }\n }\n\n .#{$carbon-prefix}--css-grid .#{$carbon-prefix}--css-grid-column {\n // On small screens, allow column to flex\n flex: 1;\n margin: 0;\n min-inline-size: 0;\n\n @include breakpoint(max) {\n flex: none;\n }\n }\n}\n\n:host(#{$prefix}-page-header-tabs) .#{$prefix}--page-header__tab-bar--tablist {\n display: flex;\n align-items: center;\n}\n\n:host(#{$prefix}-page-header-tabs) ::slotted([slot='tags']) {\n display: inline-flex;\n align-items: center;\n justify-content: flex-end;\n inline-size: 40%;\n margin-inline-start: auto;\n min-inline-size: 0;\n // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__tags;\n}\n\n// When scroller is present, adjust tags styling\n:host(#{$prefix}-page-header-tabs:has([slot='scroller']))\n ::slotted([slot='tags']) {\n transform: translateX(calc($spacing-06 * -1));\n\n @include breakpoint(md) {\n padding-inline-end: $spacing-03;\n transform: translateX(0);\n }\n @include breakpoint(max) {\n padding-inline-end: $spacing-05;\n }\n}\n\n// Scroller positioning: relative on small screens, absolute on max+\n:host(#{$prefix}-page-header-tabs) ::slotted([slot='scroller']) {\n position: relative;\n\n @include breakpoint(max) {\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 0;\n }\n}\n\n:host(#{$prefix}-page-header-breadcrumb),\n:host(#{$prefix}-page-header-content),\n:host(#{$prefix}-page-header-tabs) {\n .#{$carbon-prefix}--css-grid {\n inline-size: initial;\n }\n}\n\n#{$carbon-prefix}-definition-tooltip::part(definition-term) {\n border: none;\n}\n\n:host(#{$prefix}-page-header-tabs) ::slotted(#{$carbon-prefix}-tabs) {\n --tabs-overflow-button-background: $layer-01;\n}\n\n@keyframes page-header-title-breadcrumb-animation {\n 0% {\n opacity: 0;\n transform: translateY($spacing-05);\n }\n\n 5% {\n opacity: 1;\n transform: translateY(0);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes page-header-title-breadcrumb-animation-reduced-motion {\n 0% {\n opacity: 0;\n }\n\n 5% {\n opacity: 1;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n// Target browsers that do not yet support animation-timeline: scroll()\n@mixin scroll-fallback {\n @supports not (animation-timeline: scroll()) {\n opacity: 1;\n transform: translateY(0);\n }\n @media (prefers-reduced-motion: reduce) {\n transform: translateY(0);\n /* stylelint-disable-next-line */\n transition: opacity motion(standard, productive) $duration-moderate-01;\n }\n}\n\n@mixin scroll-animation {\n @supports (animation-timeline: scroll()) {\n // Show by default should not have any animation, this means\n // there was not a page header content element provided\n animation-direction: alternate;\n animation-duration: 1ms; /* Firefox requires this to apply the animation */\n animation-name: page-header-title-breadcrumb-animation;\n animation-timeline: scroll(block nearest);\n\n @media (prefers-reduced-motion: reduce) {\n animation-name: page-header-title-breadcrumb-animation-reduced-motion;\n transform: translateY(0);\n }\n }\n}\n\n:host(\n #{$prefix}-page-header-title-breadcrumb.#{$prefix}--page-header-title-breadcrumb-show__fallback\n) {\n @include scroll-fallback();\n}\n\n:host(#{$prefix}-page-header-breadcrumb)\n .#{$prefix}--page-header__breadcrumb__content-actions-with-global-actions {\n opacity: 0;\n visibility: hidden;\n &.#{$prefix}--page-header__breadcrumb__content-actions-with-global-actions--show {\n opacity: 1;\n transform: translateY(0);\n transition:\n /* stylelint-disable-next-line */ opacity\n motion(standard, productive) $duration-moderate-01;\n visibility: visible;\n }\n}\n\n:host(#{$prefix}-page-header-title-breadcrumb) {\n opacity: 0;\n transform: translateY($spacing-05);\n transition:\n /* stylelint-disable-next-line */\n transform motion(standard, productive) $duration-moderate-01,\n opacity motion(standard, productive) $duration-moderate-01;\n}\n\n:host(\n #{$prefix}-page-header-title-breadcrumb.#{$prefix}--page-header-title-breadcrumb-show__with-content\n) {\n // Target browsers that do not yet support animation-timeline: scroll()\n &.#{$prefix}--page-header-title-breadcrumb-show__fallback {\n @supports not (animation-timeline: scroll()) {\n @include scroll-fallback();\n\n @media (prefers-reduced-motion: reduce) {\n transform: translateY(0);\n /* stylelint-disable-next-line */\n transition: opacity motion(standard, productive) $duration-moderate-01;\n }\n }\n }\n // `animation-timeline: scroll()` only currently supported in Chromium based browsers\n @include scroll-animation();\n}\n\n:host(\n #{$prefix}-page-header-title-breadcrumb.#{$prefix}--page-header-title-breadcrumb-show__by-default\n) {\n opacity: 1;\n transform: translateY(0);\n}\n"],"mappings":""}
|
package/es-custom/package.js
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@carbon/ibm-products-web-components",
|
|
3
3
|
"description": "Carbon for IBM Products Web Components",
|
|
4
|
-
"version": "0.40.0
|
|
4
|
+
"version": "0.40.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "es/index.js",
|
|
7
7
|
"module": "es/index.js",
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
},
|
|
58
58
|
"dependencies": {
|
|
59
59
|
"@carbon-labs/wc-empty-state": "^0.21.0",
|
|
60
|
-
"@carbon/ibm-products-styles": "^2.87.0
|
|
60
|
+
"@carbon/ibm-products-styles": "^2.87.0",
|
|
61
61
|
"@carbon/layout": "^11.52.0",
|
|
62
62
|
"@carbon/styles": "^1.106.0",
|
|
63
63
|
"@carbon/utilities": "^0.19.0",
|
|
@@ -107,5 +107,5 @@
|
|
|
107
107
|
"vitest": "^3.2.0",
|
|
108
108
|
"web-component-analyzer": "2.0.0"
|
|
109
109
|
},
|
|
110
|
-
"gitHead": "
|
|
110
|
+
"gitHead": "0759cc88f97d620e6826afa428f2ca070ac755e7"
|
|
111
111
|
}
|
|
@@ -79,7 +79,7 @@ $carbon-prefix: 'cds';
|
|
|
79
79
|
display: flex;
|
|
80
80
|
align-items: center;
|
|
81
81
|
justify-content: space-between;
|
|
82
|
-
block-size:
|
|
82
|
+
block-size: $spacing-08;
|
|
83
83
|
gap: $spacing-03;
|
|
84
84
|
inline-size: 100%;
|
|
85
85
|
min-inline-size: 0;
|
|
@@ -145,7 +145,7 @@ $carbon-prefix: 'cds';
|
|
|
145
145
|
}
|
|
146
146
|
|
|
147
147
|
:host(#{$prefix}-page-header-content) {
|
|
148
|
-
padding: $spacing-06
|
|
148
|
+
padding-block-start: $spacing-06;
|
|
149
149
|
// TODO: remove above styles when styles from React have been migrated
|
|
150
150
|
// and use the extend below
|
|
151
151
|
// @extend .#{$prefix}--page-header__content;
|
|
@@ -247,6 +247,7 @@ $carbon-prefix: 'cds';
|
|
|
247
247
|
// @extend .#{$prefix}--page-header__content__body;
|
|
248
248
|
display: block;
|
|
249
249
|
max-inline-size: convert.to-rem(640px);
|
|
250
|
+
padding-block-end: $spacing-06;
|
|
250
251
|
|
|
251
252
|
.#{$prefix}--page-header__content__subtitle {
|
|
252
253
|
@include type-style('productive-heading-03');
|