npm - @carbon/ibm-products-web-components - Versions diffs - 0.35.0 → 0.36.0 - Mend

@carbon/ibm-products-web-components 0.35.0 → 0.36.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.

Files changed (1362) hide show

package/es-custom/components/page-header/page-header.scss.js CHANGED Viewed

@@ -1,13 +1,15 @@
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2020, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { css } from 'lit';
+import { css } from "lit";
-var styles = css([".cds-custom--page-header{background-color:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}.cds-custom--page-header__breadcrumb-bar{block-size:2.5rem}.cds-custom--page-header__breadcrumb-bar .cds-custom--subgrid{block-size:100%}.cds-custom--page-header__breadcrumb-container{align-items:center;block-size:100%;display:inline-flex;inline-size:100%;justify-content:space-between}.cds-custom--page-header__breadcrumb__actions-flush .cds-custom--css-grid{padding-inline-end:0}.cds-custom--page-header__breadcrumb__actions-flush .cds-custom--css-grid-column{margin-inline-end:0}.cds-custom--page-header__breadcrumb-bar-border{border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}.cds-custom--page-header__breadcrumb__icon{margin-inline-end:.5rem}.cds-custom--page-header__breadcrumb__actions{display:inline-flex}.cds-custom--page-header__breadcrumb__content-actions{margin-inline-end:.75rem}.cds-custom--page-header__breadcrumb-wrapper{display:inline-flex}.cds-custom--page-header__content{padding:1.5rem 0}@media (max-width:41.98rem){.cds-custom--page-header__content__title-wrapper{display:flex;flex-direction:column;grid-gap:1rem}}.cds-custom--page-header__content__title-wrapper{display:grid;gap:1rem;grid-template-columns:auto minmax(var(--pageheader-title-grid-width,0),1fr);margin-block-end:1rem;min-block-size:2.5rem}.cds-custom--page-header__content__start{display:flex;flex-wrap:wrap;gap:1rem}.cds-custom--page-header__content__title-container{display:flex}.cds-custom--page-header__content__title-container .cds-custom--definition-term{border-block-end:none}.cds-custom--page-header__content__contextual-actions{display:flex}.cds-custom--page-header__content__title{display:-webkit-box;font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-inline-size:40rem;text-overflow:ellipsis;white-space:normal}.cds-custom--page-header__content:has(.cds-custom--page-header__content__contextual-actions) .cds-custom--page-header__content__title{-webkit-line-clamp:1}.cds-custom--page-header__content__icon{margin-inline-end:1rem}.cds-custom--page-header__content__page-actions{display:flex;justify-content:right}@media (max-width:41.98rem){.cds-custom--page-header__content__page-actions{justify-content:left;margin-block-start:0}}.cds-custom--page-header__content__page-actions .cds-custom--menu-button__trigger:not(.cds-custom--btn--ghost){min-inline-size:0}.cds-custom--page-header__content__subtitle{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4);margin-block-end:.5rem}.cds-custom--page-header__content__body{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);margin-block-start:.5rem;max-inline-size:40rem}[data-hidden]:not([data-fixed]){display:none}.cds-custom--page-header__hero-image{align-items:center;block-size:100%;display:flex;justify-content:flex-end;overflow:hidden}.cds-custom--page-header__tab-bar{margin-inline-start:-1rem}.cds-custom--page-header__tab-bar--tablist{display:grid;grid-gap:4rem;grid-template-columns:auto minmax(0,1fr)}.cds-custom--page-header__tags{align-items:center;display:flex;justify-content:right}.cds-custom--page-header__tags-popover-list{display:flex;flex-direction:column;padding:1rem}.cds-custom--page-header__tag-item{flex-shrink:0}:host(c4p-page-header){background-color:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);display:block;inset-block-start:var(--c4p-page-header-header-top);position:sticky}:host(c4p-page-header-breadcrumb) :root,:host(c4p-page-header-content) :root,:host(c4p-page-header-tabs) :root{--cds-grid-gutter:2rem;--cds-grid-columns:4;--cds-grid-margin:0}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) :root,:host(c4p-page-header-content) :root,:host(c4p-page-header-tabs) :root{--cds-grid-columns:8;--cds-grid-margin:1rem}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) :root,:host(c4p-page-header-content) :root,:host(c4p-page-header-tabs) :root{--cds-grid-columns:16}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) :root,:host(c4p-page-header-content) :root,:host(c4p-page-header-tabs) :root{--cds-grid-margin:1.5rem}}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid,:host(c4p-page-header-content) .cds-custom--css-grid,:host(c4p-page-header-tabs) .cds-custom--css-grid{--cds-grid-gutter-start:calc(var(--cds-grid-gutter)/2);--cds-grid-gutter-end:calc(var(--cds-grid-gutter)/2);--cds-grid-column-hang:calc(var(--cds-grid-gutter)/2);display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));inline-size:100%;margin-inline:auto;max-inline-size:99rem;padding-inline:var(--cds-grid-margin)}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid--full-width,:host(c4p-page-header-content) .cds-custom--css-grid--full-width,:host(c4p-page-header-tabs) .cds-custom--css-grid--full-width{max-inline-size:100%}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid-column,:host(c4p-page-header-content) .cds-custom--css-grid-column,:host(c4p-page-header-tabs) .cds-custom--css-grid-column{--cds-grid-mode-start:var(--cds-grid-gutter-start);--cds-grid-mode-end:var(--cds-grid-gutter-end);margin-inline:var(--cds-grid-gutter-start) var(--cds-grid-gutter-end)}[dir=rtl] :host(c4p-page-header-breadcrumb) .cds-custom--css-grid-column,[dir=rtl] :host(c4p-page-header-content) .cds-custom--css-grid-column,[dir=rtl] :host(c4p-page-header-tabs) .cds-custom--css-grid-column{margin-inline:var(--cds-grid-gutter-end) var(--cds-grid-gutter-start)}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid--narrow,:host(c4p-page-header-content) .cds-custom--css-grid--narrow,:host(c4p-page-header-tabs) .cds-custom--css-grid--narrow{--cds-grid-gutter-start:0rem}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid--condensed,:host(c4p-page-header-content) .cds-custom--css-grid--condensed,:host(c4p-page-header-tabs) .cds-custom--css-grid--condensed{--cds-grid-gutter:0.0625rem;--cds-grid-column-hang:0.96875rem}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid--start,:host(c4p-page-header-content) .cds-custom--css-grid--start,:host(c4p-page-header-tabs) .cds-custom--css-grid--start{margin-inline-start:0}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid--end,:host(c4p-page-header-content) .cds-custom--css-grid--end,:host(c4p-page-header-tabs) .cds-custom--css-grid--end{margin-inline-end:0}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid,:host(c4p-page-header-content) .cds-custom--subgrid,:host(c4p-page-header-tabs) .cds-custom--subgrid{display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));margin-inline:calc(var(--cds-grid-mode-start)*-1) calc(var(--cds-grid-mode-end)*-1)}[dir=rtl] :host(c4p-page-header-breadcrumb) .cds-custom--subgrid,[dir=rtl] :host(c4p-page-header-content) .cds-custom--subgrid,[dir=rtl] :host(c4p-page-header-tabs) .cds-custom--subgrid{margin-inline:calc(var(--cds-grid-mode-end)*-1) calc(var(--cds-grid-mode-start)*-1)}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid--wide,:host(c4p-page-header-content) .cds-custom--subgrid--wide,:host(c4p-page-header-tabs) .cds-custom--subgrid--wide{--cds-grid-gutter-start:1rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:0}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid--narrow,:host(c4p-page-header-content) .cds-custom--subgrid--narrow,:host(c4p-page-header-tabs) .cds-custom--subgrid--narrow{--cds-grid-gutter-start:0rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:1rem}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid--condensed,:host(c4p-page-header-content) .cds-custom--subgrid--condensed,:host(c4p-page-header-tabs) .cds-custom--subgrid--condensed{--cds-grid-gutter-start:0.03125rem;--cds-grid-gutter-end:0.03125rem;--cds-grid-column-hang:0.96875rem}:host(c4p-page-header-breadcrumb) .cds-custom--grid-column-hang,:host(c4p-page-header-content) .cds-custom--grid-column-hang,:host(c4p-page-header-tabs) .cds-custom--grid-column-hang{margin-inline-start:var(--cds-grid-column-hang)}[dir=rtl] :host(c4p-page-header-breadcrumb) .cds-custom--grid-column-hang,[dir=rtl] :host(c4p-page-header-content) .cds-custom--grid-column-hang,[dir=rtl] :host(c4p-page-header-tabs) .cds-custom--grid-column-hang{margin-inline:initial var(--cds-grid-column-hang)}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-0,:host(c4p-page-header-content) .cds-custom--col-span-0,:host(c4p-page-header-tabs) .cds-custom--col-span-0{display:none}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-1,:host(c4p-page-header-content) .cds-custom--col-span-1,:host(c4p-page-header-tabs) .cds-custom--col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-2,:host(c4p-page-header-content) .cds-custom--col-span-2,:host(c4p-page-header-tabs) .cds-custom--col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-3,:host(c4p-page-header-content) .cds-custom--col-span-3,:host(c4p-page-header-tabs) .cds-custom--col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-4,:host(c4p-page-header-content) .cds-custom--col-span-4,:host(c4p-page-header-tabs) .cds-custom--col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-5,:host(c4p-page-header-content) .cds-custom--col-span-5,:host(c4p-page-header-tabs) .cds-custom--col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-6,:host(c4p-page-header-content) .cds-custom--col-span-6,:host(c4p-page-header-tabs) .cds-custom--col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-7,:host(c4p-page-header-content) .cds-custom--col-span-7,:host(c4p-page-header-tabs) .cds-custom--col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-8,:host(c4p-page-header-content) .cds-custom--col-span-8,:host(c4p-page-header-tabs) .cds-custom--col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-9,:host(c4p-page-header-content) .cds-custom--col-span-9,:host(c4p-page-header-tabs) .cds-custom--col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-10,:host(c4p-page-header-content) .cds-custom--col-span-10,:host(c4p-page-header-tabs) .cds-custom--col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-11,:host(c4p-page-header-content) .cds-custom--col-span-11,:host(c4p-page-header-tabs) .cds-custom--col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-12,:host(c4p-page-header-content) .cds-custom--col-span-12,:host(c4p-page-header-tabs) .cds-custom--col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-13,:host(c4p-page-header-content) .cds-custom--col-span-13,:host(c4p-page-header-tabs) .cds-custom--col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-14,:host(c4p-page-header-content) .cds-custom--col-span-14,:host(c4p-page-header-tabs) .cds-custom--col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-15,:host(c4p-page-header-content) .cds-custom--col-span-15,:host(c4p-page-header-tabs) .cds-custom--col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-16,:host(c4p-page-header-content) .cds-custom--col-span-16,:host(c4p-page-header-tabs) .cds-custom--col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-0,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-0,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-0{display:none}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-1,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-1,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-2,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-2,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-3,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-3,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-4,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-4,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-auto,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-auto,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-100,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-100,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-75,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-75,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-75{--cds-grid-columns:3;grid-column:span 3/span 3}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-50,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-50,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-50{--cds-grid-columns:2;grid-column:span 2/span 2}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-span-25,:host(c4p-page-header-content) .cds-custom--sm\\:col-span-25,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-span-25{--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-0,:host(c4p-page-header-content) .cds-custom--md\\:col-span-0,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-0{display:none}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-1,:host(c4p-page-header-content) .cds-custom--md\\:col-span-1,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-2,:host(c4p-page-header-content) .cds-custom--md\\:col-span-2,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-3,:host(c4p-page-header-content) .cds-custom--md\\:col-span-3,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-4,:host(c4p-page-header-content) .cds-custom--md\\:col-span-4,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-5,:host(c4p-page-header-content) .cds-custom--md\\:col-span-5,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-6,:host(c4p-page-header-content) .cds-custom--md\\:col-span-6,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-7,:host(c4p-page-header-content) .cds-custom--md\\:col-span-7,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-8,:host(c4p-page-header-content) .cds-custom--md\\:col-span-8,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-auto,:host(c4p-page-header-content) .cds-custom--md\\:col-span-auto,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-100,:host(c4p-page-header-content) .cds-custom--md\\:col-span-100,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-75,:host(c4p-page-header-content) .cds-custom--md\\:col-span-75,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-75{--cds-grid-columns:6;grid-column:span 6/span 6}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-50,:host(c4p-page-header-content) .cds-custom--md\\:col-span-50,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-50{--cds-grid-columns:4;grid-column:span 4/span 4}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-span-25,:host(c4p-page-header-content) .cds-custom--md\\:col-span-25,:host(c4p-page-header-tabs) .cds-custom--md\\:col-span-25{--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-0,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-0,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-0{display:none}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-1,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-1,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-2,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-2,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-3,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-3,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-4,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-4,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-5,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-5,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-6,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-6,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-7,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-7,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-8,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-8,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-9,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-9,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-10,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-10,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-11,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-11,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-12,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-12,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-13,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-13,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-14,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-14,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-15,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-15,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-16,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-16,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-auto,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-auto,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-100,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-100,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-75,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-75,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-50,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-50,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-span-25,:host(c4p-page-header-content) .cds-custom--lg\\:col-span-25,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-0,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-0,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-0{display:none}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-1,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-1,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-2,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-2,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-3,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-3,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-4,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-4,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-5,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-5,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-6,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-6,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-7,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-7,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-8,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-8,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-9,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-9,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-10,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-10,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-11,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-11,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-12,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-12,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-13,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-13,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-14,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-14,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-15,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-15,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-16,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-16,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-auto,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-auto,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-100,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-100,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-75,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-75,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-50,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-50,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-span-25,:host(c4p-page-header-content) .cds-custom--xlg\\:col-span-25,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-0,:host(c4p-page-header-content) .cds-custom--max\\:col-span-0,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-0{display:none}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-1,:host(c4p-page-header-content) .cds-custom--max\\:col-span-1,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-2,:host(c4p-page-header-content) .cds-custom--max\\:col-span-2,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-3,:host(c4p-page-header-content) .cds-custom--max\\:col-span-3,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-4,:host(c4p-page-header-content) .cds-custom--max\\:col-span-4,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-5,:host(c4p-page-header-content) .cds-custom--max\\:col-span-5,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-6,:host(c4p-page-header-content) .cds-custom--max\\:col-span-6,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-7,:host(c4p-page-header-content) .cds-custom--max\\:col-span-7,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-8,:host(c4p-page-header-content) .cds-custom--max\\:col-span-8,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-9,:host(c4p-page-header-content) .cds-custom--max\\:col-span-9,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-10,:host(c4p-page-header-content) .cds-custom--max\\:col-span-10,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-11,:host(c4p-page-header-content) .cds-custom--max\\:col-span-11,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-12,:host(c4p-page-header-content) .cds-custom--max\\:col-span-12,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-13,:host(c4p-page-header-content) .cds-custom--max\\:col-span-13,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-14,:host(c4p-page-header-content) .cds-custom--max\\:col-span-14,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-15,:host(c4p-page-header-content) .cds-custom--max\\:col-span-15,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-16,:host(c4p-page-header-content) .cds-custom--max\\:col-span-16,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-auto,:host(c4p-page-header-content) .cds-custom--max\\:col-span-auto,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-100,:host(c4p-page-header-content) .cds-custom--max\\:col-span-100,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-75,:host(c4p-page-header-content) .cds-custom--max\\:col-span-75,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-50,:host(c4p-page-header-content) .cds-custom--max\\:col-span-50,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-span-25,:host(c4p-page-header-content) .cds-custom--max\\:col-span-25,:host(c4p-page-header-tabs) .cds-custom--max\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-auto,:host(c4p-page-header-content) .cds-custom--col-span-auto,:host(c4p-page-header-tabs) .cds-custom--col-span-auto{grid-column:auto}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-100,:host(c4p-page-header-content) .cds-custom--col-span-100,:host(c4p-page-header-tabs) .cds-custom--col-span-100{grid-column:1/-1}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-75,:host(c4p-page-header-content) .cds-custom--col-span-75,:host(c4p-page-header-tabs) .cds-custom--col-span-75{--cds-grid-columns:3;grid-column:span 3/span 3}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--col-span-75,:host(c4p-page-header-content) .cds-custom--col-span-75,:host(c4p-page-header-tabs) .cds-custom--col-span-75{--cds-grid-columns:6;grid-column:span 6/span 6}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--col-span-75,:host(c4p-page-header-content) .cds-custom--col-span-75,:host(c4p-page-header-tabs) .cds-custom--col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-50,:host(c4p-page-header-content) .cds-custom--col-span-50,:host(c4p-page-header-tabs) .cds-custom--col-span-50{--cds-grid-columns:2;grid-column:span 2/span 2}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--col-span-50,:host(c4p-page-header-content) .cds-custom--col-span-50,:host(c4p-page-header-tabs) .cds-custom--col-span-50{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--col-span-50,:host(c4p-page-header-content) .cds-custom--col-span-50,:host(c4p-page-header-tabs) .cds-custom--col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}}:host(c4p-page-header-breadcrumb) .cds-custom--col-span-25,:host(c4p-page-header-content) .cds-custom--col-span-25,:host(c4p-page-header-tabs) .cds-custom--col-span-25{--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--col-span-25,:host(c4p-page-header-content) .cds-custom--col-span-25,:host(c4p-page-header-tabs) .cds-custom--col-span-25{--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--col-span-25,:host(c4p-page-header-content) .cds-custom--col-span-25,:host(c4p-page-header-tabs) .cds-custom--col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-1,:host(c4p-page-header-content) .cds-custom--col-start-1,:host(c4p-page-header-tabs) .cds-custom--col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-2,:host(c4p-page-header-content) .cds-custom--col-start-2,:host(c4p-page-header-tabs) .cds-custom--col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-3,:host(c4p-page-header-content) .cds-custom--col-start-3,:host(c4p-page-header-tabs) .cds-custom--col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-4,:host(c4p-page-header-content) .cds-custom--col-start-4,:host(c4p-page-header-tabs) .cds-custom--col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-5,:host(c4p-page-header-content) .cds-custom--col-start-5,:host(c4p-page-header-tabs) .cds-custom--col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-6,:host(c4p-page-header-content) .cds-custom--col-start-6,:host(c4p-page-header-tabs) .cds-custom--col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-7,:host(c4p-page-header-content) .cds-custom--col-start-7,:host(c4p-page-header-tabs) .cds-custom--col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-8,:host(c4p-page-header-content) .cds-custom--col-start-8,:host(c4p-page-header-tabs) .cds-custom--col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-9,:host(c4p-page-header-content) .cds-custom--col-start-9,:host(c4p-page-header-tabs) .cds-custom--col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-10,:host(c4p-page-header-content) .cds-custom--col-start-10,:host(c4p-page-header-tabs) .cds-custom--col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-11,:host(c4p-page-header-content) .cds-custom--col-start-11,:host(c4p-page-header-tabs) .cds-custom--col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-12,:host(c4p-page-header-content) .cds-custom--col-start-12,:host(c4p-page-header-tabs) .cds-custom--col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-13,:host(c4p-page-header-content) .cds-custom--col-start-13,:host(c4p-page-header-tabs) .cds-custom--col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-14,:host(c4p-page-header-content) .cds-custom--col-start-14,:host(c4p-page-header-tabs) .cds-custom--col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-15,:host(c4p-page-header-content) .cds-custom--col-start-15,:host(c4p-page-header-tabs) .cds-custom--col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-16,:host(c4p-page-header-content) .cds-custom--col-start-16,:host(c4p-page-header-tabs) .cds-custom--col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-2,:host(c4p-page-header-content) .cds-custom--col-end-2,:host(c4p-page-header-tabs) .cds-custom--col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-3,:host(c4p-page-header-content) .cds-custom--col-end-3,:host(c4p-page-header-tabs) .cds-custom--col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-4,:host(c4p-page-header-content) .cds-custom--col-end-4,:host(c4p-page-header-tabs) .cds-custom--col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-5,:host(c4p-page-header-content) .cds-custom--col-end-5,:host(c4p-page-header-tabs) .cds-custom--col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-6,:host(c4p-page-header-content) .cds-custom--col-end-6,:host(c4p-page-header-tabs) .cds-custom--col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-7,:host(c4p-page-header-content) .cds-custom--col-end-7,:host(c4p-page-header-tabs) .cds-custom--col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-8,:host(c4p-page-header-content) .cds-custom--col-end-8,:host(c4p-page-header-tabs) .cds-custom--col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-9,:host(c4p-page-header-content) .cds-custom--col-end-9,:host(c4p-page-header-tabs) .cds-custom--col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-10,:host(c4p-page-header-content) .cds-custom--col-end-10,:host(c4p-page-header-tabs) .cds-custom--col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-11,:host(c4p-page-header-content) .cds-custom--col-end-11,:host(c4p-page-header-tabs) .cds-custom--col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-12,:host(c4p-page-header-content) .cds-custom--col-end-12,:host(c4p-page-header-tabs) .cds-custom--col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-13,:host(c4p-page-header-content) .cds-custom--col-end-13,:host(c4p-page-header-tabs) .cds-custom--col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-14,:host(c4p-page-header-content) .cds-custom--col-end-14,:host(c4p-page-header-tabs) .cds-custom--col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-15,:host(c4p-page-header-content) .cds-custom--col-end-15,:host(c4p-page-header-tabs) .cds-custom--col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-16,:host(c4p-page-header-content) .cds-custom--col-end-16,:host(c4p-page-header-tabs) .cds-custom--col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-17,:host(c4p-page-header-content) .cds-custom--col-end-17,:host(c4p-page-header-tabs) .cds-custom--col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds-custom--col-start-auto,:host(c4p-page-header-content) .cds-custom--col-start-auto,:host(c4p-page-header-tabs) .cds-custom--col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds-custom--col-end-auto,:host(c4p-page-header-content) .cds-custom--col-end-auto,:host(c4p-page-header-tabs) .cds-custom--col-end-auto{grid-column-end:auto}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-1,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-1,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-2,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-2,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-3,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-3,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-4,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-4,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-5,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-5,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-6,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-6,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-7,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-7,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-8,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-8,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-9,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-9,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-10,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-10,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-11,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-11,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-12,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-12,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-13,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-13,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-14,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-14,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-15,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-15,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-16,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-16,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-2,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-2,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-3,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-3,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-4,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-4,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-5,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-5,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-6,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-6,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-7,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-7,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-8,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-8,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-9,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-9,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-10,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-10,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-11,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-11,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-12,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-12,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-13,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-13,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-14,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-14,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-15,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-15,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-16,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-16,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-17,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-17,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-start-auto,:host(c4p-page-header-content) .cds-custom--sm\\:col-start-auto,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds-custom--sm\\:col-end-auto,:host(c4p-page-header-content) .cds-custom--sm\\:col-end-auto,:host(c4p-page-header-tabs) .cds-custom--sm\\:col-end-auto{grid-column-end:auto}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-1,:host(c4p-page-header-content) .cds-custom--md\\:col-start-1,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-2,:host(c4p-page-header-content) .cds-custom--md\\:col-start-2,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-3,:host(c4p-page-header-content) .cds-custom--md\\:col-start-3,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-4,:host(c4p-page-header-content) .cds-custom--md\\:col-start-4,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-5,:host(c4p-page-header-content) .cds-custom--md\\:col-start-5,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-6,:host(c4p-page-header-content) .cds-custom--md\\:col-start-6,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-7,:host(c4p-page-header-content) .cds-custom--md\\:col-start-7,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-8,:host(c4p-page-header-content) .cds-custom--md\\:col-start-8,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-9,:host(c4p-page-header-content) .cds-custom--md\\:col-start-9,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-10,:host(c4p-page-header-content) .cds-custom--md\\:col-start-10,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-11,:host(c4p-page-header-content) .cds-custom--md\\:col-start-11,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-12,:host(c4p-page-header-content) .cds-custom--md\\:col-start-12,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-13,:host(c4p-page-header-content) .cds-custom--md\\:col-start-13,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-14,:host(c4p-page-header-content) .cds-custom--md\\:col-start-14,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-15,:host(c4p-page-header-content) .cds-custom--md\\:col-start-15,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-16,:host(c4p-page-header-content) .cds-custom--md\\:col-start-16,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-2,:host(c4p-page-header-content) .cds-custom--md\\:col-end-2,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-3,:host(c4p-page-header-content) .cds-custom--md\\:col-end-3,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-4,:host(c4p-page-header-content) .cds-custom--md\\:col-end-4,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-5,:host(c4p-page-header-content) .cds-custom--md\\:col-end-5,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-6,:host(c4p-page-header-content) .cds-custom--md\\:col-end-6,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-7,:host(c4p-page-header-content) .cds-custom--md\\:col-end-7,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-8,:host(c4p-page-header-content) .cds-custom--md\\:col-end-8,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-9,:host(c4p-page-header-content) .cds-custom--md\\:col-end-9,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-10,:host(c4p-page-header-content) .cds-custom--md\\:col-end-10,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-11,:host(c4p-page-header-content) .cds-custom--md\\:col-end-11,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-12,:host(c4p-page-header-content) .cds-custom--md\\:col-end-12,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-13,:host(c4p-page-header-content) .cds-custom--md\\:col-end-13,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-14,:host(c4p-page-header-content) .cds-custom--md\\:col-end-14,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-15,:host(c4p-page-header-content) .cds-custom--md\\:col-end-15,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-16,:host(c4p-page-header-content) .cds-custom--md\\:col-end-16,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-17,:host(c4p-page-header-content) .cds-custom--md\\:col-end-17,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-start-auto,:host(c4p-page-header-content) .cds-custom--md\\:col-start-auto,:host(c4p-page-header-tabs) .cds-custom--md\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds-custom--md\\:col-end-auto,:host(c4p-page-header-content) .cds-custom--md\\:col-end-auto,:host(c4p-page-header-tabs) .cds-custom--md\\:col-end-auto{grid-column-end:auto}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-1,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-1,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-2,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-2,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-3,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-3,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-4,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-4,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-5,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-5,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-6,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-6,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-7,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-7,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-8,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-8,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-9,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-9,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-10,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-10,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-11,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-11,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-12,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-12,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-13,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-13,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-14,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-14,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-15,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-15,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-16,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-16,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-2,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-2,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-3,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-3,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-4,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-4,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-5,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-5,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-6,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-6,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-7,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-7,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-8,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-8,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-9,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-9,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-10,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-10,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-11,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-11,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-12,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-12,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-13,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-13,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-14,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-14,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-15,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-15,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-16,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-16,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-17,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-17,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-start-auto,:host(c4p-page-header-content) .cds-custom--lg\\:col-start-auto,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds-custom--lg\\:col-end-auto,:host(c4p-page-header-content) .cds-custom--lg\\:col-end-auto,:host(c4p-page-header-tabs) .cds-custom--lg\\:col-end-auto{grid-column-end:auto}}@media (min-width:82rem){:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-1,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-1,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-2,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-2,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-3,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-3,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-4,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-4,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-5,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-5,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-6,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-6,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-7,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-7,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-8,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-8,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-9,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-9,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-10,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-10,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-11,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-11,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-12,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-12,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-13,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-13,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-14,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-14,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-15,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-15,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-16,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-16,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-2,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-2,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-3,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-3,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-4,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-4,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-5,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-5,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-6,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-6,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-7,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-7,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-8,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-8,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-9,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-9,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-10,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-10,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-11,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-11,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-12,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-12,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-13,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-13,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-14,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-14,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-15,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-15,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-16,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-16,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-17,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-17,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-start-auto,:host(c4p-page-header-content) .cds-custom--xlg\\:col-start-auto,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds-custom--xlg\\:col-end-auto,:host(c4p-page-header-content) .cds-custom--xlg\\:col-end-auto,:host(c4p-page-header-tabs) .cds-custom--xlg\\:col-end-auto{grid-column-end:auto}}@media (min-width:99rem){:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-1,:host(c4p-page-header-content) .cds-custom--max\\:col-start-1,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-1{grid-column-start:1}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-2,:host(c4p-page-header-content) .cds-custom--max\\:col-start-2,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-2{grid-column-start:2}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-3,:host(c4p-page-header-content) .cds-custom--max\\:col-start-3,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-3{grid-column-start:3}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-4,:host(c4p-page-header-content) .cds-custom--max\\:col-start-4,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-4{grid-column-start:4}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-5,:host(c4p-page-header-content) .cds-custom--max\\:col-start-5,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-5{grid-column-start:5}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-6,:host(c4p-page-header-content) .cds-custom--max\\:col-start-6,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-6{grid-column-start:6}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-7,:host(c4p-page-header-content) .cds-custom--max\\:col-start-7,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-7{grid-column-start:7}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-8,:host(c4p-page-header-content) .cds-custom--max\\:col-start-8,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-8{grid-column-start:8}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-9,:host(c4p-page-header-content) .cds-custom--max\\:col-start-9,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-9{grid-column-start:9}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-10,:host(c4p-page-header-content) .cds-custom--max\\:col-start-10,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-10{grid-column-start:10}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-11,:host(c4p-page-header-content) .cds-custom--max\\:col-start-11,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-11{grid-column-start:11}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-12,:host(c4p-page-header-content) .cds-custom--max\\:col-start-12,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-12{grid-column-start:12}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-13,:host(c4p-page-header-content) .cds-custom--max\\:col-start-13,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-13{grid-column-start:13}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-14,:host(c4p-page-header-content) .cds-custom--max\\:col-start-14,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-14{grid-column-start:14}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-15,:host(c4p-page-header-content) .cds-custom--max\\:col-start-15,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-15{grid-column-start:15}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-16,:host(c4p-page-header-content) .cds-custom--max\\:col-start-16,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-16{grid-column-start:16}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-2,:host(c4p-page-header-content) .cds-custom--max\\:col-end-2,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-2{grid-column-end:2}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-3,:host(c4p-page-header-content) .cds-custom--max\\:col-end-3,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-3{grid-column-end:3}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-4,:host(c4p-page-header-content) .cds-custom--max\\:col-end-4,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-4{grid-column-end:4}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-5,:host(c4p-page-header-content) .cds-custom--max\\:col-end-5,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-5{grid-column-end:5}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-6,:host(c4p-page-header-content) .cds-custom--max\\:col-end-6,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-6{grid-column-end:6}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-7,:host(c4p-page-header-content) .cds-custom--max\\:col-end-7,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-7{grid-column-end:7}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-8,:host(c4p-page-header-content) .cds-custom--max\\:col-end-8,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-8{grid-column-end:8}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-9,:host(c4p-page-header-content) .cds-custom--max\\:col-end-9,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-9{grid-column-end:9}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-10,:host(c4p-page-header-content) .cds-custom--max\\:col-end-10,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-10{grid-column-end:10}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-11,:host(c4p-page-header-content) .cds-custom--max\\:col-end-11,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-11{grid-column-end:11}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-12,:host(c4p-page-header-content) .cds-custom--max\\:col-end-12,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-12{grid-column-end:12}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-13,:host(c4p-page-header-content) .cds-custom--max\\:col-end-13,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-13{grid-column-end:13}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-14,:host(c4p-page-header-content) .cds-custom--max\\:col-end-14,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-14{grid-column-end:14}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-15,:host(c4p-page-header-content) .cds-custom--max\\:col-end-15,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-15{grid-column-end:15}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-16,:host(c4p-page-header-content) .cds-custom--max\\:col-end-16,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-16{grid-column-end:16}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-17,:host(c4p-page-header-content) .cds-custom--max\\:col-end-17,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-17{grid-column-end:17}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-start-auto,:host(c4p-page-header-content) .cds-custom--max\\:col-start-auto,:host(c4p-page-header-tabs) .cds-custom--max\\:col-start-auto{grid-column-start:auto}:host(c4p-page-header-breadcrumb) .cds-custom--max\\:col-end-auto,:host(c4p-page-header-content) .cds-custom--max\\:col-end-auto,:host(c4p-page-header-tabs) .cds-custom--max\\:col-end-auto{grid-column-end:auto}}:host(c4p-page-header-breadcrumb),:host(c4p-page-header-content),:host(c4p-page-header-tabs){display:block}:host(c4p-page-header-breadcrumb){background-color:var(--cds-layer-01,#f4f4f4);block-size:2.5rem;border-block-end:var(--cds-border-subtle);inset-block-start:var(--c4p-page-header-breadcrumb-top);position:sticky;z-index:1}:host(c4p-page-header-breadcrumb) ::slotted([slot=icon]){margin-inline-end:.5rem}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid{block-size:100%}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-container{align-items:center;block-size:100%;display:inline-flex;inline-size:100%;justify-content:space-between}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{display:inline-flex;inline-size:100%}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__actions{display:inline-flex}:host(c4p-page-header-breadcrumb:not([content-actions-flush])) ::slotted([slot=content-actions]){margin-inline-end:.75rem!important}:host(c4p-page-header-breadcrumb[page-actions-flush]) .cds-custom--css-grid{margin-inline-end:0;padding-inline-end:0}:host(c4p-page-header-breadcrumb[page-actions-flush]) .cds-custom--css-grid-column{margin-inline-end:0}:host(c4p-page-header-breadcrumb[border=true]){border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}:host(c4p-page-header-content){padding:1.5rem 0}:host(c4p-page-header-content) .c4p--page-header__content__title{display:-webkit-box;font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572);margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-inline-size:40rem;text-overflow:ellipsis;white-space:normal}@media (max-width:41.98rem){:host(c4p-page-header-content) .c4p--page-header__content__title-wrapper{display:flex;flex-direction:column;grid-gap:1rem}}:host(c4p-page-header-content) .c4p--page-header__content__title-wrapper{display:grid;gap:1rem;grid-template-columns:auto minmax(auto,auto);margin-block-end:1rem;min-block-size:2.5rem}:host(c4p-page-header-content) .c4p--page-header__content__start{display:flex;flex-wrap:wrap;gap:1rem}:host(c4p-page-header-content) .c4p--page-header__content__page-actions{display:flex;justify-content:right;transition:opacity .24s cubic-bezier(.2,0,.38,.9)}:host(c4p-page-header-content) .c4p--page-header__content__page-actions.c4p--page-header__content__page-actions--clipped{opacity:0;visibility:hidden}@media (max-width:41.98rem){:host(c4p-page-header-content) .c4p--page-header__content__page-actions{justify-content:left;margin-block-start:0}}:host(c4p-page-header-content) .c4p--page-header__content__title-container{display:flex}:host(c4p-page-header-content) ::slotted([slot=icon]){margin-inline-end:1rem}:host(c4p-page-header-content) ::slotted([slot=contextual-actions]){display:flex}:host(c4p-page-header-content[contextual-actions]) .c4p--page-header__content__title{-webkit-line-clamp:1}:host(c4p-page-header-content-text){display:block;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);margin-block-start:1rem;max-inline-size:40rem}:host(c4p-page-header-content-text) .c4p--page-header__content__subtitle{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4);margin-block-end:.5rem;margin-block-start:0}:host(c4p-page-header-hero-image){align-items:center;block-size:100%;display:flex;justify-content:flex-end;overflow:hidden;position:relative}:host(c4p-page-header-hero-image):before{block-size:0;content:\"\";float:inline-start;inline-size:1px;margin-inline-start:-1px;padding-block-start:66.6666666667%}@media (min-width:66rem){:host(c4p-page-header-hero-image):before{padding-block-start:50%}}:host(c4p-page-header-hero-image):after{clear:both;content:\"\";display:table}:host(c4p-page-header-tabs) .cds-custom--css-grid .cds-custom--css-grid-column{margin:0}:host(c4p-page-header-tabs) .c4p--page-header__tab-bar--tablist{display:flex;flex-direction:row;inline-size:100%;justify-content:space-between}:host(c4p-page-header-tabs) ::slotted([slot=tags]){align-items:center;display:flex;inline-size:100%;justify-content:right;max-inline-size:500px}:host(c4p-page-header-tabs) ::slotted([slot=scroller]){inset-inline-end:0;position:absolute}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid,:host(c4p-page-header-content) .cds-custom--css-grid,:host(c4p-page-header-tabs) .cds-custom--css-grid{inline-size:auto}cds-custom-definition-tooltip::part(definition-term){border:none}:host(c4p-page-header-tabs) ::slotted(cds-custom-tabs){--tabs-overflow-button-background:$layer-01}@keyframes page-header-title-breadcrumb-animation{0%{opacity:0;transform:translateY(1rem)}5%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes page-header-title-breadcrumb-animation-reduced-motion{0%{opacity:0}5%{opacity:1}to{opacity:1}}@supports not (animation-timeline:scroll()){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__fallback){opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__fallback){transform:translateY(0);transition:opacity .15s cubic-bezier(.2,0,.38,.9)}}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__content-actions-with-global-actions{opacity:0;visibility:hidden}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__content-actions-with-global-actions.c4p--page-header__breadcrumb__content-actions-with-global-actions--show{opacity:1;transform:translateY(0);transition:opacity .15s cubic-bezier(.2,0,.38,.9);visibility:visible}:host(c4p-page-header-title-breadcrumb){opacity:0;transform:translateY(1rem);transition:transform .15s cubic-bezier(.2,0,.38,.9),opacity .15s cubic-bezier(.2,0,.38,.9)}@supports not (animation-timeline:scroll()){@supports not (animation-timeline:scroll()){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content).c4p--page-header-title-breadcrumb-show__fallback{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content).c4p--page-header-title-breadcrumb-show__fallback{transform:translateY(0);transition:opacity .15s cubic-bezier(.2,0,.38,.9)}}}@supports (animation-timeline:scroll()){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content){animation-direction:alternate;animation-duration:1ms;animation-name:page-header-title-breadcrumb-animation;animation-timeline:scroll(block nearest)}@media (prefers-reduced-motion:reduce){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content){animation-name:page-header-title-breadcrumb-animation-reduced-motion;transform:translateY(0)}}}:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__by-default){opacity:1;transform:translateY(0)}"]);
+//#region src/components/page-header/page-header.scss?lit
+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--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-start:0.03125rem;--cds-custom-grid-gutter-end:0.03125rem;--cds-custom-grid-column-hang:0.96875rem}:host(c4p-page-header-breadcrumb) .cds-custom--grid-column-hang,:host(c4p-page-header-content) .cds-custom--grid-column-hang,:host(c4p-page-header-tabs) .cds-custom--grid-column-hang{margin-inline-start:var(--cds-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);position:sticky;z-index:1}:host(c4p-page-header-breadcrumb) ::slotted([slot=icon]){margin-inline-end:.5rem}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid{block-size:100%}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-container{align-items:center;block-size:100%;display:inline-flex;inline-size:100%;justify-content:space-between}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{display:inline-flex;inline-size:100%}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__actions{display:inline-flex}:host(c4p-page-header-breadcrumb:not([content-actions-flush])) ::slotted([slot=content-actions]){margin-inline-end:.75rem!important}:host(c4p-page-header-breadcrumb[page-actions-flush]) .cds-custom--css-grid{margin-inline-end:0;padding-inline-end:0}:host(c4p-page-header-breadcrumb[page-actions-flush]) .cds-custom--css-grid-column{margin-inline-end:0}:host(c4p-page-header-breadcrumb[border=true]){border-block-end:1px solid var(--cds-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]){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);margin-block-start:1rem;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){align-items:center;block-size:100%;display:flex;justify-content:flex-end;overflow:hidden;position:relative}:host(c4p-page-header-hero-image):before{block-size:0;content:\"\";float:inline-start;inline-size:1px;margin-inline-start:-1px;padding-block-start:66.6666666667%}@media (min-width:66rem){:host(c4p-page-header-hero-image):before{padding-block-start:50%}}:host(c4p-page-header-hero-image):after{clear:both;content:\"\";display:table}:host(c4p-page-header-tabs) .cds-custom--css-grid .cds-custom--css-grid-column{margin:0}:host(c4p-page-header-tabs) .c4p--page-header__tab-bar--tablist{display:flex;flex-direction:row;inline-size:100%;justify-content:space-between}:host(c4p-page-header-tabs) ::slotted([slot=tags]){align-items:center;display:flex;inline-size:100%;justify-content:right;max-inline-size:500px}:host(c4p-page-header-tabs) ::slotted([slot=scroller]){inset-inline-end:0;position:absolute}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid,:host(c4p-page-header-content) .cds-custom--css-grid,:host(c4p-page-header-tabs) .cds-custom--css-grid{inline-size:auto}cds-custom-definition-tooltip::part(definition-term){border:none}:host(c4p-page-header-tabs) ::slotted(cds-custom-tabs){--tabs-overflow-button-background:$layer-01}@keyframes page-header-title-breadcrumb-animation{0%{opacity:0;transform:translateY(1rem)}5%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes page-header-title-breadcrumb-animation-reduced-motion{0%{opacity:0}5%{opacity:1}to{opacity:1}}@supports not (animation-timeline:scroll()){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__fallback){opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__fallback){transform:translateY(0);transition:opacity .15s cubic-bezier(.2,0,.38,.9)}}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__content-actions-with-global-actions{opacity:0;visibility:hidden}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__content-actions-with-global-actions.c4p--page-header__breadcrumb__content-actions-with-global-actions--show{opacity:1;transform:translateY(0);transition:opacity .15s cubic-bezier(.2,0,.38,.9);visibility:visible}:host(c4p-page-header-title-breadcrumb){opacity:0;transform:translateY(1rem);transition:transform .15s cubic-bezier(.2,0,.38,.9),opacity .15s cubic-bezier(.2,0,.38,.9)}@supports not (animation-timeline:scroll()){@supports not (animation-timeline:scroll()){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content).c4p--page-header-title-breadcrumb-show__fallback{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content).c4p--page-header-title-breadcrumb-show__fallback{transform:translateY(0);transition:opacity .15s cubic-bezier(.2,0,.38,.9)}}}@supports (animation-timeline:scroll()){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content){animation-direction:alternate;animation-duration:1ms;animation-name:page-header-title-breadcrumb-animation;animation-timeline:scroll(block nearest)}@media (prefers-reduced-motion:reduce){:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content){animation-name:page-header-title-breadcrumb-animation-reduced-motion;transform:translateY(0)}}}:host(c4p-page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__by-default){opacity:1;transform:translateY(0)}"]);
-export { styles as default };
-//# sourceMappingURL=page-header.scss.js.map
+//#endregion
+export { page_header_default as default };
+//# sourceMappingURL=page-header.scss.js.map

