@carbon/ibm-products-web-components 0.37.0 → 0.38.0

package/es-custom/components/page-header/page-header-tags-set/page-header-tags-set.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header-tags-set.scss.js","names":[],"sources":["../../../../src/components/page-header/page-header-tags-set/page-header-tags-set.scss?lit"],"sourcesContent":["/*\n* Copyright IBM Corp. 2025, 2026\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/* stylelint-disable  */\n\n$css--plex: true !default;\n\n/* Other Carbon settings. */\n@use 'sass:map';\n@use '@carbon/styles';\n@use '@carbon/styles/scss/themes';\n@use '@carbon/styles/scss/type';\n@use '@carbon/styles/scss/breakpoint' as *;\n@use '@carbon/styles/scss/spacing' as *;\n\n$prefix: 'c4p';\n$carbon-prefix: 'cds-custom';\n\n$block-class: #{$prefix}--page-header-tags-set;\n\n:host {\n  inline-size: 100%;\n  .#{$block-class} {\n    display: flex;\n    // Spacing between tags.\n    gap: $spacing-03;\n    box-sizing: border-box;\n    justify-content: flex-end;\n    inline-size: 100%;\n    white-space: nowrap;\n\n    &__popover-container {\n      padding: $spacing-05;\n\n      .#{$block-class}__popover-tag {\n        @include type.type-style('label-02');\n\n        margin: 0;\n      }\n\n      cds-custom-dismissible-tag {\n        margin: $spacing-01 0;\n      }\n    }\n\n    &__view-all {\n      --#{$carbon-prefix}-link-text-color: var(\n        --#{$carbon-prefix}-link-inverse\n      );\n      --#{$carbon-prefix}-link-hover-text-color: var(\n        --#{$carbon-prefix}-link-inverse-hover\n      );\n      --#{$carbon-prefix}-link-visited-text-color: var(\n        --#{$carbon-prefix}-link-inverse-visited\n      );\n      --#{$carbon-prefix}-link-focus-text-color: var(\n        --#{$carbon-prefix}-focus-inverse\n      );\n      margin-top: $spacing-03;\n      display: block;\n    }\n\n    &__modal-tags-search {\n      margin-block-start: $spacing-05;\n    }\n\n    &__modal-tags-container {\n      cds-custom-dismissible-tag {\n        margin: $spacing-02 $spacing-03 $spacing-02 0;\n      }\n    }\n  }\n\n  // Suppress custom elements until styles are loaded\n  #{$carbon-prefix}-tag:not(:defined),\n  #{$carbon-prefix}-dismissible-tag:not(:defined),\n  #{$carbon-prefix}-operational-tag:not(:defined) {\n    display: none;\n  }\n\n  cds-custom-modal-header {\n    padding-inline: $spacing-05;\n  }\n\n  cds-custom-modal-body {\n    @extend .#{$carbon-prefix}--modal-scroll-content;\n\n    cds-custom-tag {\n      margin-inline-start: 0;\n    }\n  }\n}\n"],"mappings":""}

package/es-custom/components/page-header/page-header-tags-set/utils.js

