@carbon/ibm-products-web-components 0.42.0 → 0.43.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (113) hide show
  1. package/custom-elements.json +78 -0
  2. package/es/components/about-modal/about-modal.scss.js +1 -1
  3. package/es/components/action-set/action-set.scss.js +1 -1
  4. package/es/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +2 -0
  5. package/es/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts.map +1 -1
  6. package/es/components/coachmark/coachmark-context.d.ts +1 -1
  7. package/es/components/coachmark/coachmark-context.d.ts.map +1 -1
  8. package/es/components/coachmark/coachmark-tagline/coachmark-tagline.d.ts +2 -0
  9. package/es/components/coachmark/coachmark-tagline/coachmark-tagline.d.ts.map +1 -1
  10. package/es/components/guide-banner/guide-banner-element.scss.js +1 -1
  11. package/es/components/guide-banner/guide-banner.scss.js +1 -1
  12. package/es/components/interstitial-screen/interstitial-screen-context.d.ts +1 -1
  13. package/es/components/interstitial-screen/interstitial-screen-context.d.ts.map +1 -1
  14. package/es/components/page-header/page-header-actions-set/page-header-actions-set.d.ts +4 -0
  15. package/es/components/page-header/page-header-actions-set/page-header-actions-set.d.ts.map +1 -1
  16. package/es/components/page-header/page-header-actions-set/page-header-actions-set.js +13 -6
  17. package/es/components/page-header/page-header-actions-set/page-header-actions-set.js.map +1 -1
  18. package/es/components/page-header/page-header-actions-set/page-header-actions-set.scss.js +1 -1
  19. package/es/components/page-header/page-header-actions-set/page-header-actions-set.scss.js.map +1 -1
  20. package/es/components/page-header/page-header-breadcrumb.d.ts +4 -0
  21. package/es/components/page-header/page-header-breadcrumb.d.ts.map +1 -1
  22. package/es/components/page-header/page-header-breadcrumb.js +20 -8
  23. package/es/components/page-header/page-header-breadcrumb.js.map +1 -1
  24. package/es/components/page-header/page-header-breadcrumbs-set/page-header-breadcrumbs-set.d.ts +8 -0
  25. package/es/components/page-header/page-header-breadcrumbs-set/page-header-breadcrumbs-set.d.ts.map +1 -1
  26. package/es/components/page-header/page-header-breadcrumbs-set/page-header-breadcrumbs-set.js +18 -2
  27. package/es/components/page-header/page-header-breadcrumbs-set/page-header-breadcrumbs-set.js.map +1 -1
  28. package/es/components/page-header/page-header-breadcrumbs-set/page-header-breadcrumbs-set.scss.js +1 -1
  29. package/es/components/page-header/page-header-content-text.d.ts +4 -0
  30. package/es/components/page-header/page-header-content-text.d.ts.map +1 -1
  31. package/es/components/page-header/page-header-content-text.js +10 -3
  32. package/es/components/page-header/page-header-content-text.js.map +1 -1
  33. package/es/components/page-header/page-header-content.d.ts +4 -0
  34. package/es/components/page-header/page-header-content.d.ts.map +1 -1
  35. package/es/components/page-header/page-header-content.js +12 -5
  36. package/es/components/page-header/page-header-content.js.map +1 -1
  37. package/es/components/page-header/page-header-scroller.d.ts.map +1 -1
  38. package/es/components/page-header/page-header-scroller.js +1 -0
  39. package/es/components/page-header/page-header-scroller.js.map +1 -1
  40. package/es/components/page-header/page-header-tags-set/page-header-tags-set.scss.js +1 -1
  41. package/es/components/page-header/page-header-title-breadcrumb.d.ts.map +1 -1
  42. package/es/components/page-header/page-header-title-breadcrumb.js +9 -2
  43. package/es/components/page-header/page-header-title-breadcrumb.js.map +1 -1
  44. package/es/components/side-panel/side-panel.scss.js +1 -1
  45. package/es/components/tearsheet/tearsheet.scss.js +1 -1
  46. package/es/components/tearsheet-preview/tearsheet-header-content.scss.js +1 -1
  47. package/es/components/tearsheet-preview/tearsheet-header.scss.js +1 -1
  48. package/es/components/tearsheet-preview/tearsheet-navigation-bar.scss.js +1 -1
  49. package/es/components/tearsheet-preview/tearsheet-signal.d.ts +1 -1
  50. package/es/components/tearsheet-preview/tearsheet-signal.d.ts.map +1 -1
  51. package/es/components/tearsheet-preview/tearsheet.scss.js +1 -1
  52. package/es/components/tearsheet-preview/tearsheet.scss.js.map +1 -1
  53. package/es/components/user-avatar/user-avatar.d.ts +2 -0
  54. package/es/components/user-avatar/user-avatar.d.ts.map +1 -1
  55. package/es/ibm-products-web-components/package.js +1 -1
  56. package/es-custom/components/about-modal/about-modal.scss.js +1 -1
  57. package/es-custom/components/action-set/action-set.scss.js +1 -1
  58. package/es-custom/components/guide-banner/guide-banner-element.scss.js +1 -1
  59. package/es-custom/components/guide-banner/guide-banner.scss.js +1 -1
  60. package/es-custom/components/page-header/page-header-actions-set/page-header-actions-set.js +13 -6
  61. package/es-custom/components/page-header/page-header-actions-set/page-header-actions-set.js.map +1 -1
  62. package/es-custom/components/page-header/page-header-actions-set/page-header-actions-set.scss.js +1 -1
  63. package/es-custom/components/page-header/page-header-actions-set/page-header-actions-set.scss.js.map +1 -1
  64. package/es-custom/components/page-header/page-header-breadcrumb.js +20 -8
  65. package/es-custom/components/page-header/page-header-breadcrumb.js.map +1 -1
  66. package/es-custom/components/page-header/page-header-breadcrumbs-set/page-header-breadcrumbs-set.js +18 -2
  67. package/es-custom/components/page-header/page-header-breadcrumbs-set/page-header-breadcrumbs-set.js.map +1 -1
  68. package/es-custom/components/page-header/page-header-breadcrumbs-set/page-header-breadcrumbs-set.scss.js +1 -1
  69. package/es-custom/components/page-header/page-header-content-text.js +10 -3
  70. package/es-custom/components/page-header/page-header-content-text.js.map +1 -1
  71. package/es-custom/components/page-header/page-header-content.js +12 -5
  72. package/es-custom/components/page-header/page-header-content.js.map +1 -1
  73. package/es-custom/components/page-header/page-header-scroller.js +1 -0
  74. package/es-custom/components/page-header/page-header-scroller.js.map +1 -1
  75. package/es-custom/components/page-header/page-header-tags-set/page-header-tags-set.scss.js +1 -1
  76. package/es-custom/components/page-header/page-header-title-breadcrumb.js +9 -2
  77. package/es-custom/components/page-header/page-header-title-breadcrumb.js.map +1 -1
  78. package/es-custom/components/side-panel/side-panel.scss.js +1 -1
  79. package/es-custom/components/tearsheet/tearsheet.scss.js +1 -1
  80. package/es-custom/components/tearsheet-preview/tearsheet-header-content.scss.js +1 -1
  81. package/es-custom/components/tearsheet-preview/tearsheet-header.scss.js +1 -1
  82. package/es-custom/components/tearsheet-preview/tearsheet-navigation-bar.scss.js +1 -1
  83. package/es-custom/components/tearsheet-preview/tearsheet.scss.js +1 -1
  84. package/es-custom/components/tearsheet-preview/tearsheet.scss.js.map +1 -1
  85. package/es-custom/ibm-products-web-components/package.js +1 -1
  86. package/lib/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +2 -0
  87. package/lib/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts.map +1 -1
  88. package/lib/components/coachmark/coachmark-context.d.ts +1 -1
  89. package/lib/components/coachmark/coachmark-context.d.ts.map +1 -1
  90. package/lib/components/coachmark/coachmark-tagline/coachmark-tagline.d.ts +2 -0
  91. package/lib/components/coachmark/coachmark-tagline/coachmark-tagline.d.ts.map +1 -1
  92. package/lib/components/interstitial-screen/interstitial-screen-context.d.ts +1 -1
  93. package/lib/components/interstitial-screen/interstitial-screen-context.d.ts.map +1 -1
  94. package/lib/components/page-header/page-header-actions-set/page-header-actions-set.d.ts +4 -0
  95. package/lib/components/page-header/page-header-actions-set/page-header-actions-set.d.ts.map +1 -1
  96. package/lib/components/page-header/page-header-breadcrumb.d.ts +4 -0
  97. package/lib/components/page-header/page-header-breadcrumb.d.ts.map +1 -1
  98. package/lib/components/page-header/page-header-breadcrumbs-set/page-header-breadcrumbs-set.d.ts +8 -0
  99. package/lib/components/page-header/page-header-breadcrumbs-set/page-header-breadcrumbs-set.d.ts.map +1 -1
  100. package/lib/components/page-header/page-header-content-text.d.ts +4 -0
  101. package/lib/components/page-header/page-header-content-text.d.ts.map +1 -1
  102. package/lib/components/page-header/page-header-content.d.ts +4 -0
  103. package/lib/components/page-header/page-header-content.d.ts.map +1 -1
  104. package/lib/components/page-header/page-header-scroller.d.ts.map +1 -1
  105. package/lib/components/page-header/page-header-title-breadcrumb.d.ts.map +1 -1
  106. package/lib/components/tearsheet-preview/tearsheet-signal.d.ts +1 -1
  107. package/lib/components/tearsheet-preview/tearsheet-signal.d.ts.map +1 -1
  108. package/lib/components/user-avatar/user-avatar.d.ts +2 -0
  109. package/lib/components/user-avatar/user-avatar.d.ts.map +1 -1
  110. package/package.json +13 -13
  111. package/scss/components/page-header/page-header-actions-set/page-header-actions-set.scss +4 -0
  112. package/scss/components/tearsheet-preview/tearsheet.scss +14 -3
  113. package/telemetry.yml +20 -22
package/es/components/guide-banner/guide-banner-element.scss.js CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  import { css } from "lit";
9
9
  //#region src/components/guide-banner/guide-banner-element.scss?lit