package/es-custom/components/page-header/page-header.scss.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"page-header.scss.js","sources":[],"sourcesContent":[],"names":[],"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 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 // TODO: remove this section when styles from React have been migrated\n .#{$prefix}--page-header__breadcrumb-container {\n display: inline-flex;\n align-items: center;\n justify-content: space-between;\n block-size: 100%;\n inline-size: 100%;\n }\n\n .#{$prefix}--page-header__breadcrumb-wrapper {\n display: inline-flex;\n inline-size: 100%;\n }\n\n .#{$prefix}--page-header__breadcrumb__actions {\n display: inline-flex;\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 // 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 margin-block-start: $spacing-05;\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 // TODO: remove above styles when styles from React have been migrated\n // and use the extend below\n // @extend .#{$prefix}--page-header__hero-image;\n position: relative;\n display: flex;\n overflow: hidden;\n align-items: center;\n justify-content: flex-end;\n block-size: 100%;\n}\n\n:host(#{$prefix}-page-header-hero-image)::before {\n block-size: 0;\n content: '';\n float: inline-start;\n inline-size: 1px;\n margin-inline-start: -1px;\n\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 .#{$carbon-prefix}--css-grid .#{$carbon-prefix}--css-grid-column {\n margin: 0;\n }\n}\n\n:host(#{$prefix}-page-header-tabs) .#{$prefix}--page-header__tab-bar--tablist {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n inline-size: 100%;\n}\n\n:host(#{$prefix}-page-header-tabs) ::slotted([slot='tags']) {\n display: flex;\n align-items: center;\n justify-content: right;\n inline-size: 100%;\n max-inline-size: 500px;\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:host(#{$prefix}-page-header-tabs) ::slotted([slot='scroller']) {\n position: absolute;\n inset-inline-end: 0;\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/components/page-header/utils.js CHANGED Viewed