@@ -0,0 +1,42 @@
+/**
+ * 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 { TAG_SIZE, TAG_TYPE } from "@carbon/web-components/es/components/tag/defs";
+
+//#region src/components/page-header/page-header-tags-set/utils.ts
+/**
+* @license
+*
+* Copyright IBM Corp. 2025, 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.
+*/
+const tagTypes = Object.values(TAG_TYPE);
+const words = "Interface Components Architecture Microservices Tokens Authentication Authorization Encryption Dashboard Metrics Logging Tracing Scalability Latency Containers Virtualization Deployment Infrastructure Cloud Cluster Replica Storage Bandwidth Throughput Streaming Sockets Requests Responses Payload Endpoint GraphQL REST Webhooks JSON Serialization Deserialization Algorithms Inference Model Training Embeddings Prompts Outputs Transformer Neural Optimization Gradient Epoch Dataset Labels Prediction Pipeline Automation Hooks State Context Reducer Props Render Refactor Commit Branch Merge Versioning Build Compile Transpile Minify Bundle Dependency Modules Imports Exports Testing Coverage Snapshot Regression Lint Formatter Error Exception Debug Logs Watcher Server Client Browser Viewport Media Query Responsive Breakpoints Grid CSS Tailwind JavaScript TypeScript Framework Library Routing Navigation SPA SSR Hydration DOM Event Handler Listener Throttle Debounce Asynchronous Callback Promise Await Fetch Resource CORS Header Cookie Session Cache Index Query Database Schema Migration ORM Relation Join Table Record Document NoSQL SQL Function Parameter Return Expression Condition Loop Iteration Variable Constant Scope Closure Arrow Object Array Boolean String Integer Float Null Undefined NaN Prototype Instance Class Constructor Inheritance Encapsulation Abstraction Polymorphism Tokenization CI CD Monitoring Alert Incident SLA SLO Uptime Availability Redundancy Failover Load Balancer Firewall Gateway Certificate TLS HTTPS Domain DNS Proxy Timeout Queue Service Registry Discovery Containerization Kubernetes Docker".split(/\s+/);
+function generateTags({ count, size = TAG_SIZE.MEDIUM, dismissible = false }) {
+	return Array.from({ length: count }, (_, index) => {
+		const type = tagTypes[index % tagTypes.length];
+		const text = words[index % words.length];
+		const tag = {
+			type,
+			text,
+			size
+		};
+		if (dismissible) tag.onClose = () => console.log(`Closed tag: ${text}`);
+		return tag;
+	});
+}
+const tagsData = generateTags({
+	count: 100,
+	size: TAG_SIZE.SMALL,
+	dismissible: true
+});
+
+//#endregion
+export { generateTags, tagsData };
+//# sourceMappingURL=utils.js.map