10
- var guide_banner_element_default = css(["a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-feature-settings:\"liga\" 1;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}:root{color-scheme:var(--cds-color-scheme,light)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-heading-06-font-size,2.625rem);font-weight:var(--cds-heading-06-font-weight,300);letter-spacing:var(--cds-heading-06-letter-spacing,0);line-height:var(--cds-heading-06-line-height,1.199)}h2{font-size:var(--cds-heading-05-font-size,2rem);font-weight:var(--cds-heading-05-font-weight,400);letter-spacing:var(--cds-heading-05-letter-spacing,0);line-height:var(--cds-heading-05-line-height,1.25)}h3{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}h4{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}h5{font-size:var(--cds-heading-02-font-size,1rem);font-weight:var(--cds-heading-02-font-weight,600);letter-spacing:var(--cds-heading-02-letter-spacing,0);line-height:var(--cds-heading-02-line-height,1.5)}h6{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}p{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);letter-spacing:var(--cds-body-02-letter-spacing,0);line-height:var(--cds-body-02-line-height,1.5)}a{color:var(--cds-link-primary,#0062fe)}em{font-style:italic}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.c4p--carousel{position:relative}.c4p--carousel:focus{outline:none}.c4p--carousel__elements-container{overflow:hidden}.c4p--carousel__elements-container--scroll-max,.c4p--carousel__elements-container--scrolled{inline-size:2rem;inset-block:0;pointer-events:none;position:absolute;z-index:1}.c4p--carousel__elements-container--scrolled{inset-inline-start:0}.c4p--carousel__elements-container--scroll-max{inset-inline-end:0}.c4p--carousel__elements{display:flex;overflow:scroll;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c4p--carousel__elements:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.c4p--carousel__elements:focus{outline-style:dotted}}@media (prefers-reduced-motion){.c4p--carousel__elements{scroll-behavior:auto}}.c4p--carousel__elements::-webkit-scrollbar{display:none}.c4p--guidebanner{--cds-ai-aura-end:transparent;--cds-ai-aura-hover-background:#333;--cds-ai-aura-hover-end:transparent;--cds-ai-aura-hover-start:rgba(69,137,255,.4);--cds-ai-aura-start:rgba(69,137,255,.1);--cds-ai-aura-start-sm:rgba(69,137,255,.16);--cds-ai-border-end:#4589ff;--cds-ai-border-start:rgba(166,200,255,.36);--cds-ai-border-strong:#78a9ff;--cds-ai-drop-shadow:rgba(0,0,0,.28);--cds-ai-inner-shadow:rgba(69,137,255,.16);--cds-ai-overlay:rgba(0,0,0,.5);--cds-ai-popover-background:#161616;--cds-ai-popover-caret-bottom:#4589ff;--cds-ai-popover-caret-bottom-background:#202d45;--cds-ai-popover-caret-bottom-background-actions:#1e283a;--cds-ai-popover-caret-center:#4870b5;--cds-ai-popover-shadow-outer-01:rgba(0,0,0,.12);--cds-ai-popover-shadow-outer-02:rgba(0,0,0,.08);--cds-ai-skeleton-background:rgba(120,169,255,.5);--cds-ai-skeleton-element-background:rgba(120,169,255,.3);--cds-background:#161616;--cds-background-active:hsla(0,0%,55%,.4);--cds-background-brand:#0f62fe;--cds-background-hover:hsla(0,0%,55%,.16);--cds-background-inverse:#f4f4f4;--cds-background-inverse-hover:#e8e8e8;--cds-background-selected:hsla(0,0%,55%,.24);--cds-background-selected-hover:hsla(0,0%,55%,.32);--cds-border-disabled:hsla(0,0%,55%,.5);--cds-border-interactive:#4589ff;--cds-border-inverse:#f4f4f4;--cds-border-strong-01:#6f6f6f;--cds-border-strong-02:#8d8d8d;--cds-border-strong-03:#a8a8a8;--cds-border-subtle-00:#393939;--cds-border-subtle-01:#525252;--cds-border-subtle-02:#6f6f6f;--cds-border-subtle-03:#6f6f6f;--cds-border-subtle-selected-01:#6f6f6f;--cds-border-subtle-selected-02:#8d8d8d;--cds-border-subtle-selected-03:#8d8d8d;--cds-border-tile-01:#525252;--cds-border-tile-02:#6f6f6f;--cds-border-tile-03:#8d8d8d;--cds-chat-avatar-agent:#c6c6c6;--cds-chat-avatar-bot:#8d8d8d;--cds-chat-avatar-user:#4589ff;--cds-chat-bubble-agent:#262626;--cds-chat-bubble-agent-text:#f4f4f4;--cds-chat-bubble-border:#525252;--cds-chat-bubble-user:#393939;--cds-chat-bubble-user-text:#f4f4f4;--cds-chat-button:#78a9ff;--cds-chat-button-active:hsla(0,0%,55%,.4);--cds-chat-button-hover:hsla(0,0%,55%,.16);--cds-chat-button-selected:hsla(0,0%,55%,.24);--cds-chat-button-text-hover:#a6c8ff;--cds-chat-button-text-selected:#c6c6c6;--cds-chat-header-background:#262626;--cds-chat-header-text:#f4f4f4;--cds-chat-prompt-background:#161616;--cds-chat-prompt-border-end:rgba(38,38,38,0);--cds-chat-prompt-border-start:#262626;--cds-chat-prompt-text:#f4f4f4;--cds-chat-shell-background:#262626;--cds-color-scheme:dark;--cds-field-01:#262626;--cds-field-02:#393939;--cds-field-03:#525252;--cds-field-hover-01:#333;--cds-field-hover-02:#474747;--cds-field-hover-03:#636363;--cds-focus:#fff;--cds-focus-inset:#161616;--cds-focus-inverse:#0f62fe;--cds-highlight:#001d6c;--cds-icon-disabled:hsla(0,0%,96%,.25);--cds-icon-interactive:#fff;--cds-icon-inverse:#161616;--cds-icon-on-color:#fff;--cds-icon-on-color-disabled:hsla(0,0%,100%,.25);--cds-icon-primary:#f4f4f4;--cds-icon-secondary:#c6c6c6;--cds-interactive:#4589ff;--cds-layer-01:#262626;--cds-layer-02:#393939;--cds-layer-03:#525252;--cds-layer-accent-01:#393939;--cds-layer-accent-02:#525252;--cds-layer-accent-03:#6f6f6f;--cds-layer-accent-active-01:#6f6f6f;--cds-layer-accent-active-02:#8d8d8d;--cds-layer-accent-active-03:#393939;--cds-layer-accent-hover-01:#474747;--cds-layer-accent-hover-02:#636363;--cds-layer-accent-hover-03:#5e5e5e;--cds-layer-active-01:#525252;--cds-layer-active-02:#6f6f6f;--cds-layer-active-03:#8d8d8d;--cds-layer-background-01:#161616;--cds-layer-background-02:#262626;--cds-layer-background-03:#393939;--cds-layer-hover-01:#333;--cds-layer-hover-02:#474747;--cds-layer-hover-03:#636363;--cds-layer-selected-01:#393939;--cds-layer-selected-02:#525252;--cds-layer-selected-03:#6f6f6f;--cds-layer-selected-disabled:#a8a8a8;--cds-layer-selected-hover-01:#474747;--cds-layer-selected-hover-02:#636363;--cds-layer-selected-hover-03:#5e5e5e;--cds-layer-selected-inverse:#f4f4f4;--cds-link-inverse:#0f62fe;--cds-link-inverse-active:#161616;--cds-link-inverse-hover:#0043ce;--cds-link-inverse-visited:#8a3ffc;--cds-link-primary:#78a9ff;--cds-link-primary-hover:#a6c8ff;--cds-link-secondary:#a6c8ff;--cds-link-visited:#be95ff;--cds-overlay:rgba(0,0,0,.6);--cds-shadow:rgba(0,0,0,.8);--cds-skeleton-background:#292929;--cds-skeleton-element:#393939;--cds-support-caution-major:#ff832b;--cds-support-caution-minor:#f1c21b;--cds-support-caution-undefined:#a56eff;--cds-support-error:#fa4d56;--cds-support-error-inverse:#da1e28;--cds-support-info:#4589ff;--cds-support-info-inverse:#0043ce;--cds-support-success:#42be65;--cds-support-success-inverse:#24a148;--cds-support-warning:#f1c21b;--cds-support-warning-inverse:#f1c21b;--cds-syntax-angle-bracket:#8d8d8d;--cds-syntax-annotation:#08bdba;--cds-syntax-arithmetic-operator:#e0e0e0;--cds-syntax-atom:#f4f4f4;--cds-syntax-attribute:#33b1ff;--cds-syntax-attribute-name:#33b1ff;--cds-syntax-attribute-value:#f4f4f4;--cds-syntax-bitwise-operator:#e0e0e0;--cds-syntax-block-comment:#42be65;--cds-syntax-bool:#f4f4f4;--cds-syntax-brace:#e0e0e0;--cds-syntax-bracket:#e0e0e0;--cds-syntax-character:#f4f4f4;--cds-syntax-class-name:#3ddbd9;--cds-syntax-color:#f4f4f4;--cds-syntax-comment:#42be65;--cds-syntax-compare-operator:#e0e0e0;--cds-syntax-constant:#4589ff;--cds-syntax-content:#f4f4f4;--cds-syntax-content-separator:#e0e0e0;--cds-syntax-control-keyword:#be95ff;--cds-syntax-control-operator:#be95ff;--cds-syntax-definition:#33b1ff;--cds-syntax-definition-keyword:#33b1ff;--cds-syntax-definition-operator:#33b1ff;--cds-syntax-deleted:#a2191f;--cds-syntax-deref-operator:#e0e0e0;--cds-syntax-doc-comment:#42be65;--cds-syntax-doc-string:#f4f4f4;--cds-syntax-document-meta:#42be65;--cds-syntax-emphasis:#f4f4f4;--cds-syntax-escape:#e0e0e0;--cds-syntax-float:#6fdc8c;--cds-syntax-function:#f1c21b;--cds-syntax-heading:#33b1ff;--cds-syntax-heading-1:#33b1ff;--cds-syntax-heading-2:#33b1ff;--cds-syntax-heading-3:#33b1ff;--cds-syntax-heading-4:#33b1ff;--cds-syntax-heading-5:#33b1ff;--cds-syntax-heading-6:#33b1ff;--cds-syntax-inserted:#198038;--cds-syntax-integer:#6fdc8c;--cds-syntax-invalid:#fa4d56;--cds-syntax-keyword:#4589ff;--cds-syntax-label-name:#a6c8ff;--cds-syntax-line-comment:#42be65;--cds-syntax-link:#4589ff;--cds-syntax-list:#f4f4f4;--cds-syntax-literal:#f4f4f4;--cds-syntax-local:#a6c8ff;--cds-syntax-logic-operator:#e0e0e0;--cds-syntax-macro-name:#f4f4f4;--cds-syntax-meta:#42be65;--cds-syntax-modifier:#4589ff;--cds-syntax-module-keyword:#be95ff;--cds-syntax-monospace:#f4f4f4;--cds-syntax-name:#a6c8ff;--cds-syntax-namespace:#3ddbd9;--cds-syntax-null:#f4f4f4;--cds-syntax-number:#6fdc8c;--cds-syntax-operator:#e0e0e0;--cds-syntax-operator-keyword:#4589ff;--cds-syntax-paren:#e0e0e0;--cds-syntax-processing-instruction:#f4f4f4;--cds-syntax-property-name:#33b1ff;--cds-syntax-punctuation:#e0e0e0;--cds-syntax-quote:#42be65;--cds-syntax-regexp:#be95ff;--cds-syntax-self:#3ddbd9;--cds-syntax-separator:#e0e0e0;--cds-syntax-special:#4589ff;--cds-syntax-special-string:#be95ff;--cds-syntax-square-bracket:#e0e0e0;--cds-syntax-standard:#4589ff;--cds-syntax-strikethrough:#f4f4f4;--cds-syntax-string:#f4f4f4;--cds-syntax-strong:#f4f4f4;--cds-syntax-tag:#3ddbd9;--cds-syntax-tag-name:#3ddbd9;--cds-syntax-type:#3ddbd9;--cds-syntax-type-name:#3ddbd9;--cds-syntax-type-operator:#3ddbd9;--cds-syntax-unit:#6fdc8c;--cds-syntax-update-operator:#e0e0e0;--cds-syntax-url:#e0e0e0;--cds-syntax-variable:#a6c8ff;--cds-syntax-variable-name:#a6c8ff;--cds-text-disabled:hsla(0,0%,96%,.25);--cds-text-error:#ff8389;--cds-text-helper:#a8a8a8;--cds-text-inverse:#161616;--cds-text-on-color:#fff;--cds-text-on-color-disabled:hsla(0,0%,100%,.25);--cds-text-placeholder:hsla(0,0%,96%,.4);--cds-text-primary:#f4f4f4;--cds-text-secondary:#c6c6c6;--cds-toggle-off:#6f6f6f;--cds-spacing-01:0.125rem;--cds-spacing-02:0.25rem;--cds-spacing-03:0.5rem;--cds-spacing-04:0.75rem;--cds-spacing-05:1rem;--cds-spacing-06:1.5rem;--cds-spacing-07:2rem;--cds-spacing-08:2.5rem;--cds-spacing-09:3rem;--cds-spacing-10:4rem;--cds-spacing-11:5rem;--cds-spacing-12:6rem;--cds-spacing-13:10rem;--cds-fluid-spacing-01:0;--cds-fluid-spacing-02:2vw;--cds-fluid-spacing-03:5vw;--cds-fluid-spacing-04:10vw;--cds-caption-01-font-size:0.75rem;--cds-caption-01-font-weight:400;--cds-caption-01-line-height:1.33333;--cds-caption-01-letter-spacing:0.32px;--cds-caption-02-font-size:0.875rem;--cds-caption-02-font-weight:400;--cds-caption-02-line-height:1.28572;--cds-caption-02-letter-spacing:0.32px;--cds-label-01-font-size:0.75rem;--cds-label-01-font-weight:400;--cds-label-01-line-height:1.33333;--cds-label-01-letter-spacing:0.32px;--cds-label-02-font-size:0.875rem;--cds-label-02-font-weight:400;--cds-label-02-line-height:1.28572;--cds-label-02-letter-spacing:0.16px;--cds-helper-text-01-font-size:0.75rem;--cds-helper-text-01-line-height:1.33333;--cds-helper-text-01-letter-spacing:0.32px;--cds-helper-text-02-font-size:0.875rem;--cds-helper-text-02-font-weight:400;--cds-helper-text-02-line-height:1.28572;--cds-helper-text-02-letter-spacing:0.16px;--cds-body-short-01-font-size:0.875rem;--cds-body-short-01-font-weight:400;--cds-body-short-01-line-height:1.28572;--cds-body-short-01-letter-spacing:0.16px;--cds-body-short-02-font-size:1rem;--cds-body-short-02-font-weight:400;--cds-body-short-02-line-height:1.375;--cds-body-short-02-letter-spacing:0;--cds-body-long-01-font-size:0.875rem;--cds-body-long-01-font-weight:400;--cds-body-long-01-line-height:1.42857;--cds-body-long-01-letter-spacing:0.16px;--cds-body-long-02-font-size:1rem;--cds-body-long-02-font-weight:400;--cds-body-long-02-line-height:1.5;--cds-body-long-02-letter-spacing:0;--cds-code-01-font-family:\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace;--cds-code-01-font-size:0.75rem;--cds-code-01-font-weight:400;--cds-code-01-line-height:1.33333;--cds-code-01-letter-spacing:0.32px;--cds-code-02-font-family:\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace;--cds-code-02-font-size:0.875rem;--cds-code-02-font-weight:400;--cds-code-02-line-height:1.42857;--cds-code-02-letter-spacing:0.32px;--cds-heading-01-font-size:0.875rem;--cds-heading-01-font-weight:600;--cds-heading-01-line-height:1.42857;--cds-heading-01-letter-spacing:0.16px;--cds-heading-02-font-size:1rem;--cds-heading-02-font-weight:600;--cds-heading-02-line-height:1.5;--cds-heading-02-letter-spacing:0;--cds-productive-heading-01-font-size:0.875rem;--cds-productive-heading-01-font-weight:600;--cds-productive-heading-01-line-height:1.28572;--cds-productive-heading-01-letter-spacing:0.16px;--cds-productive-heading-02-font-size:1rem;--cds-productive-heading-02-font-weight:600;--cds-productive-heading-02-line-height:1.375;--cds-productive-heading-02-letter-spacing:0;--cds-productive-heading-03-font-size:1.25rem;--cds-productive-heading-03-font-weight:400;--cds-productive-heading-03-line-height:1.4;--cds-productive-heading-03-letter-spacing:0;--cds-productive-heading-04-font-size:1.75rem;--cds-productive-heading-04-font-weight:400;--cds-productive-heading-04-line-height:1.28572;--cds-productive-heading-04-letter-spacing:0;--cds-productive-heading-05-font-size:2rem;--cds-productive-heading-05-font-weight:400;--cds-productive-heading-05-line-height:1.25;--cds-productive-heading-05-letter-spacing:0;--cds-productive-heading-06-font-size:2.625rem;--cds-productive-heading-06-font-weight:300;--cds-productive-heading-06-line-height:1.199;--cds-productive-heading-06-letter-spacing:0;--cds-productive-heading-07-font-size:3.375rem;--cds-productive-heading-07-font-weight:300;--cds-productive-heading-07-line-height:1.19;--cds-productive-heading-07-letter-spacing:0;--cds-expressive-paragraph-01-font-size:1.5rem;--cds-expressive-paragraph-01-font-weight:300;--cds-expressive-paragraph-01-line-height:1.334;--cds-expressive-paragraph-01-letter-spacing:0;--cds-expressive-heading-01-font-size:0.875rem;--cds-expressive-heading-01-font-weight:600;--cds-expressive-heading-01-line-height:1.42857;--cds-expressive-heading-01-letter-spacing:0.16px;--cds-expressive-heading-02-font-size:1rem;--cds-expressive-heading-02-font-weight:600;--cds-expressive-heading-02-line-height:1.5;--cds-expressive-heading-02-letter-spacing:0;--cds-expressive-heading-03-font-size:1.25rem;--cds-expressive-heading-03-font-weight:400;--cds-expressive-heading-03-line-height:1.4;--cds-expressive-heading-03-letter-spacing:0;--cds-expressive-heading-04-font-size:1.75rem;--cds-expressive-heading-04-font-weight:400;--cds-expressive-heading-04-line-height:1.28572;--cds-expressive-heading-04-letter-spacing:0;--cds-expressive-heading-05-font-size:2rem;--cds-expressive-heading-05-font-weight:400;--cds-expressive-heading-05-line-height:1.25;--cds-expressive-heading-05-letter-spacing:0;--cds-expressive-heading-06-font-size:2rem;--cds-expressive-heading-06-font-weight:600;--cds-expressive-heading-06-line-height:1.25;--cds-expressive-heading-06-letter-spacing:0;--cds-quotation-01-font-family:\"IBM Plex Serif\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",serif;--cds-quotation-01-font-size:1.25rem;--cds-quotation-01-font-weight:400;--cds-quotation-01-line-height:1.3;--cds-quotation-01-letter-spacing:0;--cds-quotation-02-font-family:\"IBM Plex Serif\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",serif;--cds-quotation-02-font-size:2rem;--cds-quotation-02-font-weight:300;--cds-quotation-02-line-height:1.25;--cds-quotation-02-letter-spacing:0;--cds-display-01-font-size:2.625rem;--cds-display-01-font-weight:300;--cds-display-01-line-height:1.19;--cds-display-01-letter-spacing:0;--cds-display-02-font-size:2.625rem;--cds-display-02-font-weight:600;--cds-display-02-line-height:1.19;--cds-display-02-letter-spacing:0;--cds-display-03-font-size:2.625rem;--cds-display-03-font-weight:300;--cds-display-03-line-height:1.19;--cds-display-03-letter-spacing:0;--cds-display-04-font-size:2.625rem;--cds-display-04-font-weight:300;--cds-display-04-line-height:1.19;--cds-display-04-letter-spacing:0;--cds-legal-01-font-size:0.75rem;--cds-legal-01-font-weight:400;--cds-legal-01-line-height:1.33333;--cds-legal-01-letter-spacing:0.32px;--cds-legal-02-font-size:0.875rem;--cds-legal-02-font-weight:400;--cds-legal-02-line-height:1.28572;--cds-legal-02-letter-spacing:0.16px;--cds-body-compact-01-font-size:0.875rem;--cds-body-compact-01-font-weight:400;--cds-body-compact-01-line-height:1.28572;--cds-body-compact-01-letter-spacing:0.16px;--cds-body-compact-02-font-size:1rem;--cds-body-compact-02-font-weight:400;--cds-body-compact-02-line-height:1.375;--cds-body-compact-02-letter-spacing:0;--cds-heading-compact-01-font-size:0.875rem;--cds-heading-compact-01-font-weight:600;--cds-heading-compact-01-line-height:1.28572;--cds-heading-compact-01-letter-spacing:0.16px;--cds-heading-compact-02-font-size:1rem;--cds-heading-compact-02-font-weight:600;--cds-heading-compact-02-line-height:1.375;--cds-heading-compact-02-letter-spacing:0;--cds-body-01-font-size:0.875rem;--cds-body-01-font-weight:400;--cds-body-01-line-height:1.42857;--cds-body-01-letter-spacing:0.16px;--cds-body-02-font-size:1rem;--cds-body-02-font-weight:400;--cds-body-02-line-height:1.5;--cds-body-02-letter-spacing:0;--cds-heading-03-font-size:1.25rem;--cds-heading-03-font-weight:400;--cds-heading-03-line-height:1.4;--cds-heading-03-letter-spacing:0;--cds-heading-04-font-size:1.75rem;--cds-heading-04-font-weight:400;--cds-heading-04-line-height:1.28572;--cds-heading-04-letter-spacing:0;--cds-heading-05-font-size:2rem;--cds-heading-05-font-weight:400;--cds-heading-05-line-height:1.25;--cds-heading-05-letter-spacing:0;--cds-heading-06-font-size:2.625rem;--cds-heading-06-font-weight:300;--cds-heading-06-line-height:1.199;--cds-heading-06-letter-spacing:0;--cds-heading-07-font-size:3.375rem;--cds-heading-07-font-weight:300;--cds-heading-07-line-height:1.19;--cds-heading-07-letter-spacing:0;--cds-fluid-heading-03-font-size:1.25rem;--cds-fluid-heading-03-font-weight:400;--cds-fluid-heading-03-line-height:1.4;--cds-fluid-heading-03-letter-spacing:0;--cds-fluid-heading-04-font-size:1.75rem;--cds-fluid-heading-04-font-weight:400;--cds-fluid-heading-04-line-height:1.28572;--cds-fluid-heading-04-letter-spacing:0;--cds-fluid-heading-05-font-size:2rem;--cds-fluid-heading-05-font-weight:400;--cds-fluid-heading-05-line-height:1.25;--cds-fluid-heading-05-letter-spacing:0;--cds-fluid-heading-06-font-size:2rem;--cds-fluid-heading-06-font-weight:600;--cds-fluid-heading-06-line-height:1.25;--cds-fluid-heading-06-letter-spacing:0;--cds-fluid-paragraph-01-font-size:1.5rem;--cds-fluid-paragraph-01-font-weight:300;--cds-fluid-paragraph-01-line-height:1.334;--cds-fluid-paragraph-01-letter-spacing:0;--cds-fluid-quotation-01-font-family:\"IBM Plex Serif\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",serif;--cds-fluid-quotation-01-font-size:1.25rem;--cds-fluid-quotation-01-font-weight:400;--cds-fluid-quotation-01-line-height:1.3;--cds-fluid-quotation-01-letter-spacing:0;--cds-fluid-quotation-02-font-family:\"IBM Plex Serif\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",serif;--cds-fluid-quotation-02-font-size:2rem;--cds-fluid-quotation-02-font-weight:300;--cds-fluid-quotation-02-line-height:1.25;--cds-fluid-quotation-02-letter-spacing:0;--cds-fluid-display-01-font-size:2.625rem;--cds-fluid-display-01-font-weight:300;--cds-fluid-display-01-line-height:1.19;--cds-fluid-display-01-letter-spacing:0;--cds-fluid-display-02-font-size:2.625rem;--cds-fluid-display-02-font-weight:600;--cds-fluid-display-02-line-height:1.19;--cds-fluid-display-02-letter-spacing:0;--cds-fluid-display-03-font-size:2.625rem;--cds-fluid-display-03-font-weight:300;--cds-fluid-display-03-line-height:1.19;--cds-fluid-display-03-letter-spacing:0;--cds-fluid-display-04-font-size:2.625rem;--cds-fluid-display-04-font-weight:300;--cds-fluid-display-04-line-height:1.19;--cds-fluid-display-04-letter-spacing:0;--cds-true: ;color-scheme:var(--cds-color-scheme,light)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.c4p--guidebanner{--cds-icon-primary:ButtonText;--cds-icon-secondary:ButtonText;--cds-icon-interactive:ButtonText;--cds-icon-disabled:GrayText;--cds-icon-on-color-disabled:GrayText;--cds-icon-inverse:SelectedItemText;--cds-icon-on-color:SelectedItemText;--cds-button-disabled:GrayText;--cds-interactive:ButtonText;--cds-link-primary:LinkText;--cds-link-primary-hover:LinkText;--cds-link-secondary:LinkText;--cds-link-inverse:SelectedItemText;--cds-link-inverse-hover:SelectedItemText;--cds-link-inverse-visited:SelectedItemText;--cds-link-visited:VisitedText;--cds-background-selected:SelectedItem;--cds-background-selected-hover:SelectedItem;--cds-background-inverse:SelectedItem;--cds-layer-selected-inverse:SelectedItem}}.c4p--guidebanner{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6);background:linear-gradient(90deg,#001d6c,#6929c4);background-color:#001d6c;position:relative}.c4p--guidebanner__icon-idea{color:#f4f4f4;inset-block-start:1rem;inset-inline-start:1rem;position:absolute}.c4p--guidebanner__title{color:#f4f4f4;font-size:var(--cds-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0);line-height:var(--cds-heading-compact-02-line-height,1.375);padding:1rem 10.9375rem 0 3.25rem}.c4p--guidebanner__close-button{inset-block-start:0;inset-inline-end:0;position:absolute}.c4p--guidebanner__close-button button{block-size:2rem;inline-size:2rem;min-block-size:2rem;padding-block-start:6px}.c4p--guidebanner__close-button button:active,.c4p--guidebanner__close-button button:hover{background-color:#7433e3}.c4p--guidebanner__close-button button path{fill:#fff}.c4p--guidebanner__carousel{color:#f4f4f4;padding:0 0 1rem}.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__carousel{margin-block-end:0}.c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element{display:flex;flex-flow:column;flex-shrink:0;inline-size:25rem;margin:1rem 0 0;max-block-size:32rem;opacity:1;padding-inline-start:3.25rem;scroll-snap-align:start;transition:max-height 50ms cubic-bezier(.2,0,1,.9),margin-top 50ms cubic-bezier(.2,0,1,.9),opacity .3s cubic-bezier(.2,0,1,.9)}.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element{margin-block-start:0;max-block-size:.5rem;opacity:0}.c4p--guidebanner__carousel .c4p--carousel__item:last-child .c4p--guidebanner__element{inline-size:28rem;padding-inline-end:3.25rem}.c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element-title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572);margin:1rem 0 0}.c4p--guidebanner__carousel .c4p--guidebanner__element-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);margin-block-end:1rem}.c4p--guidebanner__carousel .cds--btn--tertiary{border-color:#fff;color:#fff}.c4p--guidebanner__carousel .cds--btn--tertiary:active,.c4p--guidebanner__carousel .cds--btn--tertiary:hover{background-color:#fff;border-color:#fff;color:#161616}.c4p--guidebanner__carousel .cds--btn--tertiary svg{block-size:1rem;flex-shrink:0;inline-size:1rem;inset-inline-end:1rem;position:absolute}.c4p--guidebanner__carousel .cds--btn--ghost{color:#a6c8ff;margin-inline-start:-1rem}.c4p--guidebanner__carousel .cds--btn--ghost:active,.c4p--guidebanner__carousel .cds--btn--ghost:hover{background-color:#7f3ae7;color:#f4f4f4}.c4p--guidebanner__carousel .c4p--guidebanner__element-link,.c4p--guidebanner__carousel .c4p--guidebanner__element-link:visited{color:#a6c8ff}.c4p--guidebanner__carousel .c4p--guidebanner__element-link:active,.c4p--guidebanner__carousel .c4p--guidebanner__element-link:hover{color:#d0e2ff}.c4p--guidebanner__navigation{border-block-start:.0625rem solid #8a3ffc;display:flex}.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation{border-block-start:none}.c4p--guidebanner__navigation .c4p--guidebanner__toggle-button{color:#a6c8ff;margin-inline-start:2.125rem}.c4p--guidebanner__navigation .c4p--guidebanner__toggle-button:active,.c4p--guidebanner__navigation .c4p--guidebanner__toggle-button:hover{background-color:#7433e3;color:#f4f4f4}.c4p--guidebanner__navigation .c4p--guidebanner__back-button{margin-inline-start:auto}.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation .c4p--guidebanner__back-button,.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation .c4p--guidebanner__next-button{display:none}.c4p--guidebanner__navigation .c4p--guidebanner__back-button button:active,.c4p--guidebanner__navigation .c4p--guidebanner__back-button button:hover,.c4p--guidebanner__navigation .c4p--guidebanner__next-button button:active,.c4p--guidebanner__navigation .c4p--guidebanner__next-button button:hover{background-color:#7433e3}.c4p--guidebanner__navigation .c4p--guidebanner__back-button button path,.c4p--guidebanner__navigation .c4p--guidebanner__next-button button path{fill:#fff}.c4p--guidebanner__navigation .c4p--guidebanner__back-button button[disabled] path,.c4p--guidebanner__navigation .c4p--guidebanner__next-button button[disabled] path{fill:#9b63ff}.c4p--guidebanner__with-left-gutter .c4p--guidebanner__icon-idea{inset-inline-start:2rem}.c4p--guidebanner__with-left-gutter .c4p--guidebanner__title{padding-inline-start:4.25rem}.c4p--guidebanner__with-left-gutter .c4p--carousel__elements-container,.c4p--guidebanner__with-left-gutter .c4p--guidebanner__navigation{padding-inline-start:1rem}.c4p--guidebanner__with-left-gutter .c4p--carousel__elements-container--scrolled{inline-size:4rem}:host(c4p-guide-banner-element) .c4p--guidebanner__element__title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572)}:host(c4p-guide-banner-element) .c4p--guidebanner__element__description{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);margin-block-end:2rem}"]);
10
+ var guide_banner_element_default = css(["a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-feature-settings:\"liga\" 1;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}:root{color-scheme:var(--cds-color-scheme,light)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-heading-06-font-size,2.625rem);font-weight:var(--cds-heading-06-font-weight,300);letter-spacing:var(--cds-heading-06-letter-spacing,0);line-height:var(--cds-heading-06-line-height,1.199)}h2{font-size:var(--cds-heading-05-font-size,2rem);font-weight:var(--cds-heading-05-font-weight,400);letter-spacing:var(--cds-heading-05-letter-spacing,0);line-height:var(--cds-heading-05-line-height,1.25)}h3{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}h4{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}h5{font-size:var(--cds-heading-02-font-size,1rem);font-weight:var(--cds-heading-02-font-weight,600);letter-spacing:var(--cds-heading-02-letter-spacing,0);line-height:var(--cds-heading-02-line-height,1.5)}h6{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}p{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);letter-spacing:var(--cds-body-02-letter-spacing,0);line-height:var(--cds-body-02-line-height,1.5)}a{color:var(--cds-link-primary,#0062fe)}em{font-style:italic}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.c4p--carousel{position:relative}.c4p--carousel:focus{outline:none}.c4p--carousel__elements-container{overflow:hidden}.c4p--carousel__elements-container--scroll-max,.c4p--carousel__elements-container--scrolled{inline-size:2rem;inset-block:0;pointer-events:none;position:absolute;z-index:1}.c4p--carousel__elements-container--scrolled{inset-inline-start:0}.c4p--carousel__elements-container--scroll-max{inset-inline-end:0}.c4p--carousel__elements{display:flex;overflow:scroll;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c4p--carousel__elements:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.c4p--carousel__elements:focus{outline-style:dotted}}@media (prefers-reduced-motion){.c4p--carousel__elements{scroll-behavior:auto}}.c4p--carousel__elements::-webkit-scrollbar{display:none}.c4p--guidebanner{--cds-ai-aura-end:transparent;--cds-ai-aura-hover-background:#333;--cds-ai-aura-hover-end:transparent;--cds-ai-aura-hover-start:rgba(69,137,255,.4);--cds-ai-aura-start:rgba(69,137,255,.1);--cds-ai-aura-start-sm:rgba(69,137,255,.16);--cds-ai-border-end:#4589ff;--cds-ai-border-start:rgba(166,200,255,.36);--cds-ai-border-strong:#78a9ff;--cds-ai-drop-shadow:rgba(0,0,0,.28);--cds-ai-inner-shadow:rgba(69,137,255,.16);--cds-ai-overlay:rgba(0,0,0,.5);--cds-ai-popover-background:#161616;--cds-ai-popover-caret-bottom:#4589ff;--cds-ai-popover-caret-bottom-background:#202d45;--cds-ai-popover-caret-bottom-background-actions:#1e283a;--cds-ai-popover-caret-center:#4870b5;--cds-ai-popover-shadow-outer-01:rgba(0,0,0,.12);--cds-ai-popover-shadow-outer-02:rgba(0,0,0,.08);--cds-ai-skeleton-background:rgba(120,169,255,.5);--cds-ai-skeleton-element-background:rgba(120,169,255,.3);--cds-background:#161616;--cds-background-active:hsla(0,0%,55%,.4);--cds-background-brand:#0f62fe;--cds-background-hover:hsla(0,0%,55%,.16);--cds-background-inverse:#f4f4f4;--cds-background-inverse-hover:#e8e8e8;--cds-background-selected:hsla(0,0%,55%,.24);--cds-background-selected-hover:hsla(0,0%,55%,.32);--cds-border-disabled:hsla(0,0%,55%,.5);--cds-border-interactive:#4589ff;--cds-border-inverse:#f4f4f4;--cds-border-strong-01:#6f6f6f;--cds-border-strong-02:#8d8d8d;--cds-border-strong-03:#a8a8a8;--cds-border-subtle-00:#393939;--cds-border-subtle-01:#525252;--cds-border-subtle-02:#6f6f6f;--cds-border-subtle-03:#6f6f6f;--cds-border-subtle-selected-01:#6f6f6f;--cds-border-subtle-selected-02:#8d8d8d;--cds-border-subtle-selected-03:#8d8d8d;--cds-border-tile-01:#525252;--cds-border-tile-02:#6f6f6f;--cds-border-tile-03:#8d8d8d;--cds-chat-avatar-agent:#c6c6c6;--cds-chat-avatar-bot:#8d8d8d;--cds-chat-avatar-user:#4589ff;--cds-chat-bubble-agent:#262626;--cds-chat-bubble-agent-text:#f4f4f4;--cds-chat-bubble-border:#525252;--cds-chat-bubble-user:#393939;--cds-chat-bubble-user-text:#f4f4f4;--cds-chat-button:#78a9ff;--cds-chat-button-active:hsla(0,0%,55%,.4);--cds-chat-button-hover:hsla(0,0%,55%,.16);--cds-chat-button-selected:hsla(0,0%,55%,.24);--cds-chat-button-text-hover:#a6c8ff;--cds-chat-button-text-selected:#c6c6c6;--cds-chat-header-background:#262626;--cds-chat-header-text:#f4f4f4;--cds-chat-prompt-background:#161616;--cds-chat-prompt-border-end:rgba(38,38,38,0);--cds-chat-prompt-border-start:#262626;--cds-chat-prompt-text:#f4f4f4;--cds-chat-shell-background:#262626;--cds-color-scheme:dark;--cds-field-01:#262626;--cds-field-02:#393939;--cds-field-03:#525252;--cds-field-hover-01:#333;--cds-field-hover-02:#474747;--cds-field-hover-03:#636363;--cds-focus:#fff;--cds-focus-inset:#161616;--cds-focus-inverse:#0f62fe;--cds-highlight:#001d6c;--cds-icon-disabled:hsla(0,0%,96%,.25);--cds-icon-interactive:#fff;--cds-icon-inverse:#161616;--cds-icon-on-color:#fff;--cds-icon-on-color-disabled:hsla(0,0%,100%,.25);--cds-icon-primary:#f4f4f4;--cds-icon-secondary:#c6c6c6;--cds-interactive:#4589ff;--cds-layer-01:#262626;--cds-layer-02:#393939;--cds-layer-03:#525252;--cds-layer-accent-01:#393939;--cds-layer-accent-02:#525252;--cds-layer-accent-03:#6f6f6f;--cds-layer-accent-active-01:#6f6f6f;--cds-layer-accent-active-02:#8d8d8d;--cds-layer-accent-active-03:#393939;--cds-layer-accent-hover-01:#474747;--cds-layer-accent-hover-02:#636363;--cds-layer-accent-hover-03:#5e5e5e;--cds-layer-active-01:#525252;--cds-layer-active-02:#6f6f6f;--cds-layer-active-03:#8d8d8d;--cds-layer-background-01:#161616;--cds-layer-background-02:#262626;--cds-layer-background-03:#393939;--cds-layer-hover-01:#333;--cds-layer-hover-02:#474747;--cds-layer-hover-03:#636363;--cds-layer-selected-01:#393939;--cds-layer-selected-02:#525252;--cds-layer-selected-03:#6f6f6f;--cds-layer-selected-disabled:#a8a8a8;--cds-layer-selected-hover-01:#474747;--cds-layer-selected-hover-02:#636363;--cds-layer-selected-hover-03:#5e5e5e;--cds-layer-selected-inverse:#f4f4f4;--cds-link-inverse:#0f62fe;--cds-link-inverse-active:#161616;--cds-link-inverse-hover:#0043ce;--cds-link-inverse-visited:#8a3ffc;--cds-link-primary:#78a9ff;--cds-link-primary-hover:#a6c8ff;--cds-link-secondary:#a6c8ff;--cds-link-visited:#be95ff;--cds-overlay:rgba(0,0,0,.6);--cds-shadow:rgba(0,0,0,.8);--cds-skeleton-background:#292929;--cds-skeleton-element:#393939;--cds-support-caution-major:#ff832b;--cds-support-caution-minor:#f1c21b;--cds-support-caution-undefined:#a56eff;--cds-support-error:#fa4d56;--cds-support-error-inverse:#da1e28;--cds-support-info:#4589ff;--cds-support-info-inverse:#0043ce;--cds-support-success:#42be65;--cds-support-success-inverse:#24a148;--cds-support-warning:#f1c21b;--cds-support-warning-inverse:#f1c21b;--cds-syntax-angle-bracket:#8d8d8d;--cds-syntax-annotation:#08bdba;--cds-syntax-arithmetic-operator:#e0e0e0;--cds-syntax-atom:#f4f4f4;--cds-syntax-attribute:#33b1ff;--cds-syntax-attribute-name:#33b1ff;--cds-syntax-attribute-value:#f4f4f4;--cds-syntax-bitwise-operator:#e0e0e0;--cds-syntax-block-comment:#42be65;--cds-syntax-bool:#f4f4f4;--cds-syntax-brace:#e0e0e0;--cds-syntax-bracket:#e0e0e0;--cds-syntax-character:#f4f4f4;--cds-syntax-class-name:#3ddbd9;--cds-syntax-color:#f4f4f4;--cds-syntax-comment:#42be65;--cds-syntax-compare-operator:#e0e0e0;--cds-syntax-constant:#4589ff;--cds-syntax-content:#f4f4f4;--cds-syntax-content-separator:#e0e0e0;--cds-syntax-control-keyword:#be95ff;--cds-syntax-control-operator:#be95ff;--cds-syntax-definition:#33b1ff;--cds-syntax-definition-keyword:#33b1ff;--cds-syntax-definition-operator:#33b1ff;--cds-syntax-deleted:#a2191f;--cds-syntax-deref-operator:#e0e0e0;--cds-syntax-doc-comment:#42be65;--cds-syntax-doc-string:#f4f4f4;--cds-syntax-document-meta:#42be65;--cds-syntax-emphasis:#f4f4f4;--cds-syntax-escape:#e0e0e0;--cds-syntax-float:#6fdc8c;--cds-syntax-function:#f1c21b;--cds-syntax-heading:#33b1ff;--cds-syntax-heading-1:#33b1ff;--cds-syntax-heading-2:#33b1ff;--cds-syntax-heading-3:#33b1ff;--cds-syntax-heading-4:#33b1ff;--cds-syntax-heading-5:#33b1ff;--cds-syntax-heading-6:#33b1ff;--cds-syntax-inserted:#198038;--cds-syntax-integer:#6fdc8c;--cds-syntax-invalid:#fa4d56;--cds-syntax-keyword:#4589ff;--cds-syntax-label-name:#a6c8ff;--cds-syntax-line-comment:#42be65;--cds-syntax-link:#4589ff;--cds-syntax-list:#f4f4f4;--cds-syntax-literal:#f4f4f4;--cds-syntax-local:#a6c8ff;--cds-syntax-logic-operator:#e0e0e0;--cds-syntax-macro-name:#f4f4f4;--cds-syntax-meta:#42be65;--cds-syntax-modifier:#4589ff;--cds-syntax-module-keyword:#be95ff;--cds-syntax-monospace:#f4f4f4;--cds-syntax-name:#a6c8ff;--cds-syntax-namespace:#3ddbd9;--cds-syntax-null:#f4f4f4;--cds-syntax-number:#6fdc8c;--cds-syntax-operator:#e0e0e0;--cds-syntax-operator-keyword:#4589ff;--cds-syntax-paren:#e0e0e0;--cds-syntax-processing-instruction:#f4f4f4;--cds-syntax-property-name:#33b1ff;--cds-syntax-punctuation:#e0e0e0;--cds-syntax-quote:#42be65;--cds-syntax-regexp:#be95ff;--cds-syntax-self:#3ddbd9;--cds-syntax-separator:#e0e0e0;--cds-syntax-special:#4589ff;--cds-syntax-special-string:#be95ff;--cds-syntax-square-bracket:#e0e0e0;--cds-syntax-standard:#4589ff;--cds-syntax-strikethrough:#f4f4f4;--cds-syntax-string:#f4f4f4;--cds-syntax-strong:#f4f4f4;--cds-syntax-tag:#3ddbd9;--cds-syntax-tag-name:#3ddbd9;--cds-syntax-type:#3ddbd9;--cds-syntax-type-name:#3ddbd9;--cds-syntax-type-operator:#3ddbd9;--cds-syntax-unit:#6fdc8c;--cds-syntax-update-operator:#e0e0e0;--cds-syntax-url:#e0e0e0;--cds-syntax-variable:#a6c8ff;--cds-syntax-variable-name:#a6c8ff;--cds-text-disabled:hsla(0,0%,96%,.25);--cds-text-error:#ff8389;--cds-text-helper:#a8a8a8;--cds-text-inverse:#161616;--cds-text-on-color:#fff;--cds-text-on-color-disabled:hsla(0,0%,100%,.25);--cds-text-placeholder:hsla(0,0%,96%,.4);--cds-text-primary:#f4f4f4;--cds-text-secondary:#c6c6c6;--cds-toggle-off:#6f6f6f;--cds-spacing-01:0.125rem;--cds-spacing-02:0.25rem;--cds-spacing-03:0.5rem;--cds-spacing-04:0.75rem;--cds-spacing-05:1rem;--cds-spacing-06:1.5rem;--cds-spacing-07:2rem;--cds-spacing-08:2.5rem;--cds-spacing-09:3rem;--cds-spacing-10:4rem;--cds-spacing-11:5rem;--cds-spacing-12:6rem;--cds-spacing-13:10rem;--cds-fluid-spacing-01:0;--cds-fluid-spacing-02:2vw;--cds-fluid-spacing-03:5vw;--cds-fluid-spacing-04:10vw;--cds-caption-01-font-size:0.75rem;--cds-caption-01-font-weight:400;--cds-caption-01-line-height:1.33333;--cds-caption-01-letter-spacing:0.32px;--cds-caption-02-font-size:0.875rem;--cds-caption-02-font-weight:400;--cds-caption-02-line-height:1.28572;--cds-caption-02-letter-spacing:0.32px;--cds-label-01-font-size:0.75rem;--cds-label-01-font-weight:400;--cds-label-01-line-height:1.33333;--cds-label-01-letter-spacing:0.32px;--cds-label-02-font-size:0.875rem;--cds-label-02-font-weight:400;--cds-label-02-line-height:1.28572;--cds-label-02-letter-spacing:0.16px;--cds-helper-text-01-font-size:0.75rem;--cds-helper-text-01-line-height:1.33333;--cds-helper-text-01-letter-spacing:0.32px;--cds-helper-text-02-font-size:0.875rem;--cds-helper-text-02-font-weight:400;--cds-helper-text-02-line-height:1.28572;--cds-helper-text-02-letter-spacing:0.16px;--cds-body-short-01-font-size:0.875rem;--cds-body-short-01-font-weight:400;--cds-body-short-01-line-height:1.28572;--cds-body-short-01-letter-spacing:0.16px;--cds-body-short-02-font-size:1rem;--cds-body-short-02-font-weight:400;--cds-body-short-02-line-height:1.375;--cds-body-short-02-letter-spacing:0;--cds-body-long-01-font-size:0.875rem;--cds-body-long-01-font-weight:400;--cds-body-long-01-line-height:1.42857;--cds-body-long-01-letter-spacing:0.16px;--cds-body-long-02-font-size:1rem;--cds-body-long-02-font-weight:400;--cds-body-long-02-line-height:1.5;--cds-body-long-02-letter-spacing:0;--cds-code-01-font-family:\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace;--cds-code-01-font-size:0.75rem;--cds-code-01-font-weight:400;--cds-code-01-line-height:1.33333;--cds-code-01-letter-spacing:0.32px;--cds-code-02-font-family:\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace;--cds-code-02-font-size:0.875rem;--cds-code-02-font-weight:400;--cds-code-02-line-height:1.42857;--cds-code-02-letter-spacing:0.32px;--cds-heading-01-font-size:0.875rem;--cds-heading-01-font-weight:600;--cds-heading-01-line-height:1.42857;--cds-heading-01-letter-spacing:0.16px;--cds-heading-02-font-size:1rem;--cds-heading-02-font-weight:600;--cds-heading-02-line-height:1.5;--cds-heading-02-letter-spacing:0;--cds-productive-heading-01-font-size:0.875rem;--cds-productive-heading-01-font-weight:600;--cds-productive-heading-01-line-height:1.28572;--cds-productive-heading-01-letter-spacing:0.16px;--cds-productive-heading-02-font-size:1rem;--cds-productive-heading-02-font-weight:600;--cds-productive-heading-02-line-height:1.375;--cds-productive-heading-02-letter-spacing:0;--cds-productive-heading-03-font-size:1.25rem;--cds-productive-heading-03-font-weight:400;--cds-productive-heading-03-line-height:1.4;--cds-productive-heading-03-letter-spacing:0;--cds-productive-heading-04-font-size:1.75rem;--cds-productive-heading-04-font-weight:400;--cds-productive-heading-04-line-height:1.28572;--cds-productive-heading-04-letter-spacing:0;--cds-productive-heading-05-font-size:2rem;--cds-productive-heading-05-font-weight:400;--cds-productive-heading-05-line-height:1.25;--cds-productive-heading-05-letter-spacing:0;--cds-productive-heading-06-font-size:2.625rem;--cds-productive-heading-06-font-weight:300;--cds-productive-heading-06-line-height:1.199;--cds-productive-heading-06-letter-spacing:0;--cds-productive-heading-07-font-size:3.375rem;--cds-productive-heading-07-font-weight:300;--cds-productive-heading-07-line-height:1.19;--cds-productive-heading-07-letter-spacing:0;--cds-expressive-paragraph-01-font-size:1.5rem;--cds-expressive-paragraph-01-font-weight:300;--cds-expressive-paragraph-01-line-height:1.334;--cds-expressive-paragraph-01-letter-spacing:0;--cds-expressive-heading-01-font-size:0.875rem;--cds-expressive-heading-01-font-weight:600;--cds-expressive-heading-01-line-height:1.42857;--cds-expressive-heading-01-letter-spacing:0.16px;--cds-expressive-heading-02-font-size:1rem;--cds-expressive-heading-02-font-weight:600;--cds-expressive-heading-02-line-height:1.5;--cds-expressive-heading-02-letter-spacing:0;--cds-expressive-heading-03-font-size:1.25rem;--cds-expressive-heading-03-font-weight:400;--cds-expressive-heading-03-line-height:1.4;--cds-expressive-heading-03-letter-spacing:0;--cds-expressive-heading-04-font-size:1.75rem;--cds-expressive-heading-04-font-weight:400;--cds-expressive-heading-04-line-height:1.28572;--cds-expressive-heading-04-letter-spacing:0;--cds-expressive-heading-05-font-size:2rem;--cds-expressive-heading-05-font-weight:400;--cds-expressive-heading-05-line-height:1.25;--cds-expressive-heading-05-letter-spacing:0;--cds-expressive-heading-06-font-size:2rem;--cds-expressive-heading-06-font-weight:600;--cds-expressive-heading-06-line-height:1.25;--cds-expressive-heading-06-letter-spacing:0;--cds-quotation-01-font-family:\"IBM Plex Serif\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",serif;--cds-quotation-01-font-size:1.25rem;--cds-quotation-01-font-weight:400;--cds-quotation-01-line-height:1.3;--cds-quotation-01-letter-spacing:0;--cds-quotation-02-font-family:\"IBM Plex Serif\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",serif;--cds-quotation-02-font-size:2rem;--cds-quotation-02-font-weight:300;--cds-quotation-02-line-height:1.25;--cds-quotation-02-letter-spacing:0;--cds-display-01-font-size:2.625rem;--cds-display-01-font-weight:300;--cds-display-01-line-height:1.19;--cds-display-01-letter-spacing:0;--cds-display-02-font-size:2.625rem;--cds-display-02-font-weight:600;--cds-display-02-line-height:1.19;--cds-display-02-letter-spacing:0;--cds-display-03-font-size:2.625rem;--cds-display-03-font-weight:300;--cds-display-03-line-height:1.19;--cds-display-03-letter-spacing:0;--cds-display-04-font-size:2.625rem;--cds-display-04-font-weight:300;--cds-display-04-line-height:1.19;--cds-display-04-letter-spacing:0;--cds-legal-01-font-size:0.75rem;--cds-legal-01-font-weight:400;--cds-legal-01-line-height:1.33333;--cds-legal-01-letter-spacing:0.32px;--cds-legal-02-font-size:0.875rem;--cds-legal-02-font-weight:400;--cds-legal-02-line-height:1.28572;--cds-legal-02-letter-spacing:0.16px;--cds-body-compact-01-font-size:0.875rem;--cds-body-compact-01-font-weight:400;--cds-body-compact-01-line-height:1.28572;--cds-body-compact-01-letter-spacing:0.16px;--cds-body-compact-02-font-size:1rem;--cds-body-compact-02-font-weight:400;--cds-body-compact-02-line-height:1.375;--cds-body-compact-02-letter-spacing:0;--cds-heading-compact-01-font-size:0.875rem;--cds-heading-compact-01-font-weight:600;--cds-heading-compact-01-line-height:1.28572;--cds-heading-compact-01-letter-spacing:0.16px;--cds-heading-compact-02-font-size:1rem;--cds-heading-compact-02-font-weight:600;--cds-heading-compact-02-line-height:1.375;--cds-heading-compact-02-letter-spacing:0;--cds-body-01-font-size:0.875rem;--cds-body-01-font-weight:400;--cds-body-01-line-height:1.42857;--cds-body-01-letter-spacing:0.16px;--cds-body-02-font-size:1rem;--cds-body-02-font-weight:400;--cds-body-02-line-height:1.5;--cds-body-02-letter-spacing:0;--cds-heading-03-font-size:1.25rem;--cds-heading-03-font-weight:400;--cds-heading-03-line-height:1.4;--cds-heading-03-letter-spacing:0;--cds-heading-04-font-size:1.75rem;--cds-heading-04-font-weight:400;--cds-heading-04-line-height:1.28572;--cds-heading-04-letter-spacing:0;--cds-heading-05-font-size:2rem;--cds-heading-05-font-weight:400;--cds-heading-05-line-height:1.25;--cds-heading-05-letter-spacing:0;--cds-heading-06-font-size:2.625rem;--cds-heading-06-font-weight:300;--cds-heading-06-line-height:1.199;--cds-heading-06-letter-spacing:0;--cds-heading-07-font-size:3.375rem;--cds-heading-07-font-weight:300;--cds-heading-07-line-height:1.19;--cds-heading-07-letter-spacing:0;--cds-fluid-heading-03-font-size:1.25rem;--cds-fluid-heading-03-font-weight:400;--cds-fluid-heading-03-line-height:1.4;--cds-fluid-heading-03-letter-spacing:0;--cds-fluid-heading-04-font-size:1.75rem;--cds-fluid-heading-04-font-weight:400;--cds-fluid-heading-04-line-height:1.28572;--cds-fluid-heading-04-letter-spacing:0;--cds-fluid-heading-05-font-size:2rem;--cds-fluid-heading-05-font-weight:400;--cds-fluid-heading-05-line-height:1.25;--cds-fluid-heading-05-letter-spacing:0;--cds-fluid-heading-06-font-size:2rem;--cds-fluid-heading-06-font-weight:600;--cds-fluid-heading-06-line-height:1.25;--cds-fluid-heading-06-letter-spacing:0;--cds-fluid-paragraph-01-font-size:1.5rem;--cds-fluid-paragraph-01-font-weight:300;--cds-fluid-paragraph-01-line-height:1.334;--cds-fluid-paragraph-01-letter-spacing:0;--cds-fluid-quotation-01-font-family:\"IBM Plex Serif\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",serif;--cds-fluid-quotation-01-font-size:1.25rem;--cds-fluid-quotation-01-font-weight:400;--cds-fluid-quotation-01-line-height:1.3;--cds-fluid-quotation-01-letter-spacing:0;--cds-fluid-quotation-02-font-family:\"IBM Plex Serif\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",serif;--cds-fluid-quotation-02-font-size:2rem;--cds-fluid-quotation-02-font-weight:300;--cds-fluid-quotation-02-line-height:1.25;--cds-fluid-quotation-02-letter-spacing:0;--cds-fluid-display-01-font-size:2.625rem;--cds-fluid-display-01-font-weight:300;--cds-fluid-display-01-line-height:1.19;--cds-fluid-display-01-letter-spacing:0;--cds-fluid-display-02-font-size:2.625rem;--cds-fluid-display-02-font-weight:600;--cds-fluid-display-02-line-height:1.19;--cds-fluid-display-02-letter-spacing:0;--cds-fluid-display-03-font-size:2.625rem;--cds-fluid-display-03-font-weight:300;--cds-fluid-display-03-line-height:1.19;--cds-fluid-display-03-letter-spacing:0;--cds-fluid-display-04-font-size:2.625rem;--cds-fluid-display-04-font-weight:300;--cds-fluid-display-04-line-height:1.19;--cds-fluid-display-04-letter-spacing:0;--cds-true: ;color-scheme:var(--cds-color-scheme,light)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.c4p--guidebanner{--cds-icon-primary:ButtonText;--cds-icon-secondary:ButtonText;--cds-icon-interactive:ButtonText;--cds-icon-disabled:GrayText;--cds-icon-on-color-disabled:GrayText;--cds-icon-inverse:SelectedItemText;--cds-icon-on-color:SelectedItemText;--cds-interactive:ButtonText;--cds-link-primary:LinkText;--cds-link-primary-hover:LinkText;--cds-link-secondary:LinkText;--cds-link-inverse:SelectedItemText;--cds-link-inverse-hover:SelectedItemText;--cds-link-inverse-visited:SelectedItemText;--cds-link-visited:VisitedText;--cds-background-selected:SelectedItem;--cds-background-selected-hover:SelectedItem;--cds-background-inverse:SelectedItem;--cds-layer-selected-inverse:SelectedItem;--cds-focus:Highlight}}.c4p--guidebanner{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6);background:linear-gradient(90deg,#001d6c,#6929c4);background-color:#001d6c;position:relative}.c4p--guidebanner__icon-idea{color:#f4f4f4;inset-block-start:1rem;inset-inline-start:1rem;position:absolute}.c4p--guidebanner__title{color:#f4f4f4;font-size:var(--cds-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0);line-height:var(--cds-heading-compact-02-line-height,1.375);padding:1rem 10.9375rem 0 3.25rem}.c4p--guidebanner__close-button{inset-block-start:0;inset-inline-end:0;position:absolute}.c4p--guidebanner__close-button button{block-size:2rem;inline-size:2rem;min-block-size:2rem;padding-block-start:6px}.c4p--guidebanner__close-button button:active,.c4p--guidebanner__close-button button:hover{background-color:#7433e3}.c4p--guidebanner__close-button button path{fill:#fff}.c4p--guidebanner__carousel{color:#f4f4f4;padding:0 0 1rem}.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__carousel{margin-block-end:0}.c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element{display:flex;flex-flow:column;flex-shrink:0;inline-size:25rem;margin:1rem 0 0;max-block-size:32rem;opacity:1;padding-inline-start:3.25rem;scroll-snap-align:start;transition:max-height 50ms cubic-bezier(.2,0,1,.9),margin-top 50ms cubic-bezier(.2,0,1,.9),opacity .3s cubic-bezier(.2,0,1,.9)}.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element{margin-block-start:0;max-block-size:.5rem;opacity:0}.c4p--guidebanner__carousel .c4p--carousel__item:last-child .c4p--guidebanner__element{inline-size:28rem;padding-inline-end:3.25rem}.c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element-title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572);margin:1rem 0 0}.c4p--guidebanner__carousel .c4p--guidebanner__element-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);margin-block-end:1rem}.c4p--guidebanner__carousel .cds--btn--tertiary{border-color:#fff;color:#fff}.c4p--guidebanner__carousel .cds--btn--tertiary:active,.c4p--guidebanner__carousel .cds--btn--tertiary:hover{background-color:#fff;border-color:#fff;color:#161616}.c4p--guidebanner__carousel .cds--btn--tertiary svg{block-size:1rem;flex-shrink:0;inline-size:1rem;inset-inline-end:1rem;position:absolute}.c4p--guidebanner__carousel .cds--btn--ghost{color:#a6c8ff;margin-inline-start:-1rem}.c4p--guidebanner__carousel .cds--btn--ghost:active,.c4p--guidebanner__carousel .cds--btn--ghost:hover{background-color:#7f3ae7;color:#f4f4f4}.c4p--guidebanner__carousel .c4p--guidebanner__element-link,.c4p--guidebanner__carousel .c4p--guidebanner__element-link:visited{color:#a6c8ff}.c4p--guidebanner__carousel .c4p--guidebanner__element-link:active,.c4p--guidebanner__carousel .c4p--guidebanner__element-link:hover{color:#d0e2ff}.c4p--guidebanner__navigation{border-block-start:.0625rem solid #8a3ffc;display:flex}.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation{border-block-start:none}.c4p--guidebanner__navigation .c4p--guidebanner__toggle-button{color:#a6c8ff;margin-inline-start:2.125rem}.c4p--guidebanner__navigation .c4p--guidebanner__toggle-button:active,.c4p--guidebanner__navigation .c4p--guidebanner__toggle-button:hover{background-color:#7433e3;color:#f4f4f4}.c4p--guidebanner__navigation .c4p--guidebanner__back-button{margin-inline-start:auto}.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation .c4p--guidebanner__back-button,.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation .c4p--guidebanner__next-button{display:none}.c4p--guidebanner__navigation .c4p--guidebanner__back-button button:active,.c4p--guidebanner__navigation .c4p--guidebanner__back-button button:hover,.c4p--guidebanner__navigation .c4p--guidebanner__next-button button:active,.c4p--guidebanner__navigation .c4p--guidebanner__next-button button:hover{background-color:#7433e3}.c4p--guidebanner__navigation .c4p--guidebanner__back-button button path,.c4p--guidebanner__navigation .c4p--guidebanner__next-button button path{fill:#fff}.c4p--guidebanner__navigation .c4p--guidebanner__back-button button[disabled] path,.c4p--guidebanner__navigation .c4p--guidebanner__next-button button[disabled] path{fill:#9b63ff}.c4p--guidebanner__with-left-gutter .c4p--guidebanner__icon-idea{inset-inline-start:2rem}.c4p--guidebanner__with-left-gutter .c4p--guidebanner__title{padding-inline-start:4.25rem}.c4p--guidebanner__with-left-gutter .c4p--carousel__elements-container,.c4p--guidebanner__with-left-gutter .c4p--guidebanner__navigation{padding-inline-start:1rem}.c4p--guidebanner__with-left-gutter .c4p--carousel__elements-container--scrolled{inline-size:4rem}:host(c4p-guide-banner-element) .c4p--guidebanner__element__title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572)}:host(c4p-guide-banner-element) .c4p--guidebanner__element__description{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);margin-block-end:2rem}"]);
11
11
  //#endregion
12
12
  export { guide_banner_element_default as default };
13
13
 
package/es/components/guide-banner/guide-banner.scss.js CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  import { css } from "lit";
9
9
  //#region src/components/guide-banner/guide-banner.scss?lit
10
- var guide_banner_default = css(["a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-feature-settings:\"liga\" 1;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}:root{color-scheme:var(--cds-color-scheme,light)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-heading-06-font-size,2.625rem);font-weight:var(--cds-heading-06-font-weight,300);letter-spacing:var(--cds-heading-06-letter-spacing,0);line-height:var(--cds-heading-06-line-height,1.199)}h2{font-size:var(--cds-heading-05-font-size,2rem);font-weight:var(--cds-heading-05-font-weight,400);letter-spacing:var(--cds-heading-05-letter-spacing,0);line-height:var(--cds-heading-05-line-height,1.25)}h3{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}h4{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}h5{font-size:var(--cds-heading-02-font-size,1rem);font-weight:var(--cds-heading-02-font-weight,600);letter-spacing:var(--cds-heading-02-letter-spacing,0);line-height:var(--cds-heading-02-line-height,1.5)}h6{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}p{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);letter-spacing:var(--cds-body-02-letter-spacing,0);line-height:var(--cds-body-02-line-height,1.5)}a{color:var(--cds-link-primary,#0062fe)}em{font-style:italic}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.c4p--carousel{position:relative}.c4p--carousel:focus{outline:none}.c4p--carousel__elements-container{overflow:hidden}.c4p--carousel__elements-container--scroll-max,.c4p--carousel__elements-container--scrolled{inline-size:2rem;inset-block:0;pointer-events:none;position:absolute;z-index:1}.c4p--carousel__elements-container--scrolled{inset-inline-start:0}.c4p--carousel__elements-container--scroll-max{inset-inline-end:0}.c4p--carousel__elements{display:flex;overflow:scroll;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c4p--carousel__elements:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.c4p--carousel__elements:focus{outline-style:dotted}}@media (prefers-reduced-motion){.c4p--carousel__elements{scroll-behavior:auto}}.c4p--carousel__elements::-webkit-scrollbar{display:none}.c4p--guidebanner{--cds-ai-aura-end:transparent;--cds-ai-aura-hover-background:#333;--cds-ai-aura-hover-end:transparent;--cds-ai-aura-hover-start:rgba(69,137,255,.4);--cds-ai-aura-start:rgba(69,137,255,.1);--cds-ai-aura-start-sm:rgba(69,137,255,.16);--cds-ai-border-end:#4589ff;--cds-ai-border-start:rgba(166,200,255,.36);--cds-ai-border-strong:#78a9ff;--cds-ai-drop-shadow:rgba(0,0,0,.28);--cds-ai-inner-shadow:rgba(69,137,255,.16);--cds-ai-overlay:rgba(0,0,0,.5);--cds-ai-popover-background:#161616;--cds-ai-popover-caret-bottom:#4589ff;--cds-ai-popover-caret-bottom-background:#202d45;--cds-ai-popover-caret-bottom-background-actions:#1e283a;--cds-ai-popover-caret-center:#4870b5;--cds-ai-popover-shadow-outer-01:rgba(0,0,0,.12);--cds-ai-popover-shadow-outer-02:rgba(0,0,0,.08);--cds-ai-skeleton-background:rgba(120,169,255,.5);--cds-ai-skeleton-element-background:rgba(120,169,255,.3);--cds-background:#161616;--cds-background-active:hsla(0,0%,55%,.4);--cds-background-brand:#0f62fe;--cds-background-hover:hsla(0,0%,55%,.16);--cds-background-inverse:#f4f4f4;--cds-background-inverse-hover:#e8e8e8;--cds-background-selected:hsla(0,0%,55%,.24);--cds-background-selected-hover:hsla(0,0%,55%,.32);--cds-border-disabled:hsla(0,0%,55%,.5);--cds-border-interactive:#4589ff;--cds-border-inverse:#f4f4f4;--cds-border-strong-01:#6f6f6f;--cds-border-strong-02:#8d8d8d;--cds-border-strong-03:#a8a8a8;--cds-border-subtle-00:#393939;--cds-border-subtle-01:#525252;--cds-border-subtle-02:#6f6f6f;--cds-border-subtle-03:#6f6f6f;--cds-border-subtle-selected-01:#6f6f6f;--cds-border-subtle-selected-02:#8d8d8d;--cds-border-subtle-selected-03:#8d8d8d;--cds-border-tile-01:#525252;--cds-border-tile-02:#6f6f6f;--cds-border-tile-03:#8d8d8d;--cds-chat-avatar-agent:#c6c6c6;--cds-chat-avatar-bot:#8d8d8d;--cds-chat-avatar-user:#4589ff;--cds-chat-bubble-agent:#262626;--cds-chat-bubble-agent-text:#f4f4f4;--cds-chat-bubble-border:#525252;--cds-chat-bubble-user:#393939;--cds-chat-bubble-user-text:#f4f4f4;--cds-chat-button:#78a9ff;--cds-chat-button-active:hsla(0,0%,55%,.4);--cds-chat-button-hover:hsla(0,0%,55%,.16);--cds-chat-button-selected:hsla(0,0%,55%,.24);--cds-chat-button-text-hover:#a6c8ff;--cds-chat-button-text-selected:#c6c6c6;--cds-chat-header-background:#262626;--cds-chat-header-text:#f4f4f4;--cds-chat-prompt-background:#161616;--cds-chat-prompt-border-end:rgba(38,38,38,0);--cds-chat-prompt-border-start:#262626;--cds-chat-prompt-text:#f4f4f4;--cds-chat-shell-background:#262626;--cds-color-scheme:dark;--cds-field-01:#262626;--cds-field-02:#393939;--cds-field-03:#525252;--cds-field-hover-01:#333;--cds-field-hover-02:#474747;--cds-field-hover-03:#636363;--cds-focus:#fff;--cds-focus-inset:#161616;--cds-focus-inverse:#0f62fe;--cds-highlight:#001d6c;--cds-icon-disabled:hsla(0,0%,96%,.25);--cds-icon-interactive:#fff;--cds-icon-inverse:#161616;--cds-icon-on-color:#fff;--cds-icon-on-color-disabled:hsla(0,0%,100%,.25);--cds-icon-primary:#f4f4f4;--cds-icon-secondary:#c6c6c6;--cds-interactive:#4589ff;--cds-layer-01:#262626;--cds-layer-02:#393939;--cds-layer-03:#525252;--cds-layer-accent-01:#393939;--cds-layer-accent-02:#525252;--cds-layer-accent-03:#6f6f6f;--cds-layer-accent-active-01:#6f6f6f;--cds-layer-accent-active-02:#8d8d8d;--cds-layer-accent-active-03:#393939;--cds-layer-accent-hover-01:#474747;--cds-layer-accent-hover-02:#636363;--cds-layer-accent-hover-03:#5e5e5e;--cds-layer-active-01:#525252;--cds-layer-active-02:#6f6f6f;--cds-layer-active-03:#8d8d8d;--cds-layer-background-01:#161616;--cds-layer-background-02:#262626;--cds-layer-background-03:#393939;--cds-layer-hover-01:#333;--cds-layer-hover-02:#474747;--cds-layer-hover-03:#636363;--cds-layer-selected-01:#393939;--cds-layer-selected-02:#525252;--cds-layer-selected-03:#6f6f6f;--cds-layer-selected-disabled:#a8a8a8;--cds-layer-selected-hover-01:#474747;--cds-layer-selected-hover-02:#636363;--cds-layer-selected-hover-03:#5e5e5e;--cds-layer-selected-inverse:#f4f4f4;--cds-link-inverse:#0f62fe;--cds-link-inverse-active:#161616;--cds-link-inverse-hover:#0043ce;--cds-link-inverse-visited:#8a3ffc;--cds-link-primary:#78a9ff;--cds-link-primary-hover:#a6c8ff;--cds-link-secondary:#a6c8ff;--cds-link-visited:#be95ff;--cds-overlay:rgba(0,0,0,.6);--cds-shadow:rgba(0,0,0,.8);--cds-skeleton-background:#292929;--cds-skeleton-element:#393939;--cds-support-caution-major:#ff832b;--cds-support-caution-minor:#f1c21b;--cds-support-caution-undefined:#a56eff;--cds-support-error:#fa4d56;--cds-support-error-inverse:#da1e28;--cds-support-info:#4589ff;--cds-support-info-inverse:#0043ce;--cds-support-success:#42be65;--cds-support-success-inverse:#24a148;--cds-support-warning:#f1c21b;--cds-support-warning-inverse:#f1c21b;--cds-syntax-angle-bracket:#8d8d8d;--cds-syntax-annotation:#08bdba;--cds-syntax-arithmetic-operator:#e0e0e0;--cds-syntax-atom:#f4f4f4;--cds-syntax-attribute:#33b1ff;--cds-syntax-attribute-name:#33b1ff;--cds-syntax-attribute-value:#f4f4f4;--cds-syntax-bitwise-operator:#e0e0e0;--cds-syntax-block-comment:#42be65;--cds-syntax-bool:#f4f4f4;--cds-syntax-brace:#e0e0e0;--cds-syntax-bracket:#e0e0e0;--cds-syntax-character:#f4f4f4;--cds-syntax-class-name:#3ddbd9;--cds-syntax-color:#f4f4f4;--cds-syntax-comment:#42be65;--cds-syntax-compare-operator:#e0e0e0;--cds-syntax-constant:#4589ff;--cds-syntax-content:#f4f4f4;--cds-syntax-content-separator:#e0e0e0;--cds-syntax-control-keyword:#be95ff;--cds-syntax-control-operator:#be95ff;--cds-syntax-definition:#33b1ff;--cds-syntax-definition-keyword:#33b1ff;--cds-syntax-definition-operator:#33b1ff;--cds-syntax-deleted:#a2191f;--cds-syntax-deref-operator:#e0e0e0;--cds-syntax-doc-comment:#42be65;--cds-syntax-doc-string:#f4f4f4;--cds-syntax-document-meta:#42be65;--cds-syntax-emphasis:#f4f4f4;--cds-syntax-escape:#e0e0e0;--cds-syntax-float:#6fdc8c;--cds-syntax-function:#f1c21b;--cds-syntax-heading:#33b1ff;--cds-syntax-heading-1:#33b1ff;--cds-syntax-heading-2:#33b1ff;--cds-syntax-heading-3:#33b1ff;--cds-syntax-heading-4:#33b1ff;--cds-syntax-heading-5:#33b1ff;--cds-syntax-heading-6:#33b1ff;--cds-syntax-inserted:#198038;--cds-syntax-integer:#6fdc8c;--cds-syntax-invalid:#fa4d56;--cds-syntax-keyword:#4589ff;--cds-syntax-label-name:#a6c8ff;--cds-syntax-line-comment:#42be65;--cds-syntax-link:#4589ff;--cds-syntax-list:#f4f4f4;--cds-syntax-literal:#f4f4f4;--cds-syntax-local:#a6c8ff;--cds-syntax-logic-operator:#e0e0e0;--cds-syntax-macro-name:#f4f4f4;--cds-syntax-meta:#42be65;--cds-syntax-modifier:#4589ff;--cds-syntax-module-keyword:#be95ff;--cds-syntax-monospace:#f4f4f4;--cds-syntax-name:#a6c8ff;--cds-syntax-namespace:#3ddbd9;--cds-syntax-null:#f4f4f4;--cds-syntax-number:#6fdc8c;--cds-syntax-operator:#e0e0e0;--cds-syntax-operator-keyword:#4589ff;--cds-syntax-paren:#e0e0e0;--cds-syntax-processing-instruction:#f4f4f4;--cds-syntax-property-name:#33b1ff;--cds-syntax-punctuation:#e0e0e0;--cds-syntax-quote:#42be65;--cds-syntax-regexp:#be95ff;--cds-syntax-self:#3ddbd9;--cds-syntax-separator:#e0e0e0;--cds-syntax-special:#4589ff;--cds-syntax-special-string:#be95ff;--cds-syntax-square-bracket:#e0e0e0;--cds-syntax-standard:#4589ff;--cds-syntax-strikethrough:#f4f4f4;--cds-syntax-string:#f4f4f4;--cds-syntax-strong:#f4f4f4;--cds-syntax-tag:#3ddbd9;--cds-syntax-tag-name:#3ddbd9;--cds-syntax-type:#3ddbd9;--cds-syntax-type-name:#3ddbd9;--cds-syntax-type-operator:#3ddbd9;--cds-syntax-unit:#6fdc8c;--cds-syntax-update-operator:#e0e0e0;--cds-syntax-url:#e0e0e0;--cds-syntax-variable:#a6c8ff;--cds-syntax-variable-name:#a6c8ff;--cds-text-disabled:hsla(0,0%,96%,.25);--cds-text-error:#ff8389;--cds-text-helper:#a8a8a8;--cds-text-inverse:#161616;--cds-text-on-color:#fff;--cds-text-on-color-disabled:hsla(0,0%,100%,.25);--cds-text-placeholder:hsla(0,0%,96%,.4);--cds-text-primary:#f4f4f4;--cds-text-secondary:#c6c6c6;--cds-toggle-off:#6f6f6f;--cds-spacing-01:0.125rem;--cds-spacing-02:0.25rem;--cds-spacing-03:0.5rem;--cds-spacing-04:0.75rem;--cds-spacing-05:1rem;--cds-spacing-06:1.5rem;--cds-spacing-07:2rem;--cds-spacing-08:2.5rem;--cds-spacing-09:3rem;--cds-spacing-10:4rem;--cds-spacing-11:5rem;--cds-spacing-12:6rem;--cds-spacing-13:10rem;--cds-fluid-spacing-01:0;--cds-fluid-spacing-02:2vw;--cds-fluid-spacing-03:5vw;--cds-fluid-spacing-04:10vw;--cds-caption-01-font-size:0.75rem;--cds-caption-01-font-weight:400;--cds-caption-01-line-height:1.33333;--cds-caption-01-letter-spacing:0.32px;--cds-caption-02-font-size:0.875rem;--cds-caption-02-font-weight:400;--cds-caption-02-line-height:1.28572;--cds-caption-02-letter-spacing:0.32px;--cds-label-01-font-size:0.75rem;--cds-label-01-font-weight:400;--cds-label-01-line-height:1.33333;--cds-label-01-letter-spacing:0.32px;--cds-label-02-font-size:0.875rem;--cds-label-02-font-weight:400;--cds-label-02-line-height:1.28572;--cds-label-02-letter-spacing:0.16px;--cds-helper-text-01-font-size:0.75rem;--cds-helper-text-01-line-height:1.33333;--cds-helper-text-01-letter-spacing:0.32px;--cds-helper-text-02-font-size:0.875rem;--cds-helper-text-02-font-weight:400;--cds-helper-text-02-line-height:1.28572;--cds-helper-text-02-letter-spacing:0.16px;--cds-body-short-01-font-size:0.875rem;--cds-body-short-01-font-weight:400;--cds-body-short-01-line-height:1.28572;--cds-body-short-01-letter-spacing:0.16px;--cds-body-short-02-font-size:1rem;--cds-body-short-02-font-weight:400;--cds-body-short-02-line-height:1.375;--cds-body-short-02-letter-spacing:0;--cds-body-long-01-font-size:0.875rem;--cds-body-long-01-font-weight:400;--cds-body-long-01-line-height:1.42857;--cds-body-long-01-letter-spacing:0.16px;--cds-body-long-02-font-size:1rem;--cds-body-long-02-font-weight:400;--cds-body-long-02-line-height:1.5;--cds-body-long-02-letter-spacing:0;--cds-code-01-font-family:\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace;--cds-code-01-font-size:0.75rem;--cds-code-01-font-weight:400;--cds-code-01-line-height:1.33333;--cds-code-01-letter-spacing:0.32px;--cds-code-02-font-family:\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace;--cds-code-02-font-size:0.875rem;--cds-code-02-font-weight:400;--cds-code-02-line-height:1.42857;--cds-code-02-letter-spacing:0.32px;--cds-heading-01-font-size:0.875rem;--cds-heading-01-font-weight:600;--cds-heading-01-line-height:1.42857;--cds-heading-01-letter-spacing:0.16px;--cds-heading-02-font-size:1rem;--cds-heading-02-font-weight:600;--cds-heading-02-line-height:1.5;--cds-heading-02-letter-spacing:0;--cds-productive-heading-01-font-size:0.875rem;--cds-productive-heading-01-font-weight:600;--cds-productive-heading-01-line-height:1.28572;--cds-productive-heading-01-letter-spacing:0.16px;--cds-productive-heading-02-font-size:1rem;--cds-productive-heading-02-font-weight:600;--cds-productive-heading-02-line-height:1.375;--cds-productive-heading-02-letter-spacing:0;--cds-productive-heading-03-font-size:1.25rem;--cds-productive-heading-03-font-weight:400;--cds-productive-heading-03-line-height:1.4;--cds-productive-heading-03-letter-spacing:0;--cds-productive-heading-04-font-size:1.75rem;--cds-productive-heading-04-font-weight:400;--cds-productive-heading-04-line-height:1.28572;--cds-productive-heading-04-letter-spacing:0;--cds-productive-heading-05-font-size:2rem;--cds-productive-heading-05-font-weight:400;--cds-productive-heading-05-line-height:1.25;--cds-productive-heading-05-letter-spacing:0;--cds-productive-heading-06-font-size:2.625rem;--cds-productive-heading-06-font-weight:300;--cds-productive-heading-06-line-height:1.199;--cds-productive-heading-06-letter-spacing:0;--cds-productive-heading-07-font-size:3.375rem;--cds-productive-heading-07-font-weight:300;--cds-productive-heading-07-line-height:1.19;--cds-productive-heading-07-letter-spacing:0;--cds-expressive-paragraph-01-font-size:1.5rem;--cds-expressive-paragraph-01-font-weight:300;--cds-expressive-paragraph-01-line-height:1.334;--cds-expressive-paragraph-01-letter-spacing:0;--cds-expressive-heading-01-font-size:0.875rem;--cds-expressive-heading-01-font-weight:600;--cds-expressive-heading-01-line-height:1.42857;--cds-expressive-heading-01-letter-spacing:0.16px;--cds-expressive-heading-02-font-size:1rem;--cds-expressive-heading-02-font-weight:600;--cds-expressive-heading-02-line-height:1.5;--cds-expressive-heading-02-letter-spacing:0;--cds-expressive-heading-03-font-size:1.25rem;--cds-expressive-heading-03-font-weight:400;--cds-expressive-heading-03-line-height:1.4;--cds-expressive-heading-03-letter-spacing:0;--cds-expressive-heading-04-font-size:1.75rem;--cds-expressive-heading-04-font-weight:400;--cds-expressive-heading-04-line-height:1.28572;--cds-expressive-heading-04-letter-spacing:0;--cds-expressive-heading-05-font-size:2rem;--cds-expressive-heading-05-font-weight:400;--cds-expressive-heading-05-line-height:1.25;--cds-expressive-heading-05-letter-spacing:0;--cds-expressive-heading-06-font-size:2rem;--cds-expressive-heading-06-font-weight:600;--cds-expressive-heading-06-line-height:1.25;--cds-expressive-heading-06-letter-spacing:0;--cds-quotation-01-font-family:\"IBM Plex Serif\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",serif;--cds-quotation-01-font-size:1.25rem;--cds-quotation-01-font-weight:400;--cds-quotation-01-line-height:1.3;--cds-quotation-01-letter-spacing:0;--cds-quotation-02-font-family:\"IBM Plex Serif\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",serif;--cds-quotation-02-font-size:2rem;--cds-quotation-02-font-weight:300;--cds-quotation-02-line-height:1.25;--cds-quotation-02-letter-spacing:0;--cds-display-01-font-size:2.625rem;--cds-display-01-font-weight:300;--cds-display-01-line-height:1.19;--cds-display-01-letter-spacing:0;--cds-display-02-font-size:2.625rem;--cds-display-02-font-weight:600;--cds-display-02-line-height:1.19;--cds-display-02-letter-spacing:0;--cds-display-03-font-size:2.625rem;--cds-display-03-font-weight:300;--cds-display-03-line-height:1.19;--cds-display-03-letter-spacing:0;--cds-display-04-font-size:2.625rem;--cds-display-04-font-weight:300;--cds-display-04-line-height:1.19;--cds-display-04-letter-spacing:0;--cds-legal-01-font-size:0.75rem;--cds-legal-01-font-weight:400;--cds-legal-01-line-height:1.33333;--cds-legal-01-letter-spacing:0.32px;--cds-legal-02-font-size:0.875rem;--cds-legal-02-font-weight:400;--cds-legal-02-line-height:1.28572;--cds-legal-02-letter-spacing:0.16px;--cds-body-compact-01-font-size:0.875rem;--cds-body-compact-01-font-weight:400;--cds-body-compact-01-line-height:1.28572;--cds-body-compact-01-letter-spacing:0.16px;--cds-body-compact-02-font-size:1rem;--cds-body-compact-02-font-weight:400;--cds-body-compact-02-line-height:1.375;--cds-body-compact-02-letter-spacing:0;--cds-heading-compact-01-font-size:0.875rem;--cds-heading-compact-01-font-weight:600;--cds-heading-compact-01-line-height:1.28572;--cds-heading-compact-01-letter-spacing:0.16px;--cds-heading-compact-02-font-size:1rem;--cds-heading-compact-02-font-weight:600;--cds-heading-compact-02-line-height:1.375;--cds-heading-compact-02-letter-spacing:0;--cds-body-01-font-size:0.875rem;--cds-body-01-font-weight:400;--cds-body-01-line-height:1.42857;--cds-body-01-letter-spacing:0.16px;--cds-body-02-font-size:1rem;--cds-body-02-font-weight:400;--cds-body-02-line-height:1.5;--cds-body-02-letter-spacing:0;--cds-heading-03-font-size:1.25rem;--cds-heading-03-font-weight:400;--cds-heading-03-line-height:1.4;--cds-heading-03-letter-spacing:0;--cds-heading-04-font-size:1.75rem;--cds-heading-04-font-weight:400;--cds-heading-04-line-height:1.28572;--cds-heading-04-letter-spacing:0;--cds-heading-05-font-size:2rem;--cds-heading-05-font-weight:400;--cds-heading-05-line-height:1.25;--cds-heading-05-letter-spacing:0;--cds-heading-06-font-size:2.625rem;--cds-heading-06-font-weight:300;--cds-heading-06-line-height:1.199;--cds-heading-06-letter-spacing:0;--cds-heading-07-font-size:3.375rem;--cds-heading-07-font-weight:300;--cds-heading-07-line-height:1.19;--cds-heading-07-letter-spacing:0;--cds-fluid-heading-03-font-size:1.25rem;--cds-fluid-heading-03-font-weight:400;--cds-fluid-heading-03-line-height:1.4;--cds-fluid-heading-03-letter-spacing:0;--cds-fluid-heading-04-font-size:1.75rem;--cds-fluid-heading-04-font-weight:400;--cds-fluid-heading-04-line-height:1.28572;--cds-fluid-heading-04-letter-spacing:0;--cds-fluid-heading-05-font-size:2rem;--cds-fluid-heading-05-font-weight:400;--cds-fluid-heading-05-line-height:1.25;--cds-fluid-heading-05-letter-spacing:0;--cds-fluid-heading-06-font-size:2rem;--cds-fluid-heading-06-font-weight:600;--cds-fluid-heading-06-line-height:1.25;--cds-fluid-heading-06-letter-spacing:0;--cds-fluid-paragraph-01-font-size:1.5rem;--cds-fluid-paragraph-01-font-weight:300;--cds-fluid-paragraph-01-line-height:1.334;--cds-fluid-paragraph-01-letter-spacing:0;--cds-fluid-quotation-01-font-family:\"IBM Plex Serif\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",serif;--cds-fluid-quotation-01-font-size:1.25rem;--cds-fluid-quotation-01-font-weight:400;--cds-fluid-quotation-01-line-height:1.3;--cds-fluid-quotation-01-letter-spacing:0;--cds-fluid-quotation-02-font-family:\"IBM Plex Serif\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",serif;--cds-fluid-quotation-02-font-size:2rem;--cds-fluid-quotation-02-font-weight:300;--cds-fluid-quotation-02-line-height:1.25;--cds-fluid-quotation-02-letter-spacing:0;--cds-fluid-display-01-font-size:2.625rem;--cds-fluid-display-01-font-weight:300;--cds-fluid-display-01-line-height:1.19;--cds-fluid-display-01-letter-spacing:0;--cds-fluid-display-02-font-size:2.625rem;--cds-fluid-display-02-font-weight:600;--cds-fluid-display-02-line-height:1.19;--cds-fluid-display-02-letter-spacing:0;--cds-fluid-display-03-font-size:2.625rem;--cds-fluid-display-03-font-weight:300;--cds-fluid-display-03-line-height:1.19;--cds-fluid-display-03-letter-spacing:0;--cds-fluid-display-04-font-size:2.625rem;--cds-fluid-display-04-font-weight:300;--cds-fluid-display-04-line-height:1.19;--cds-fluid-display-04-letter-spacing:0;--cds-true: ;color-scheme:var(--cds-color-scheme,light)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.c4p--guidebanner{--cds-icon-primary:ButtonText;--cds-icon-secondary:ButtonText;--cds-icon-interactive:ButtonText;--cds-icon-disabled:GrayText;--cds-icon-on-color-disabled:GrayText;--cds-icon-inverse:SelectedItemText;--cds-icon-on-color:SelectedItemText;--cds-button-disabled:GrayText;--cds-interactive:ButtonText;--cds-link-primary:LinkText;--cds-link-primary-hover:LinkText;--cds-link-secondary:LinkText;--cds-link-inverse:SelectedItemText;--cds-link-inverse-hover:SelectedItemText;--cds-link-inverse-visited:SelectedItemText;--cds-link-visited:VisitedText;--cds-background-selected:SelectedItem;--cds-background-selected-hover:SelectedItem;--cds-background-inverse:SelectedItem;--cds-layer-selected-inverse:SelectedItem}}.c4p--guidebanner{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6);background:linear-gradient(90deg,#001d6c,#6929c4);background-color:#001d6c;position:relative}.c4p--guidebanner__icon-idea{color:#f4f4f4;inset-block-start:1rem;inset-inline-start:1rem;position:absolute}.c4p--guidebanner__title{color:#f4f4f4;font-size:var(--cds-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0);line-height:var(--cds-heading-compact-02-line-height,1.375);padding:1rem 10.9375rem 0 3.25rem}.c4p--guidebanner__close-button{inset-block-start:0;inset-inline-end:0;position:absolute}.c4p--guidebanner__close-button button{block-size:2rem;inline-size:2rem;min-block-size:2rem;padding-block-start:6px}.c4p--guidebanner__close-button button:active,.c4p--guidebanner__close-button button:hover{background-color:#7433e3}.c4p--guidebanner__close-button button path{fill:#fff}.c4p--guidebanner__carousel{color:#f4f4f4;padding:0 0 1rem}.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__carousel{margin-block-end:0}.c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element{display:flex;flex-flow:column;flex-shrink:0;inline-size:25rem;margin:1rem 0 0;max-block-size:32rem;opacity:1;padding-inline-start:3.25rem;scroll-snap-align:start;transition:max-height 50ms cubic-bezier(.2,0,1,.9),margin-top 50ms cubic-bezier(.2,0,1,.9),opacity .3s cubic-bezier(.2,0,1,.9)}.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element{margin-block-start:0;max-block-size:.5rem;opacity:0}.c4p--guidebanner__carousel .c4p--carousel__item:last-child .c4p--guidebanner__element{inline-size:28rem;padding-inline-end:3.25rem}.c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element-title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572);margin:1rem 0 0}.c4p--guidebanner__carousel .c4p--guidebanner__element-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);margin-block-end:1rem}.c4p--guidebanner__carousel .cds--btn--tertiary{border-color:#fff;color:#fff}.c4p--guidebanner__carousel .cds--btn--tertiary:active,.c4p--guidebanner__carousel .cds--btn--tertiary:hover{background-color:#fff;border-color:#fff;color:#161616}.c4p--guidebanner__carousel .cds--btn--tertiary svg{block-size:1rem;flex-shrink:0;inline-size:1rem;inset-inline-end:1rem;position:absolute}.c4p--guidebanner__carousel .cds--btn--ghost{color:#a6c8ff;margin-inline-start:-1rem}.c4p--guidebanner__carousel .cds--btn--ghost:active,.c4p--guidebanner__carousel .cds--btn--ghost:hover{background-color:#7f3ae7;color:#f4f4f4}.c4p--guidebanner__carousel .c4p--guidebanner__element-link,.c4p--guidebanner__carousel .c4p--guidebanner__element-link:visited{color:#a6c8ff}.c4p--guidebanner__carousel .c4p--guidebanner__element-link:active,.c4p--guidebanner__carousel .c4p--guidebanner__element-link:hover{color:#d0e2ff}.c4p--guidebanner__navigation{border-block-start:.0625rem solid #8a3ffc;display:flex}.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation{border-block-start:none}.c4p--guidebanner__navigation .c4p--guidebanner__toggle-button{color:#a6c8ff;margin-inline-start:2.125rem}.c4p--guidebanner__navigation .c4p--guidebanner__toggle-button:active,.c4p--guidebanner__navigation .c4p--guidebanner__toggle-button:hover{background-color:#7433e3;color:#f4f4f4}.c4p--guidebanner__navigation .c4p--guidebanner__back-button{margin-inline-start:auto}.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation .c4p--guidebanner__back-button,.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation .c4p--guidebanner__next-button{display:none}.c4p--guidebanner__navigation .c4p--guidebanner__back-button button:active,.c4p--guidebanner__navigation .c4p--guidebanner__back-button button:hover,.c4p--guidebanner__navigation .c4p--guidebanner__next-button button:active,.c4p--guidebanner__navigation .c4p--guidebanner__next-button button:hover{background-color:#7433e3}.c4p--guidebanner__navigation .c4p--guidebanner__back-button button path,.c4p--guidebanner__navigation .c4p--guidebanner__next-button button path{fill:#fff}.c4p--guidebanner__navigation .c4p--guidebanner__back-button button[disabled] path,.c4p--guidebanner__navigation .c4p--guidebanner__next-button button[disabled] path{fill:#9b63ff}.c4p--guidebanner__with-left-gutter .c4p--guidebanner__icon-idea{inset-inline-start:2rem}.c4p--guidebanner__with-left-gutter .c4p--guidebanner__title{padding-inline-start:4.25rem}.c4p--guidebanner__with-left-gutter .c4p--carousel__elements-container,.c4p--guidebanner__with-left-gutter .c4p--guidebanner__navigation{padding-inline-start:1rem}.c4p--guidebanner__with-left-gutter .c4p--carousel__elements-container--scrolled{inline-size:4rem}:host(c4p-guide-banner) details{display:flex;flex-direction:column-reverse}:host(c4p-guide-banner) ::-webkit-details-marker,:host(c4p-guide-banner) ::marker{content:\"\";display:none}:host(c4p-guide-banner) .c4p--guidebanner__title{padding-block-end:1rem}"]);
10
+ var guide_banner_default = css(["a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-feature-settings:\"liga\" 1;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}:root{color-scheme:var(--cds-color-scheme,light)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-heading-06-font-size,2.625rem);font-weight:var(--cds-heading-06-font-weight,300);letter-spacing:var(--cds-heading-06-letter-spacing,0);line-height:var(--cds-heading-06-line-height,1.199)}h2{font-size:var(--cds-heading-05-font-size,2rem);font-weight:var(--cds-heading-05-font-weight,400);letter-spacing:var(--cds-heading-05-letter-spacing,0);line-height:var(--cds-heading-05-line-height,1.25)}h3{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}h4{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}h5{font-size:var(--cds-heading-02-font-size,1rem);font-weight:var(--cds-heading-02-font-weight,600);letter-spacing:var(--cds-heading-02-letter-spacing,0);line-height:var(--cds-heading-02-line-height,1.5)}h6{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}p{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);letter-spacing:var(--cds-body-02-letter-spacing,0);line-height:var(--cds-body-02-line-height,1.5)}a{color:var(--cds-link-primary,#0062fe)}em{font-style:italic}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.c4p--carousel{position:relative}.c4p--carousel:focus{outline:none}.c4p--carousel__elements-container{overflow:hidden}.c4p--carousel__elements-container--scroll-max,.c4p--carousel__elements-container--scrolled{inline-size:2rem;inset-block:0;pointer-events:none;position:absolute;z-index:1}.c4p--carousel__elements-container--scrolled{inset-inline-start:0}.c4p--carousel__elements-container--scroll-max{inset-inline-end:0}.c4p--carousel__elements{display:flex;overflow:scroll;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c4p--carousel__elements:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.c4p--carousel__elements:focus{outline-style:dotted}}@media (prefers-reduced-motion){.c4p--carousel__elements{scroll-behavior:auto}}.c4p--carousel__elements::-webkit-scrollbar{display:none}.c4p--guidebanner{--cds-ai-aura-end:transparent;--cds-ai-aura-hover-background:#333;--cds-ai-aura-hover-end:transparent;--cds-ai-aura-hover-start:rgba(69,137,255,.4);--cds-ai-aura-start:rgba(69,137,255,.1);--cds-ai-aura-start-sm:rgba(69,137,255,.16);--cds-ai-border-end:#4589ff;--cds-ai-border-start:rgba(166,200,255,.36);--cds-ai-border-strong:#78a9ff;--cds-ai-drop-shadow:rgba(0,0,0,.28);--cds-ai-inner-shadow:rgba(69,137,255,.16);--cds-ai-overlay:rgba(0,0,0,.5);--cds-ai-popover-background:#161616;--cds-ai-popover-caret-bottom:#4589ff;--cds-ai-popover-caret-bottom-background:#202d45;--cds-ai-popover-caret-bottom-background-actions:#1e283a;--cds-ai-popover-caret-center:#4870b5;--cds-ai-popover-shadow-outer-01:rgba(0,0,0,.12);--cds-ai-popover-shadow-outer-02:rgba(0,0,0,.08);--cds-ai-skeleton-background:rgba(120,169,255,.5);--cds-ai-skeleton-element-background:rgba(120,169,255,.3);--cds-background:#161616;--cds-background-active:hsla(0,0%,55%,.4);--cds-background-brand:#0f62fe;--cds-background-hover:hsla(0,0%,55%,.16);--cds-background-inverse:#f4f4f4;--cds-background-inverse-hover:#e8e8e8;--cds-background-selected:hsla(0,0%,55%,.24);--cds-background-selected-hover:hsla(0,0%,55%,.32);--cds-border-disabled:hsla(0,0%,55%,.5);--cds-border-interactive:#4589ff;--cds-border-inverse:#f4f4f4;--cds-border-strong-01:#6f6f6f;--cds-border-strong-02:#8d8d8d;--cds-border-strong-03:#a8a8a8;--cds-border-subtle-00:#393939;--cds-border-subtle-01:#525252;--cds-border-subtle-02:#6f6f6f;--cds-border-subtle-03:#6f6f6f;--cds-border-subtle-selected-01:#6f6f6f;--cds-border-subtle-selected-02:#8d8d8d;--cds-border-subtle-selected-03:#8d8d8d;--cds-border-tile-01:#525252;--cds-border-tile-02:#6f6f6f;--cds-border-tile-03:#8d8d8d;--cds-chat-avatar-agent:#c6c6c6;--cds-chat-avatar-bot:#8d8d8d;--cds-chat-avatar-user:#4589ff;--cds-chat-bubble-agent:#262626;--cds-chat-bubble-agent-text:#f4f4f4;--cds-chat-bubble-border:#525252;--cds-chat-bubble-user:#393939;--cds-chat-bubble-user-text:#f4f4f4;--cds-chat-button:#78a9ff;--cds-chat-button-active:hsla(0,0%,55%,.4);--cds-chat-button-hover:hsla(0,0%,55%,.16);--cds-chat-button-selected:hsla(0,0%,55%,.24);--cds-chat-button-text-hover:#a6c8ff;--cds-chat-button-text-selected:#c6c6c6;--cds-chat-header-background:#262626;--cds-chat-header-text:#f4f4f4;--cds-chat-prompt-background:#161616;--cds-chat-prompt-border-end:rgba(38,38,38,0);--cds-chat-prompt-border-start:#262626;--cds-chat-prompt-text:#f4f4f4;--cds-chat-shell-background:#262626;--cds-color-scheme:dark;--cds-field-01:#262626;--cds-field-02:#393939;--cds-field-03:#525252;--cds-field-hover-01:#333;--cds-field-hover-02:#474747;--cds-field-hover-03:#636363;--cds-focus:#fff;--cds-focus-inset:#161616;--cds-focus-inverse:#0f62fe;--cds-highlight:#001d6c;--cds-icon-disabled:hsla(0,0%,96%,.25);--cds-icon-interactive:#fff;--cds-icon-inverse:#161616;--cds-icon-on-color:#fff;--cds-icon-on-color-disabled:hsla(0,0%,100%,.25);--cds-icon-primary:#f4f4f4;--cds-icon-secondary:#c6c6c6;--cds-interactive:#4589ff;--cds-layer-01:#262626;--cds-layer-02:#393939;--cds-layer-03:#525252;--cds-layer-accent-01:#393939;--cds-layer-accent-02:#525252;--cds-layer-accent-03:#6f6f6f;--cds-layer-accent-active-01:#6f6f6f;--cds-layer-accent-active-02:#8d8d8d;--cds-layer-accent-active-03:#393939;--cds-layer-accent-hover-01:#474747;--cds-layer-accent-hover-02:#636363;--cds-layer-accent-hover-03:#5e5e5e;--cds-layer-active-01:#525252;--cds-layer-active-02:#6f6f6f;--cds-layer-active-03:#8d8d8d;--cds-layer-background-01:#161616;--cds-layer-background-02:#262626;--cds-layer-background-03:#393939;--cds-layer-hover-01:#333;--cds-layer-hover-02:#474747;--cds-layer-hover-03:#636363;--cds-layer-selected-01:#393939;--cds-layer-selected-02:#525252;--cds-layer-selected-03:#6f6f6f;--cds-layer-selected-disabled:#a8a8a8;--cds-layer-selected-hover-01:#474747;--cds-layer-selected-hover-02:#636363;--cds-layer-selected-hover-03:#5e5e5e;--cds-layer-selected-inverse:#f4f4f4;--cds-link-inverse:#0f62fe;--cds-link-inverse-active:#161616;--cds-link-inverse-hover:#0043ce;--cds-link-inverse-visited:#8a3ffc;--cds-link-primary:#78a9ff;--cds-link-primary-hover:#a6c8ff;--cds-link-secondary:#a6c8ff;--cds-link-visited:#be95ff;--cds-overlay:rgba(0,0,0,.6);--cds-shadow:rgba(0,0,0,.8);--cds-skeleton-background:#292929;--cds-skeleton-element:#393939;--cds-support-caution-major:#ff832b;--cds-support-caution-minor:#f1c21b;--cds-support-caution-undefined:#a56eff;--cds-support-error:#fa4d56;--cds-support-error-inverse:#da1e28;--cds-support-info:#4589ff;--cds-support-info-inverse:#0043ce;--cds-support-success:#42be65;--cds-support-success-inverse:#24a148;--cds-support-warning:#f1c21b;--cds-support-warning-inverse:#f1c21b;--cds-syntax-angle-bracket:#8d8d8d;--cds-syntax-annotation:#08bdba;--cds-syntax-arithmetic-operator:#e0e0e0;--cds-syntax-atom:#f4f4f4;--cds-syntax-attribute:#33b1ff;--cds-syntax-attribute-name:#33b1ff;--cds-syntax-attribute-value:#f4f4f4;--cds-syntax-bitwise-operator:#e0e0e0;--cds-syntax-block-comment:#42be65;--cds-syntax-bool:#f4f4f4;--cds-syntax-brace:#e0e0e0;--cds-syntax-bracket:#e0e0e0;--cds-syntax-character:#f4f4f4;--cds-syntax-class-name:#3ddbd9;--cds-syntax-color:#f4f4f4;--cds-syntax-comment:#42be65;--cds-syntax-compare-operator:#e0e0e0;--cds-syntax-constant:#4589ff;--cds-syntax-content:#f4f4f4;--cds-syntax-content-separator:#e0e0e0;--cds-syntax-control-keyword:#be95ff;--cds-syntax-control-operator:#be95ff;--cds-syntax-definition:#33b1ff;--cds-syntax-definition-keyword:#33b1ff;--cds-syntax-definition-operator:#33b1ff;--cds-syntax-deleted:#a2191f;--cds-syntax-deref-operator:#e0e0e0;--cds-syntax-doc-comment:#42be65;--cds-syntax-doc-string:#f4f4f4;--cds-syntax-document-meta:#42be65;--cds-syntax-emphasis:#f4f4f4;--cds-syntax-escape:#e0e0e0;--cds-syntax-float:#6fdc8c;--cds-syntax-function:#f1c21b;--cds-syntax-heading:#33b1ff;--cds-syntax-heading-1:#33b1ff;--cds-syntax-heading-2:#33b1ff;--cds-syntax-heading-3:#33b1ff;--cds-syntax-heading-4:#33b1ff;--cds-syntax-heading-5:#33b1ff;--cds-syntax-heading-6:#33b1ff;--cds-syntax-inserted:#198038;--cds-syntax-integer:#6fdc8c;--cds-syntax-invalid:#fa4d56;--cds-syntax-keyword:#4589ff;--cds-syntax-label-name:#a6c8ff;--cds-syntax-line-comment:#42be65;--cds-syntax-link:#4589ff;--cds-syntax-list:#f4f4f4;--cds-syntax-literal:#f4f4f4;--cds-syntax-local:#a6c8ff;--cds-syntax-logic-operator:#e0e0e0;--cds-syntax-macro-name:#f4f4f4;--cds-syntax-meta:#42be65;--cds-syntax-modifier:#4589ff;--cds-syntax-module-keyword:#be95ff;--cds-syntax-monospace:#f4f4f4;--cds-syntax-name:#a6c8ff;--cds-syntax-namespace:#3ddbd9;--cds-syntax-null:#f4f4f4;--cds-syntax-number:#6fdc8c;--cds-syntax-operator:#e0e0e0;--cds-syntax-operator-keyword:#4589ff;--cds-syntax-paren:#e0e0e0;--cds-syntax-processing-instruction:#f4f4f4;--cds-syntax-property-name:#33b1ff;--cds-syntax-punctuation:#e0e0e0;--cds-syntax-quote:#42be65;--cds-syntax-regexp:#be95ff;--cds-syntax-self:#3ddbd9;--cds-syntax-separator:#e0e0e0;--cds-syntax-special:#4589ff;--cds-syntax-special-string:#be95ff;--cds-syntax-square-bracket:#e0e0e0;--cds-syntax-standard:#4589ff;--cds-syntax-strikethrough:#f4f4f4;--cds-syntax-string:#f4f4f4;--cds-syntax-strong:#f4f4f4;--cds-syntax-tag:#3ddbd9;--cds-syntax-tag-name:#3ddbd9;--cds-syntax-type:#3ddbd9;--cds-syntax-type-name:#3ddbd9;--cds-syntax-type-operator:#3ddbd9;--cds-syntax-unit:#6fdc8c;--cds-syntax-update-operator:#e0e0e0;--cds-syntax-url:#e0e0e0;--cds-syntax-variable:#a6c8ff;--cds-syntax-variable-name:#a6c8ff;--cds-text-disabled:hsla(0,0%,96%,.25);--cds-text-error:#ff8389;--cds-text-helper:#a8a8a8;--cds-text-inverse:#161616;--cds-text-on-color:#fff;--cds-text-on-color-disabled:hsla(0,0%,100%,.25);--cds-text-placeholder:hsla(0,0%,96%,.4);--cds-text-primary:#f4f4f4;--cds-text-secondary:#c6c6c6;--cds-toggle-off:#6f6f6f;--cds-spacing-01:0.125rem;--cds-spacing-02:0.25rem;--cds-spacing-03:0.5rem;--cds-spacing-04:0.75rem;--cds-spacing-05:1rem;--cds-spacing-06:1.5rem;--cds-spacing-07:2rem;--cds-spacing-08:2.5rem;--cds-spacing-09:3rem;--cds-spacing-10:4rem;--cds-spacing-11:5rem;--cds-spacing-12:6rem;--cds-spacing-13:10rem;--cds-fluid-spacing-01:0;--cds-fluid-spacing-02:2vw;--cds-fluid-spacing-03:5vw;--cds-fluid-spacing-04:10vw;--cds-caption-01-font-size:0.75rem;--cds-caption-01-font-weight:400;--cds-caption-01-line-height:1.33333;--cds-caption-01-letter-spacing:0.32px;--cds-caption-02-font-size:0.875rem;--cds-caption-02-font-weight:400;--cds-caption-02-line-height:1.28572;--cds-caption-02-letter-spacing:0.32px;--cds-label-01-font-size:0.75rem;--cds-label-01-font-weight:400;--cds-label-01-line-height:1.33333;--cds-label-01-letter-spacing:0.32px;--cds-label-02-font-size:0.875rem;--cds-label-02-font-weight:400;--cds-label-02-line-height:1.28572;--cds-label-02-letter-spacing:0.16px;--cds-helper-text-01-font-size:0.75rem;--cds-helper-text-01-line-height:1.33333;--cds-helper-text-01-letter-spacing:0.32px;--cds-helper-text-02-font-size:0.875rem;--cds-helper-text-02-font-weight:400;--cds-helper-text-02-line-height:1.28572;--cds-helper-text-02-letter-spacing:0.16px;--cds-body-short-01-font-size:0.875rem;--cds-body-short-01-font-weight:400;--cds-body-short-01-line-height:1.28572;--cds-body-short-01-letter-spacing:0.16px;--cds-body-short-02-font-size:1rem;--cds-body-short-02-font-weight:400;--cds-body-short-02-line-height:1.375;--cds-body-short-02-letter-spacing:0;--cds-body-long-01-font-size:0.875rem;--cds-body-long-01-font-weight:400;--cds-body-long-01-line-height:1.42857;--cds-body-long-01-letter-spacing:0.16px;--cds-body-long-02-font-size:1rem;--cds-body-long-02-font-weight:400;--cds-body-long-02-line-height:1.5;--cds-body-long-02-letter-spacing:0;--cds-code-01-font-family:\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace;--cds-code-01-font-size:0.75rem;--cds-code-01-font-weight:400;--cds-code-01-line-height:1.33333;--cds-code-01-letter-spacing:0.32px;--cds-code-02-font-family:\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace;--cds-code-02-font-size:0.875rem;--cds-code-02-font-weight:400;--cds-code-02-line-height:1.42857;--cds-code-02-letter-spacing:0.32px;--cds-heading-01-font-size:0.875rem;--cds-heading-01-font-weight:600;--cds-heading-01-line-height:1.42857;--cds-heading-01-letter-spacing:0.16px;--cds-heading-02-font-size:1rem;--cds-heading-02-font-weight:600;--cds-heading-02-line-height:1.5;--cds-heading-02-letter-spacing:0;--cds-productive-heading-01-font-size:0.875rem;--cds-productive-heading-01-font-weight:600;--cds-productive-heading-01-line-height:1.28572;--cds-productive-heading-01-letter-spacing:0.16px;--cds-productive-heading-02-font-size:1rem;--cds-productive-heading-02-font-weight:600;--cds-productive-heading-02-line-height:1.375;--cds-productive-heading-02-letter-spacing:0;--cds-productive-heading-03-font-size:1.25rem;--cds-productive-heading-03-font-weight:400;--cds-productive-heading-03-line-height:1.4;--cds-productive-heading-03-letter-spacing:0;--cds-productive-heading-04-font-size:1.75rem;--cds-productive-heading-04-font-weight:400;--cds-productive-heading-04-line-height:1.28572;--cds-productive-heading-04-letter-spacing:0;--cds-productive-heading-05-font-size:2rem;--cds-productive-heading-05-font-weight:400;--cds-productive-heading-05-line-height:1.25;--cds-productive-heading-05-letter-spacing:0;--cds-productive-heading-06-font-size:2.625rem;--cds-productive-heading-06-font-weight:300;--cds-productive-heading-06-line-height:1.199;--cds-productive-heading-06-letter-spacing:0;--cds-productive-heading-07-font-size:3.375rem;--cds-productive-heading-07-font-weight:300;--cds-productive-heading-07-line-height:1.19;--cds-productive-heading-07-letter-spacing:0;--cds-expressive-paragraph-01-font-size:1.5rem;--cds-expressive-paragraph-01-font-weight:300;--cds-expressive-paragraph-01-line-height:1.334;--cds-expressive-paragraph-01-letter-spacing:0;--cds-expressive-heading-01-font-size:0.875rem;--cds-expressive-heading-01-font-weight:600;--cds-expressive-heading-01-line-height:1.42857;--cds-expressive-heading-01-letter-spacing:0.16px;--cds-expressive-heading-02-font-size:1rem;--cds-expressive-heading-02-font-weight:600;--cds-expressive-heading-02-line-height:1.5;--cds-expressive-heading-02-letter-spacing:0;--cds-expressive-heading-03-font-size:1.25rem;--cds-expressive-heading-03-font-weight:400;--cds-expressive-heading-03-line-height:1.4;--cds-expressive-heading-03-letter-spacing:0;--cds-expressive-heading-04-font-size:1.75rem;--cds-expressive-heading-04-font-weight:400;--cds-expressive-heading-04-line-height:1.28572;--cds-expressive-heading-04-letter-spacing:0;--cds-expressive-heading-05-font-size:2rem;--cds-expressive-heading-05-font-weight:400;--cds-expressive-heading-05-line-height:1.25;--cds-expressive-heading-05-letter-spacing:0;--cds-expressive-heading-06-font-size:2rem;--cds-expressive-heading-06-font-weight:600;--cds-expressive-heading-06-line-height:1.25;--cds-expressive-heading-06-letter-spacing:0;--cds-quotation-01-font-family:\"IBM Plex Serif\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",serif;--cds-quotation-01-font-size:1.25rem;--cds-quotation-01-font-weight:400;--cds-quotation-01-line-height:1.3;--cds-quotation-01-letter-spacing:0;--cds-quotation-02-font-family:\"IBM Plex Serif\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",serif;--cds-quotation-02-font-size:2rem;--cds-quotation-02-font-weight:300;--cds-quotation-02-line-height:1.25;--cds-quotation-02-letter-spacing:0;--cds-display-01-font-size:2.625rem;--cds-display-01-font-weight:300;--cds-display-01-line-height:1.19;--cds-display-01-letter-spacing:0;--cds-display-02-font-size:2.625rem;--cds-display-02-font-weight:600;--cds-display-02-line-height:1.19;--cds-display-02-letter-spacing:0;--cds-display-03-font-size:2.625rem;--cds-display-03-font-weight:300;--cds-display-03-line-height:1.19;--cds-display-03-letter-spacing:0;--cds-display-04-font-size:2.625rem;--cds-display-04-font-weight:300;--cds-display-04-line-height:1.19;--cds-display-04-letter-spacing:0;--cds-legal-01-font-size:0.75rem;--cds-legal-01-font-weight:400;--cds-legal-01-line-height:1.33333;--cds-legal-01-letter-spacing:0.32px;--cds-legal-02-font-size:0.875rem;--cds-legal-02-font-weight:400;--cds-legal-02-line-height:1.28572;--cds-legal-02-letter-spacing:0.16px;--cds-body-compact-01-font-size:0.875rem;--cds-body-compact-01-font-weight:400;--cds-body-compact-01-line-height:1.28572;--cds-body-compact-01-letter-spacing:0.16px;--cds-body-compact-02-font-size:1rem;--cds-body-compact-02-font-weight:400;--cds-body-compact-02-line-height:1.375;--cds-body-compact-02-letter-spacing:0;--cds-heading-compact-01-font-size:0.875rem;--cds-heading-compact-01-font-weight:600;--cds-heading-compact-01-line-height:1.28572;--cds-heading-compact-01-letter-spacing:0.16px;--cds-heading-compact-02-font-size:1rem;--cds-heading-compact-02-font-weight:600;--cds-heading-compact-02-line-height:1.375;--cds-heading-compact-02-letter-spacing:0;--cds-body-01-font-size:0.875rem;--cds-body-01-font-weight:400;--cds-body-01-line-height:1.42857;--cds-body-01-letter-spacing:0.16px;--cds-body-02-font-size:1rem;--cds-body-02-font-weight:400;--cds-body-02-line-height:1.5;--cds-body-02-letter-spacing:0;--cds-heading-03-font-size:1.25rem;--cds-heading-03-font-weight:400;--cds-heading-03-line-height:1.4;--cds-heading-03-letter-spacing:0;--cds-heading-04-font-size:1.75rem;--cds-heading-04-font-weight:400;--cds-heading-04-line-height:1.28572;--cds-heading-04-letter-spacing:0;--cds-heading-05-font-size:2rem;--cds-heading-05-font-weight:400;--cds-heading-05-line-height:1.25;--cds-heading-05-letter-spacing:0;--cds-heading-06-font-size:2.625rem;--cds-heading-06-font-weight:300;--cds-heading-06-line-height:1.199;--cds-heading-06-letter-spacing:0;--cds-heading-07-font-size:3.375rem;--cds-heading-07-font-weight:300;--cds-heading-07-line-height:1.19;--cds-heading-07-letter-spacing:0;--cds-fluid-heading-03-font-size:1.25rem;--cds-fluid-heading-03-font-weight:400;--cds-fluid-heading-03-line-height:1.4;--cds-fluid-heading-03-letter-spacing:0;--cds-fluid-heading-04-font-size:1.75rem;--cds-fluid-heading-04-font-weight:400;--cds-fluid-heading-04-line-height:1.28572;--cds-fluid-heading-04-letter-spacing:0;--cds-fluid-heading-05-font-size:2rem;--cds-fluid-heading-05-font-weight:400;--cds-fluid-heading-05-line-height:1.25;--cds-fluid-heading-05-letter-spacing:0;--cds-fluid-heading-06-font-size:2rem;--cds-fluid-heading-06-font-weight:600;--cds-fluid-heading-06-line-height:1.25;--cds-fluid-heading-06-letter-spacing:0;--cds-fluid-paragraph-01-font-size:1.5rem;--cds-fluid-paragraph-01-font-weight:300;--cds-fluid-paragraph-01-line-height:1.334;--cds-fluid-paragraph-01-letter-spacing:0;--cds-fluid-quotation-01-font-family:\"IBM Plex Serif\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",serif;--cds-fluid-quotation-01-font-size:1.25rem;--cds-fluid-quotation-01-font-weight:400;--cds-fluid-quotation-01-line-height:1.3;--cds-fluid-quotation-01-letter-spacing:0;--cds-fluid-quotation-02-font-family:\"IBM Plex Serif\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",serif;--cds-fluid-quotation-02-font-size:2rem;--cds-fluid-quotation-02-font-weight:300;--cds-fluid-quotation-02-line-height:1.25;--cds-fluid-quotation-02-letter-spacing:0;--cds-fluid-display-01-font-size:2.625rem;--cds-fluid-display-01-font-weight:300;--cds-fluid-display-01-line-height:1.19;--cds-fluid-display-01-letter-spacing:0;--cds-fluid-display-02-font-size:2.625rem;--cds-fluid-display-02-font-weight:600;--cds-fluid-display-02-line-height:1.19;--cds-fluid-display-02-letter-spacing:0;--cds-fluid-display-03-font-size:2.625rem;--cds-fluid-display-03-font-weight:300;--cds-fluid-display-03-line-height:1.19;--cds-fluid-display-03-letter-spacing:0;--cds-fluid-display-04-font-size:2.625rem;--cds-fluid-display-04-font-weight:300;--cds-fluid-display-04-line-height:1.19;--cds-fluid-display-04-letter-spacing:0;--cds-true: ;color-scheme:var(--cds-color-scheme,light)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.c4p--guidebanner{--cds-icon-primary:ButtonText;--cds-icon-secondary:ButtonText;--cds-icon-interactive:ButtonText;--cds-icon-disabled:GrayText;--cds-icon-on-color-disabled:GrayText;--cds-icon-inverse:SelectedItemText;--cds-icon-on-color:SelectedItemText;--cds-interactive:ButtonText;--cds-link-primary:LinkText;--cds-link-primary-hover:LinkText;--cds-link-secondary:LinkText;--cds-link-inverse:SelectedItemText;--cds-link-inverse-hover:SelectedItemText;--cds-link-inverse-visited:SelectedItemText;--cds-link-visited:VisitedText;--cds-background-selected:SelectedItem;--cds-background-selected-hover:SelectedItem;--cds-background-inverse:SelectedItem;--cds-layer-selected-inverse:SelectedItem;--cds-focus:Highlight}}.c4p--guidebanner{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6);background:linear-gradient(90deg,#001d6c,#6929c4);background-color:#001d6c;position:relative}.c4p--guidebanner__icon-idea{color:#f4f4f4;inset-block-start:1rem;inset-inline-start:1rem;position:absolute}.c4p--guidebanner__title{color:#f4f4f4;font-size:var(--cds-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0);line-height:var(--cds-heading-compact-02-line-height,1.375);padding:1rem 10.9375rem 0 3.25rem}.c4p--guidebanner__close-button{inset-block-start:0;inset-inline-end:0;position:absolute}.c4p--guidebanner__close-button button{block-size:2rem;inline-size:2rem;min-block-size:2rem;padding-block-start:6px}.c4p--guidebanner__close-button button:active,.c4p--guidebanner__close-button button:hover{background-color:#7433e3}.c4p--guidebanner__close-button button path{fill:#fff}.c4p--guidebanner__carousel{color:#f4f4f4;padding:0 0 1rem}.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__carousel{margin-block-end:0}.c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element{display:flex;flex-flow:column;flex-shrink:0;inline-size:25rem;margin:1rem 0 0;max-block-size:32rem;opacity:1;padding-inline-start:3.25rem;scroll-snap-align:start;transition:max-height 50ms cubic-bezier(.2,0,1,.9),margin-top 50ms cubic-bezier(.2,0,1,.9),opacity .3s cubic-bezier(.2,0,1,.9)}.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element{margin-block-start:0;max-block-size:.5rem;opacity:0}.c4p--guidebanner__carousel .c4p--carousel__item:last-child .c4p--guidebanner__element{inline-size:28rem;padding-inline-end:3.25rem}.c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element-title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572);margin:1rem 0 0}.c4p--guidebanner__carousel .c4p--guidebanner__element-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);margin-block-end:1rem}.c4p--guidebanner__carousel .cds--btn--tertiary{border-color:#fff;color:#fff}.c4p--guidebanner__carousel .cds--btn--tertiary:active,.c4p--guidebanner__carousel .cds--btn--tertiary:hover{background-color:#fff;border-color:#fff;color:#161616}.c4p--guidebanner__carousel .cds--btn--tertiary svg{block-size:1rem;flex-shrink:0;inline-size:1rem;inset-inline-end:1rem;position:absolute}.c4p--guidebanner__carousel .cds--btn--ghost{color:#a6c8ff;margin-inline-start:-1rem}.c4p--guidebanner__carousel .cds--btn--ghost:active,.c4p--guidebanner__carousel .cds--btn--ghost:hover{background-color:#7f3ae7;color:#f4f4f4}.c4p--guidebanner__carousel .c4p--guidebanner__element-link,.c4p--guidebanner__carousel .c4p--guidebanner__element-link:visited{color:#a6c8ff}.c4p--guidebanner__carousel .c4p--guidebanner__element-link:active,.c4p--guidebanner__carousel .c4p--guidebanner__element-link:hover{color:#d0e2ff}.c4p--guidebanner__navigation{border-block-start:.0625rem solid #8a3ffc;display:flex}.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation{border-block-start:none}.c4p--guidebanner__navigation .c4p--guidebanner__toggle-button{color:#a6c8ff;margin-inline-start:2.125rem}.c4p--guidebanner__navigation .c4p--guidebanner__toggle-button:active,.c4p--guidebanner__navigation .c4p--guidebanner__toggle-button:hover{background-color:#7433e3;color:#f4f4f4}.c4p--guidebanner__navigation .c4p--guidebanner__back-button{margin-inline-start:auto}.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation .c4p--guidebanner__back-button,.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation .c4p--guidebanner__next-button{display:none}.c4p--guidebanner__navigation .c4p--guidebanner__back-button button:active,.c4p--guidebanner__navigation .c4p--guidebanner__back-button button:hover,.c4p--guidebanner__navigation .c4p--guidebanner__next-button button:active,.c4p--guidebanner__navigation .c4p--guidebanner__next-button button:hover{background-color:#7433e3}.c4p--guidebanner__navigation .c4p--guidebanner__back-button button path,.c4p--guidebanner__navigation .c4p--guidebanner__next-button button path{fill:#fff}.c4p--guidebanner__navigation .c4p--guidebanner__back-button button[disabled] path,.c4p--guidebanner__navigation .c4p--guidebanner__next-button button[disabled] path{fill:#9b63ff}.c4p--guidebanner__with-left-gutter .c4p--guidebanner__icon-idea{inset-inline-start:2rem}.c4p--guidebanner__with-left-gutter .c4p--guidebanner__title{padding-inline-start:4.25rem}.c4p--guidebanner__with-left-gutter .c4p--carousel__elements-container,.c4p--guidebanner__with-left-gutter .c4p--guidebanner__navigation{padding-inline-start:1rem}.c4p--guidebanner__with-left-gutter .c4p--carousel__elements-container--scrolled{inline-size:4rem}:host(c4p-guide-banner) details{display:flex;flex-direction:column-reverse}:host(c4p-guide-banner) ::-webkit-details-marker,:host(c4p-guide-banner) ::marker{content:\"\";display:none}:host(c4p-guide-banner) .c4p--guidebanner__title{padding-block-end:1rem}"]);
11
11
  //#endregion
12
12
  export { guide_banner_default as default };
13
13
 
package/es/components/interstitial-screen/interstitial-screen-context.d.ts CHANGED
@@ -10,7 +10,7 @@ interface InterstitialDetailsType {
10
10
  carouselAPI?: any;
11
11
  disableActions: disableButtonConfigType;
12
12
  }
13
- export declare const interstitialDetailsSignal: import("@lit-labs/signals").Signal.State<InterstitialDetailsType>;
13
+ export declare const interstitialDetailsSignal: import("signal-polyfill").Signal.State<InterstitialDetailsType>;
14
14
  export declare const resetInterstitialDetailsSignal: () => void;
15
15
  export declare const updateInterstitialDetailsSignal: ({ name, detail }: {
16
16
  name: any;
package/es/components/interstitial-screen/interstitial-screen-context.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"interstitial-screen-context.d.ts","sourceRoot":"","sources":["../../../src/components/interstitial-screen/interstitial-screen-context.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,UAAU,uBAAuB;IAC/B,YAAY,EAAE,OAAO,CAAC;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,EAAE,CAAC;IAC1D,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,cAAc,EAAE,uBAAuB,CAAC;CACzC;AACD,eAAO,MAAM,yBAAyB,mEAMpC,CAAC;AACH,eAAO,MAAM,8BAA8B,YAQ1C,CAAC;AACF,eAAO,MAAM,+BAA+B,GAAI;;;CAAgB,SA2B/D,CAAC"}
1
+ {"version":3,"file":"interstitial-screen-context.d.ts","sourceRoot":"","sources":["../../../src/components/interstitial-screen/interstitial-screen-context.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,UAAU,uBAAuB;IAC/B,YAAY,EAAE,OAAO,CAAC;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,EAAE,CAAC;IAC1D,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,cAAc,EAAE,uBAAuB,CAAC;CACzC;AACD,eAAO,MAAM,yBAAyB,iEAMpC,CAAC;AACH,eAAO,MAAM,8BAA8B,YAQ1C,CAAC;AACF,eAAO,MAAM,+BAA+B,GAAI;;;CAAgB,SA2B/D,CAAC"}
package/es/components/page-header/page-header-actions-set/page-header-actions-set.d.ts CHANGED
@@ -20,6 +20,10 @@ export default class CDSPageHeaderActionsSet extends LitElement {
20
20
  * The list of page action labels for overflow menu.
21
21
  */
22
22
  actionsData: PageAction[];
23
+ /**
24
+ * Aria label for the overflow menu button.
25
+ */
26
+ overflowAriaLabel: string;
23
27
  /**
24
28
  * Container holding all action buttons and the overflow menu.
25
29
  */
package/es/components/page-header/page-header-actions-set/page-header-actions-set.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"page-header-actions-set.d.ts","sourceRoot":"","sources":["../../../../src/components/page-header/page-header-actions-set/page-header-actions-set.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,6DAA6D,CAAC;AAQrE,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAGD,MAAM,CAAC,OAAO,OAAO,uBAAwB,SAAQ,UAAU;IAC7D;;OAEG;IAEH,WAAW,EAAE,UAAU,EAAE,CAAM;IAE/B;;OAEG;IAEH,WAAW,EAAE,UAAU,EAAE,CAAM;IAE/B;;OAEG;IAEH,OAAO,CAAC,SAAS,CAAe;IAEhC;;OAEG;IAEH,OAAO,CAAC,cAAc,CAAe;IAErC,OAAO,CAAC,cAAc,CAA6B;IACnD,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,aAAa,CAAqB;IAC1C,OAAO,CAAC,kBAAkB,CAAK;IAE/B,iBAAiB,IAAI,IAAI;IAKzB,YAAY;IAcZ,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAa/C,OAAO,CAAC,sBAAsB;IAkG9B,oBAAoB;IAQpB,OAAO,CAAC,uBAAuB;IAY/B,MAAM;IAuCN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,6BAA6B,EAAE,uBAAuB,CAAC;KACxD;CACF"}
1
+ {"version":3,"file":"page-header-actions-set.d.ts","sourceRoot":"","sources":["../../../../src/components/page-header/page-header-actions-set/page-header-actions-set.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,6DAA6D,CAAC;AAQrE,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAGD,MAAM,CAAC,OAAO,OAAO,uBAAwB,SAAQ,UAAU;IAC7D;;OAEG;IAEH,WAAW,EAAE,UAAU,EAAE,CAAM;IAE/B;;OAEG;IAEH,WAAW,EAAE,UAAU,EAAE,CAAM;IAE/B;;OAEG;IAEH,iBAAiB,SAAuB;IAExC;;OAEG;IAEH,OAAO,CAAC,SAAS,CAAe;IAEhC;;OAEG;IAEH,OAAO,CAAC,cAAc,CAAe;IAErC,OAAO,CAAC,cAAc,CAA6B;IACnD,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,aAAa,CAAqB;IAC1C,OAAO,CAAC,kBAAkB,CAAK;IAE/B,iBAAiB,IAAI,IAAI;IAKzB,YAAY;IAcZ,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAa/C,OAAO,CAAC,sBAAsB;IAkG9B,oBAAoB;IAQpB,OAAO,CAAC,uBAAuB;IAY/B,MAAM;IAwCN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,6BAA6B,EAAE,uBAAuB,CAAC;KACxD;CACF"}
package/es/components/page-header/page-header-actions-set/page-header-actions-set.js CHANGED
@@ -30,6 +30,7 @@ let CDSPageHeaderActionsSet = class CDSPageHeaderActionsSet extends LitElement {
30
30
  super(..._args);
31
31
  this.hiddenItems = [];
32
32
  this.actionsData = [];
33
+ this.overflowAriaLabel = "More page actions";
33
34
  this.isSetup = false;
34
35
  this.lastContainerWidth = 0;
35
36
  }
@@ -109,12 +110,12 @@ let CDSPageHeaderActionsSet = class CDSPageHeaderActionsSet extends LitElement {
109
110
  }
110
111
  render() {
111
112
  return html`
112
- <div class="${blockClass}">
113
- <div class="${blockClass}__items">
113
+ <ul class="${blockClass}">
114
+ <li class="${blockClass}__items">
114
115
  <slot></slot>
115
- </div>
116
+ </li>
116
117
 
117
- <div data-offset ?data-hidden=${this.hiddenItems.length === 0}>
118
+ <li data-offset ?data-hidden=${this.hiddenItems.length === 0}>
118
119
  <cds-overflow-menu
119
120
  size="md"
120
121
  close-on-activation
@@ -122,6 +123,7 @@ let CDSPageHeaderActionsSet = class CDSPageHeaderActionsSet extends LitElement {
122
123
  leave-delay-ms="0"
123
124
  align="left"
124
125
  data-floating-menu-container
126
+ aria-label="${this.overflowAriaLabel}"
125
127
  >
126
128
  ${iconLoader(OverflowMenuVertical16, {
127
129
  class: `${blockClass}__overflow-svg`,
@@ -138,8 +140,8 @@ let CDSPageHeaderActionsSet = class CDSPageHeaderActionsSet extends LitElement {
138
140
  `)}
139
141
  </cds-overflow-menu-body>
140
142
  </cds-overflow-menu>
141
- </div>
142
- </div>
143
+ </li>
144
+ </ul>
143
145
  `;
144
146
  }
145
147
  static {
@@ -152,6 +154,11 @@ __decorate([property({
152
154
  attribute: "actions-data",
153
155
  reflect: true
154
156
  })], CDSPageHeaderActionsSet.prototype, "actionsData", void 0);
157
+ __decorate([property({
158
+ type: String,
159
+ attribute: "overflow-aria-label",
160
+ reflect: true
161
+ })], CDSPageHeaderActionsSet.prototype, "overflowAriaLabel", void 0);
155
162
  __decorate([query(`.${blockClass}`)], CDSPageHeaderActionsSet.prototype, "container", void 0);
156
163
  __decorate([query(`.${blockClass}__items`)], CDSPageHeaderActionsSet.prototype, "itemsContainer", void 0);
157
164
  CDSPageHeaderActionsSet = __decorate([carbonElement(`c4p-page-header-actions-set`)], CDSPageHeaderActionsSet);
package/es/components/page-header/page-header-actions-set/page-header-actions-set.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"page-header-actions-set.js","names":["styles","customElement"],"sources":["../../../../src/components/page-header/page-header-actions-set/page-header-actions-set.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 { LitElement, html } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport '@carbon/web-components/es/components/overflow-menu/index.js';\nimport OverflowMenuVertical16 from '@carbon/icons/es/overflow-menu--vertical/16.js';\nimport { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';\nimport styles from './page-header-actions-set.scss?lit';\nimport { prefix } from '../../../globals/settings';\n\nconst blockClass = `${prefix}--page-header-actions-set`;\n\ninterface PageAction {\n label: string;\n}\n\n@customElement(`${prefix}-page-header-actions-set`)\nexport default class CDSPageHeaderActionsSet extends LitElement {\n /**\n * Hidden actions that will be rendered in the overflow menu.\n */\n @state()\n hiddenItems: PageAction[] = [];\n\n /**\n * The list of page action labels for overflow menu.\n */\n @property({ type: Array, attribute: 'actions-data', reflect: true })\n actionsData: PageAction[] = [];\n\n /**\n * Container holding all action buttons and the overflow menu.\n */\n @query(`.${blockClass}`)\n private container!: HTMLElement;\n\n /**\n * Items wrapper containing the slotted elements.\n */\n @query(`.${blockClass}__items`)\n private itemsContainer!: HTMLElement;\n\n private resizeObserver: ResizeObserver | undefined;\n private isSetup = false;\n private resizeTimeout: number | undefined;\n private lastContainerWidth = 0;\n\n connectedCallback(): void {\n super.connectedCallback();\n this.style.visibility = 'hidden';\n }\n\n firstUpdated() {\n if (!this.container) {\n return;\n }\n\n this.updateComplete.then(() => {\n requestAnimationFrame(() => {\n this.setupOverflowDetection();\n this.isSetup = true;\n this.style.visibility = 'visible';\n });\n });\n }\n\n updated(changedProperties: Map<string, unknown>) {\n // Only re-setup if actionsData changed and we've already done initial setup\n if (\n this.isSetup &&\n changedProperties.has('actionsData') &&\n !changedProperties.has('hiddenItems')\n ) {\n this.updateComplete.then(() => {\n requestAnimationFrame(() => this.setupOverflowDetection());\n });\n }\n }\n\n private setupOverflowDetection() {\n if (!this.itemsContainer) {\n return;\n }\n\n // Disconnect existing observer if any\n this.resizeObserver?.disconnect();\n\n // Get slotted elements\n const slot = this.shadowRoot?.querySelector('slot') as HTMLSlotElement;\n\n const checkOverflow = () => {\n const slottedElements = slot?.assignedElements() as HTMLElement[];\n\n if (!slottedElements || slottedElements.length === 0) {\n return;\n }\n\n // Use the host element's width as it reflects the actual available space\n const containerWidth =\n this.offsetWidth || this.itemsContainer.clientWidth;\n const overflowMenuWidth = 48; // Approximate width of overflow menu button\n\n // If container has no width yet, skip check\n if (containerWidth === 0) {\n return;\n }\n\n // Prevent resize loop - only recalculate if width changed significantly (>5px)\n if (Math.abs(containerWidth - this.lastContainerWidth) < 5) {\n return;\n }\n this.lastContainerWidth = containerWidth;\n\n // First, check if all items fit without overflow menu\n let totalWidth = 0;\n for (let i = 0; i < slottedElements.length; i++) {\n totalWidth += slottedElements[i].offsetWidth;\n }\n\n // If all items fit, show all and hide overflow menu\n if (totalWidth <= containerWidth) {\n slottedElements.forEach((el) => {\n el.removeAttribute('data-hidden');\n });\n this.hiddenItems = [];\n return;\n }\n\n // Items don't fit, calculate how many can fit with overflow menu\n totalWidth = 0;\n let visibleCount = 0;\n\n for (let i = 0; i < slottedElements.length; i++) {\n const itemWidth = slottedElements[i].offsetWidth;\n\n // Check if this item plus overflow menu would fit\n if (totalWidth + itemWidth + overflowMenuWidth <= containerWidth) {\n totalWidth += itemWidth;\n visibleCount = i + 1;\n } else {\n break;\n }\n }\n\n // Update visibility\n slottedElements.forEach((el, index) => {\n if (index >= visibleCount) {\n el.setAttribute('data-hidden', '');\n } else {\n el.removeAttribute('data-hidden');\n }\n });\n\n // Update hidden items for overflow menu\n this.hiddenItems = this.actionsData?.slice(visibleCount) || [];\n };\n\n // Initial check\n checkOverflow();\n\n // Observe both the host element and items container for size changes with debouncing\n this.resizeObserver = new ResizeObserver(() => {\n // Clear existing timeout\n if (this.resizeTimeout) {\n clearTimeout(this.resizeTimeout);\n }\n\n // Debounce the check to prevent rapid recalculations\n this.resizeTimeout = window.setTimeout(() => {\n checkOverflow();\n }, 100);\n });\n\n this.resizeObserver.observe(this);\n this.resizeObserver.observe(this.itemsContainer);\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.resizeObserver?.disconnect();\n if (this.resizeTimeout) {\n clearTimeout(this.resizeTimeout);\n }\n }\n\n private handleOverflowItemClick(index: number) {\n // Get the slot and find the corresponding slotted element\n const slot = this.shadowRoot?.querySelector('slot') as HTMLSlotElement;\n const slottedElements = slot?.assignedElements() as HTMLElement[];\n const hiddenIndex =\n this.actionsData.length - this.hiddenItems.length + index;\n const button = slottedElements[hiddenIndex];\n if (button) {\n button.click();\n }\n }\n\n render() {\n return html`\n <div class=\"${blockClass}\">\n <div class=\"${blockClass}__items\">\n <slot></slot>\n </div>\n\n <div data-offset ?data-hidden=${this.hiddenItems.length === 0}>\n <cds-overflow-menu\n size=\"md\"\n close-on-activation\n enter-delay-ms=\"0\"\n leave-delay-ms=\"0\"\n align=\"left\"\n data-floating-menu-container\n >\n ${iconLoader(OverflowMenuVertical16, {\n class: `${blockClass}__overflow-svg`,\n slot: 'icon',\n })}\n <span slot=\"tooltip-content\">More actions</span>\n <cds-overflow-menu-body flipped>\n ${repeat(\n this.hiddenItems ?? [],\n (_item, index) => index,\n (item, index) => html`\n <cds-overflow-menu-item\n @click=\"${() => this.handleOverflowItemClick(index)}\"\n >\n ${item.label}\n </cds-overflow-menu-item>\n `\n )}\n </cds-overflow-menu-body>\n </cds-overflow-menu>\n </div>\n </div>\n `;\n }\n static styles = styles;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'c4p-page-header-actions-set': CDSPageHeaderActionsSet;\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,aAAa;AAOJ,IAAA,0BAAA,MAAM,gCAAgC,WAAW;;;qBAKlC,EAAE;qBAMF,EAAE;iBAeZ;4BAEW;;CAE7B,oBAA0B;AACxB,QAAM,mBAAmB;AACzB,OAAK,MAAM,aAAa;;CAG1B,eAAe;AACb,MAAI,CAAC,KAAK,UACR;AAGF,OAAK,eAAe,WAAW;AAC7B,+BAA4B;AAC1B,SAAK,wBAAwB;AAC7B,SAAK,UAAU;AACf,SAAK,MAAM,aAAa;KACxB;IACF;;CAGJ,QAAQ,mBAAyC;AAE/C,MACE,KAAK,WACL,kBAAkB,IAAI,cAAc,IACpC,CAAC,kBAAkB,IAAI,cAAc,CAErC,MAAK,eAAe,WAAW;AAC7B,+BAA4B,KAAK,wBAAwB,CAAC;IAC1D;;CAIN,yBAAiC;AAC/B,MAAI,CAAC,KAAK,eACR;AAIF,OAAK,gBAAgB,YAAY;EAGjC,MAAM,OAAO,KAAK,YAAY,cAAc,OAAO;EAEnD,MAAM,sBAAsB;GAC1B,MAAM,kBAAkB,MAAM,kBAAkB;AAEhD,OAAI,CAAC,mBAAmB,gBAAgB,WAAW,EACjD;GAIF,MAAM,iBACJ,KAAK,eAAe,KAAK,eAAe;GAC1C,MAAM,oBAAoB;AAG1B,OAAI,mBAAmB,EACrB;AAIF,OAAI,KAAK,IAAI,iBAAiB,KAAK,mBAAmB,GAAG,EACvD;AAEF,QAAK,qBAAqB;GAG1B,IAAI,aAAa;AACjB,QAAK,IAAI,IAAI,GAAG,IAAI,gBAAgB,QAAQ,IAC1C,eAAc,gBAAgB,GAAG;AAInC,OAAI,cAAc,gBAAgB;AAChC,oBAAgB,SAAS,OAAO;AAC9B,QAAG,gBAAgB,cAAc;MACjC;AACF,SAAK,cAAc,EAAE;AACrB;;AAIF,gBAAa;GACb,IAAI,eAAe;AAEnB,QAAK,IAAI,IAAI,GAAG,IAAI,gBAAgB,QAAQ,KAAK;IAC/C,MAAM,YAAY,gBAAgB,GAAG;AAGrC,QAAI,aAAa,YAAY,qBAAqB,gBAAgB;AAChE,mBAAc;AACd,oBAAe,IAAI;UAEnB;;AAKJ,mBAAgB,SAAS,IAAI,UAAU;AACrC,QAAI,SAAS,aACX,IAAG,aAAa,eAAe,GAAG;QAElC,IAAG,gBAAgB,cAAc;KAEnC;AAGF,QAAK,cAAc,KAAK,aAAa,MAAM,aAAa,IAAI,EAAE;;AAIhE,iBAAe;AAGf,OAAK,iBAAiB,IAAI,qBAAqB;AAE7C,OAAI,KAAK,cACP,cAAa,KAAK,cAAc;AAIlC,QAAK,gBAAgB,OAAO,iBAAiB;AAC3C,mBAAe;MACd,IAAI;IACP;AAEF,OAAK,eAAe,QAAQ,KAAK;AACjC,OAAK,eAAe,QAAQ,KAAK,eAAe;;CAGlD,uBAAuB;AACrB,QAAM,sBAAsB;AAC5B,OAAK,gBAAgB,YAAY;AACjC,MAAI,KAAK,cACP,cAAa,KAAK,cAAc;;CAIpC,wBAAgC,OAAe;EAM7C,MAAM,WAJO,KAAK,YAAY,cAAc,OAAO,GACrB,kBAAkB,EAE9C,KAAK,YAAY,SAAS,KAAK,YAAY,SAAS;AAEtD,MAAI,OACF,QAAO,OAAO;;CAIlB,SAAS;AACP,SAAO,IAAI;oBACK,WAAW;sBACT,WAAW;;;;wCAIO,KAAK,YAAY,WAAW,EAAE;;;;;;;;;cASxD,WAAW,wBAAwB;GACnC,OAAO,GAAG,WAAW;GACrB,MAAM;GACP,CAAC,CAAC;;;gBAGC,OACA,KAAK,eAAe,EAAE,GACrB,OAAO,UAAU,QACjB,MAAM,UAAU,IAAI;;oCAED,KAAK,wBAAwB,MAAM,CAAC;;sBAElD,KAAK,MAAM;;kBAGlB,CAAC;;;;;;;;gBAOEA;;;YAvNf,OAAO,CAAA,EAAA,wBAAA,WAAA,eAAA,KAAA,EAAA;YAMP,SAAS;CAAE,MAAM;CAAO,WAAW;CAAgB,SAAS;CAAM,CAAC,CAAA,EAAA,wBAAA,WAAA,eAAA,KAAA,EAAA;YAMnE,MAAM,IAAI,aAAa,CAAA,EAAA,wBAAA,WAAA,aAAA,KAAA,EAAA;YAMvB,MAAM,IAAI,WAAW,SAAS,CAAA,EAAA,wBAAA,WAAA,kBAAA,KAAA,EAAA;sCAvBhCC,cAAc,8BAAoC,CAAA,EAAA,wBAAA"}
1
+ {"version":3,"file":"page-header-actions-set.js","names":["styles","customElement"],"sources":["../../../../src/components/page-header/page-header-actions-set/page-header-actions-set.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 { LitElement, html } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport '@carbon/web-components/es/components/overflow-menu/index.js';\nimport OverflowMenuVertical16 from '@carbon/icons/es/overflow-menu--vertical/16.js';\nimport { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';\nimport styles from './page-header-actions-set.scss?lit';\nimport { prefix } from '../../../globals/settings';\n\nconst blockClass = `${prefix}--page-header-actions-set`;\n\ninterface PageAction {\n label: string;\n}\n\n@customElement(`${prefix}-page-header-actions-set`)\nexport default class CDSPageHeaderActionsSet extends LitElement {\n /**\n * Hidden actions that will be rendered in the overflow menu.\n */\n @state()\n hiddenItems: PageAction[] = [];\n\n /**\n * The list of page action labels for overflow menu.\n */\n @property({ type: Array, attribute: 'actions-data', reflect: true })\n actionsData: PageAction[] = [];\n\n /**\n * Aria label for the overflow menu button.\n */\n @property({ type: String, attribute: 'overflow-aria-label', reflect: true })\n overflowAriaLabel = 'More page actions';\n\n /**\n * Container holding all action buttons and the overflow menu.\n */\n @query(`.${blockClass}`)\n private container!: HTMLElement;\n\n /**\n * Items wrapper containing the slotted elements.\n */\n @query(`.${blockClass}__items`)\n private itemsContainer!: HTMLElement;\n\n private resizeObserver: ResizeObserver | undefined;\n private isSetup = false;\n private resizeTimeout: number | undefined;\n private lastContainerWidth = 0;\n\n connectedCallback(): void {\n super.connectedCallback();\n this.style.visibility = 'hidden';\n }\n\n firstUpdated() {\n if (!this.container) {\n return;\n }\n\n this.updateComplete.then(() => {\n requestAnimationFrame(() => {\n this.setupOverflowDetection();\n this.isSetup = true;\n this.style.visibility = 'visible';\n });\n });\n }\n\n updated(changedProperties: Map<string, unknown>) {\n // Only re-setup if actionsData changed and we've already done initial setup\n if (\n this.isSetup &&\n changedProperties.has('actionsData') &&\n !changedProperties.has('hiddenItems')\n ) {\n this.updateComplete.then(() => {\n requestAnimationFrame(() => this.setupOverflowDetection());\n });\n }\n }\n\n private setupOverflowDetection() {\n if (!this.itemsContainer) {\n return;\n }\n\n // Disconnect existing observer if any\n this.resizeObserver?.disconnect();\n\n // Get slotted elements\n const slot = this.shadowRoot?.querySelector('slot') as HTMLSlotElement;\n\n const checkOverflow = () => {\n const slottedElements = slot?.assignedElements() as HTMLElement[];\n\n if (!slottedElements || slottedElements.length === 0) {\n return;\n }\n\n // Use the host element's width as it reflects the actual available space\n const containerWidth =\n this.offsetWidth || this.itemsContainer.clientWidth;\n const overflowMenuWidth = 48; // Approximate width of overflow menu button\n\n // If container has no width yet, skip check\n if (containerWidth === 0) {\n return;\n }\n\n // Prevent resize loop - only recalculate if width changed significantly (>5px)\n if (Math.abs(containerWidth - this.lastContainerWidth) < 5) {\n return;\n }\n this.lastContainerWidth = containerWidth;\n\n // First, check if all items fit without overflow menu\n let totalWidth = 0;\n for (let i = 0; i < slottedElements.length; i++) {\n totalWidth += slottedElements[i].offsetWidth;\n }\n\n // If all items fit, show all and hide overflow menu\n if (totalWidth <= containerWidth) {\n slottedElements.forEach((el) => {\n el.removeAttribute('data-hidden');\n });\n this.hiddenItems = [];\n return;\n }\n\n // Items don't fit, calculate how many can fit with overflow menu\n totalWidth = 0;\n let visibleCount = 0;\n\n for (let i = 0; i < slottedElements.length; i++) {\n const itemWidth = slottedElements[i].offsetWidth;\n\n // Check if this item plus overflow menu would fit\n if (totalWidth + itemWidth + overflowMenuWidth <= containerWidth) {\n totalWidth += itemWidth;\n visibleCount = i + 1;\n } else {\n break;\n }\n }\n\n // Update visibility\n slottedElements.forEach((el, index) => {\n if (index >= visibleCount) {\n el.setAttribute('data-hidden', '');\n } else {\n el.removeAttribute('data-hidden');\n }\n });\n\n // Update hidden items for overflow menu\n this.hiddenItems = this.actionsData?.slice(visibleCount) || [];\n };\n\n // Initial check\n checkOverflow();\n\n // Observe both the host element and items container for size changes with debouncing\n this.resizeObserver = new ResizeObserver(() => {\n // Clear existing timeout\n if (this.resizeTimeout) {\n clearTimeout(this.resizeTimeout);\n }\n\n // Debounce the check to prevent rapid recalculations\n this.resizeTimeout = window.setTimeout(() => {\n checkOverflow();\n }, 100);\n });\n\n this.resizeObserver.observe(this);\n this.resizeObserver.observe(this.itemsContainer);\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.resizeObserver?.disconnect();\n if (this.resizeTimeout) {\n clearTimeout(this.resizeTimeout);\n }\n }\n\n private handleOverflowItemClick(index: number) {\n // Get the slot and find the corresponding slotted element\n const slot = this.shadowRoot?.querySelector('slot') as HTMLSlotElement;\n const slottedElements = slot?.assignedElements() as HTMLElement[];\n const hiddenIndex =\n this.actionsData.length - this.hiddenItems.length + index;\n const button = slottedElements[hiddenIndex];\n if (button) {\n button.click();\n }\n }\n\n render() {\n return html`\n <ul class=\"${blockClass}\">\n <li class=\"${blockClass}__items\">\n <slot></slot>\n </li>\n\n <li data-offset ?data-hidden=${this.hiddenItems.length === 0}>\n <cds-overflow-menu\n size=\"md\"\n close-on-activation\n enter-delay-ms=\"0\"\n leave-delay-ms=\"0\"\n align=\"left\"\n data-floating-menu-container\n aria-label=\"${this.overflowAriaLabel}\"\n >\n ${iconLoader(OverflowMenuVertical16, {\n class: `${blockClass}__overflow-svg`,\n slot: 'icon',\n })}\n <span slot=\"tooltip-content\">More actions</span>\n <cds-overflow-menu-body flipped>\n ${repeat(\n this.hiddenItems ?? [],\n (_item, index) => index,\n (item, index) => html`\n <cds-overflow-menu-item\n @click=\"${() => this.handleOverflowItemClick(index)}\"\n >\n ${item.label}\n </cds-overflow-menu-item>\n `\n )}\n </cds-overflow-menu-body>\n </cds-overflow-menu>\n </li>\n </ul>\n `;\n }\n static styles = styles;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'c4p-page-header-actions-set': CDSPageHeaderActionsSet;\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,aAAa;AAOJ,IAAA,0BAAA,MAAM,gCAAgC,WAAW;;;qBAKlC,EAAE;qBAMF,EAAE;2BAMV;iBAeF;4BAEW;;CAE7B,oBAA0B;AACxB,QAAM,mBAAmB;AACzB,OAAK,MAAM,aAAa;;CAG1B,eAAe;AACb,MAAI,CAAC,KAAK,UACR;AAGF,OAAK,eAAe,WAAW;AAC7B,+BAA4B;AAC1B,SAAK,wBAAwB;AAC7B,SAAK,UAAU;AACf,SAAK,MAAM,aAAa;KACxB;IACF;;CAGJ,QAAQ,mBAAyC;AAE/C,MACE,KAAK,WACL,kBAAkB,IAAI,cAAc,IACpC,CAAC,kBAAkB,IAAI,cAAc,CAErC,MAAK,eAAe,WAAW;AAC7B,+BAA4B,KAAK,wBAAwB,CAAC;IAC1D;;CAIN,yBAAiC;AAC/B,MAAI,CAAC,KAAK,eACR;AAIF,OAAK,gBAAgB,YAAY;EAGjC,MAAM,OAAO,KAAK,YAAY,cAAc,OAAO;EAEnD,MAAM,sBAAsB;GAC1B,MAAM,kBAAkB,MAAM,kBAAkB;AAEhD,OAAI,CAAC,mBAAmB,gBAAgB,WAAW,EACjD;GAIF,MAAM,iBACJ,KAAK,eAAe,KAAK,eAAe;GAC1C,MAAM,oBAAoB;AAG1B,OAAI,mBAAmB,EACrB;AAIF,OAAI,KAAK,IAAI,iBAAiB,KAAK,mBAAmB,GAAG,EACvD;AAEF,QAAK,qBAAqB;GAG1B,IAAI,aAAa;AACjB,QAAK,IAAI,IAAI,GAAG,IAAI,gBAAgB,QAAQ,IAC1C,eAAc,gBAAgB,GAAG;AAInC,OAAI,cAAc,gBAAgB;AAChC,oBAAgB,SAAS,OAAO;AAC9B,QAAG,gBAAgB,cAAc;MACjC;AACF,SAAK,cAAc,EAAE;AACrB;;AAIF,gBAAa;GACb,IAAI,eAAe;AAEnB,QAAK,IAAI,IAAI,GAAG,IAAI,gBAAgB,QAAQ,KAAK;IAC/C,MAAM,YAAY,gBAAgB,GAAG;AAGrC,QAAI,aAAa,YAAY,qBAAqB,gBAAgB;AAChE,mBAAc;AACd,oBAAe,IAAI;UAEnB;;AAKJ,mBAAgB,SAAS,IAAI,UAAU;AACrC,QAAI,SAAS,aACX,IAAG,aAAa,eAAe,GAAG;QAElC,IAAG,gBAAgB,cAAc;KAEnC;AAGF,QAAK,cAAc,KAAK,aAAa,MAAM,aAAa,IAAI,EAAE;;AAIhE,iBAAe;AAGf,OAAK,iBAAiB,IAAI,qBAAqB;AAE7C,OAAI,KAAK,cACP,cAAa,KAAK,cAAc;AAIlC,QAAK,gBAAgB,OAAO,iBAAiB;AAC3C,mBAAe;MACd,IAAI;IACP;AAEF,OAAK,eAAe,QAAQ,KAAK;AACjC,OAAK,eAAe,QAAQ,KAAK,eAAe;;CAGlD,uBAAuB;AACrB,QAAM,sBAAsB;AAC5B,OAAK,gBAAgB,YAAY;AACjC,MAAI,KAAK,cACP,cAAa,KAAK,cAAc;;CAIpC,wBAAgC,OAAe;EAM7C,MAAM,WAJO,KAAK,YAAY,cAAc,OAAO,GACrB,kBAAkB,EAE9C,KAAK,YAAY,SAAS,KAAK,YAAY,SAAS;AAEtD,MAAI,OACF,QAAO,OAAO;;CAIlB,SAAS;AACP,SAAO,IAAI;mBACI,WAAW;qBACT,WAAW;;;;uCAIO,KAAK,YAAY,WAAW,EAAE;;;;;;;;0BAQ3C,KAAK,kBAAkB;;cAEnC,WAAW,wBAAwB;GACnC,OAAO,GAAG,WAAW;GACrB,MAAM;GACP,CAAC,CAAC;;;gBAGC,OACA,KAAK,eAAe,EAAE,GACrB,OAAO,UAAU,QACjB,MAAM,UAAU,IAAI;;oCAED,KAAK,wBAAwB,MAAM,CAAC;;sBAElD,KAAK,MAAM;;kBAGlB,CAAC;;;;;;;;gBAOEA;;;YA9Nf,OAAO,CAAA,EAAA,wBAAA,WAAA,eAAA,KAAA,EAAA;YAMP,SAAS;CAAE,MAAM;CAAO,WAAW;CAAgB,SAAS;CAAM,CAAC,CAAA,EAAA,wBAAA,WAAA,eAAA,KAAA,EAAA;YAMnE,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAuB,SAAS;CAAM,CAAC,CAAA,EAAA,wBAAA,WAAA,qBAAA,KAAA,EAAA;YAM3E,MAAM,IAAI,aAAa,CAAA,EAAA,wBAAA,WAAA,aAAA,KAAA,EAAA;YAMvB,MAAM,IAAI,WAAW,SAAS,CAAA,EAAA,wBAAA,WAAA,kBAAA,KAAA,EAAA;sCA7BhCC,cAAc,8BAAoC,CAAA,EAAA,wBAAA"}
package/es/components/page-header/page-header-actions-set/page-header-actions-set.scss.js CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  import { css } from "lit";
9
9
  //#region src/components/page-header/page-header-actions-set/page-header-actions-set.scss?lit
10
- var page_header_actions_set_default = css([":host(c4p-page-header-actions-set){display:flex;flex:1;max-inline-size:100%;min-inline-size:0}:host(c4p-page-header-actions-set) cds-overflow-menu:not(:defined){display:none}.c4p--page-header-actions-set{align-items:center;display:flex;gap:0;inline-size:100%;min-inline-size:0}.c4p--page-header-actions-set__items{align-items:center;display:flex;flex:1;gap:0;min-inline-size:0;overflow:hidden}.c4p--page-header-actions-set__items ::slotted(*){display:flex;flex-shrink:0}.c4p--page-header-actions-set__items ::slotted([data-hidden]){display:none}@media screen and (prefers-reduced-motion:reduce){[data-offset]{flex-shrink:0;transition:none}[data-offset][data-hidden]{display:none}}[data-offset]{flex-shrink:0;transition:opacity .15s ease-in-out}[data-offset][data-hidden]{display:none}.c4p--page-header-actions-set__overflow-svg{fill:var(--cds-text-primary,#161616)}"]);
10
+ var page_header_actions_set_default = css([":host(c4p-page-header-actions-set){display:flex;flex:1;max-inline-size:100%;min-inline-size:0}:host(c4p-page-header-actions-set) cds-overflow-menu:not(:defined){display:none}.c4p--page-header-actions-set{inline-size:100%;margin:0;padding:0}.c4p--page-header-actions-set,.c4p--page-header-actions-set__items{align-items:center;display:flex;gap:0;list-style:none;min-inline-size:0}.c4p--page-header-actions-set__items{flex:1;overflow:hidden}.c4p--page-header-actions-set__items ::slotted(*){display:flex;flex-shrink:0}.c4p--page-header-actions-set__items ::slotted([data-hidden]){display:none}@media screen and (prefers-reduced-motion:reduce){[data-offset]{flex-shrink:0;transition:none}[data-offset][data-hidden]{display:none}}[data-offset]{flex-shrink:0;transition:opacity .15s ease-in-out}[data-offset][data-hidden]{display:none}.c4p--page-header-actions-set__overflow-svg{fill:var(--cds-text-primary,#161616)}"]);
11
11
  //#endregion
12
12
  export { page_header_actions_set_default as default };
13
13
 
package/es/components/page-header/page-header-actions-set/page-header-actions-set.scss.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"page-header-actions-set.scss.js","names":[],"sources":["../../../../src/components/page-header/page-header-actions-set/page-header-actions-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@use '@carbon/styles/scss/theme' as *;\n\n$prefix: 'c4p';\n$carbon-prefix: 'cds';\n\n/* stylelint-disable selector-type-no-unknown */\n:host(#{$prefix}-page-header-actions-set) {\n display: flex;\n flex: 1;\n max-inline-size: 100%;\n min-inline-size: 0;\n\n // Suppress custom elements until styles are loaded\n #{$carbon-prefix}-overflow-menu:not(:defined) {\n display: none;\n }\n}\n\n$block-class: #{$prefix}--page-header-actions-set;\n\n.#{$block-class} {\n display: flex;\n align-items: center;\n gap: 0;\n inline-size: 100%;\n min-inline-size: 0;\n\n &__items {\n display: flex;\n overflow: hidden;\n flex: 1;\n align-items: center;\n gap: 0;\n min-inline-size: 0;\n\n ::slotted(*) {\n display: flex;\n flex-shrink: 0;\n }\n\n ::slotted([data-hidden]) {\n display: none;\n }\n }\n}\n\n@media screen and (prefers-reduced-motion: reduce) {\n [data-offset] {\n flex-shrink: 0;\n transition: none;\n\n &[data-hidden] {\n display: none;\n }\n }\n}\n\n[data-offset] {\n flex-shrink: 0;\n transition: opacity 0.15s ease-in-out;\n\n &[data-hidden] {\n display: none;\n }\n}\n\n.#{$block-class}__overflow-svg {\n fill: $text-primary;\n}\n"],"mappings":""}
1
+ {"version":3,"file":"page-header-actions-set.scss.js","names":[],"sources":["../../../../src/components/page-header/page-header-actions-set/page-header-actions-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@use '@carbon/styles/scss/theme' as *;\n\n$prefix: 'c4p';\n$carbon-prefix: 'cds';\n\n/* stylelint-disable selector-type-no-unknown */\n:host(#{$prefix}-page-header-actions-set) {\n display: flex;\n flex: 1;\n max-inline-size: 100%;\n min-inline-size: 0;\n\n // Suppress custom elements until styles are loaded\n #{$carbon-prefix}-overflow-menu:not(:defined) {\n display: none;\n }\n}\n\n$block-class: #{$prefix}--page-header-actions-set;\n\n.#{$block-class} {\n display: flex;\n align-items: center;\n padding: 0;\n margin: 0;\n gap: 0;\n inline-size: 100%;\n list-style: none;\n min-inline-size: 0;\n\n &__items {\n display: flex;\n overflow: hidden;\n flex: 1;\n align-items: center;\n gap: 0;\n list-style: none;\n min-inline-size: 0;\n\n ::slotted(*) {\n display: flex;\n flex-shrink: 0;\n }\n\n ::slotted([data-hidden]) {\n display: none;\n }\n }\n}\n\n@media screen and (prefers-reduced-motion: reduce) {\n [data-offset] {\n flex-shrink: 0;\n transition: none;\n\n &[data-hidden] {\n display: none;\n }\n }\n}\n\n[data-offset] {\n flex-shrink: 0;\n transition: opacity 0.15s ease-in-out;\n\n &[data-hidden] {\n display: none;\n }\n}\n\n.#{$block-class}__overflow-svg {\n fill: $text-primary;\n}\n"],"mappings":""}
package/es/components/page-header/page-header-breadcrumb.d.ts CHANGED
@@ -29,6 +29,10 @@ declare class CDSPageHeaderBreadcrumb extends LitElement {
29
29
  * Set to `true` if content actions should be flush (no padding)
30
30
  */
31
31
  contentActionsFlush: boolean;
32
+ /**
33
+ * Aria label for the page header actions navigation.
34
+ */
35
+ actionsAriaLabel: string;
32
36
  context: any;
33
37
  connectedCallback(): void;
34
38
  updated(changedProperties: Map<string, any>): void;
package/es/components/page-header/page-header-breadcrumb.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"page-header-breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header-breadcrumb.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AASvC;;;GAGG;AACH,cACM,uBAAwB,SAAQ,UAAU;IAC9C;;OAEG;IAEH,MAAM,UAAQ;IAEd;;;OAGG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,gBAAgB,UAAS;IAEzB;;OAEG;IAEH,mBAAmB,UAAS;IAI5B,OAAO,MAAC;IAER,iBAAiB;IAMjB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAO3C,OAAO,CAAC,gBAAgB;IAQxB,MAAM;IAqCN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,uBAAuB,CAAC"}
1
+ {"version":3,"file":"page-header-breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header-breadcrumb.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AASvC;;;GAGG;AACH,cACM,uBAAwB,SAAQ,UAAU;IAC9C;;OAEG;IAEH,MAAM,UAAQ;IAEd;;;OAGG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,gBAAgB,UAAS;IAEzB;;OAEG;IAEH,mBAAmB,UAAS;IAE5B;;OAEG;IAEH,gBAAgB,SAAyB;IAIzC,OAAO,MAAC;IAER,iBAAiB;IAMjB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAO3C,OAAO,CAAC,gBAAgB;IAQxB,MAAM;IAyCN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,uBAAuB,CAAC"}
package/es/components/page-header/page-header-breadcrumb.js CHANGED
@@ -34,6 +34,7 @@ let CDSPageHeaderBreadcrumb = class CDSPageHeaderBreadcrumb extends LitElement {
34
34
  this.withinGrid = false;
35
35
  this.pageActionsFlush = false;
36
36
  this.contentActionsFlush = false;
37
+ this.actionsAriaLabel = "Page header actions";
37
38
  }
38
39
  connectedCallback() {
39
40
  super.connectedCallback();
@@ -50,11 +51,16 @@ let CDSPageHeaderBreadcrumb = class CDSPageHeaderBreadcrumb extends LitElement {
50
51
  render() {
51
52
  const { withinGrid, context } = this;
52
53
  const { contentActionsClipped } = context ?? {};
53
- return html`
54
- <div class="${classMap({
54
+ const gridClasses = classMap({
55
55
  [`cds--css-grid`]: !withinGrid,
56
56
  [`cds--subgrid cds--subgrid--wide`]: withinGrid
57
- })}">
57
+ });
58
+ const contentActionClasses = classMap({
59
+ [`c4p--page-header__breadcrumb__content-actions-with-global-actions`]: true,
60
+ [`c4p--page-header__breadcrumb__content-actions-with-global-actions--show`]: contentActionsClipped
61
+ });
62
+ return html`
63
+ <div class="${gridClasses}">
58
64
  <div
59
65
  class="${"cds"}--sm:col-span-4 ${"cds"}--md:col-span-8 ${"cds"}--lg:col-span-16 ${"cds"}--css-grid-column"
60
66
  >
@@ -63,11 +69,12 @@ let CDSPageHeaderBreadcrumb = class CDSPageHeaderBreadcrumb extends LitElement {
63
69
  <slot name="icon"></slot>
64
70
  <slot></slot>
65
71
  </div>
66
- <div class="${"c4p"}--page-header__breadcrumb__actions">
67
- <div class="${classMap({
68
- [`c4p--page-header__breadcrumb__content-actions-with-global-actions`]: true,
69
- [`c4p--page-header__breadcrumb__content-actions-with-global-actions--show`]: contentActionsClipped
70
- })}">
72
+ <div
73
+ class="${"c4p"}--page-header__breadcrumb__actions"
74
+ role="navigation"
75
+ aria-label="${this.actionsAriaLabel}"
76
+ >
77
+ <div class="${contentActionClasses}">
71
78
  <slot name="content-actions"></slot>
72
79
  </div>
73
80
  <slot name="page-actions"></slot>
@@ -97,6 +104,11 @@ __decorate([property({
97
104
  attribute: "content-actions-flush",
98
105
  type: Boolean
99
106
  })], CDSPageHeaderBreadcrumb.prototype, "contentActionsFlush", void 0);
107
+ __decorate([property({
108
+ type: String,
109
+ attribute: "actions-aria-label",
110
+ reflect: true
111
+ })], CDSPageHeaderBreadcrumb.prototype, "actionsAriaLabel", void 0);
100
112
  __decorate([consume({
101
113
  context: pageHeaderContext,
102
114
  subscribe: true