@@ -1,94 +1,68 @@
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2020, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+//#region src/components/page-header/utils.ts
 /**
- * @license
- *
- * Copyright IBM Corp. 2025, 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
+* @license
+*
+* Copyright IBM Corp. 2025, 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
 /**
- * ----------
- * Utilities
- * ----------
- */
+* ----------
+* Utilities
+* ----------
+*/
 const getHeaderOffset = (el) => {
-    const scrollableContainer = scrollableAncestor(el);
-    // Get the element's position relative to the viewport
-    const offsetMeasuringTop = el ? el.getBoundingClientRect().top : 0;
-    if (scrollableContainer === document.scrollingElement) {
-        // If scrolling on the document level, return the current viewport position
-        // This ensures the breadcrumb bar stays correctly positioned regardless of scroll
-        return offsetMeasuringTop >= 0 ? offsetMeasuringTop : 0;
-    }
-    else {
-        // If there's a scrollable parent container
-        const scrollableContainerTop = scrollableContainer
-            ? scrollableContainer.getBoundingClientRect().top
-            : 0;
-        // Calculate offset relative to the scrollable container
-        const totalHeaderOffset = offsetMeasuringTop !== 0
-            ? offsetMeasuringTop - scrollableContainerTop
-            : 0;
-        return totalHeaderOffset >= 0 ? totalHeaderOffset : 0;
-    }
+	const scrollableContainer = scrollableAncestor(el);
+	const offsetMeasuringTop = el ? el.getBoundingClientRect().top : 0;
+	if (scrollableContainer === document.scrollingElement) return offsetMeasuringTop >= 0 ? offsetMeasuringTop : 0;
+	else {
+		const scrollableContainerTop = scrollableContainer ? scrollableContainer.getBoundingClientRect().top : 0;
+		const totalHeaderOffset = offsetMeasuringTop !== 0 ? offsetMeasuringTop - scrollableContainerTop : 0;
+		return totalHeaderOffset >= 0 ? totalHeaderOffset : 0;
+	}
 };
 const windowExists = typeof window !== `undefined`;
 /**
- * Determines if the given target is scrollable
- *
- * @param {HTMLElement} target
- * @returns {boolean}
- */
+* Determines if the given target is scrollable
+*
+* @param {HTMLElement} target
+* @returns {boolean}
+*/
 const scrollable = (target) => {
-    const style = window.getComputedStyle(target);
-    const tagName = target.tagName.toLowerCase();
-    // Exclude body/html from hidden check (modals set overflow:hidden on body)
-    if (tagName === 'body' || tagName === 'html') {
-        return /(auto|scroll)/.test(style.overflow);
-    }
-    // For other elements, include hidden as it may be intentional scroll container
-    return /(auto|scroll|hidden)/.test(style.overflow);
+	const style = window.getComputedStyle(target);
+	const tagName = target.tagName.toLowerCase();
+	if (tagName === "body" || tagName === "html") return /(auto|scroll)/.test(style.overflow);
+	return /(auto|scroll|hidden)/.test(style.overflow);
 };
 /**
- * Recursively looks for the scrollable ancestor
- */
+* Recursively looks for the scrollable ancestor
+*/
 const scrollableAncestorInner = (target) => {
-    if (target.parentNode && target.parentNode !== document) {
-        if (scrollable(target.parentNode)) {
-            return target.parentNode;
-        }
-        else {
-            return scrollableAncestorInner(target.parentNode);
-        }
-    }
-    else {
-        return document.scrollingElement;
-    }
+	if (target.parentNode && target.parentNode !== document) if (scrollable(target.parentNode)) return target.parentNode;
+	else return scrollableAncestorInner(target.parentNode);
+	else return document.scrollingElement;
 };
 /**
- * Walks up the parent nodes to identify the first scrollable ancestor
- *
- * @param {HTMLElement} target
- * @returns {HTMLElement}
- */
+* Walks up the parent nodes to identify the first scrollable ancestor
+*
+* @param {HTMLElement} target
+* @returns {HTMLElement}
+*/
 const scrollableAncestor = (target) => {
-    if (!windowExists || !target) {
-        return null;
-    }
-    // based on https://stackoverflow.com/questions/35939886/find-first-scrollable-parent
-    const style = window.getComputedStyle(target);
-    if (!target || !style || style.position === 'fixed') {
-        return document.scrollingElement;
-    }
-    return scrollableAncestorInner(target);
+	if (!windowExists || !target) return null;
+	const style = window.getComputedStyle(target);
+	if (!target || !style || style.position === "fixed") return document.scrollingElement;
+	return scrollableAncestorInner(target);
 };
+//#endregion
 export { getHeaderOffset, scrollable, scrollableAncestor, scrollableAncestorInner };
-//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=utils.js.map