package/es-custom/components/page-header/page-header-tags-set/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../../../../src/components/page-header/page-header-tags-set/utils.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2025, 2026\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\nimport {\n  TAG_TYPE,\n  TAG_SIZE,\n} from '@carbon/web-components/es/components/tag/defs';\n\nexport interface TagType {\n  type: TAG_TYPE;\n  text: string;\n  size: TAG_SIZE;\n  onClose?: () => void; // Made optional to allow exclusion\n}\n\nconst tagTypes: TAG_TYPE[] = Object.values(TAG_TYPE);\n\nconst randomWords =\n  'Interface Components Architecture Microservices Tokens Authentication Authorization Encryption Dashboard Metrics Logging Tracing Scalability Latency Containers Virtualization Deployment Infrastructure Cloud Cluster Replica Storage Bandwidth Throughput Streaming Sockets Requests Responses Payload Endpoint GraphQL REST Webhooks JSON Serialization Deserialization Algorithms Inference Model Training Embeddings Prompts Outputs Transformer Neural Optimization Gradient Epoch Dataset Labels Prediction Pipeline Automation Hooks State Context Reducer Props Render Refactor Commit Branch Merge Versioning Build Compile Transpile Minify Bundle Dependency Modules Imports Exports Testing Coverage Snapshot Regression Lint Formatter Error Exception Debug Logs Watcher Server Client Browser Viewport Media Query Responsive Breakpoints Grid CSS Tailwind JavaScript TypeScript Framework Library Routing Navigation SPA SSR Hydration DOM Event Handler Listener Throttle Debounce Asynchronous Callback Promise Await Fetch Resource CORS Header Cookie Session Cache Index Query Database Schema Migration ORM Relation Join Table Record Document NoSQL SQL Function Parameter Return Expression Condition Loop Iteration Variable Constant Scope Closure Arrow Object Array Boolean String Integer Float Null Undefined NaN Prototype Instance Class Constructor Inheritance Encapsulation Abstraction Polymorphism Tokenization CI CD Monitoring Alert Incident SLA SLO Uptime Availability Redundancy Failover Load Balancer Firewall Gateway Certificate TLS HTTPS Domain DNS Proxy Timeout Queue Service Registry Discovery Containerization Kubernetes Docker';\n\nconst words: string[] = randomWords.split(/\\s+/);\n\ninterface GenerateTagsOptions {\n  count: number;\n  size?: TAG_SIZE;\n  dismissible?: boolean;\n}\n\nexport function generateTags({\n  count,\n  size = TAG_SIZE.MEDIUM,\n  dismissible = false,\n}: GenerateTagsOptions): TagType[] {\n  return Array.from({ length: count }, (_, index) => {\n    const type = tagTypes[index % tagTypes.length];\n    const text = words[index % words.length];\n\n    const tag: TagType = {\n      type,\n      text,\n      size,\n    };\n\n    if (dismissible) {\n      tag.onClose = () => console.log(`Closed tag: ${text}`);\n    }\n\n    return tag;\n  });\n}\n\n// Example usage:\nexport const tagsData = generateTags({\n  count: 100,\n  size: TAG_SIZE.SMALL,\n  dismissible: true,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;AAqBA,MAAM,WAAuB,OAAO,OAAO,SAAS;AAKpD,MAAM,QAFJ,4lDAEkC,MAAM,MAAM;AAQhD,SAAgB,aAAa,EAC3B,OACA,OAAO,SAAS,QAChB,cAAc,SACmB;AACjC,QAAO,MAAM,KAAK,EAAE,QAAQ,OAAO,GAAG,GAAG,UAAU;EACjD,MAAM,OAAO,SAAS,QAAQ,SAAS;EACvC,MAAM,OAAO,MAAM,QAAQ,MAAM;EAEjC,MAAM,MAAe;GACnB;GACA;GACA;GACD;AAED,MAAI,YACF,KAAI,gBAAgB,QAAQ,IAAI,eAAe,OAAO;AAGxD,SAAO;GACP;;AAIJ,MAAa,WAAW,aAAa;CACnC,OAAO;CACP,MAAM,SAAS;CACf,aAAa;CACd,CAAC"}

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

@@ -8,7 +8,7 @@
 import { css } from "lit";
 
 //#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)}"]);
+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);overflow:visible;position:sticky;z-index:1}:host(c4p-page-header-breadcrumb) ::slotted([slot=icon]){margin-inline-end:.5rem}:host(c4p-page-header-breadcrumb) .cds-custom--subgrid{block-size:100%}:host(c4p-page-header-breadcrumb) .cds-custom--css-grid-column{min-inline-size:0;overflow:visible}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-container{align-items:center;block-size:100%;display:flex;gap:.5rem;inline-size:100%;justify-content:space-between;min-inline-size:0}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{display:flex;flex:1 1 auto;min-inline-size:0}@media (max-width:41.98rem){:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{flex:1 1 75%}}@media (min-width:42rem){:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{max-inline-size:60%}}@media (min-width:66rem){:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb-wrapper{max-inline-size:60%}}:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__actions{align-items:center;display:flex;flex:0 0 auto;gap:.5rem;justify-content:flex-end;min-inline-size:0}@media (max-width:41.98rem){:host(c4p-page-header-breadcrumb) .c4p--page-header__breadcrumb__actions{flex:0 1 25%;max-inline-size:25%}}:host(c4p-page-header-breadcrumb:not([content-actions-flush])) ::slotted([slot=content-actions]){margin-inline-end:.75rem!important}:host(c4p-page-header-breadcrumb[page-actions-flush]) .cds-custom--css-grid{margin-inline-end:0;padding-inline-end:0}:host(c4p-page-header-breadcrumb[page-actions-flush]) .cds-custom--css-grid-column{margin-inline-end:0}:host(c4p-page-header-breadcrumb[border=true]){border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6)}:host(c4p-page-header-content){padding:1.5rem 0}:host(c4p-page-header-content) .c4p--page-header__content__title{display:-webkit-box;font-size:var(--cds-custom-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-custom-productive-heading-04-font-weight,400);letter-spacing:var(--cds-custom-productive-heading-04-letter-spacing,0);line-height:var(--cds-custom-productive-heading-04-line-height,1.28572);margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-inline-size:40rem;text-overflow:ellipsis;white-space:normal}@media (max-width:41.98rem){:host(c4p-page-header-content) .c4p--page-header__content__title-wrapper{display:flex;flex-direction:column;grid-gap:1rem}}:host(c4p-page-header-content) .c4p--page-header__content__title-wrapper{display:grid;gap:1rem;grid-template-columns:auto minmax(auto,auto);margin-block-end:1rem;min-block-size:2.5rem}:host(c4p-page-header-content) .c4p--page-header__content__start{display:flex;flex-wrap:wrap;gap:1rem}:host(c4p-page-header-content) .c4p--page-header__content__page-actions{display:flex;justify-content:right;transition:opacity .24s cubic-bezier(.2,0,.38,.9)}:host(c4p-page-header-content) .c4p--page-header__content__page-actions.c4p--page-header__content__page-actions--clipped{opacity:0;visibility:hidden}@media (max-width:41.98rem){:host(c4p-page-header-content) .c4p--page-header__content__page-actions{justify-content:left;margin-block-start:0}}:host(c4p-page-header-content) .c4p--page-header__content__title-container{display:flex}:host(c4p-page-header-content) ::slotted([slot=icon]){margin-inline-end:1rem}:host(c4p-page-header-content) ::slotted([slot=contextual-actions]){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)}"]);
 
 //#endregion
 export { page_header_default as default };

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

@@ -1 +1 @@
-{"version":3,"file":"page-header.scss.js","names":[],"sources":["../../../src/components/page-header/page-header.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2025, 2025\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:math';\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/type' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/motion' as *;\n@use '@carbon/styles/scss/breakpoint' as *;\n@use '@carbon/styles/scss/utilities/convert';\n@use '@carbon/grid';\n@use '@carbon/styles/scss/components/page-header/index' as *;\n@use 'sass:map';\n\n$prefix: 'c4p';\n$carbon-prefix: 'cds-custom';\n\n:host(#{$prefix}-page-header) {\n  // TODO: remove above styles when styles from React have been migrated\n  // and use the extend below\n  // @extend .#{$prefix}--page-header;\n  position: sticky;\n  display: block;\n  background-color: $layer-01;\n  border-block-end: 1px solid $border-subtle-01;\n  /* custom css property used from calculation of header offset */\n  /* stylelint-disable-next-line carbon/layout-use */\n  inset-block-start: var(--c4p-page-header-header-top);\n}\n\n:host(#{$prefix}-page-header-breadcrumb),\n:host(#{$prefix}-page-header-content),\n:host(#{$prefix}-page-header-tabs) {\n  @include grid.css-grid();\n\n  display: block;\n}\n\n:host(#{$prefix}-page-header-breadcrumb) {\n  position: sticky;\n  z-index: 1;\n  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":""}
+{"version":3,"file":"page-header.scss.js","names":[],"sources":["../../../src/components/page-header/page-header.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2025, 2025\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n@use 'sass:math';\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/type' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/motion' as *;\n@use '@carbon/styles/scss/breakpoint' as *;\n@use '@carbon/styles/scss/utilities/convert';\n@use '@carbon/grid';\n@use '@carbon/styles/scss/components/page-header/index' as *;\n@use 'sass:map';\n\n$prefix: 'c4p';\n$carbon-prefix: 'cds-custom';\n\n:host(#{$prefix}-page-header) {\n  // TODO: remove above styles when styles from React have been migrated\n  // and use the extend below\n  // @extend .#{$prefix}--page-header;\n  position: sticky;\n  display: block;\n  background-color: $layer-01;\n  border-block-end: 1px solid $border-subtle-01;\n  /* custom css property used from calculation of header offset */\n  /* stylelint-disable-next-line carbon/layout-use */\n  inset-block-start: var(--c4p-page-header-header-top);\n}\n\n:host(#{$prefix}-page-header-breadcrumb),\n:host(#{$prefix}-page-header-content),\n:host(#{$prefix}-page-header-tabs) {\n  @include grid.css-grid();\n\n  display: block;\n}\n\n:host(#{$prefix}-page-header-breadcrumb) {\n  position: sticky;\n  z-index: 1;\n  overflow: visible;\n  background-color: $layer-01;\n  block-size: convert.to-rem(40px);\n  border-block-end: $border-subtle;\n\n  /* custom css property used from calculation of breadcrumb offset */\n  /* stylelint-disable-next-line carbon/layout-use */\n  inset-block-start: var(--c4p-page-header-breadcrumb-top);\n  // TODO: remove above styles when styles from React have been migrated\n  // and use the extend below\n  // @extend .#{$prefix}--page-header__breadcrumb-bar;\n  ::slotted([slot='icon']) {\n    margin-inline-end: $spacing-03;\n    // TODO: remove above styles when styles from React have been migrated\n    // and use the extend below\n    // @extend .#{$prefix}--page-header__breadcrumb__icon;\n  }\n\n  .#{$carbon-prefix}--subgrid {\n    block-size: 100%;\n  }\n\n  .#{$carbon-prefix}--css-grid-column {\n    overflow: visible;\n    min-inline-size: 0;\n  }\n\n  // TODO: remove this section when styles from React have been migrated\n  .#{$prefix}--page-header__breadcrumb-container {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    block-size: 100%;\n    gap: $spacing-03;\n    inline-size: 100%;\n    min-inline-size: 0;\n  }\n\n  .#{$prefix}--page-header__breadcrumb-wrapper {\n    display: flex;\n    flex: 1 1 auto;\n    min-inline-size: 0;\n\n    @include breakpoint-down(md) {\n      flex: 1 1 75%;\n    }\n\n    @include breakpoint(md) {\n      max-inline-size: 60%;\n    }\n\n    @include breakpoint(lg) {\n      max-inline-size: 60%;\n    }\n  }\n\n  .#{$prefix}--page-header__breadcrumb__actions {\n    display: flex;\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: flex-end;\n    gap: $spacing-03;\n    min-inline-size: 0;\n\n    @include breakpoint-down(md) {\n      flex: 0 1 25%;\n      max-inline-size: 25%;\n    }\n  }\n  ///////////////////////////////\n}\n\n:host(#{$prefix}-page-header-breadcrumb:not([content-actions-flush]))\n  ::slotted([slot='content-actions']) {\n  //stylelint-disable declaration-no-important\n  margin-inline-end: $spacing-04 !important;\n}\n\n:host(#{$prefix}-page-header-breadcrumb[page-actions-flush]) {\n  .#{$carbon-prefix}--css-grid {\n    margin-inline-end: 0;\n    padding-inline-end: 0;\n  }\n\n  .#{$carbon-prefix}--css-grid-column {\n    margin-inline-end: 0;\n  }\n}\n\n:host(#{$prefix}-page-header-breadcrumb[border='true']) {\n  border-block-end: 1px solid $border-subtle-01;\n  // TODO: remove above styles when styles from React have been migrated\n  // and use the extend below\n\n  // @extend .#{$prefix}--page-header__breadcrumb-bar-border;\n}\n\n:host(#{$prefix}-page-header-content) {\n  padding: $spacing-06 0;\n  // TODO: remove above styles when styles from React have been migrated\n  // and use the extend below\n  // @extend .#{$prefix}--page-header__content;\n\n  .#{$prefix}--page-header__content__title {\n    @include type-style('productive-heading-04');\n\n    display: -webkit-box;\n    overflow: hidden;\n    // TODO: remove above styles when styles from React have been migrated\n    // and use the extend below\n    // @extend .#{$prefix}--page-header__content__title;\n    margin: 0;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    max-inline-size: convert.to-rem(640px);\n    text-overflow: ellipsis;\n    white-space: normal;\n  }\n\n  .#{$prefix}--page-header__content__title-wrapper {\n    // TODO: remove this section\n    @include breakpoint-down(md) {\n      display: flex;\n      flex-direction: column;\n      grid-gap: $spacing-05;\n    }\n\n    display: grid;\n    gap: $spacing-05;\n    ///////////////////////////////\n\n    // overriding until the responsive behavior is implemented\n    grid-template-columns: auto minmax(auto, auto);\n    margin-block-end: $spacing-05;\n    min-block-size: convert.to-rem(40px);\n  }\n\n  // TODO: remove this section\n  .#{$prefix}--page-header__content__start {\n    display: flex;\n    flex-wrap: wrap;\n    gap: $spacing-05;\n  }\n\n  .#{$prefix}--page-header__content__page-actions {\n    display: flex;\n    justify-content: right;\n    /* stylelint-disable-next-line carbon/motion-easing-use */\n    transition: opacity motion(standard, productive) $duration-moderate-02;\n\n    &.#{$prefix}--page-header__content__page-actions--clipped {\n      opacity: 0;\n      visibility: hidden;\n    }\n\n    @include breakpoint-down('md') {\n      justify-content: left;\n      margin-block-start: 0;\n    }\n  }\n\n  .#{$prefix}--page-header__content__title-container {\n    display: flex;\n  }\n  ///////////////////////////////\n  ::slotted([slot='icon']) {\n    margin-inline-end: $spacing-05;\n    // TODO: remove above styles when styles from React have been migrated\n    // and use the extend below\n    // @extend .#{$prefix}--page-header__content__icon;\n  }\n\n  ::slotted([slot='contextual-actions']) {\n    display: flex;\n    // 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

@@ -5,11 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import { createOverflowHandler, getSize, updateOverflowHandler } from "./_story-assets/overflowHandler.js";
+
 //#region src/components/page-header/utils.ts
 /**
 * @license
 *
-* Copyright IBM Corp. 2025, 2025
+* Copyright IBM Corp. 2025, 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.
@@ -64,5 +66,5 @@ const scrollableAncestor = (target) => {
 };
 
 //#endregion
-export { getHeaderOffset, scrollable, scrollableAncestor, scrollableAncestorInner };
+export { createOverflowHandler, getHeaderOffset, getSize, scrollable, scrollableAncestor, scrollableAncestorInner, updateOverflowHandler };
 //# sourceMappingURL=utils.js.map

package/es-custom/components/page-header/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../../src/components/page-header/utils.ts"],"sourcesContent":["/**\n * @license\n *\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/**\n * ----------\n * Utilities\n * ----------\n */\n\nexport const getHeaderOffset = (el: HTMLElement): number => {\n  const scrollableContainer = scrollableAncestor(el);\n\n  // Get the element's position relative to the viewport\n  const offsetMeasuringTop = el ? el.getBoundingClientRect().top : 0;\n\n  if (scrollableContainer === document.scrollingElement) {\n    // If scrolling on the document level, return the current viewport position\n    // This ensures the breadcrumb bar stays correctly positioned regardless of scroll\n    return offsetMeasuringTop >= 0 ? offsetMeasuringTop : 0;\n  } else {\n    // If there's a scrollable parent container\n    const scrollableContainerTop = scrollableContainer\n      ? (scrollableContainer as HTMLElement).getBoundingClientRect().top\n      : 0;\n\n    // Calculate offset relative to the scrollable container\n    const totalHeaderOffset =\n      offsetMeasuringTop !== 0\n        ? offsetMeasuringTop - scrollableContainerTop\n        : 0;\n    return totalHeaderOffset >= 0 ? totalHeaderOffset : 0;\n  }\n};\n\nconst windowExists = typeof window !== `undefined`;\n\n/**\n * Determines if the given target is scrollable\n *\n * @param {HTMLElement} target\n * @returns {boolean}\n */\nexport const scrollable = (target: HTMLElement): boolean => {\n  const style = window.getComputedStyle(target);\n  const tagName = target.tagName.toLowerCase();\n\n  // Exclude body/html from hidden check (modals set overflow:hidden on body)\n  if (tagName === 'body' || tagName === 'html') {\n    return /(auto|scroll)/.test(style.overflow);\n  }\n\n  // For other elements, include hidden as it may be intentional scroll container\n  return /(auto|scroll|hidden)/.test(style.overflow);\n};\n\n/**\n * Recursively looks for the scrollable ancestor\n */\nexport const scrollableAncestorInner = (target: HTMLElement) => {\n  if (target.parentNode && target.parentNode !== document) {\n    if (scrollable(target.parentNode as HTMLElement)) {\n      return target.parentNode;\n    } else {\n      return scrollableAncestorInner(target.parentNode as HTMLElement);\n    }\n  } else {\n    return document.scrollingElement;\n  }\n};\n\n/**\n * Walks up the parent nodes to identify the first scrollable ancestor\n *\n * @param {HTMLElement} target\n * @returns {HTMLElement}\n */\nexport const scrollableAncestor = (target: HTMLElement) => {\n  if (!windowExists || !target) {\n    return null;\n  }\n\n  // based on https://stackoverflow.com/questions/35939886/find-first-scrollable-parent\n  const style = window.getComputedStyle(target);\n\n  if (!target || !style || style.position === 'fixed') {\n    return document.scrollingElement;\n  }\n  return scrollableAncestorInner(target);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAeA,MAAa,mBAAmB,OAA4B;CAC1D,MAAM,sBAAsB,mBAAmB,GAAG;CAGlD,MAAM,qBAAqB,KAAK,GAAG,uBAAuB,CAAC,MAAM;AAEjE,KAAI,wBAAwB,SAAS,iBAGnC,QAAO,sBAAsB,IAAI,qBAAqB;MACjD;EAEL,MAAM,yBAAyB,sBAC1B,oBAAoC,uBAAuB,CAAC,MAC7D;EAGJ,MAAM,oBACJ,uBAAuB,IACnB,qBAAqB,yBACrB;AACN,SAAO,qBAAqB,IAAI,oBAAoB;;;AAIxD,MAAM,eAAe,OAAO,WAAW;;;;;;;AAQvC,MAAa,cAAc,WAAiC;CAC1D,MAAM,QAAQ,OAAO,iBAAiB,OAAO;CAC7C,MAAM,UAAU,OAAO,QAAQ,aAAa;AAG5C,KAAI,YAAY,UAAU,YAAY,OACpC,QAAO,gBAAgB,KAAK,MAAM,SAAS;AAI7C,QAAO,uBAAuB,KAAK,MAAM,SAAS;;;;;AAMpD,MAAa,2BAA2B,WAAwB;AAC9D,KAAI,OAAO,cAAc,OAAO,eAAe,SAC7C,KAAI,WAAW,OAAO,WAA0B,CAC9C,QAAO,OAAO;KAEd,QAAO,wBAAwB,OAAO,WAA0B;KAGlE,QAAO,SAAS;;;;;;;;AAUpB,MAAa,sBAAsB,WAAwB;AACzD,KAAI,CAAC,gBAAgB,CAAC,OACpB,QAAO;CAIT,MAAM,QAAQ,OAAO,iBAAiB,OAAO;AAE7C,KAAI,CAAC,UAAU,CAAC,SAAS,MAAM,aAAa,QAC1C,QAAO,SAAS;AAElB,QAAO,wBAAwB,OAAO"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../../src/components/page-header/utils.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2025, 2026\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/**\n * ----------\n * Utilities\n * ----------\n */\n\nexport const getHeaderOffset = (el: HTMLElement): number => {\n  const scrollableContainer = scrollableAncestor(el);\n\n  // Get the element's position relative to the viewport\n  const offsetMeasuringTop = el ? el.getBoundingClientRect().top : 0;\n\n  if (scrollableContainer === document.scrollingElement) {\n    // If scrolling on the document level, return the current viewport position\n    // This ensures the breadcrumb bar stays correctly positioned regardless of scroll\n    return offsetMeasuringTop >= 0 ? offsetMeasuringTop : 0;\n  } else {\n    // If there's a scrollable parent container\n    const scrollableContainerTop = scrollableContainer\n      ? (scrollableContainer as HTMLElement).getBoundingClientRect().top\n      : 0;\n\n    // Calculate offset relative to the scrollable container\n    const totalHeaderOffset =\n      offsetMeasuringTop !== 0\n        ? offsetMeasuringTop - scrollableContainerTop\n        : 0;\n    return totalHeaderOffset >= 0 ? totalHeaderOffset : 0;\n  }\n};\n\nconst windowExists = typeof window !== `undefined`;\n\n/**\n * Determines if the given target is scrollable\n *\n * @param {HTMLElement} target\n * @returns {boolean}\n */\nexport const scrollable = (target: HTMLElement): boolean => {\n  const style = window.getComputedStyle(target);\n  const tagName = target.tagName.toLowerCase();\n\n  // Exclude body/html from hidden check (modals set overflow:hidden on body)\n  if (tagName === 'body' || tagName === 'html') {\n    return /(auto|scroll)/.test(style.overflow);\n  }\n\n  // For other elements, include hidden as it may be intentional scroll container\n  return /(auto|scroll|hidden)/.test(style.overflow);\n};\n\n/**\n * Recursively looks for the scrollable ancestor\n */\nexport const scrollableAncestorInner = (target: HTMLElement) => {\n  if (target.parentNode && target.parentNode !== document) {\n    if (scrollable(target.parentNode as HTMLElement)) {\n      return target.parentNode;\n    } else {\n      return scrollableAncestorInner(target.parentNode as HTMLElement);\n    }\n  } else {\n    return document.scrollingElement;\n  }\n};\n\n/**\n * Walks up the parent nodes to identify the first scrollable ancestor\n *\n * @param {HTMLElement} target\n * @returns {HTMLElement}\n */\nexport const scrollableAncestor = (target: HTMLElement) => {\n  if (!windowExists || !target) {\n    return null;\n  }\n\n  // based on https://stackoverflow.com/questions/35939886/find-first-scrollable-parent\n  const style = window.getComputedStyle(target);\n\n  if (!target || !style || style.position === 'fixed') {\n    return document.scrollingElement;\n  }\n  return scrollableAncestorInner(target);\n};\n\n/**\n * ----------\n * Overflow Handler Utilities\n * ----------\n * Re-exported from _story-assets/overflowHandler.ts\n * TODO: delete after overflowHandler from carbon/utils gets updated\n */\nexport {\n  getSize,\n  updateOverflowHandler,\n  createOverflowHandler,\n  type UpdateOverflowHandlerOptions,\n  type OverflowHandlerOptions,\n  type OverflowHandler,\n} from './_story-assets/overflowHandler';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAa,mBAAmB,OAA4B;CAC1D,MAAM,sBAAsB,mBAAmB,GAAG;CAGlD,MAAM,qBAAqB,KAAK,GAAG,uBAAuB,CAAC,MAAM;AAEjE,KAAI,wBAAwB,SAAS,iBAGnC,QAAO,sBAAsB,IAAI,qBAAqB;MACjD;EAEL,MAAM,yBAAyB,sBAC1B,oBAAoC,uBAAuB,CAAC,MAC7D;EAGJ,MAAM,oBACJ,uBAAuB,IACnB,qBAAqB,yBACrB;AACN,SAAO,qBAAqB,IAAI,oBAAoB;;;AAIxD,MAAM,eAAe,OAAO,WAAW;;;;;;;AAQvC,MAAa,cAAc,WAAiC;CAC1D,MAAM,QAAQ,OAAO,iBAAiB,OAAO;CAC7C,MAAM,UAAU,OAAO,QAAQ,aAAa;AAG5C,KAAI,YAAY,UAAU,YAAY,OACpC,QAAO,gBAAgB,KAAK,MAAM,SAAS;AAI7C,QAAO,uBAAuB,KAAK,MAAM,SAAS;;;;;AAMpD,MAAa,2BAA2B,WAAwB;AAC9D,KAAI,OAAO,cAAc,OAAO,eAAe,SAC7C,KAAI,WAAW,OAAO,WAA0B,CAC9C,QAAO,OAAO;KAEd,QAAO,wBAAwB,OAAO,WAA0B;KAGlE,QAAO,SAAS;;;;;;;;AAUpB,MAAa,sBAAsB,WAAwB;AACzD,KAAI,CAAC,gBAAgB,CAAC,OACpB,QAAO;CAIT,MAAM,QAAQ,OAAO,iBAAiB,OAAO;AAE7C,KAAI,CAAC,UAAU,CAAC,SAAS,MAAM,aAAa,QAC1C,QAAO,SAAS;AAElB,QAAO,wBAAwB,OAAO"}