@carbon/ibm-products-web-components 0.21.1 → 0.22.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +102 -15
- package/es/components/about-modal/about-modal.d.ts +19 -3
- package/es/components/about-modal/about-modal.js +33 -2
- package/es/components/about-modal/about-modal.js.map +1 -1
- package/es/components/interstitial-screen/interstitial-screen-body-item.scss.js +1 -1
- package/es/components/interstitial-screen/interstitial-screen-body.d.ts +2 -0
- package/es/components/interstitial-screen/interstitial-screen-body.js +30 -6
- package/es/components/interstitial-screen/interstitial-screen-body.js.map +1 -1
- package/es/components/interstitial-screen/interstitial-screen-body.scss.js +1 -1
- package/es/components/interstitial-screen/interstitial-screen-footer.d.ts +3 -0
- package/es/components/interstitial-screen/interstitial-screen-footer.js +32 -3
- package/es/components/interstitial-screen/interstitial-screen-footer.js.map +1 -1
- package/es/components/interstitial-screen/interstitial-screen-footer.scss.js +1 -1
- package/es/components/interstitial-screen/interstitial-screen-header.d.ts +2 -0
- package/es/components/interstitial-screen/interstitial-screen-header.js +17 -1
- package/es/components/interstitial-screen/interstitial-screen-header.js.map +1 -1
- package/es/components/interstitial-screen/interstitial-screen.d.ts +9 -5
- package/es/components/interstitial-screen/interstitial-screen.js +45 -22
- package/es/components/interstitial-screen/interstitial-screen.js.map +1 -1
- package/es/components/interstitial-screen/interstitial-screen.test.d.ts +1 -0
- package/es/components/interstitial-screen/interstitial-screen.test.js +329 -0
- package/es/components/interstitial-screen/interstitial-screen.test.js.map +1 -0
- package/es/components/notification-panel/notification-panel.d.ts +6 -1
- package/es/components/notification-panel/notification-panel.js +27 -8
- package/es/components/notification-panel/notification-panel.js.map +1 -1
- package/es/components/notification-panel/notification-panel.test.js +53 -0
- package/es/components/notification-panel/notification-panel.test.js.map +1 -1
- package/es/components/options-tile/options-tile.d.ts +9 -2
- package/es/components/options-tile/options-tile.js +26 -12
- package/es/components/options-tile/options-tile.js.map +1 -1
- package/es/components/options-tile/options-tile.scss.js +1 -1
- package/es/components/options-tile/options-tile.test.js +7 -7
- package/es/components/options-tile/options-tile.test.js.map +1 -1
- package/es/components/page-header/_story-assets/set-of-tags/index.d.ts +9 -0
- package/es/components/page-header/_story-assets/set-of-tags/index.js +9 -0
- package/es/components/page-header/_story-assets/set-of-tags/index.js.map +1 -0
- package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.d.ts +40 -0
- package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.js +260 -0
- package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.js.map +1 -0
- package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js +13 -0
- package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js.map +1 -0
- package/es/components/page-header/_story-assets/set-of-tags/utils.d.ts +23 -0
- package/es/components/page-header/_story-assets/set-of-tags/utils.js +44 -0
- package/es/components/page-header/_story-assets/set-of-tags/utils.js.map +1 -0
- package/es/components/page-header/context.d.ts +1 -0
- package/es/components/page-header/context.js +1 -0
- package/es/components/page-header/context.js.map +1 -1
- package/es/components/page-header/page-header-breadcrumb.d.ts +1 -0
- package/es/components/page-header/page-header-breadcrumb.js +14 -2
- package/es/components/page-header/page-header-breadcrumb.js.map +1 -1
- package/es/components/page-header/page-header-content.d.ts +1 -0
- package/es/components/page-header/page-header-content.js +12 -2
- package/es/components/page-header/page-header-content.js.map +1 -1
- package/es/components/page-header/page-header-title-breadcrumb.js +6 -0
- package/es/components/page-header/page-header-title-breadcrumb.js.map +1 -1
- package/es/components/page-header/page-header.d.ts +2 -0
- package/es/components/page-header/page-header.js +33 -1
- package/es/components/page-header/page-header.js.map +1 -1
- package/es/components/page-header/page-header.scss.js +1 -1
- package/es/components/side-panel/_story-assets/index.js +4 -0
- package/es/components/side-panel/_story-assets/index.js.map +1 -1
- package/es/components/side-panel/side-panel.d.ts +12 -13
- package/es/components/side-panel/side-panel.js +59 -89
- package/es/components/side-panel/side-panel.js.map +1 -1
- package/es/components/side-panel/side-panel.scss.js +1 -1
- package/es/components/truncated-text/truncated-text.js +25 -7
- package/es/components/truncated-text/truncated-text.js.map +1 -1
- package/es/components/truncated-text/truncated-text.scss.js +1 -1
- package/es/node_modules/@carbon/utilities/es/overflowHandler/overflowHandler.js +11 -0
- package/es/node_modules/@carbon/utilities/es/overflowHandler/overflowHandler.js.map +1 -0
- package/es/packages/ibm-products-web-components/package.json.js +1 -1
- package/es/utilities/carousel/carousel.d.ts +6 -0
- package/es/utilities/carousel/carousel.js +133 -2
- package/es/utilities/carousel/carousel.js.map +1 -1
- package/es/utilities/carousel/types.d.ts +1 -0
- package/es-custom/components/about-modal/about-modal.d.ts +19 -3
- package/es-custom/components/about-modal/about-modal.js +33 -2
- package/es-custom/components/about-modal/about-modal.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-body-item.scss.js +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-body.d.ts +2 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-body.js +30 -6
- package/es-custom/components/interstitial-screen/interstitial-screen-body.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-body.scss.js +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.d.ts +3 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.js +32 -3
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.scss.js +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-header.d.ts +2 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-header.js +17 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-header.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen.d.ts +9 -5
- package/es-custom/components/interstitial-screen/interstitial-screen.js +45 -22
- package/es-custom/components/interstitial-screen/interstitial-screen.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen.test.d.ts +1 -0
- package/es-custom/components/interstitial-screen/interstitial-screen.test.js +329 -0
- package/es-custom/components/interstitial-screen/interstitial-screen.test.js.map +1 -0
- package/es-custom/components/notification-panel/notification-panel.d.ts +6 -1
- package/es-custom/components/notification-panel/notification-panel.js +27 -8
- package/es-custom/components/notification-panel/notification-panel.js.map +1 -1
- package/es-custom/components/notification-panel/notification-panel.test.js +53 -0
- package/es-custom/components/notification-panel/notification-panel.test.js.map +1 -1
- package/es-custom/components/options-tile/options-tile.d.ts +9 -2
- package/es-custom/components/options-tile/options-tile.js +26 -12
- package/es-custom/components/options-tile/options-tile.js.map +1 -1
- package/es-custom/components/options-tile/options-tile.scss.js +1 -1
- package/es-custom/components/options-tile/options-tile.test.js +7 -7
- package/es-custom/components/options-tile/options-tile.test.js.map +1 -1
- package/es-custom/components/page-header/_story-assets/set-of-tags/index.d.ts +9 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/index.js +9 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/index.js.map +1 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.d.ts +40 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.js +260 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.js.map +1 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js +13 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js.map +1 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/utils.d.ts +23 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/utils.js +44 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/utils.js.map +1 -0
- package/es-custom/components/page-header/context.d.ts +1 -0
- package/es-custom/components/page-header/context.js +1 -0
- package/es-custom/components/page-header/context.js.map +1 -1
- package/es-custom/components/page-header/page-header-breadcrumb.d.ts +1 -0
- package/es-custom/components/page-header/page-header-breadcrumb.js +14 -2
- package/es-custom/components/page-header/page-header-breadcrumb.js.map +1 -1
- package/es-custom/components/page-header/page-header-content.d.ts +1 -0
- package/es-custom/components/page-header/page-header-content.js +12 -2
- package/es-custom/components/page-header/page-header-content.js.map +1 -1
- package/es-custom/components/page-header/page-header-title-breadcrumb.js +6 -0
- package/es-custom/components/page-header/page-header-title-breadcrumb.js.map +1 -1
- package/es-custom/components/page-header/page-header.d.ts +2 -0
- package/es-custom/components/page-header/page-header.js +33 -1
- package/es-custom/components/page-header/page-header.js.map +1 -1
- package/es-custom/components/page-header/page-header.scss.js +1 -1
- package/es-custom/components/side-panel/_story-assets/index.js +4 -0
- package/es-custom/components/side-panel/_story-assets/index.js.map +1 -1
- package/es-custom/components/side-panel/side-panel.d.ts +12 -13
- package/es-custom/components/side-panel/side-panel.js +59 -89
- package/es-custom/components/side-panel/side-panel.js.map +1 -1
- package/es-custom/components/side-panel/side-panel.scss.js +1 -1
- package/es-custom/components/truncated-text/truncated-text.js +25 -7
- package/es-custom/components/truncated-text/truncated-text.js.map +1 -1
- package/es-custom/components/truncated-text/truncated-text.scss.js +1 -1
- package/es-custom/node_modules/@carbon/utilities/es/overflowHandler/overflowHandler.js +11 -0
- package/es-custom/node_modules/@carbon/utilities/es/overflowHandler/overflowHandler.js.map +1 -0
- package/es-custom/packages/ibm-products-web-components/package.json.js +1 -1
- package/es-custom/utilities/carousel/carousel.d.ts +6 -0
- package/es-custom/utilities/carousel/carousel.js +133 -2
- package/es-custom/utilities/carousel/carousel.js.map +1 -1
- package/es-custom/utilities/carousel/types.d.ts +1 -0
- package/lib/components/about-modal/about-modal.d.ts +19 -3
- package/lib/components/interstitial-screen/interstitial-screen-body.d.ts +2 -0
- package/lib/components/interstitial-screen/interstitial-screen-footer.d.ts +3 -0
- package/lib/components/interstitial-screen/interstitial-screen-header.d.ts +2 -0
- package/lib/components/interstitial-screen/interstitial-screen.d.ts +9 -5
- package/lib/components/interstitial-screen/interstitial-screen.test.d.ts +1 -0
- package/lib/components/notification-panel/notification-panel.d.ts +6 -1
- package/lib/components/options-tile/options-tile.d.ts +9 -2
- package/lib/components/page-header/_story-assets/set-of-tags/index.d.ts +9 -0
- package/lib/components/page-header/_story-assets/set-of-tags/set-of-tags.d.ts +40 -0
- package/lib/components/page-header/_story-assets/set-of-tags/utils.d.ts +23 -0
- package/lib/components/page-header/context.d.ts +1 -0
- package/lib/components/page-header/page-header-breadcrumb.d.ts +1 -0
- package/lib/components/page-header/page-header-content.d.ts +1 -0
- package/lib/components/page-header/page-header.d.ts +2 -0
- package/lib/components/side-panel/side-panel.d.ts +12 -13
- package/lib/utilities/carousel/carousel.d.ts +6 -0
- package/lib/utilities/carousel/types.d.ts +1 -0
- package/package.json +4 -3
- package/scss/components/interstitial-screen/interstitial-screen-body-item.scss +1 -1
- package/scss/components/interstitial-screen/interstitial-screen-body.scss +0 -1
- package/scss/components/interstitial-screen/interstitial-screen-footer.scss +0 -1
- package/scss/components/options-tile/options-tile.scss +8 -2
- package/scss/components/options-tile/story-styles.scss +21 -0
- package/scss/components/page-header/_story-assets/set-of-tags/set-of-tags.scss +94 -0
- package/scss/components/page-header/page-header.scss +69 -33
- package/scss/components/truncated-text/truncated-text.scss +4 -0
@@ -7,7 +7,7 @@
|
|
7
7
|
|
8
8
|
import { css } from 'lit';
|
9
9
|
|
10
|
-
var styles = 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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-custom-background,#fff);color:var(--cds-custom-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-custom-heading-06-font-size,2.625rem);font-weight:var(--cds-custom-heading-06-font-weight,300);letter-spacing:var(--cds-custom-heading-06-letter-spacing,0);line-height:var(--cds-custom-heading-06-line-height,1.199)}h2{font-size:var(--cds-custom-heading-05-font-size,2rem);font-weight:var(--cds-custom-heading-05-font-weight,400);letter-spacing:var(--cds-custom-heading-05-letter-spacing,0);line-height:var(--cds-custom-heading-05-line-height,1.25)}h3{font-size:var(--cds-custom-heading-04-font-size,1.75rem);font-weight:var(--cds-custom-heading-04-font-weight,400);letter-spacing:var(--cds-custom-heading-04-letter-spacing,0);line-height:var(--cds-custom-heading-04-line-height,1.28572)}h4{font-size:var(--cds-custom-heading-03-font-size,1.25rem);font-weight:var(--cds-custom-heading-03-font-weight,400);letter-spacing:var(--cds-custom-heading-03-letter-spacing,0);line-height:var(--cds-custom-heading-03-line-height,1.4)}h5{font-size:var(--cds-custom-heading-02-font-size,1rem);font-weight:var(--cds-custom-heading-02-font-weight,600);letter-spacing:var(--cds-custom-heading-02-letter-spacing,0);line-height:var(--cds-custom-heading-02-line-height,1.5)}h6{font-size:var(--cds-custom-heading-01-font-size,.875rem);font-weight:var(--cds-custom-heading-01-font-weight,600);letter-spacing:var(--cds-custom-heading-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-01-line-height,1.42857)}p{font-size:var(--cds-custom-body-02-font-size,1rem);font-weight:var(--cds-custom-body-02-font-weight,400);letter-spacing:var(--cds-custom-body-02-letter-spacing,0);line-height:var(--cds-custom-body-02-line-height,1.5)}a{color:var(--cds-custom-link-primary,#0062fe)}em{font-style:italic}.c4p--action-set,:host(c4p-side-panel) .c4p--side-panel__actions-container{align-items:stretch;background-color:var(--cds-custom-layer-01,#f4f4f4);justify-content:flex-end}.c4p--action-set .c4p--action-set__action-button,:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set__action-button,:host(c4p-side-panel) .c4p--side-panel__actions-container ::slotted(cds-custom-button){align-items:center;font-size:var(--cds-custom-body-short-01-font-size,.875rem);font-weight:var(--cds-custom-body-short-01-font-weight,400);letter-spacing:var(--cds-custom-body-short-01-letter-spacing,.16px);line-height:var(--cds-custom-body-short-01-line-height,1.28572);margin:0}.c4p--action-set .c4p--action-set__action-button.c4p--action-set__action-button--expressive,:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set__action-button--expressive::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set__action-button.c4p--action-set__action-button--expressive{block-size:4rem;padding-block:1rem 2rem}.c4p--action-set.cds-custom--btn-set .c4p--action-set__action-button.cds-custom--btn,.c4p--action-set.cds-custom--btn-set .c4p--action-set__action-button.cds-custom--btn.cds-custom--btn--expressive,:host(c4p-side-panel) .c4p--action-set.cds-custom--btn-set .c4p--side-panel__actions-container .cds-custom--btn::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.cds-custom--btn-set .cds-custom--btn::slotted(cds-custom-button),:host(c4p-side-panel) .cds-custom--btn-set.c4p--side-panel__actions-container .c4p--action-set__action-button.cds-custom--btn,:host(c4p-side-panel) .cds-custom--btn-set.c4p--side-panel__actions-container .cds-custom--btn::slotted(cds-custom-button){max-inline-size:none}.c4p--action-set:not(.c4p--action-set--stacking) .c4p--action-set__action-button--ghost,:host(c4p-side-panel) .c4p--side-panel__actions-container:not(.c4p--action-set--stacking) .c4p--action-set__action-button--ghost{padding-inline-start:2rem}.c4p--action-set.c4p--action-set--row-single .c4p--action-set__action-button--ghost,.c4p--action-set.c4p--action-set--row-single.c4p--action-set--md .c4p--action-set__action-button,:host(c4p-side-panel) .c4p--action-set--row-single.c4p--action-set--md.c4p--side-panel__actions-container .c4p--action-set__action-button,:host(c4p-side-panel) .c4p--action-set--row-single.c4p--action-set--md.c4p--side-panel__actions-container ::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--action-set--row-single.c4p--side-panel__actions-container .c4p--action-set__action-button--ghost,:host(c4p-side-panel) .c4p--action-set.c4p--action-set--row-single.c4p--action-set--md .c4p--side-panel__actions-container ::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.c4p--action-set--row-single.c4p--action-set--md ::slotted(cds-custom-button){flex:0 0 100%}.c4p--action-set.c4p--action-set--row-double .c4p--action-set__action-button--ghost,:host(c4p-side-panel) .c4p--action-set--row-double.c4p--side-panel__actions-container .c4p--action-set__action-button--ghost{flex:1 1 75%}.c4p--action-set.c4p--action-set--row-double.c4p--action-set--lg .c4p--action-set__action-button,.c4p--action-set.c4p--action-set--row-double.c4p--action-set--md .c4p--action-set__action-button,.c4p--action-set.c4p--action-set--row-single.c4p--action-set--lg .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),.c4p--action-set.c4p--action-set--row-triple .c4p--action-set__action-button--ghost,:host(c4p-side-panel) .c4p--action-set--row-double.c4p--action-set--lg.c4p--side-panel__actions-container .c4p--action-set__action-button,:host(c4p-side-panel) .c4p--action-set--row-double.c4p--action-set--lg.c4p--side-panel__actions-container ::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--action-set--row-double.c4p--action-set--md.c4p--side-panel__actions-container .c4p--action-set__action-button,:host(c4p-side-panel) .c4p--action-set--row-double.c4p--action-set--md.c4p--side-panel__actions-container ::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--action-set--row-single.c4p--action-set--lg.c4p--side-panel__actions-container .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-side-panel) .c4p--action-set--row-single.c4p--action-set--lg.c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--action-set--row-triple.c4p--side-panel__actions-container .c4p--action-set__action-button--ghost,:host(c4p-side-panel) .c4p--action-set.c4p--action-set--row-double.c4p--action-set--lg .c4p--side-panel__actions-container ::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--action-set.c4p--action-set--row-double.c4p--action-set--md .c4p--side-panel__actions-container ::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--action-set.c4p--action-set--row-single.c4p--action-set--lg .c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.c4p--action-set--row-double.c4p--action-set--lg ::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.c4p--action-set--row-double.c4p--action-set--md ::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.c4p--action-set--row-single.c4p--action-set--lg :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button){flex:0 1 50%}.c4p--action-set.c4p--action-set--row-triple .c4p--action-set__action-button--ghost,:host(c4p-side-panel) .c4p--action-set--row-triple.c4p--side-panel__actions-container .c4p--action-set__action-button--ghost{flex:1 1 50%}.c4p--action-set.cds-custom--btn-set.c4p--action-set--2xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),.c4p--action-set.cds-custom--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),.c4p--action-set.cds-custom--btn-set.c4p--action-set--row-triple.c4p--action-set--lg .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),.c4p--action-set.cds-custom--btn-set.c4p--action-set--xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-side-panel) .c4p--action-set.cds-custom--btn-set.c4p--action-set--2xl .c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--action-set.cds-custom--btn-set.c4p--action-set--row-quadruple .c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--action-set.cds-custom--btn-set.c4p--action-set--row-triple.c4p--action-set--lg .c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--action-set.cds-custom--btn-set.c4p--action-set--xl .c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.cds-custom--btn-set.c4p--action-set--2xl :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.cds-custom--btn-set.c4p--action-set--row-quadruple :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.cds-custom--btn-set.c4p--action-set--row-triple.c4p--action-set--lg :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.cds-custom--btn-set.c4p--action-set--xl :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button),:host(c4p-side-panel) .cds-custom--btn-set.c4p--action-set--2xl.c4p--side-panel__actions-container .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-side-panel) .cds-custom--btn-set.c4p--action-set--2xl.c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button),:host(c4p-side-panel) .cds-custom--btn-set.c4p--action-set--row-quadruple.c4p--side-panel__actions-container .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-side-panel) .cds-custom--btn-set.c4p--action-set--row-quadruple.c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button),:host(c4p-side-panel) .cds-custom--btn-set.c4p--action-set--row-triple.c4p--action-set--lg.c4p--side-panel__actions-container .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-side-panel) .cds-custom--btn-set.c4p--action-set--row-triple.c4p--action-set--lg.c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button),:host(c4p-side-panel) .cds-custom--btn-set.c4p--action-set--xl.c4p--side-panel__actions-container .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-side-panel) .cds-custom--btn-set.c4p--action-set--xl.c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button){flex:0 1 25%;max-inline-size:14.5rem}.c4p--action-set.cds-custom--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button--ghost,:host(c4p-side-panel) .cds-custom--btn-set.c4p--action-set--row-quadruple.c4p--side-panel__actions-container .c4p--action-set__action-button--ghost{flex:1 1 25%}.c4p--action-set .c4p--action-set__action-button .cds-custom--inline-loading,:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set__action-button .cds-custom--inline-loading,:host(c4p-side-panel) .c4p--side-panel__actions-container ::slotted(cds-custom-button) .cds-custom--inline-loading{inline-size:2rem;inset-block-start:0;inset-inline-end:0;position:absolute}:root{--cds-custom-grid-gutter:2rem;--cds-custom-grid-columns:4;--cds-custom-grid-margin:0}@media (min-width:42rem){:root{--cds-custom-grid-columns:8;--cds-custom-grid-margin:1rem}}@media (min-width:66rem){:root{--cds-custom-grid-columns:16}}@media (min-width:99rem){:root{--cds-custom-grid-margin:1.5rem}}.cds-custom--css-grid{--cds-custom-grid-gutter-start:calc(var(--cds-custom-grid-gutter)/2);--cds-custom-grid-gutter-end:calc(var(--cds-custom-grid-gutter)/2);--cds-custom-grid-column-hang:calc(var(--cds-custom-grid-gutter)/2);display:grid;grid-template-columns:repeat(var(--cds-custom-grid-columns),minmax(0,1fr));inline-size:100%;margin-inline:auto;max-inline-size:99rem;padding-inline:var(--cds-custom-grid-margin)}.cds-custom--css-grid--full-width{max-inline-size:100%}.cds-custom--css-grid-column{--cds-custom-grid-mode-start:var(--cds-custom-grid-gutter-start);--cds-custom-grid-mode-end:var(--cds-custom-grid-gutter-end);margin-inline:var(--cds-custom-grid-gutter-start) var(--cds-custom-grid-gutter-end)}[dir=rtl] .cds-custom--css-grid-column{margin-inline:var(--cds-custom-grid-gutter-end) var(--cds-custom-grid-gutter-start)}.cds-custom--css-grid--narrow{--cds-custom-grid-gutter-start:0rem}.cds-custom--css-grid--condensed{--cds-custom-grid-gutter:0.0625rem;--cds-custom-grid-column-hang:0.96875rem}.cds-custom--css-grid--start{margin-inline-start:0}.cds-custom--css-grid--end{margin-inline-end:0}.cds-custom--subgrid{display:grid;grid-template-columns:repeat(var(--cds-custom-grid-columns),minmax(0,1fr));margin-inline:calc(var(--cds-custom-grid-mode-start)*-1) calc(var(--cds-custom-grid-mode-end)*-1)}[dir=rtl] .cds-custom--subgrid{margin-inline:calc(var(--cds-custom-grid-mode-end)*-1) calc(var(--cds-custom-grid-mode-start)*-1)}.cds-custom--subgrid--wide{--cds-custom-grid-gutter-start:1rem;--cds-custom-grid-gutter-end:1rem;--cds-custom-grid-column-hang:0}.cds-custom--subgrid--narrow{--cds-custom-grid-gutter-start:0rem;--cds-custom-grid-gutter-end:1rem;--cds-custom-grid-column-hang:1rem}.cds-custom--subgrid--condensed{--cds-custom-grid-gutter-start:0.03125rem;--cds-custom-grid-gutter-end:0.03125rem;--cds-custom-grid-column-hang:0.96875rem}.cds-custom--grid-column-hang{margin-inline-start:var(--cds-custom-grid-column-hang)}[dir=rtl] .cds-custom--grid-column-hang{margin-inline:initial var(--cds-custom-grid-column-hang)}.cds-custom--col-span-0{display:none}.cds-custom--col-span-1{--cds-custom-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--col-span-2{--cds-custom-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--col-span-3{--cds-custom-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--col-span-4{--cds-custom-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--col-span-5{--cds-custom-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--col-span-6{--cds-custom-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--col-span-7{--cds-custom-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--col-span-8{--cds-custom-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--col-span-9{--cds-custom-grid-columns:9;display:block;grid-column:span 9/span 9}.cds-custom--col-span-10{--cds-custom-grid-columns:10;display:block;grid-column:span 10/span 10}.cds-custom--col-span-11{--cds-custom-grid-columns:11;display:block;grid-column:span 11/span 11}.cds-custom--col-span-12{--cds-custom-grid-columns:12;display:block;grid-column:span 12/span 12}.cds-custom--col-span-13{--cds-custom-grid-columns:13;display:block;grid-column:span 13/span 13}.cds-custom--col-span-14{--cds-custom-grid-columns:14;display:block;grid-column:span 14/span 14}.cds-custom--col-span-15{--cds-custom-grid-columns:15;display:block;grid-column:span 15/span 15}.cds-custom--col-span-16{--cds-custom-grid-columns:16;display:block;grid-column:span 16/span 16}.cds-custom--sm\\:col-span-0{display:none}.cds-custom--sm\\:col-span-1{--cds-custom-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--sm\\:col-span-2{--cds-custom-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--sm\\:col-span-3{--cds-custom-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--sm\\:col-span-4{--cds-custom-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--sm\\:col-span-auto{grid-column:auto}.cds-custom--sm\\:col-span-100{grid-column:1/-1}.cds-custom--sm\\:col-span-75{--cds-custom-grid-columns:3;grid-column:span 3/span 3}.cds-custom--sm\\:col-span-50{--cds-custom-grid-columns:2;grid-column:span 2/span 2}.cds-custom--sm\\:col-span-25{--cds-custom-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){.cds-custom--md\\:col-span-0{display:none}.cds-custom--md\\:col-span-1{--cds-custom-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--md\\:col-span-2{--cds-custom-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--md\\:col-span-3{--cds-custom-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--md\\:col-span-4{--cds-custom-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--md\\:col-span-5{--cds-custom-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--md\\:col-span-6{--cds-custom-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--md\\:col-span-7{--cds-custom-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--md\\:col-span-8{--cds-custom-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--md\\:col-span-auto{grid-column:auto}.cds-custom--md\\:col-span-100{grid-column:1/-1}.cds-custom--md\\:col-span-75{--cds-custom-grid-columns:6;grid-column:span 6/span 6}.cds-custom--md\\:col-span-50{--cds-custom-grid-columns:4;grid-column:span 4/span 4}.cds-custom--md\\:col-span-25{--cds-custom-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){.cds-custom--lg\\:col-span-0{display:none}.cds-custom--lg\\:col-span-1{--cds-custom-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--lg\\:col-span-2{--cds-custom-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--lg\\:col-span-3{--cds-custom-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--lg\\:col-span-4{--cds-custom-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--lg\\:col-span-5{--cds-custom-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--lg\\:col-span-6{--cds-custom-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--lg\\:col-span-7{--cds-custom-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--lg\\:col-span-8{--cds-custom-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--lg\\:col-span-9{--cds-custom-grid-columns:9;display:block;grid-column:span 9/span 9}.cds-custom--lg\\:col-span-10{--cds-custom-grid-columns:10;display:block;grid-column:span 10/span 10}.cds-custom--lg\\:col-span-11{--cds-custom-grid-columns:11;display:block;grid-column:span 11/span 11}.cds-custom--lg\\:col-span-12{--cds-custom-grid-columns:12;display:block;grid-column:span 12/span 12}.cds-custom--lg\\:col-span-13{--cds-custom-grid-columns:13;display:block;grid-column:span 13/span 13}.cds-custom--lg\\:col-span-14{--cds-custom-grid-columns:14;display:block;grid-column:span 14/span 14}.cds-custom--lg\\:col-span-15{--cds-custom-grid-columns:15;display:block;grid-column:span 15/span 15}.cds-custom--lg\\:col-span-16{--cds-custom-grid-columns:16;display:block;grid-column:span 16/span 16}.cds-custom--lg\\:col-span-auto{grid-column:auto}.cds-custom--lg\\:col-span-100{grid-column:1/-1}.cds-custom--lg\\:col-span-75{--cds-custom-grid-columns:12;grid-column:span 12/span 12}.cds-custom--lg\\:col-span-50{--cds-custom-grid-columns:8;grid-column:span 8/span 8}.cds-custom--lg\\:col-span-25{--cds-custom-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-0{display:none}.cds-custom--xlg\\:col-span-1{--cds-custom-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--xlg\\:col-span-2{--cds-custom-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--xlg\\:col-span-3{--cds-custom-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--xlg\\:col-span-4{--cds-custom-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--xlg\\:col-span-5{--cds-custom-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--xlg\\:col-span-6{--cds-custom-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--xlg\\:col-span-7{--cds-custom-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--xlg\\:col-span-8{--cds-custom-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--xlg\\:col-span-9{--cds-custom-grid-columns:9;display:block;grid-column:span 9/span 9}.cds-custom--xlg\\:col-span-10{--cds-custom-grid-columns:10;display:block;grid-column:span 10/span 10}.cds-custom--xlg\\:col-span-11{--cds-custom-grid-columns:11;display:block;grid-column:span 11/span 11}.cds-custom--xlg\\:col-span-12{--cds-custom-grid-columns:12;display:block;grid-column:span 12/span 12}.cds-custom--xlg\\:col-span-13{--cds-custom-grid-columns:13;display:block;grid-column:span 13/span 13}.cds-custom--xlg\\:col-span-14{--cds-custom-grid-columns:14;display:block;grid-column:span 14/span 14}.cds-custom--xlg\\:col-span-15{--cds-custom-grid-columns:15;display:block;grid-column:span 15/span 15}.cds-custom--xlg\\:col-span-16{--cds-custom-grid-columns:16;display:block;grid-column:span 16/span 16}.cds-custom--xlg\\:col-span-auto{grid-column:auto}.cds-custom--xlg\\:col-span-100{grid-column:1/-1}.cds-custom--xlg\\:col-span-75{--cds-custom-grid-columns:12;grid-column:span 12/span 12}.cds-custom--xlg\\:col-span-50{--cds-custom-grid-columns:8;grid-column:span 8/span 8}.cds-custom--xlg\\:col-span-25{--cds-custom-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:99rem){.cds-custom--max\\:col-span-0{display:none}.cds-custom--max\\:col-span-1{--cds-custom-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--max\\:col-span-2{--cds-custom-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--max\\:col-span-3{--cds-custom-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--max\\:col-span-4{--cds-custom-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--max\\:col-span-5{--cds-custom-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--max\\:col-span-6{--cds-custom-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--max\\:col-span-7{--cds-custom-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--max\\:col-span-8{--cds-custom-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--max\\:col-span-9{--cds-custom-grid-columns:9;display:block;grid-column:span 9/span 9}.cds-custom--max\\:col-span-10{--cds-custom-grid-columns:10;display:block;grid-column:span 10/span 10}.cds-custom--max\\:col-span-11{--cds-custom-grid-columns:11;display:block;grid-column:span 11/span 11}.cds-custom--max\\:col-span-12{--cds-custom-grid-columns:12;display:block;grid-column:span 12/span 12}.cds-custom--max\\:col-span-13{--cds-custom-grid-columns:13;display:block;grid-column:span 13/span 13}.cds-custom--max\\:col-span-14{--cds-custom-grid-columns:14;display:block;grid-column:span 14/span 14}.cds-custom--max\\:col-span-15{--cds-custom-grid-columns:15;display:block;grid-column:span 15/span 15}.cds-custom--max\\:col-span-16{--cds-custom-grid-columns:16;display:block;grid-column:span 16/span 16}.cds-custom--max\\:col-span-auto{grid-column:auto}.cds-custom--max\\:col-span-100{grid-column:1/-1}.cds-custom--max\\:col-span-75{--cds-custom-grid-columns:12;grid-column:span 12/span 12}.cds-custom--max\\:col-span-50{--cds-custom-grid-columns:8;grid-column:span 8/span 8}.cds-custom--max\\:col-span-25{--cds-custom-grid-columns:4;grid-column:span 4/span 4}}.cds-custom--col-span-auto{grid-column:auto}.cds-custom--col-span-100{grid-column:1/-1}.cds-custom--col-span-75{--cds-custom-grid-columns:3;grid-column:span 3/span 3}@media (min-width:42rem){.cds-custom--col-span-75{--cds-custom-grid-columns:6;grid-column:span 6/span 6}}@media (min-width:66rem){.cds-custom--col-span-75{--cds-custom-grid-columns:12;grid-column:span 12/span 12}}.cds-custom--col-span-50{--cds-custom-grid-columns:2;grid-column:span 2/span 2}@media (min-width:42rem){.cds-custom--col-span-50{--cds-custom-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:66rem){.cds-custom--col-span-50{--cds-custom-grid-columns:8;grid-column:span 8/span 8}}.cds-custom--col-span-25{--cds-custom-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){.cds-custom--col-span-25{--cds-custom-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){.cds-custom--col-span-25{--cds-custom-grid-columns:4;grid-column:span 4/span 4}}.cds-custom--col-start-1{grid-column-start:1}.cds-custom--col-start-2{grid-column-start:2}.cds-custom--col-start-3{grid-column-start:3}.cds-custom--col-start-4{grid-column-start:4}.cds-custom--col-start-5{grid-column-start:5}.cds-custom--col-start-6{grid-column-start:6}.cds-custom--col-start-7{grid-column-start:7}.cds-custom--col-start-8{grid-column-start:8}.cds-custom--col-start-9{grid-column-start:9}.cds-custom--col-start-10{grid-column-start:10}.cds-custom--col-start-11{grid-column-start:11}.cds-custom--col-start-12{grid-column-start:12}.cds-custom--col-start-13{grid-column-start:13}.cds-custom--col-start-14{grid-column-start:14}.cds-custom--col-start-15{grid-column-start:15}.cds-custom--col-start-16{grid-column-start:16}.cds-custom--col-end-2{grid-column-end:2}.cds-custom--col-end-3{grid-column-end:3}.cds-custom--col-end-4{grid-column-end:4}.cds-custom--col-end-5{grid-column-end:5}.cds-custom--col-end-6{grid-column-end:6}.cds-custom--col-end-7{grid-column-end:7}.cds-custom--col-end-8{grid-column-end:8}.cds-custom--col-end-9{grid-column-end:9}.cds-custom--col-end-10{grid-column-end:10}.cds-custom--col-end-11{grid-column-end:11}.cds-custom--col-end-12{grid-column-end:12}.cds-custom--col-end-13{grid-column-end:13}.cds-custom--col-end-14{grid-column-end:14}.cds-custom--col-end-15{grid-column-end:15}.cds-custom--col-end-16{grid-column-end:16}.cds-custom--col-end-17{grid-column-end:17}.cds-custom--col-start-auto{grid-column-start:auto}.cds-custom--col-end-auto{grid-column-end:auto}.cds-custom--sm\\:col-start-1{grid-column-start:1}.cds-custom--sm\\:col-start-2{grid-column-start:2}.cds-custom--sm\\:col-start-3{grid-column-start:3}.cds-custom--sm\\:col-start-4{grid-column-start:4}.cds-custom--sm\\:col-start-5{grid-column-start:5}.cds-custom--sm\\:col-start-6{grid-column-start:6}.cds-custom--sm\\:col-start-7{grid-column-start:7}.cds-custom--sm\\:col-start-8{grid-column-start:8}.cds-custom--sm\\:col-start-9{grid-column-start:9}.cds-custom--sm\\:col-start-10{grid-column-start:10}.cds-custom--sm\\:col-start-11{grid-column-start:11}.cds-custom--sm\\:col-start-12{grid-column-start:12}.cds-custom--sm\\:col-start-13{grid-column-start:13}.cds-custom--sm\\:col-start-14{grid-column-start:14}.cds-custom--sm\\:col-start-15{grid-column-start:15}.cds-custom--sm\\:col-start-16{grid-column-start:16}.cds-custom--sm\\:col-end-2{grid-column-end:2}.cds-custom--sm\\:col-end-3{grid-column-end:3}.cds-custom--sm\\:col-end-4{grid-column-end:4}.cds-custom--sm\\:col-end-5{grid-column-end:5}.cds-custom--sm\\:col-end-6{grid-column-end:6}.cds-custom--sm\\:col-end-7{grid-column-end:7}.cds-custom--sm\\:col-end-8{grid-column-end:8}.cds-custom--sm\\:col-end-9{grid-column-end:9}.cds-custom--sm\\:col-end-10{grid-column-end:10}.cds-custom--sm\\:col-end-11{grid-column-end:11}.cds-custom--sm\\:col-end-12{grid-column-end:12}.cds-custom--sm\\:col-end-13{grid-column-end:13}.cds-custom--sm\\:col-end-14{grid-column-end:14}.cds-custom--sm\\:col-end-15{grid-column-end:15}.cds-custom--sm\\:col-end-16{grid-column-end:16}.cds-custom--sm\\:col-end-17{grid-column-end:17}.cds-custom--sm\\:col-start-auto{grid-column-start:auto}.cds-custom--sm\\:col-end-auto{grid-column-end:auto}@media (min-width:42rem){.cds-custom--md\\:col-start-1{grid-column-start:1}.cds-custom--md\\:col-start-2{grid-column-start:2}.cds-custom--md\\:col-start-3{grid-column-start:3}.cds-custom--md\\:col-start-4{grid-column-start:4}.cds-custom--md\\:col-start-5{grid-column-start:5}.cds-custom--md\\:col-start-6{grid-column-start:6}.cds-custom--md\\:col-start-7{grid-column-start:7}.cds-custom--md\\:col-start-8{grid-column-start:8}.cds-custom--md\\:col-start-9{grid-column-start:9}.cds-custom--md\\:col-start-10{grid-column-start:10}.cds-custom--md\\:col-start-11{grid-column-start:11}.cds-custom--md\\:col-start-12{grid-column-start:12}.cds-custom--md\\:col-start-13{grid-column-start:13}.cds-custom--md\\:col-start-14{grid-column-start:14}.cds-custom--md\\:col-start-15{grid-column-start:15}.cds-custom--md\\:col-start-16{grid-column-start:16}.cds-custom--md\\:col-end-2{grid-column-end:2}.cds-custom--md\\:col-end-3{grid-column-end:3}.cds-custom--md\\:col-end-4{grid-column-end:4}.cds-custom--md\\:col-end-5{grid-column-end:5}.cds-custom--md\\:col-end-6{grid-column-end:6}.cds-custom--md\\:col-end-7{grid-column-end:7}.cds-custom--md\\:col-end-8{grid-column-end:8}.cds-custom--md\\:col-end-9{grid-column-end:9}.cds-custom--md\\:col-end-10{grid-column-end:10}.cds-custom--md\\:col-end-11{grid-column-end:11}.cds-custom--md\\:col-end-12{grid-column-end:12}.cds-custom--md\\:col-end-13{grid-column-end:13}.cds-custom--md\\:col-end-14{grid-column-end:14}.cds-custom--md\\:col-end-15{grid-column-end:15}.cds-custom--md\\:col-end-16{grid-column-end:16}.cds-custom--md\\:col-end-17{grid-column-end:17}.cds-custom--md\\:col-start-auto{grid-column-start:auto}.cds-custom--md\\:col-end-auto{grid-column-end:auto}}@media (min-width:66rem){.cds-custom--lg\\:col-start-1{grid-column-start:1}.cds-custom--lg\\:col-start-2{grid-column-start:2}.cds-custom--lg\\:col-start-3{grid-column-start:3}.cds-custom--lg\\:col-start-4{grid-column-start:4}.cds-custom--lg\\:col-start-5{grid-column-start:5}.cds-custom--lg\\:col-start-6{grid-column-start:6}.cds-custom--lg\\:col-start-7{grid-column-start:7}.cds-custom--lg\\:col-start-8{grid-column-start:8}.cds-custom--lg\\:col-start-9{grid-column-start:9}.cds-custom--lg\\:col-start-10{grid-column-start:10}.cds-custom--lg\\:col-start-11{grid-column-start:11}.cds-custom--lg\\:col-start-12{grid-column-start:12}.cds-custom--lg\\:col-start-13{grid-column-start:13}.cds-custom--lg\\:col-start-14{grid-column-start:14}.cds-custom--lg\\:col-start-15{grid-column-start:15}.cds-custom--lg\\:col-start-16{grid-column-start:16}.cds-custom--lg\\:col-end-2{grid-column-end:2}.cds-custom--lg\\:col-end-3{grid-column-end:3}.cds-custom--lg\\:col-end-4{grid-column-end:4}.cds-custom--lg\\:col-end-5{grid-column-end:5}.cds-custom--lg\\:col-end-6{grid-column-end:6}.cds-custom--lg\\:col-end-7{grid-column-end:7}.cds-custom--lg\\:col-end-8{grid-column-end:8}.cds-custom--lg\\:col-end-9{grid-column-end:9}.cds-custom--lg\\:col-end-10{grid-column-end:10}.cds-custom--lg\\:col-end-11{grid-column-end:11}.cds-custom--lg\\:col-end-12{grid-column-end:12}.cds-custom--lg\\:col-end-13{grid-column-end:13}.cds-custom--lg\\:col-end-14{grid-column-end:14}.cds-custom--lg\\:col-end-15{grid-column-end:15}.cds-custom--lg\\:col-end-16{grid-column-end:16}.cds-custom--lg\\:col-end-17{grid-column-end:17}.cds-custom--lg\\:col-start-auto{grid-column-start:auto}.cds-custom--lg\\:col-end-auto{grid-column-end:auto}}@media (min-width:82rem){.cds-custom--xlg\\:col-start-1{grid-column-start:1}.cds-custom--xlg\\:col-start-2{grid-column-start:2}.cds-custom--xlg\\:col-start-3{grid-column-start:3}.cds-custom--xlg\\:col-start-4{grid-column-start:4}.cds-custom--xlg\\:col-start-5{grid-column-start:5}.cds-custom--xlg\\:col-start-6{grid-column-start:6}.cds-custom--xlg\\:col-start-7{grid-column-start:7}.cds-custom--xlg\\:col-start-8{grid-column-start:8}.cds-custom--xlg\\:col-start-9{grid-column-start:9}.cds-custom--xlg\\:col-start-10{grid-column-start:10}.cds-custom--xlg\\:col-start-11{grid-column-start:11}.cds-custom--xlg\\:col-start-12{grid-column-start:12}.cds-custom--xlg\\:col-start-13{grid-column-start:13}.cds-custom--xlg\\:col-start-14{grid-column-start:14}.cds-custom--xlg\\:col-start-15{grid-column-start:15}.cds-custom--xlg\\:col-start-16{grid-column-start:16}.cds-custom--xlg\\:col-end-2{grid-column-end:2}.cds-custom--xlg\\:col-end-3{grid-column-end:3}.cds-custom--xlg\\:col-end-4{grid-column-end:4}.cds-custom--xlg\\:col-end-5{grid-column-end:5}.cds-custom--xlg\\:col-end-6{grid-column-end:6}.cds-custom--xlg\\:col-end-7{grid-column-end:7}.cds-custom--xlg\\:col-end-8{grid-column-end:8}.cds-custom--xlg\\:col-end-9{grid-column-end:9}.cds-custom--xlg\\:col-end-10{grid-column-end:10}.cds-custom--xlg\\:col-end-11{grid-column-end:11}.cds-custom--xlg\\:col-end-12{grid-column-end:12}.cds-custom--xlg\\:col-end-13{grid-column-end:13}.cds-custom--xlg\\:col-end-14{grid-column-end:14}.cds-custom--xlg\\:col-end-15{grid-column-end:15}.cds-custom--xlg\\:col-end-16{grid-column-end:16}.cds-custom--xlg\\:col-end-17{grid-column-end:17}.cds-custom--xlg\\:col-start-auto{grid-column-start:auto}.cds-custom--xlg\\:col-end-auto{grid-column-end:auto}}@media (min-width:99rem){.cds-custom--max\\:col-start-1{grid-column-start:1}.cds-custom--max\\:col-start-2{grid-column-start:2}.cds-custom--max\\:col-start-3{grid-column-start:3}.cds-custom--max\\:col-start-4{grid-column-start:4}.cds-custom--max\\:col-start-5{grid-column-start:5}.cds-custom--max\\:col-start-6{grid-column-start:6}.cds-custom--max\\:col-start-7{grid-column-start:7}.cds-custom--max\\:col-start-8{grid-column-start:8}.cds-custom--max\\:col-start-9{grid-column-start:9}.cds-custom--max\\:col-start-10{grid-column-start:10}.cds-custom--max\\:col-start-11{grid-column-start:11}.cds-custom--max\\:col-start-12{grid-column-start:12}.cds-custom--max\\:col-start-13{grid-column-start:13}.cds-custom--max\\:col-start-14{grid-column-start:14}.cds-custom--max\\:col-start-15{grid-column-start:15}.cds-custom--max\\:col-start-16{grid-column-start:16}.cds-custom--max\\:col-end-2{grid-column-end:2}.cds-custom--max\\:col-end-3{grid-column-end:3}.cds-custom--max\\:col-end-4{grid-column-end:4}.cds-custom--max\\:col-end-5{grid-column-end:5}.cds-custom--max\\:col-end-6{grid-column-end:6}.cds-custom--max\\:col-end-7{grid-column-end:7}.cds-custom--max\\:col-end-8{grid-column-end:8}.cds-custom--max\\:col-end-9{grid-column-end:9}.cds-custom--max\\:col-end-10{grid-column-end:10}.cds-custom--max\\:col-end-11{grid-column-end:11}.cds-custom--max\\:col-end-12{grid-column-end:12}.cds-custom--max\\:col-end-13{grid-column-end:13}.cds-custom--max\\:col-end-14{grid-column-end:14}.cds-custom--max\\:col-end-15{grid-column-end:15}.cds-custom--max\\:col-end-16{grid-column-end:16}.cds-custom--max\\:col-end-17{grid-column-end:17}.cds-custom--max\\:col-start-auto{grid-column-start:auto}.cds-custom--max\\:col-end-auto{grid-column-end:auto}}@keyframes c4p--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes c4p--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes c4p--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}}.c4p--layout--size-xs{--c4p-layout-size-height-context:var(--c4p-layout-size-height-xs,1.5rem);--c4p-layout-size-height:var(--c4p-layout-size-height-context)}.c4p--layout-constraint--size__default-xs{--c4p-layout-size-height:var(--c4p-layout-size-height-context,var(--c4p-layout-size-height-xs,1.5rem))}.c4p--layout-constraint--size__min-xs{--c4p-layout-size-height-min:var(--c4p-layout-size-height-xs,1.5rem)}.c4p--layout-constraint--size__max-xs{--c4p-layout-size-height-max:var(--c4p-layout-size-height-xs,1.5rem)}.c4p--layout--size-sm{--c4p-layout-size-height-context:var(--c4p-layout-size-height-sm,2rem);--c4p-layout-size-height:var(--c4p-layout-size-height-context)}.c4p--layout-constraint--size__default-sm{--c4p-layout-size-height:var(--c4p-layout-size-height-context,var(--c4p-layout-size-height-sm,2rem))}.c4p--layout-constraint--size__min-sm{--c4p-layout-size-height-min:var(--c4p-layout-size-height-sm,2rem)}.c4p--layout-constraint--size__max-sm{--c4p-layout-size-height-max:var(--c4p-layout-size-height-sm,2rem)}.c4p--layout--size-md{--c4p-layout-size-height-context:var(--c4p-layout-size-height-md,2.5rem);--c4p-layout-size-height:var(--c4p-layout-size-height-context)}.c4p--layout-constraint--size__default-md{--c4p-layout-size-height:var(--c4p-layout-size-height-context,var(--c4p-layout-size-height-md,2.5rem))}.c4p--layout-constraint--size__min-md{--c4p-layout-size-height-min:var(--c4p-layout-size-height-md,2.5rem)}.c4p--layout-constraint--size__max-md{--c4p-layout-size-height-max:var(--c4p-layout-size-height-md,2.5rem)}.c4p--layout--size-lg{--c4p-layout-size-height-context:var(--c4p-layout-size-height-lg,3rem);--c4p-layout-size-height:var(--c4p-layout-size-height-context)}.c4p--layout-constraint--size__default-lg{--c4p-layout-size-height:var(--c4p-layout-size-height-context,var(--c4p-layout-size-height-lg,3rem))}.c4p--layout-constraint--size__min-lg{--c4p-layout-size-height-min:var(--c4p-layout-size-height-lg,3rem)}.c4p--layout-constraint--size__max-lg{--c4p-layout-size-height-max:var(--c4p-layout-size-height-lg,3rem)}.c4p--layout--size-xl{--c4p-layout-size-height-context:var(--c4p-layout-size-height-xl,4rem);--c4p-layout-size-height:var(--c4p-layout-size-height-context)}.c4p--layout-constraint--size__default-xl{--c4p-layout-size-height:var(--c4p-layout-size-height-context,var(--c4p-layout-size-height-xl,4rem))}.c4p--layout-constraint--size__min-xl{--c4p-layout-size-height-min:var(--c4p-layout-size-height-xl,4rem)}.c4p--layout-constraint--size__max-xl{--c4p-layout-size-height-max:var(--c4p-layout-size-height-xl,4rem)}.c4p--layout--size-2xl{--c4p-layout-size-height-context:var(--c4p-layout-size-height-2xl,5rem);--c4p-layout-size-height:var(--c4p-layout-size-height-context)}.c4p--layout-constraint--size__default-2xl{--c4p-layout-size-height:var(--c4p-layout-size-height-context,var(--c4p-layout-size-height-2xl,5rem))}.c4p--layout-constraint--size__min-2xl{--c4p-layout-size-height-min:var(--c4p-layout-size-height-2xl,5rem)}.c4p--layout-constraint--size__max-2xl{--c4p-layout-size-height-max:var(--c4p-layout-size-height-2xl,5rem)}.c4p--layout--density-condensed{--c4p-layout-density-padding-inline-context:var(--c4p-layout-density-padding-inline-condensed,0.5rem);--c4p-layout-density-padding-inline:var(--c4p-layout-density-padding-inline-context)}.c4p--layout-constraint--density__default-condensed{--c4p-layout-density-padding-inline:var(--c4p-layout-density-padding-inline-context,var(--c4p-layout-density-padding-inline-condensed,0.5rem))}.c4p--layout-constraint--density__min-condensed{--c4p-layout-density-padding-inline-min:var(--c4p-layout-density-padding-inline-condensed,0.5rem)}.c4p--layout-constraint--density__max-condensed{--c4p-layout-density-padding-inline-max:var(--c4p-layout-density-padding-inline-condensed,0.5rem)}.c4p--layout--density-normal{--c4p-layout-density-padding-inline-context:var(--c4p-layout-density-padding-inline-normal,1rem);--c4p-layout-density-padding-inline:var(--c4p-layout-density-padding-inline-context)}.c4p--layout-constraint--density__default-normal{--c4p-layout-density-padding-inline:var(--c4p-layout-density-padding-inline-context,var(--c4p-layout-density-padding-inline-normal,1rem))}.c4p--layout-constraint--density__min-normal{--c4p-layout-density-padding-inline-min:var(--c4p-layout-density-padding-inline-normal,1rem)}.c4p--layout-constraint--density__max-normal{--c4p-layout-density-padding-inline-max:var(--c4p-layout-density-padding-inline-normal,1rem)}:root{--c4p-layout-size-height-xs:1.5rem;--c4p-layout-size-height-sm:2rem;--c4p-layout-size-height-md:2.5rem;--c4p-layout-size-height-lg:3rem;--c4p-layout-size-height-xl:4rem;--c4p-layout-size-height-2xl:5rem;--c4p-layout-size-height-min:0px;--c4p-layout-size-height-max:999999999px;--c4p-layout-density-padding-inline-condensed:0.5rem;--c4p-layout-density-padding-inline-normal:1rem;--c4p-layout-density-padding-inline-min:0px;--c4p-layout-density-padding-inline-max:999999999px}.c4p--assistive-text,.c4p--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}.clabs__resizer{background-color:var(--cds-custom-border-subtle);flex:none;position:relative}@media (prefers-reduced-motion:no-preference){.clabs__resizer:hover{background-color:var(--cds-custom-border-interactive,#0f62fe);transition:background-color .15s}}.clabs__resizer:focus{outline:none}.clabs__resizer:active,.clabs__resizer:focus{background-color:var(--cds-custom-border-interactive,#0f62fe)}.clabs__resizer:focus:not(:focus-visible){box-shadow:none;outline:none}.clabs__resizer--horizontal{block-size:.25rem;cursor:ns-resize}.clabs__resizer--vertical{cursor:ew-resize;inline-size:.25rem}.sr-only{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;white-space:nowrap}@media (prefers-reduced-motion:no-preference){.smooth-resize{transition:all .15s linear}}@keyframes side-panel-entrance-reduced{0%{opacity:0}to{opacity:1}}@keyframes side-panel-exit-reduced{0%{opacity:1}to{opacity:0}}@keyframes side-panel-entrance-right{0%{opacity:0;transform:translateX(var(--panel-transform))}to{opacity:1;transform:translateX(0)}}@keyframes side-panel-entrance-left{0%{opacity:0;transform:translateX(calc(var(--panel-transform)*-1))}to{opacity:1;transform:translateX(0)}}@keyframes side-panel-exit-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(var(--panel-transform))}}@keyframes side-panel-exit-left{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(calc(var(--panel-transform)*-1))}}@property --panel-transform{inherits:true;initial-value:320px;syntax:\"<integer>\"}.c4p--side-panel--scrolls,:host(c4p-side-panel) [scrolls]{overflow:auto;overflow-x:hidden}@supports (overflow-inline:hidden){.c4p--side-panel--scrolls,:host(c4p-side-panel) [scrolls]{overflow-inline:hidden}}.c4p--side-panel,:host(c4p-side-panel) .c4p--side-panel{--panel-transform:320px;--c4p--side-panel--title-stop:1rem;--c4p--side-panel--scroll-animation-progress:0;--c4p--side-panel--title-padding-right:2rem;--c4p--side-panel--actions-height:4rem;background-color:var(--cds-custom-layer-01,#f4f4f4);block-size:calc(100% - 3rem);box-sizing:border-box;color:var(--cds-custom-text-primary,#161616);display:grid;grid-template-rows:auto 1fr auto;inset-block-start:3rem;max-inline-size:100%;min-inline-size:16rem;position:fixed;transform:translateX(0);transition-behavior:allow-discrete;transition-duration:.15s;transition-property:display,opacity,transform;z-index:9000}.c4p--side-panel:not(.c4p--side-panel--slide-in).c4p--side-panel--enable-sidepanel-resizer{grid-template-columns:0 1fr}@media (prefers-reduced-motion:no-preference){.c4p--side-panel:not(.c4p--side-panel--slide-in).c4p--side-panel--enable-sidepanel-resizer{transition:all .15s linear}}@starting-style{.c4p--side-panel,:host(c4p-side-panel) .c4p--side-panel{opacity:0;transform:translateX(var(--panel-transform))}}@media (min-width:42rem){.c4p--side-panel,:host(c4p-side-panel) .c4p--side-panel{max-inline-size:75vw}}.c4p--side-panel.c4p--side-panel--xs,:host(c4p-side-panel) .c4p--side-panel[size=xs]{inline-size:clamp(16rem,var(--c4p-side-panel-modified-size,16rem),100%)}.c4p--side-panel.c4p--side-panel--sm,:host(c4p-side-panel) .c4p--side-panel[size=sm]{inline-size:clamp(16rem,var(--c4p-side-panel-modified-size,20rem),100%)}.c4p--side-panel.c4p--side-panel--md,:host(c4p-side-panel) .c4p--side-panel[size=md]{inline-size:clamp(16rem,var(--c4p-side-panel-modified-size,30rem),100%)}.c4p--side-panel.c4p--side-panel--lg,:host(c4p-side-panel) .c4p--side-panel[size=lg]{inline-size:clamp(16rem,var(--c4p-side-panel-modified-size,40rem),100%)}.c4p--side-panel.c4p--side-panel--xl,:host(c4p-side-panel) .c4p--side-panel[size=xl]{inline-size:clamp(16rem,var(--c4p-side-panel-modified-size,65rem),100%)}.c4p--side-panel.c4p--side-panel--2xl,:host(c4p-side-panel) .c4p--side-panel[size=\"2xl\"]{inline-size:clamp(16rem,var(--c4p-side-panel-modified-size,80rem),100%)}.c4p--side-panel.c4p--side-panel--open.c4p--side-panel--right-placement,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--open[placement=right]{animation:side-panel-entrance-right .15s cubic-bezier(0,0,.38,.9) forwards}.c4p--side-panel.c4p--side-panel--open.c4p--side-panel--left-placement,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--open[placement=left]{animation:side-panel-entrance-left .15s cubic-bezier(0,0,.38,.9) forwards}.c4p--side-panel.c4p--side-panel--closing.c4p--side-panel--right-placement,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--closing[placement=right]{animation:side-panel-exit-right .15s cubic-bezier(.2,0,1,.9) forwards}.c4p--side-panel.c4p--side-panel--closing.c4p--side-panel--left-placement,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--closing[placement=left]{animation:side-panel-exit-left .15s cubic-bezier(.2,0,1,.9) forwards}@supports (transition-behavior:allow-discrete){.c4p--side-panel.c4p--side-panel--closing{opacity:0;transform:translateX(var(--panel-transform,320px));transition-duration:.15s}.c4p--side-panel.c4p--side-panel--closing.c4p--side-panel--left-placement,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--closing[placement=left]{transform:translateX(calc(var(--panel-transform, 320px)*-1))}}@media (prefers-reduced-motion){.c4p--side-panel.c4p--side-panel--open.c4p--side-panel--left-placement,.c4p--side-panel.c4p--side-panel--open.c4p--side-panel--right-placement,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--open[placement=left],:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--open[placement=right]{animation:side-panel-entrance-reduced .15s cubic-bezier(.2,0,1,.9) forwards}@starting-style{.c4p--side-panel.c4p--side-panel--open.c4p--side-panel--left-placement,.c4p--side-panel.c4p--side-panel--open.c4p--side-panel--right-placement,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--open[placement=left],:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--open[placement=right]{opacity:0;transform:translateX(0)}}.c4p--side-panel.c4p--side-panel--closing.c4p--side-panel--left-placement,.c4p--side-panel.c4p--side-panel--closing.c4p--side-panel--right-placement,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--closing[placement=left],:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--closing[placement=right]{animation:side-panel-exit-reduced .15s cubic-bezier(.2,0,1,.9) forwards}@starting-style{.c4p--side-panel.c4p--side-panel--closing.c4p--side-panel--left-placement,.c4p--side-panel.c4p--side-panel--closing.c4p--side-panel--right-placement,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--closing[placement=left],:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--closing[placement=right]{opacity:1;transform:translateX(0)}}}.c4p--side-panel.c4p--side-panel--animated-title{grid-template-rows:1fr auto}.c4p--side-panel.c4p--side-panel--condensed-actions,:host(c4p-side-panel) .c4p--side-panel[condensed-actions]{--c4p--side-panel--actions-height:3rem}.c4p--side-panel.c4p--side-panel--slide-in,.c4p--side-panel:not(.c4p--side-panel--has-overlay){box-shadow:0 .125rem .25rem var(--cds-custom-overlay,hsla(0,0%,9%,.5))}.c4p--side-panel .c4p--side-panel__actions-container{inline-size:100%}.c4p--side-panel.c4p--side-panel--right-placement,:host(c4p-side-panel) .c4p--side-panel[placement=right]{border-inline-start:1px solid var(--cds-custom-border-subtle-02,#e0e0e0);inset-inline-end:0}.c4p--side-panel.c4p--side-panel--left-placement,:host(c4p-side-panel) .c4p--side-panel[placement=left]{border-inline-end:1px solid var(--cds-custom-border-subtle-02,#e0e0e0);inset-inline-start:0}.c4p--side-panel.c4p--side-panel--left-placement .clabs__resizer,:host(c4p-side-panel) .c4p--side-panel[placement=left] .clabs__resizer{grid-column:2;inset-inline-start:0}.c4p--side-panel.c4p--side-panel--left-placement .clabs__resizer:before,:host(c4p-side-panel) .c4p--side-panel[placement=left] .clabs__resizer:before{inset-inline-start:0}.c4p--side-panel.c4p--side-panel--left-placement:not(.c4p--side-panel--slide-in).c4p--side-panel--enable-sidepanel-resizer,:host(c4p-side-panel) .c4p--side-panel[placement=left]:not(.c4p--side-panel--slide-in).c4p--side-panel--enable-sidepanel-resizer{grid-template-columns:1fr 0}@media (prefers-reduced-motion:no-preference){.c4p--side-panel.c4p--side-panel--left-placement:not(.c4p--side-panel--slide-in).c4p--side-panel--enable-sidepanel-resizer,:host(c4p-side-panel) .c4p--side-panel[placement=left]:not(.c4p--side-panel--slide-in).c4p--side-panel--enable-sidepanel-resizer{transition:all .15s linear}}.c4p--side-panel.c4p--side-panel.c4p--side-panel--has-ai-label,.c4p--side-panel.c4p--side-panel.c4p--side-panel--has-decorator,.c4p--side-panel.c4p--side-panel.c4p--side-panel--has-slug,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--has-ai-label,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--has-decorator,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--has-slug,:host(c4p-side-panel) .c4p--side-panel[has-slug]{border-color:transparent;box-shadow:inset 0 -80px 70px -65px var(--cds-custom-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 10px 2px var(--cds-custom-ai-drop-shadow,rgba(15,98,254,.1))}.c4p--side-panel .clabs__resizer--vertical:before{background-color:transparent;block-size:100%;content:\"\";inline-size:.125rem;inset-block-end:0;inset-inline-end:0;position:absolute;transition:background-color .15s cubic-bezier(.2,0,.38,.9);z-index:-1}.c4p--side-panel:hover .clabs__resizer--vertical:before{background-color:var(--c4p-button-secondary-hover,#474747)}.c4p--side-panel .clabs__resizer{background-color:transparent;grid-row:span 4/span 3;inset-inline-start:-.25rem}.c4p--side-panel .clabs__resizer--vertical:after{block-size:100%;content:\"\";inline-size:.5rem;inset-inline-start:-.125rem;position:absolute;z-index:10}.c4p--side-panel .clabs__resizer:focus,.c4p--side-panel .clabs__resizer:hover{background-color:var(--cds-custom-border-interactive,#0f62fe)}.c4p--side-panel .c4p--side-panel__header{--c4p--side-panel--title-padding-bottom:1rem;background-color:var(--cds-custom-layer-01,#f4f4f4);inset-block-start:calc(-1px*var(--c4p--side-panel--scroll-animation-distance));min-block-size:2.5rem;padding:1rem;padding-block-end:0;position:sticky;z-index:4}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--has-title{min-block-size:auto}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--has-subtitle,.c4p--side-panel .c4p--side-panel__header:has(.c4p--side-panel__subtitle-text){--c4p--side-panel--title-padding-bottom:0.5rem}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--has-navigation-back,.c4p--side-panel .c4p--side-panel__header:has(.c4p--side-panel__navigation-back-button){padding-block-start:2rem}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--has-navigation-back.cds-custom--btn--md,.c4p--side-panel .c4p--side-panel__header:has(.c4p--side-panel__navigation-back-button.cds-custom--btn--md){padding-block-start:2.5rem}.c4p--side-panel .c4p--side-panel__header:before{background-color:var(--cds-custom-border-subtle-02,#e0e0e0);block-size:1px;content:\"\";inline-size:100%;inset-block-end:0;inset-inline-start:0;opacity:var(--c4p--side-panel--scroll-animation-progress);position:absolute;z-index:9}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--no-title-animation,:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header[no-title-animation]{inset-block-start:0;position:relative}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--no-title-animation:before,:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header[no-title-animation]:before{opacity:1}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--reduced-motion,:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header[reduced-motion]{border-block-end:1px solid var(--cds-custom-border-subtle-02,#e0e0e0);margin-block-end:1rem;z-index:5}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--reduced-motion.c4p--side-panel__header--no-title-animation,:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--no-title-animation[reduced-motion],:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--reduced-motion[no-title-animation],:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header[reduced-motion][no-title-animation]{border-block-end:0;margin-block-end:0}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--on-detail-step .c4p--side-panel__navigation-back-button.cds-custom--btn--md~.c4p--side-panel__collapsed-title-text,:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header[detail-step] .c4p--side-panel__navigation-back-button.cds-custom--btn--md~.c4p--side-panel__collapsed-title-text{inset-block-start:1.5rem}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--on-detail-step:not(.c4p--side-panel__header--has-title),:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header[detail-step]:not(.c4p--side-panel__header--has-title){block-size:2.75rem;padding:1rem 1rem .5rem}.c4p--side-panel .c4p--side-panel__header:not(.c4p--side-panel__header--has-title):before{background-color:transparent}.c4p--side-panel.c4p--side-panel--has-action-toolbar,.c4p--side-panel.c4p--side-panel--has-ai-label,.c4p--side-panel.c4p--side-panel--has-decorator,.c4p--side-panel.c4p--side-panel--has-slug,.c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar),:host(c4p-side-panel) .c4p--side-panel[has-slug]{--c4p--side-panel--title-padding-right:4rem}.c4p--side-panel.c4p--side-panel--has-action-toolbar.c4p--side-panel--has-ai-label,.c4p--side-panel.c4p--side-panel--has-action-toolbar.c4p--side-panel--has-decorator,.c4p--side-panel.c4p--side-panel--has-action-toolbar.c4p--side-panel--has-slug,.c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar).c4p--side-panel--has-ai-label,.c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar).c4p--side-panel--has-decorator,.c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar).c4p--side-panel--has-slug,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--has-action-toolbar[has-slug],:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel[has-slug]:has(.c4p--side-panel__action-toolbar){--c4p--side-panel--title-padding-right:5rem}.c4p--side-panel .c4p--side-panel__animated-scroll-wrapper{display:grid;grid-template-rows:auto 1fr}.c4p--side-panel .c4p--side-panel__title{background-color:var(--cds-custom-layer-01,#f4f4f4);border-block-end:var(--c4p--side-panel--title-padding-bottom) solid transparent;inset-block-start:var(--c4p--side-panel--title-stop);position:sticky;z-index:4}.c4p--side-panel .c4p--side-panel__title-text{display:-webkit-box;font-size:var(--cds-custom-heading-03-font-size,1.25rem);font-weight:var(--cds-custom-heading-03-font-weight,400);letter-spacing:var(--cds-custom-heading-03-letter-spacing,0);line-height:var(--cds-custom-heading-03-line-height,1.4);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;opacity:calc(1 - var(--c4p--side-panel--scroll-animation-progress));padding-inline-end:var(--c4p--side-panel--title-padding-right)}.c4p--side-panel .c4p--side-panel__title--no-label .c4p--side-panel__title-text{transform:translateY(calc(-1rem*var(--c4p--side-panel--scroll-animation-progress)))}.c4p--side-panel .c4p--side-panel__header--no-title-animation .c4p--side-panel__title-text,:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header[no-title-animation] .c4p--side-panel__title-text{position:static}.c4p--side-panel .c4p--side-panel__label-text{font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);opacity:calc(1 - var(--c4p--side-panel--scroll-animation-progress));overflow:hidden;padding-inline-end:var(--c4p--side-panel--title-padding-right);text-overflow:ellipsis;white-space:nowrap}.c4p--side-panel .c4p--side-panel__collapsed-title-text{display:-webkit-box;font-size:var(--cds-custom-heading-compact-02-font-size,1rem);font-weight:var(--cds-custom-heading-compact-02-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-02-letter-spacing,0);line-height:var(--cds-custom-heading-compact-02-line-height,1.375);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;inset-block-start:0;opacity:var(--c4p--side-panel--scroll-animation-progress);padding-inline-end:var(--c4p--side-panel--title-padding-right);position:absolute}.c4p--side-panel .c4p--side-panel__title--no-label .c4p--side-panel__collapsed-title-text{transform:translateY(calc(1rem*(1 - var(--c4p--side-panel--scroll-animation-progress))))}.c4p--side-panel .c4p--side-panel__subtitle-text{font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;opacity:calc(1 - var(--c4p--side-panel--scroll-animation-progress));padding-block-end:1rem;padding-inline-end:var(--c4p--side-panel--title-padding-right)}.c4p--side-panel .c4p--side-panel__header--no-title-animation .c4p--side-panel__subtitle-text,:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header[no-title-animation] .c4p--side-panel__subtitle-text{background-color:var(--cds-custom-layer-01,#f4f4f4);z-index:2}.c4p--side-panel .c4p--side-panel__title-text+.c4p--side-panel__subtitle-text{padding-block-start:1rem}.c4p--side-panel .c4p--side-panel__inner-content{padding:0 1rem 1rem}.c4p--side-panel .c4p--side-panel__inner-content--no-animated-title{padding-block-start:1rem}.c4p--side-panel .c4p--side-panel__header--has-action-toolbar+.c4p--side-panel__inner-content,.c4p--side-panel .c4p--side-panel__header:has(.c4p--side-panel__action-toolbar)+.c4p--side-panel__inner-content{padding-block-start:.5rem}.c4p--side-panel.c4p--side-panel--has-ai-label .c4p--side-panel--scrolls,.c4p--side-panel.c4p--side-panel--has-decorator .c4p--side-panel--scrolls,.c4p--side-panel.c4p--side-panel--has-slug .c4p--side-panel--scrolls,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--has-ai-label [scrolls],:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--has-decorator [scrolls],:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--has-slug [scrolls],:host(c4p-side-panel) .c4p--side-panel[has-slug] .c4p--side-panel--scrolls,:host(c4p-side-panel) .c4p--side-panel[has-slug] [scrolls]{background:linear-gradient(to top,var(--c4p-layer,var(--cds-custom-ai-popover-background,#fff)) 0,var(--cds-custom-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-custom-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--c4p-layer,var(--cds-custom-ai-popover-background,#fff)),var(--c4p-layer,var(--cds-custom-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-custom-ai-border-start,rgba(166,200,255,.64)),var(--cds-custom-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--c4p-layer,var(--cds-custom-ai-popover-background,#fff)),var(--c4p-layer,var(--cds-custom-ai-popover-background,#fff))) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-custom-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 10px 2px var(--cds-custom-ai-drop-shadow,rgba(15,98,254,.1))}.c4p--side-panel .c4p--side-panel__action-toolbar{align-items:center;background-color:var(--cds-custom-layer-01,#f4f4f4);display:flex;justify-content:flex-start;position:sticky;z-index:4}.c4p--side-panel .c4p--side-panel__action-toolbar-leading-button{margin-inline-end:.5rem}.c4p--side-panel .cds-custom--btn.c4p--side-panel__navigation-back-button{inset-block-start:0;inset-inline-start:0;position:fixed;z-index:5}.c4p--side-panel .cds-custom--btn.c4p--side-panel__close-button,.c4p--side-panel .cds-custom--btn.c4p--side-panel__navigation-back-button{align-items:center;background-color:unset;block-size:2rem;color:var(--cds-custom-text-primary,#161616);display:flex;inline-size:2rem;justify-content:center;min-block-size:0;padding:0}.c4p--side-panel .cds-custom--btn.c4p--side-panel__close-button:hover,.c4p--side-panel .cds-custom--btn.c4p--side-panel__navigation-back-button:hover{background-color:var(--cds-custom-background-hover,hsla(0,0%,55%,.12))}.c4p--side-panel .cds-custom--btn.c4p--side-panel__close-button .c4p--side-panel--btn__icon,.c4p--side-panel .cds-custom--btn.c4p--side-panel__navigation-back-button .c4p--side-panel--btn__icon{margin:0}.c4p--side-panel .cds-custom--btn--md.c4p--side-panel__close-button,.c4p--side-panel .cds-custom--btn--md.c4p--side-panel__navigation-back-button{block-size:2.5rem;inline-size:2.5rem}.c4p--side-panel .c4p--side-panel__ai-label-and-close,.c4p--side-panel .c4p--side-panel__decorator-and-close,.c4p--side-panel .c4p--side-panel__slug-and-close{block-size:2rem;display:flex;inset-block-start:0;inset-inline-end:0;position:absolute;z-index:10}@media (prefers-reduced-motion){.c4p--side-panel .c4p--side-panel__ai-label-and-close,.c4p--side-panel .c4p--side-panel__decorator-and-close,.c4p--side-panel .c4p--side-panel__slug-and-close{position:absolute}}.c4p--side-panel .c4p--side-panel__actions-container{background-color:var(--cds-custom-layer-01,#f4f4f4);border-block-start:1px solid var(--cds-custom-border-subtle-02,#e0e0e0);inset-block-end:0;position:sticky}.c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl{flex-direction:column}.c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl .c4p--action-set__action-button,:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl ::slotted(cds-custom-button){inline-size:100%;max-inline-size:100%}@media (min-width:42rem){.c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl{flex-direction:row}.c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl .c4p--action-set__action-button,:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl ::slotted(cds-custom-button){inline-size:25%}}.c4p--side-panel .c4p--side-panel__actions-container .c4p--action-set__action-button.c4p--action-set__action-button,:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__actions-container ::slotted(cds-custom-button){block-size:var(--c4p--side-panel--actions-height)}.c4p--side-panel .cds-custom--date-picker__input,.c4p--side-panel .cds-custom--dropdown,.c4p--side-panel .cds-custom--dropdown-list,.c4p--side-panel .cds-custom--multi-select,.c4p--side-panel .cds-custom--number input[type=number],.c4p--side-panel .cds-custom--search-input,.c4p--side-panel .cds-custom--select-input,.c4p--side-panel .cds-custom--text-area,.c4p--side-panel .cds-custom--text-input{background-color:var(--cds-custom-field-02,#fff)}@keyframes side-panel-overlay-entrance{0%{opacity:0}to{opacity:1}}@keyframes side-panel-overlay-exit{0%{opacity:1}to{opacity:0}}.c4p--side-panel__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--side-panel__overlay{animation:side-panel-overlay-entrance .15s cubic-bezier(0,0,.38,.9) forwards;background-color:var(--cds-custom-overlay,hsla(0,0%,9%,.5));block-size:100%;inline-size:100%;inset:0;position:fixed;z-index:6000}.c4p--side-panel__overlay--closing{animation:side-panel-overlay-exit .15s cubic-bezier(.2,0,1,.9) forwards}.c4p--side-panel--has-ai-label+.c4p--side-panel__overlay,.c4p--side-panel--has-decorator+.c4p--side-panel__overlay,.c4p--side-panel--has-slug+.c4p--side-panel__overlay,:host(c4p-side-panel) .c4p--side-panel[has-slug]+.c4p--side-panel__overlay{background-color:var(--cds-custom-ai-overlay,rgba(0,17,65,.5))}:host(c4p-side-panel){--c4p--side-panel--displaced:100%}:host(c4p-side-panel) *{box-sizing:border-box}:host(c4p-side-panel) .c4p--side-panel{container-name:side-panel;container-type:inline-size}:host(c4p-side-panel) .c4p--side-panel[placement=left]{--c4p--side-panel--displaced:-100%}:host(c4p-side-panel) .c4p--side-panel[opening]{transform:translateX(var(--c4p--side-panel--displaced))}:host(c4p-side-panel) .c4p--side-panel[open]{transform:translateX(0);transition:all .24s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){:host(c4p-side-panel) .c4p--side-panel[open]{transition:none}}:host(c4p-side-panel) .c4p--side-panel[closing]{transform:translateX(var(--c4p--side-panel--displaced));transition:all .15s cubic-bezier(.2,0,1,.9)}@media screen and (prefers-reduced-motion:reduce){:host(c4p-side-panel) .c4p--side-panel[closing]{transition:none}}:host(c4p-side-panel) .c4p--side-panel[placement=right]{border-inline-end:1px solid var(--cds-custom-border-subtle-02,#e0e0e0);inset-inline-end:0}:host(c4p-side-panel) .c4p--side-panel[placement=left]{border-inline-end:1px solid var(--cds-custom-border-subtle-02,#e0e0e0);inset-inline-start:0}:host(c4p-side-panel) c4p-layer{display:contents}:host(c4p-side-panel) .c4p--side-panel__overlay[opening]{opacity:0}@media screen and (prefers-reduced-motion:reduce){:host(c4p-side-panel) .c4p--side-panel__overlay[open]{opacity:1;transition:none}}:host(c4p-side-panel) .c4p--side-panel__overlay[open]{opacity:1;transition:all .24s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){:host(c4p-side-panel) .c4p--side-panel__overlay[closing]{opacity:0;transition:none}}:host(c4p-side-panel) .c4p--side-panel__overlay[closing]{opacity:0;transition:all .15s cubic-bezier(.2,0,1,.9)}:host(c4p-side-panel) .c4p--side-panel__header:before{z-index:99}:host(c4p-side-panel) .c4p--side-panel__header[has-action-toolbar]{margin-block-end:.5rem;padding-block-end:0}:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header[has-action-toolbar]:before{content:normal}:host(c4p-side-panel) .c4p--side-panel__action-toolbar{margin-block-end:0;padding-inline-start:0}:host(c4p-side-panel) .c4p--side-panel__actions-container{--flex-direction:row;display:flex;flex-direction:var(--flex-direction);inline-size:100%}:host(c4p-side-panel) .c4p--side-panel__actions-container ::slotted(c4p-button){flex:0 1 25%;max-inline-size:14.5rem}:host(c4p-side-panel) .c4p--side-panel__actions-container ::slotted(c4p-button[kind=ghost]){flex:1 1 25%;max-inline-size:none}:host(c4p-side-panel) .c4p--side-panel__actions-container ::slotted(c4p-button[hidden]){display:none}@container (width <= 40rem){:host(c4p-side-panel) .c4p--side-panel__actions-container:not([actions-multiple=triple]) ::slotted(cds-custom-button){flex:0 1 50%;max-inline-size:none}}@container (width <= 30rem){:host(c4p-side-panel) .c4p--side-panel__actions-container[actions-multiple] ::slotted(cds-custom-button){flex:0 0 100%;max-inline-size:none}:host(c4p-side-panel) .c4p--side-panel__actions-container[actions-multiple=double] ::slotted(cds-custom-button){flex:0 1 50%;max-inline-size:none}:host(c4p-side-panel) .c4p--side-panel__actions-container[actions-multiple=triple]{--flex-direction:column}:host(c4p-side-panel) .c4p--side-panel__actions-container[actions-multiple=triple] ::slotted(cds-custom-button){flex:initial;inline-size:100%;max-inline-size:none}}@container (width <= 20rem){:host(c4p-side-panel) .c4p--side-panel__actions-container{--flex-direction:column}:host(c4p-side-panel) .c4p--side-panel__actions-container ::slotted(cds-custom-button){flex:initial;inline-size:100%;max-inline-size:none}}:host(c4p-side-panel) .c4p--side-panel__actions-container[hidden]{display:none}:host(c4p-side-panel) .c4p--side-panel__close-button{inline-size:2rem}"]);
|
10
|
+
var styles = 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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-custom-background,#fff);color:var(--cds-custom-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-custom-heading-06-font-size,2.625rem);font-weight:var(--cds-custom-heading-06-font-weight,300);letter-spacing:var(--cds-custom-heading-06-letter-spacing,0);line-height:var(--cds-custom-heading-06-line-height,1.199)}h2{font-size:var(--cds-custom-heading-05-font-size,2rem);font-weight:var(--cds-custom-heading-05-font-weight,400);letter-spacing:var(--cds-custom-heading-05-letter-spacing,0);line-height:var(--cds-custom-heading-05-line-height,1.25)}h3{font-size:var(--cds-custom-heading-04-font-size,1.75rem);font-weight:var(--cds-custom-heading-04-font-weight,400);letter-spacing:var(--cds-custom-heading-04-letter-spacing,0);line-height:var(--cds-custom-heading-04-line-height,1.28572)}h4{font-size:var(--cds-custom-heading-03-font-size,1.25rem);font-weight:var(--cds-custom-heading-03-font-weight,400);letter-spacing:var(--cds-custom-heading-03-letter-spacing,0);line-height:var(--cds-custom-heading-03-line-height,1.4)}h5{font-size:var(--cds-custom-heading-02-font-size,1rem);font-weight:var(--cds-custom-heading-02-font-weight,600);letter-spacing:var(--cds-custom-heading-02-letter-spacing,0);line-height:var(--cds-custom-heading-02-line-height,1.5)}h6{font-size:var(--cds-custom-heading-01-font-size,.875rem);font-weight:var(--cds-custom-heading-01-font-weight,600);letter-spacing:var(--cds-custom-heading-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-01-line-height,1.42857)}p{font-size:var(--cds-custom-body-02-font-size,1rem);font-weight:var(--cds-custom-body-02-font-weight,400);letter-spacing:var(--cds-custom-body-02-letter-spacing,0);line-height:var(--cds-custom-body-02-line-height,1.5)}a{color:var(--cds-custom-link-primary,#0062fe)}em{font-style:italic}.c4p--action-set,:host(c4p-side-panel) .c4p--side-panel__actions-container{align-items:stretch;background-color:var(--cds-custom-layer-01,#f4f4f4);justify-content:flex-end}.c4p--action-set .c4p--action-set__action-button,:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set__action-button,:host(c4p-side-panel) .c4p--side-panel__actions-container ::slotted(cds-custom-button){align-items:center;font-size:var(--cds-custom-body-short-01-font-size,.875rem);font-weight:var(--cds-custom-body-short-01-font-weight,400);letter-spacing:var(--cds-custom-body-short-01-letter-spacing,.16px);line-height:var(--cds-custom-body-short-01-line-height,1.28572);margin:0}.c4p--action-set .c4p--action-set__action-button.c4p--action-set__action-button--expressive,:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set__action-button--expressive::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set__action-button.c4p--action-set__action-button--expressive{block-size:4rem;padding-block:1rem 2rem}.c4p--action-set.cds-custom--btn-set .c4p--action-set__action-button.cds-custom--btn,.c4p--action-set.cds-custom--btn-set .c4p--action-set__action-button.cds-custom--btn.cds-custom--btn--expressive,:host(c4p-side-panel) .c4p--action-set.cds-custom--btn-set .c4p--side-panel__actions-container .cds-custom--btn::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.cds-custom--btn-set .cds-custom--btn::slotted(cds-custom-button),:host(c4p-side-panel) .cds-custom--btn-set.c4p--side-panel__actions-container .c4p--action-set__action-button.cds-custom--btn,:host(c4p-side-panel) .cds-custom--btn-set.c4p--side-panel__actions-container .cds-custom--btn::slotted(cds-custom-button){max-inline-size:none}.c4p--action-set:not(.c4p--action-set--stacking) .c4p--action-set__action-button--ghost,:host(c4p-side-panel) .c4p--side-panel__actions-container:not(.c4p--action-set--stacking) .c4p--action-set__action-button--ghost{padding-inline-start:2rem}.c4p--action-set.c4p--action-set--row-single .c4p--action-set__action-button--ghost,.c4p--action-set.c4p--action-set--row-single.c4p--action-set--md .c4p--action-set__action-button,:host(c4p-side-panel) .c4p--action-set--row-single.c4p--action-set--md.c4p--side-panel__actions-container .c4p--action-set__action-button,:host(c4p-side-panel) .c4p--action-set--row-single.c4p--action-set--md.c4p--side-panel__actions-container ::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--action-set--row-single.c4p--side-panel__actions-container .c4p--action-set__action-button--ghost,:host(c4p-side-panel) .c4p--action-set.c4p--action-set--row-single.c4p--action-set--md .c4p--side-panel__actions-container ::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.c4p--action-set--row-single.c4p--action-set--md ::slotted(cds-custom-button){flex:0 0 100%}.c4p--action-set.c4p--action-set--row-double .c4p--action-set__action-button--ghost,:host(c4p-side-panel) .c4p--action-set--row-double.c4p--side-panel__actions-container .c4p--action-set__action-button--ghost{flex:1 1 75%}.c4p--action-set.c4p--action-set--row-double.c4p--action-set--lg .c4p--action-set__action-button,.c4p--action-set.c4p--action-set--row-double.c4p--action-set--md .c4p--action-set__action-button,.c4p--action-set.c4p--action-set--row-single.c4p--action-set--lg .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),.c4p--action-set.c4p--action-set--row-triple .c4p--action-set__action-button--ghost,:host(c4p-side-panel) .c4p--action-set--row-double.c4p--action-set--lg.c4p--side-panel__actions-container .c4p--action-set__action-button,:host(c4p-side-panel) .c4p--action-set--row-double.c4p--action-set--lg.c4p--side-panel__actions-container ::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--action-set--row-double.c4p--action-set--md.c4p--side-panel__actions-container .c4p--action-set__action-button,:host(c4p-side-panel) .c4p--action-set--row-double.c4p--action-set--md.c4p--side-panel__actions-container ::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--action-set--row-single.c4p--action-set--lg.c4p--side-panel__actions-container .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-side-panel) .c4p--action-set--row-single.c4p--action-set--lg.c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--action-set--row-triple.c4p--side-panel__actions-container .c4p--action-set__action-button--ghost,:host(c4p-side-panel) .c4p--action-set.c4p--action-set--row-double.c4p--action-set--lg .c4p--side-panel__actions-container ::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--action-set.c4p--action-set--row-double.c4p--action-set--md .c4p--side-panel__actions-container ::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--action-set.c4p--action-set--row-single.c4p--action-set--lg .c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.c4p--action-set--row-double.c4p--action-set--lg ::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.c4p--action-set--row-double.c4p--action-set--md ::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.c4p--action-set--row-single.c4p--action-set--lg :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button){flex:0 1 50%}.c4p--action-set.c4p--action-set--row-triple .c4p--action-set__action-button--ghost,:host(c4p-side-panel) .c4p--action-set--row-triple.c4p--side-panel__actions-container .c4p--action-set__action-button--ghost{flex:1 1 50%}.c4p--action-set.cds-custom--btn-set.c4p--action-set--2xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),.c4p--action-set.cds-custom--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),.c4p--action-set.cds-custom--btn-set.c4p--action-set--row-triple.c4p--action-set--lg .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),.c4p--action-set.cds-custom--btn-set.c4p--action-set--xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-side-panel) .c4p--action-set.cds-custom--btn-set.c4p--action-set--2xl .c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--action-set.cds-custom--btn-set.c4p--action-set--row-quadruple .c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--action-set.cds-custom--btn-set.c4p--action-set--row-triple.c4p--action-set--lg .c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--action-set.cds-custom--btn-set.c4p--action-set--xl .c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.cds-custom--btn-set.c4p--action-set--2xl :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.cds-custom--btn-set.c4p--action-set--row-quadruple :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.cds-custom--btn-set.c4p--action-set--row-triple.c4p--action-set--lg :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.cds-custom--btn-set.c4p--action-set--xl :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button),:host(c4p-side-panel) .cds-custom--btn-set.c4p--action-set--2xl.c4p--side-panel__actions-container .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-side-panel) .cds-custom--btn-set.c4p--action-set--2xl.c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button),:host(c4p-side-panel) .cds-custom--btn-set.c4p--action-set--row-quadruple.c4p--side-panel__actions-container .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-side-panel) .cds-custom--btn-set.c4p--action-set--row-quadruple.c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button),:host(c4p-side-panel) .cds-custom--btn-set.c4p--action-set--row-triple.c4p--action-set--lg.c4p--side-panel__actions-container .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-side-panel) .cds-custom--btn-set.c4p--action-set--row-triple.c4p--action-set--lg.c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button),:host(c4p-side-panel) .cds-custom--btn-set.c4p--action-set--xl.c4p--side-panel__actions-container .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),:host(c4p-side-panel) .cds-custom--btn-set.c4p--action-set--xl.c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-custom-button){flex:0 1 25%;max-inline-size:14.5rem}.c4p--action-set.cds-custom--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button--ghost,:host(c4p-side-panel) .cds-custom--btn-set.c4p--action-set--row-quadruple.c4p--side-panel__actions-container .c4p--action-set__action-button--ghost{flex:1 1 25%}.c4p--action-set .c4p--action-set__action-button .cds-custom--inline-loading,:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set__action-button .cds-custom--inline-loading,:host(c4p-side-panel) .c4p--side-panel__actions-container ::slotted(cds-custom-button) .cds-custom--inline-loading{inline-size:2rem;inset-block-start:0;inset-inline-end:0;position:absolute}:root{--cds-custom-grid-gutter:2rem;--cds-custom-grid-columns:4;--cds-custom-grid-margin:0}@media (min-width:42rem){:root{--cds-custom-grid-columns:8;--cds-custom-grid-margin:1rem}}@media (min-width:66rem){:root{--cds-custom-grid-columns:16}}@media (min-width:99rem){:root{--cds-custom-grid-margin:1.5rem}}.cds-custom--css-grid{--cds-custom-grid-gutter-start:calc(var(--cds-custom-grid-gutter)/2);--cds-custom-grid-gutter-end:calc(var(--cds-custom-grid-gutter)/2);--cds-custom-grid-column-hang:calc(var(--cds-custom-grid-gutter)/2);display:grid;grid-template-columns:repeat(var(--cds-custom-grid-columns),minmax(0,1fr));inline-size:100%;margin-inline:auto;max-inline-size:99rem;padding-inline:var(--cds-custom-grid-margin)}.cds-custom--css-grid--full-width{max-inline-size:100%}.cds-custom--css-grid-column{--cds-custom-grid-mode-start:var(--cds-custom-grid-gutter-start);--cds-custom-grid-mode-end:var(--cds-custom-grid-gutter-end);margin-inline:var(--cds-custom-grid-gutter-start) var(--cds-custom-grid-gutter-end)}[dir=rtl] .cds-custom--css-grid-column{margin-inline:var(--cds-custom-grid-gutter-end) var(--cds-custom-grid-gutter-start)}.cds-custom--css-grid--narrow{--cds-custom-grid-gutter-start:0rem}.cds-custom--css-grid--condensed{--cds-custom-grid-gutter:0.0625rem;--cds-custom-grid-column-hang:0.96875rem}.cds-custom--css-grid--start{margin-inline-start:0}.cds-custom--css-grid--end{margin-inline-end:0}.cds-custom--subgrid{display:grid;grid-template-columns:repeat(var(--cds-custom-grid-columns),minmax(0,1fr));margin-inline:calc(var(--cds-custom-grid-mode-start)*-1) calc(var(--cds-custom-grid-mode-end)*-1)}[dir=rtl] .cds-custom--subgrid{margin-inline:calc(var(--cds-custom-grid-mode-end)*-1) calc(var(--cds-custom-grid-mode-start)*-1)}.cds-custom--subgrid--wide{--cds-custom-grid-gutter-start:1rem;--cds-custom-grid-gutter-end:1rem;--cds-custom-grid-column-hang:0}.cds-custom--subgrid--narrow{--cds-custom-grid-gutter-start:0rem;--cds-custom-grid-gutter-end:1rem;--cds-custom-grid-column-hang:1rem}.cds-custom--subgrid--condensed{--cds-custom-grid-gutter-start:0.03125rem;--cds-custom-grid-gutter-end:0.03125rem;--cds-custom-grid-column-hang:0.96875rem}.cds-custom--grid-column-hang{margin-inline-start:var(--cds-custom-grid-column-hang)}[dir=rtl] .cds-custom--grid-column-hang{margin-inline:initial var(--cds-custom-grid-column-hang)}.cds-custom--col-span-0{display:none}.cds-custom--col-span-1{--cds-custom-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--col-span-2{--cds-custom-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--col-span-3{--cds-custom-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--col-span-4{--cds-custom-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--col-span-5{--cds-custom-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--col-span-6{--cds-custom-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--col-span-7{--cds-custom-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--col-span-8{--cds-custom-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--col-span-9{--cds-custom-grid-columns:9;display:block;grid-column:span 9/span 9}.cds-custom--col-span-10{--cds-custom-grid-columns:10;display:block;grid-column:span 10/span 10}.cds-custom--col-span-11{--cds-custom-grid-columns:11;display:block;grid-column:span 11/span 11}.cds-custom--col-span-12{--cds-custom-grid-columns:12;display:block;grid-column:span 12/span 12}.cds-custom--col-span-13{--cds-custom-grid-columns:13;display:block;grid-column:span 13/span 13}.cds-custom--col-span-14{--cds-custom-grid-columns:14;display:block;grid-column:span 14/span 14}.cds-custom--col-span-15{--cds-custom-grid-columns:15;display:block;grid-column:span 15/span 15}.cds-custom--col-span-16{--cds-custom-grid-columns:16;display:block;grid-column:span 16/span 16}.cds-custom--sm\\:col-span-0{display:none}.cds-custom--sm\\:col-span-1{--cds-custom-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--sm\\:col-span-2{--cds-custom-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--sm\\:col-span-3{--cds-custom-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--sm\\:col-span-4{--cds-custom-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--sm\\:col-span-auto{grid-column:auto}.cds-custom--sm\\:col-span-100{grid-column:1/-1}.cds-custom--sm\\:col-span-75{--cds-custom-grid-columns:3;grid-column:span 3/span 3}.cds-custom--sm\\:col-span-50{--cds-custom-grid-columns:2;grid-column:span 2/span 2}.cds-custom--sm\\:col-span-25{--cds-custom-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){.cds-custom--md\\:col-span-0{display:none}.cds-custom--md\\:col-span-1{--cds-custom-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--md\\:col-span-2{--cds-custom-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--md\\:col-span-3{--cds-custom-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--md\\:col-span-4{--cds-custom-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--md\\:col-span-5{--cds-custom-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--md\\:col-span-6{--cds-custom-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--md\\:col-span-7{--cds-custom-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--md\\:col-span-8{--cds-custom-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--md\\:col-span-auto{grid-column:auto}.cds-custom--md\\:col-span-100{grid-column:1/-1}.cds-custom--md\\:col-span-75{--cds-custom-grid-columns:6;grid-column:span 6/span 6}.cds-custom--md\\:col-span-50{--cds-custom-grid-columns:4;grid-column:span 4/span 4}.cds-custom--md\\:col-span-25{--cds-custom-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){.cds-custom--lg\\:col-span-0{display:none}.cds-custom--lg\\:col-span-1{--cds-custom-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--lg\\:col-span-2{--cds-custom-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--lg\\:col-span-3{--cds-custom-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--lg\\:col-span-4{--cds-custom-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--lg\\:col-span-5{--cds-custom-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--lg\\:col-span-6{--cds-custom-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--lg\\:col-span-7{--cds-custom-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--lg\\:col-span-8{--cds-custom-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--lg\\:col-span-9{--cds-custom-grid-columns:9;display:block;grid-column:span 9/span 9}.cds-custom--lg\\:col-span-10{--cds-custom-grid-columns:10;display:block;grid-column:span 10/span 10}.cds-custom--lg\\:col-span-11{--cds-custom-grid-columns:11;display:block;grid-column:span 11/span 11}.cds-custom--lg\\:col-span-12{--cds-custom-grid-columns:12;display:block;grid-column:span 12/span 12}.cds-custom--lg\\:col-span-13{--cds-custom-grid-columns:13;display:block;grid-column:span 13/span 13}.cds-custom--lg\\:col-span-14{--cds-custom-grid-columns:14;display:block;grid-column:span 14/span 14}.cds-custom--lg\\:col-span-15{--cds-custom-grid-columns:15;display:block;grid-column:span 15/span 15}.cds-custom--lg\\:col-span-16{--cds-custom-grid-columns:16;display:block;grid-column:span 16/span 16}.cds-custom--lg\\:col-span-auto{grid-column:auto}.cds-custom--lg\\:col-span-100{grid-column:1/-1}.cds-custom--lg\\:col-span-75{--cds-custom-grid-columns:12;grid-column:span 12/span 12}.cds-custom--lg\\:col-span-50{--cds-custom-grid-columns:8;grid-column:span 8/span 8}.cds-custom--lg\\:col-span-25{--cds-custom-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-0{display:none}.cds-custom--xlg\\:col-span-1{--cds-custom-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--xlg\\:col-span-2{--cds-custom-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--xlg\\:col-span-3{--cds-custom-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--xlg\\:col-span-4{--cds-custom-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--xlg\\:col-span-5{--cds-custom-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--xlg\\:col-span-6{--cds-custom-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--xlg\\:col-span-7{--cds-custom-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--xlg\\:col-span-8{--cds-custom-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--xlg\\:col-span-9{--cds-custom-grid-columns:9;display:block;grid-column:span 9/span 9}.cds-custom--xlg\\:col-span-10{--cds-custom-grid-columns:10;display:block;grid-column:span 10/span 10}.cds-custom--xlg\\:col-span-11{--cds-custom-grid-columns:11;display:block;grid-column:span 11/span 11}.cds-custom--xlg\\:col-span-12{--cds-custom-grid-columns:12;display:block;grid-column:span 12/span 12}.cds-custom--xlg\\:col-span-13{--cds-custom-grid-columns:13;display:block;grid-column:span 13/span 13}.cds-custom--xlg\\:col-span-14{--cds-custom-grid-columns:14;display:block;grid-column:span 14/span 14}.cds-custom--xlg\\:col-span-15{--cds-custom-grid-columns:15;display:block;grid-column:span 15/span 15}.cds-custom--xlg\\:col-span-16{--cds-custom-grid-columns:16;display:block;grid-column:span 16/span 16}.cds-custom--xlg\\:col-span-auto{grid-column:auto}.cds-custom--xlg\\:col-span-100{grid-column:1/-1}.cds-custom--xlg\\:col-span-75{--cds-custom-grid-columns:12;grid-column:span 12/span 12}.cds-custom--xlg\\:col-span-50{--cds-custom-grid-columns:8;grid-column:span 8/span 8}.cds-custom--xlg\\:col-span-25{--cds-custom-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:99rem){.cds-custom--max\\:col-span-0{display:none}.cds-custom--max\\:col-span-1{--cds-custom-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--max\\:col-span-2{--cds-custom-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--max\\:col-span-3{--cds-custom-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--max\\:col-span-4{--cds-custom-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--max\\:col-span-5{--cds-custom-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--max\\:col-span-6{--cds-custom-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--max\\:col-span-7{--cds-custom-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--max\\:col-span-8{--cds-custom-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--max\\:col-span-9{--cds-custom-grid-columns:9;display:block;grid-column:span 9/span 9}.cds-custom--max\\:col-span-10{--cds-custom-grid-columns:10;display:block;grid-column:span 10/span 10}.cds-custom--max\\:col-span-11{--cds-custom-grid-columns:11;display:block;grid-column:span 11/span 11}.cds-custom--max\\:col-span-12{--cds-custom-grid-columns:12;display:block;grid-column:span 12/span 12}.cds-custom--max\\:col-span-13{--cds-custom-grid-columns:13;display:block;grid-column:span 13/span 13}.cds-custom--max\\:col-span-14{--cds-custom-grid-columns:14;display:block;grid-column:span 14/span 14}.cds-custom--max\\:col-span-15{--cds-custom-grid-columns:15;display:block;grid-column:span 15/span 15}.cds-custom--max\\:col-span-16{--cds-custom-grid-columns:16;display:block;grid-column:span 16/span 16}.cds-custom--max\\:col-span-auto{grid-column:auto}.cds-custom--max\\:col-span-100{grid-column:1/-1}.cds-custom--max\\:col-span-75{--cds-custom-grid-columns:12;grid-column:span 12/span 12}.cds-custom--max\\:col-span-50{--cds-custom-grid-columns:8;grid-column:span 8/span 8}.cds-custom--max\\:col-span-25{--cds-custom-grid-columns:4;grid-column:span 4/span 4}}.cds-custom--col-span-auto{grid-column:auto}.cds-custom--col-span-100{grid-column:1/-1}.cds-custom--col-span-75{--cds-custom-grid-columns:3;grid-column:span 3/span 3}@media (min-width:42rem){.cds-custom--col-span-75{--cds-custom-grid-columns:6;grid-column:span 6/span 6}}@media (min-width:66rem){.cds-custom--col-span-75{--cds-custom-grid-columns:12;grid-column:span 12/span 12}}.cds-custom--col-span-50{--cds-custom-grid-columns:2;grid-column:span 2/span 2}@media (min-width:42rem){.cds-custom--col-span-50{--cds-custom-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:66rem){.cds-custom--col-span-50{--cds-custom-grid-columns:8;grid-column:span 8/span 8}}.cds-custom--col-span-25{--cds-custom-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){.cds-custom--col-span-25{--cds-custom-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){.cds-custom--col-span-25{--cds-custom-grid-columns:4;grid-column:span 4/span 4}}.cds-custom--col-start-1{grid-column-start:1}.cds-custom--col-start-2{grid-column-start:2}.cds-custom--col-start-3{grid-column-start:3}.cds-custom--col-start-4{grid-column-start:4}.cds-custom--col-start-5{grid-column-start:5}.cds-custom--col-start-6{grid-column-start:6}.cds-custom--col-start-7{grid-column-start:7}.cds-custom--col-start-8{grid-column-start:8}.cds-custom--col-start-9{grid-column-start:9}.cds-custom--col-start-10{grid-column-start:10}.cds-custom--col-start-11{grid-column-start:11}.cds-custom--col-start-12{grid-column-start:12}.cds-custom--col-start-13{grid-column-start:13}.cds-custom--col-start-14{grid-column-start:14}.cds-custom--col-start-15{grid-column-start:15}.cds-custom--col-start-16{grid-column-start:16}.cds-custom--col-end-2{grid-column-end:2}.cds-custom--col-end-3{grid-column-end:3}.cds-custom--col-end-4{grid-column-end:4}.cds-custom--col-end-5{grid-column-end:5}.cds-custom--col-end-6{grid-column-end:6}.cds-custom--col-end-7{grid-column-end:7}.cds-custom--col-end-8{grid-column-end:8}.cds-custom--col-end-9{grid-column-end:9}.cds-custom--col-end-10{grid-column-end:10}.cds-custom--col-end-11{grid-column-end:11}.cds-custom--col-end-12{grid-column-end:12}.cds-custom--col-end-13{grid-column-end:13}.cds-custom--col-end-14{grid-column-end:14}.cds-custom--col-end-15{grid-column-end:15}.cds-custom--col-end-16{grid-column-end:16}.cds-custom--col-end-17{grid-column-end:17}.cds-custom--col-start-auto{grid-column-start:auto}.cds-custom--col-end-auto{grid-column-end:auto}.cds-custom--sm\\:col-start-1{grid-column-start:1}.cds-custom--sm\\:col-start-2{grid-column-start:2}.cds-custom--sm\\:col-start-3{grid-column-start:3}.cds-custom--sm\\:col-start-4{grid-column-start:4}.cds-custom--sm\\:col-start-5{grid-column-start:5}.cds-custom--sm\\:col-start-6{grid-column-start:6}.cds-custom--sm\\:col-start-7{grid-column-start:7}.cds-custom--sm\\:col-start-8{grid-column-start:8}.cds-custom--sm\\:col-start-9{grid-column-start:9}.cds-custom--sm\\:col-start-10{grid-column-start:10}.cds-custom--sm\\:col-start-11{grid-column-start:11}.cds-custom--sm\\:col-start-12{grid-column-start:12}.cds-custom--sm\\:col-start-13{grid-column-start:13}.cds-custom--sm\\:col-start-14{grid-column-start:14}.cds-custom--sm\\:col-start-15{grid-column-start:15}.cds-custom--sm\\:col-start-16{grid-column-start:16}.cds-custom--sm\\:col-end-2{grid-column-end:2}.cds-custom--sm\\:col-end-3{grid-column-end:3}.cds-custom--sm\\:col-end-4{grid-column-end:4}.cds-custom--sm\\:col-end-5{grid-column-end:5}.cds-custom--sm\\:col-end-6{grid-column-end:6}.cds-custom--sm\\:col-end-7{grid-column-end:7}.cds-custom--sm\\:col-end-8{grid-column-end:8}.cds-custom--sm\\:col-end-9{grid-column-end:9}.cds-custom--sm\\:col-end-10{grid-column-end:10}.cds-custom--sm\\:col-end-11{grid-column-end:11}.cds-custom--sm\\:col-end-12{grid-column-end:12}.cds-custom--sm\\:col-end-13{grid-column-end:13}.cds-custom--sm\\:col-end-14{grid-column-end:14}.cds-custom--sm\\:col-end-15{grid-column-end:15}.cds-custom--sm\\:col-end-16{grid-column-end:16}.cds-custom--sm\\:col-end-17{grid-column-end:17}.cds-custom--sm\\:col-start-auto{grid-column-start:auto}.cds-custom--sm\\:col-end-auto{grid-column-end:auto}@media (min-width:42rem){.cds-custom--md\\:col-start-1{grid-column-start:1}.cds-custom--md\\:col-start-2{grid-column-start:2}.cds-custom--md\\:col-start-3{grid-column-start:3}.cds-custom--md\\:col-start-4{grid-column-start:4}.cds-custom--md\\:col-start-5{grid-column-start:5}.cds-custom--md\\:col-start-6{grid-column-start:6}.cds-custom--md\\:col-start-7{grid-column-start:7}.cds-custom--md\\:col-start-8{grid-column-start:8}.cds-custom--md\\:col-start-9{grid-column-start:9}.cds-custom--md\\:col-start-10{grid-column-start:10}.cds-custom--md\\:col-start-11{grid-column-start:11}.cds-custom--md\\:col-start-12{grid-column-start:12}.cds-custom--md\\:col-start-13{grid-column-start:13}.cds-custom--md\\:col-start-14{grid-column-start:14}.cds-custom--md\\:col-start-15{grid-column-start:15}.cds-custom--md\\:col-start-16{grid-column-start:16}.cds-custom--md\\:col-end-2{grid-column-end:2}.cds-custom--md\\:col-end-3{grid-column-end:3}.cds-custom--md\\:col-end-4{grid-column-end:4}.cds-custom--md\\:col-end-5{grid-column-end:5}.cds-custom--md\\:col-end-6{grid-column-end:6}.cds-custom--md\\:col-end-7{grid-column-end:7}.cds-custom--md\\:col-end-8{grid-column-end:8}.cds-custom--md\\:col-end-9{grid-column-end:9}.cds-custom--md\\:col-end-10{grid-column-end:10}.cds-custom--md\\:col-end-11{grid-column-end:11}.cds-custom--md\\:col-end-12{grid-column-end:12}.cds-custom--md\\:col-end-13{grid-column-end:13}.cds-custom--md\\:col-end-14{grid-column-end:14}.cds-custom--md\\:col-end-15{grid-column-end:15}.cds-custom--md\\:col-end-16{grid-column-end:16}.cds-custom--md\\:col-end-17{grid-column-end:17}.cds-custom--md\\:col-start-auto{grid-column-start:auto}.cds-custom--md\\:col-end-auto{grid-column-end:auto}}@media (min-width:66rem){.cds-custom--lg\\:col-start-1{grid-column-start:1}.cds-custom--lg\\:col-start-2{grid-column-start:2}.cds-custom--lg\\:col-start-3{grid-column-start:3}.cds-custom--lg\\:col-start-4{grid-column-start:4}.cds-custom--lg\\:col-start-5{grid-column-start:5}.cds-custom--lg\\:col-start-6{grid-column-start:6}.cds-custom--lg\\:col-start-7{grid-column-start:7}.cds-custom--lg\\:col-start-8{grid-column-start:8}.cds-custom--lg\\:col-start-9{grid-column-start:9}.cds-custom--lg\\:col-start-10{grid-column-start:10}.cds-custom--lg\\:col-start-11{grid-column-start:11}.cds-custom--lg\\:col-start-12{grid-column-start:12}.cds-custom--lg\\:col-start-13{grid-column-start:13}.cds-custom--lg\\:col-start-14{grid-column-start:14}.cds-custom--lg\\:col-start-15{grid-column-start:15}.cds-custom--lg\\:col-start-16{grid-column-start:16}.cds-custom--lg\\:col-end-2{grid-column-end:2}.cds-custom--lg\\:col-end-3{grid-column-end:3}.cds-custom--lg\\:col-end-4{grid-column-end:4}.cds-custom--lg\\:col-end-5{grid-column-end:5}.cds-custom--lg\\:col-end-6{grid-column-end:6}.cds-custom--lg\\:col-end-7{grid-column-end:7}.cds-custom--lg\\:col-end-8{grid-column-end:8}.cds-custom--lg\\:col-end-9{grid-column-end:9}.cds-custom--lg\\:col-end-10{grid-column-end:10}.cds-custom--lg\\:col-end-11{grid-column-end:11}.cds-custom--lg\\:col-end-12{grid-column-end:12}.cds-custom--lg\\:col-end-13{grid-column-end:13}.cds-custom--lg\\:col-end-14{grid-column-end:14}.cds-custom--lg\\:col-end-15{grid-column-end:15}.cds-custom--lg\\:col-end-16{grid-column-end:16}.cds-custom--lg\\:col-end-17{grid-column-end:17}.cds-custom--lg\\:col-start-auto{grid-column-start:auto}.cds-custom--lg\\:col-end-auto{grid-column-end:auto}}@media (min-width:82rem){.cds-custom--xlg\\:col-start-1{grid-column-start:1}.cds-custom--xlg\\:col-start-2{grid-column-start:2}.cds-custom--xlg\\:col-start-3{grid-column-start:3}.cds-custom--xlg\\:col-start-4{grid-column-start:4}.cds-custom--xlg\\:col-start-5{grid-column-start:5}.cds-custom--xlg\\:col-start-6{grid-column-start:6}.cds-custom--xlg\\:col-start-7{grid-column-start:7}.cds-custom--xlg\\:col-start-8{grid-column-start:8}.cds-custom--xlg\\:col-start-9{grid-column-start:9}.cds-custom--xlg\\:col-start-10{grid-column-start:10}.cds-custom--xlg\\:col-start-11{grid-column-start:11}.cds-custom--xlg\\:col-start-12{grid-column-start:12}.cds-custom--xlg\\:col-start-13{grid-column-start:13}.cds-custom--xlg\\:col-start-14{grid-column-start:14}.cds-custom--xlg\\:col-start-15{grid-column-start:15}.cds-custom--xlg\\:col-start-16{grid-column-start:16}.cds-custom--xlg\\:col-end-2{grid-column-end:2}.cds-custom--xlg\\:col-end-3{grid-column-end:3}.cds-custom--xlg\\:col-end-4{grid-column-end:4}.cds-custom--xlg\\:col-end-5{grid-column-end:5}.cds-custom--xlg\\:col-end-6{grid-column-end:6}.cds-custom--xlg\\:col-end-7{grid-column-end:7}.cds-custom--xlg\\:col-end-8{grid-column-end:8}.cds-custom--xlg\\:col-end-9{grid-column-end:9}.cds-custom--xlg\\:col-end-10{grid-column-end:10}.cds-custom--xlg\\:col-end-11{grid-column-end:11}.cds-custom--xlg\\:col-end-12{grid-column-end:12}.cds-custom--xlg\\:col-end-13{grid-column-end:13}.cds-custom--xlg\\:col-end-14{grid-column-end:14}.cds-custom--xlg\\:col-end-15{grid-column-end:15}.cds-custom--xlg\\:col-end-16{grid-column-end:16}.cds-custom--xlg\\:col-end-17{grid-column-end:17}.cds-custom--xlg\\:col-start-auto{grid-column-start:auto}.cds-custom--xlg\\:col-end-auto{grid-column-end:auto}}@media (min-width:99rem){.cds-custom--max\\:col-start-1{grid-column-start:1}.cds-custom--max\\:col-start-2{grid-column-start:2}.cds-custom--max\\:col-start-3{grid-column-start:3}.cds-custom--max\\:col-start-4{grid-column-start:4}.cds-custom--max\\:col-start-5{grid-column-start:5}.cds-custom--max\\:col-start-6{grid-column-start:6}.cds-custom--max\\:col-start-7{grid-column-start:7}.cds-custom--max\\:col-start-8{grid-column-start:8}.cds-custom--max\\:col-start-9{grid-column-start:9}.cds-custom--max\\:col-start-10{grid-column-start:10}.cds-custom--max\\:col-start-11{grid-column-start:11}.cds-custom--max\\:col-start-12{grid-column-start:12}.cds-custom--max\\:col-start-13{grid-column-start:13}.cds-custom--max\\:col-start-14{grid-column-start:14}.cds-custom--max\\:col-start-15{grid-column-start:15}.cds-custom--max\\:col-start-16{grid-column-start:16}.cds-custom--max\\:col-end-2{grid-column-end:2}.cds-custom--max\\:col-end-3{grid-column-end:3}.cds-custom--max\\:col-end-4{grid-column-end:4}.cds-custom--max\\:col-end-5{grid-column-end:5}.cds-custom--max\\:col-end-6{grid-column-end:6}.cds-custom--max\\:col-end-7{grid-column-end:7}.cds-custom--max\\:col-end-8{grid-column-end:8}.cds-custom--max\\:col-end-9{grid-column-end:9}.cds-custom--max\\:col-end-10{grid-column-end:10}.cds-custom--max\\:col-end-11{grid-column-end:11}.cds-custom--max\\:col-end-12{grid-column-end:12}.cds-custom--max\\:col-end-13{grid-column-end:13}.cds-custom--max\\:col-end-14{grid-column-end:14}.cds-custom--max\\:col-end-15{grid-column-end:15}.cds-custom--max\\:col-end-16{grid-column-end:16}.cds-custom--max\\:col-end-17{grid-column-end:17}.cds-custom--max\\:col-start-auto{grid-column-start:auto}.cds-custom--max\\:col-end-auto{grid-column-end:auto}}@keyframes c4p--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes c4p--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes c4p--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}}.c4p--layout--size-xs{--c4p-layout-size-height-context:var(--c4p-layout-size-height-xs,1.5rem);--c4p-layout-size-height:var(--c4p-layout-size-height-context)}.c4p--layout-constraint--size__default-xs{--c4p-layout-size-height:var(--c4p-layout-size-height-context,var(--c4p-layout-size-height-xs,1.5rem))}.c4p--layout-constraint--size__min-xs{--c4p-layout-size-height-min:var(--c4p-layout-size-height-xs,1.5rem)}.c4p--layout-constraint--size__max-xs{--c4p-layout-size-height-max:var(--c4p-layout-size-height-xs,1.5rem)}.c4p--layout--size-sm{--c4p-layout-size-height-context:var(--c4p-layout-size-height-sm,2rem);--c4p-layout-size-height:var(--c4p-layout-size-height-context)}.c4p--layout-constraint--size__default-sm{--c4p-layout-size-height:var(--c4p-layout-size-height-context,var(--c4p-layout-size-height-sm,2rem))}.c4p--layout-constraint--size__min-sm{--c4p-layout-size-height-min:var(--c4p-layout-size-height-sm,2rem)}.c4p--layout-constraint--size__max-sm{--c4p-layout-size-height-max:var(--c4p-layout-size-height-sm,2rem)}.c4p--layout--size-md{--c4p-layout-size-height-context:var(--c4p-layout-size-height-md,2.5rem);--c4p-layout-size-height:var(--c4p-layout-size-height-context)}.c4p--layout-constraint--size__default-md{--c4p-layout-size-height:var(--c4p-layout-size-height-context,var(--c4p-layout-size-height-md,2.5rem))}.c4p--layout-constraint--size__min-md{--c4p-layout-size-height-min:var(--c4p-layout-size-height-md,2.5rem)}.c4p--layout-constraint--size__max-md{--c4p-layout-size-height-max:var(--c4p-layout-size-height-md,2.5rem)}.c4p--layout--size-lg{--c4p-layout-size-height-context:var(--c4p-layout-size-height-lg,3rem);--c4p-layout-size-height:var(--c4p-layout-size-height-context)}.c4p--layout-constraint--size__default-lg{--c4p-layout-size-height:var(--c4p-layout-size-height-context,var(--c4p-layout-size-height-lg,3rem))}.c4p--layout-constraint--size__min-lg{--c4p-layout-size-height-min:var(--c4p-layout-size-height-lg,3rem)}.c4p--layout-constraint--size__max-lg{--c4p-layout-size-height-max:var(--c4p-layout-size-height-lg,3rem)}.c4p--layout--size-xl{--c4p-layout-size-height-context:var(--c4p-layout-size-height-xl,4rem);--c4p-layout-size-height:var(--c4p-layout-size-height-context)}.c4p--layout-constraint--size__default-xl{--c4p-layout-size-height:var(--c4p-layout-size-height-context,var(--c4p-layout-size-height-xl,4rem))}.c4p--layout-constraint--size__min-xl{--c4p-layout-size-height-min:var(--c4p-layout-size-height-xl,4rem)}.c4p--layout-constraint--size__max-xl{--c4p-layout-size-height-max:var(--c4p-layout-size-height-xl,4rem)}.c4p--layout--size-2xl{--c4p-layout-size-height-context:var(--c4p-layout-size-height-2xl,5rem);--c4p-layout-size-height:var(--c4p-layout-size-height-context)}.c4p--layout-constraint--size__default-2xl{--c4p-layout-size-height:var(--c4p-layout-size-height-context,var(--c4p-layout-size-height-2xl,5rem))}.c4p--layout-constraint--size__min-2xl{--c4p-layout-size-height-min:var(--c4p-layout-size-height-2xl,5rem)}.c4p--layout-constraint--size__max-2xl{--c4p-layout-size-height-max:var(--c4p-layout-size-height-2xl,5rem)}.c4p--layout--density-condensed{--c4p-layout-density-padding-inline-context:var(--c4p-layout-density-padding-inline-condensed,0.5rem);--c4p-layout-density-padding-inline:var(--c4p-layout-density-padding-inline-context)}.c4p--layout-constraint--density__default-condensed{--c4p-layout-density-padding-inline:var(--c4p-layout-density-padding-inline-context,var(--c4p-layout-density-padding-inline-condensed,0.5rem))}.c4p--layout-constraint--density__min-condensed{--c4p-layout-density-padding-inline-min:var(--c4p-layout-density-padding-inline-condensed,0.5rem)}.c4p--layout-constraint--density__max-condensed{--c4p-layout-density-padding-inline-max:var(--c4p-layout-density-padding-inline-condensed,0.5rem)}.c4p--layout--density-normal{--c4p-layout-density-padding-inline-context:var(--c4p-layout-density-padding-inline-normal,1rem);--c4p-layout-density-padding-inline:var(--c4p-layout-density-padding-inline-context)}.c4p--layout-constraint--density__default-normal{--c4p-layout-density-padding-inline:var(--c4p-layout-density-padding-inline-context,var(--c4p-layout-density-padding-inline-normal,1rem))}.c4p--layout-constraint--density__min-normal{--c4p-layout-density-padding-inline-min:var(--c4p-layout-density-padding-inline-normal,1rem)}.c4p--layout-constraint--density__max-normal{--c4p-layout-density-padding-inline-max:var(--c4p-layout-density-padding-inline-normal,1rem)}:root{--c4p-layout-size-height-xs:1.5rem;--c4p-layout-size-height-sm:2rem;--c4p-layout-size-height-md:2.5rem;--c4p-layout-size-height-lg:3rem;--c4p-layout-size-height-xl:4rem;--c4p-layout-size-height-2xl:5rem;--c4p-layout-size-height-min:0px;--c4p-layout-size-height-max:999999999px;--c4p-layout-density-padding-inline-condensed:0.5rem;--c4p-layout-density-padding-inline-normal:1rem;--c4p-layout-density-padding-inline-min:0px;--c4p-layout-density-padding-inline-max:999999999px}.c4p--assistive-text,.c4p--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}.clabs__resizer{background-color:var(--cds-custom-border-subtle);flex:none;position:relative}@media (prefers-reduced-motion:no-preference){.clabs__resizer:hover{background-color:var(--cds-custom-border-interactive,#0f62fe);transition:background-color .15s}}.clabs__resizer:focus{outline:none}.clabs__resizer:active,.clabs__resizer:focus{background-color:var(--cds-custom-border-interactive,#0f62fe)}.clabs__resizer:focus:not(:focus-visible){box-shadow:none;outline:none}.clabs__resizer--horizontal{cursor:ns-resize}.clabs__resizer--vertical{cursor:ew-resize}.sr-only{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;white-space:nowrap}@media (prefers-reduced-motion:no-preference){.smooth-resize{transition:all .15s linear}}@keyframes side-panel-entrance-reduced{0%{opacity:0}to{opacity:1}}@keyframes side-panel-exit-reduced{0%{opacity:1}to{opacity:0}}@keyframes side-panel-entrance-right{0%{opacity:0;transform:translateX(var(--panel-transform))}to{opacity:1;transform:translateX(0)}}@keyframes side-panel-entrance-left{0%{opacity:0;transform:translateX(calc(var(--panel-transform)*-1))}to{opacity:1;transform:translateX(0)}}@keyframes side-panel-exit-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(var(--panel-transform))}}@keyframes side-panel-exit-left{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(calc(var(--panel-transform)*-1))}}@property --panel-transform{inherits:true;initial-value:320px;syntax:\"<length>\"}.c4p--side-panel--scrolls,:host(c4p-side-panel) [scrolls]{overflow:auto;overflow-x:hidden}@supports (overflow-inline:hidden){.c4p--side-panel--scrolls,:host(c4p-side-panel) [scrolls]{overflow-inline:hidden}}.c4p--side-panel,:host(c4p-side-panel) .c4p--side-panel{--panel-transform:320px;--c4p--side-panel--title-stop:1rem;--c4p--side-panel--scroll-animation-progress:0;--c4p--side-panel--title-padding-right:2rem;--c4p--side-panel--actions-height:4rem;background-color:var(--cds-custom-layer-01,#f4f4f4);block-size:calc(100% - 3rem);box-sizing:border-box;color:var(--cds-custom-text-primary,#161616);display:grid;grid-template-rows:auto 1fr auto;inset-block-start:3rem;max-inline-size:100%;min-inline-size:16rem;position:fixed;transform:translateX(0);transition-behavior:allow-discrete;transition-duration:.15s;transition-property:display,opacity,transform;z-index:9000}.c4p--side-panel:not(.c4p--side-panel--slide-in).c4p--side-panel--enable-sidepanel-resizer{grid-template-columns:0 1fr}@media (prefers-reduced-motion:no-preference){.c4p--side-panel:not(.c4p--side-panel--slide-in).c4p--side-panel--enable-sidepanel-resizer{transition:all .15s linear}}@starting-style{.c4p--side-panel,:host(c4p-side-panel) .c4p--side-panel{opacity:0;transform:translateX(var(--panel-transform))}}@media (min-width:42rem){.c4p--side-panel,:host(c4p-side-panel) .c4p--side-panel{max-inline-size:75vw}}.c4p--side-panel.c4p--side-panel--xs,:host(c4p-side-panel) .c4p--side-panel[size=xs]{inline-size:clamp(16rem,var(--c4p-side-panel-modified-size,16rem),100%)}.c4p--side-panel.c4p--side-panel--sm,:host(c4p-side-panel) .c4p--side-panel[size=sm]{inline-size:clamp(16rem,var(--c4p-side-panel-modified-size,20rem),100%)}.c4p--side-panel.c4p--side-panel--md,:host(c4p-side-panel) .c4p--side-panel[size=md]{inline-size:clamp(16rem,var(--c4p-side-panel-modified-size,30rem),100%)}.c4p--side-panel.c4p--side-panel--lg,:host(c4p-side-panel) .c4p--side-panel[size=lg]{inline-size:clamp(16rem,var(--c4p-side-panel-modified-size,40rem),100%)}.c4p--side-panel.c4p--side-panel--xl,:host(c4p-side-panel) .c4p--side-panel[size=xl]{inline-size:clamp(16rem,var(--c4p-side-panel-modified-size,65rem),100%)}.c4p--side-panel.c4p--side-panel--2xl,:host(c4p-side-panel) .c4p--side-panel[size=\"2xl\"]{inline-size:clamp(16rem,var(--c4p-side-panel-modified-size,80rem),100%)}.c4p--side-panel.c4p--side-panel--open.c4p--side-panel--right-placement,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--open[placement=right]{animation:side-panel-entrance-right .15s cubic-bezier(0,0,.38,.9) forwards}.c4p--side-panel.c4p--side-panel--open.c4p--side-panel--left-placement,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--open[placement=left]{animation:side-panel-entrance-left .15s cubic-bezier(0,0,.38,.9) forwards}.c4p--side-panel.c4p--side-panel--closing.c4p--side-panel--right-placement,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--closing[placement=right]{animation:side-panel-exit-right .15s cubic-bezier(.2,0,1,.9) forwards}.c4p--side-panel.c4p--side-panel--closing.c4p--side-panel--left-placement,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--closing[placement=left]{animation:side-panel-exit-left .15s cubic-bezier(.2,0,1,.9) forwards}@supports (transition-behavior:allow-discrete){.c4p--side-panel.c4p--side-panel--closing{opacity:0;transform:translateX(var(--panel-transform,320px));transition-duration:.15s}.c4p--side-panel.c4p--side-panel--closing.c4p--side-panel--left-placement,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--closing[placement=left]{transform:translateX(calc(var(--panel-transform, 320px)*-1))}}@media (prefers-reduced-motion){.c4p--side-panel.c4p--side-panel--open.c4p--side-panel--left-placement,.c4p--side-panel.c4p--side-panel--open.c4p--side-panel--right-placement,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--open[placement=left],:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--open[placement=right]{animation:side-panel-entrance-reduced .15s cubic-bezier(.2,0,1,.9) forwards}@starting-style{.c4p--side-panel.c4p--side-panel--open.c4p--side-panel--left-placement,.c4p--side-panel.c4p--side-panel--open.c4p--side-panel--right-placement,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--open[placement=left],:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--open[placement=right]{opacity:0;transform:translateX(0)}}.c4p--side-panel.c4p--side-panel--closing.c4p--side-panel--left-placement,.c4p--side-panel.c4p--side-panel--closing.c4p--side-panel--right-placement,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--closing[placement=left],:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--closing[placement=right]{animation:side-panel-exit-reduced .15s cubic-bezier(.2,0,1,.9) forwards}@starting-style{.c4p--side-panel.c4p--side-panel--closing.c4p--side-panel--left-placement,.c4p--side-panel.c4p--side-panel--closing.c4p--side-panel--right-placement,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--closing[placement=left],:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--closing[placement=right]{opacity:1;transform:translateX(0)}}}.c4p--side-panel.c4p--side-panel--animated-title{grid-template-rows:1fr auto}.c4p--side-panel.c4p--side-panel--condensed-actions,:host(c4p-side-panel) .c4p--side-panel[condensed-actions]{--c4p--side-panel--actions-height:3rem}.c4p--side-panel.c4p--side-panel--slide-in,.c4p--side-panel:not(.c4p--side-panel--has-overlay){box-shadow:0 .125rem .25rem var(--cds-custom-overlay,hsla(0,0%,9%,.5))}.c4p--side-panel .c4p--side-panel__actions-container{inline-size:100%}.c4p--side-panel.c4p--side-panel--right-placement,:host(c4p-side-panel) .c4p--side-panel[placement=right]{border-inline-start:1px solid var(--cds-custom-border-subtle-02,#e0e0e0);inset-inline-end:0}.c4p--side-panel.c4p--side-panel--left-placement,:host(c4p-side-panel) .c4p--side-panel[placement=left]{border-inline-end:1px solid var(--cds-custom-border-subtle-02,#e0e0e0);inset-inline-start:0}.c4p--side-panel.c4p--side-panel--left-placement .clabs__resizer,:host(c4p-side-panel) .c4p--side-panel[placement=left] .clabs__resizer{grid-column:2;inset-inline-start:0}.c4p--side-panel.c4p--side-panel--left-placement .clabs__resizer:before,:host(c4p-side-panel) .c4p--side-panel[placement=left] .clabs__resizer:before{inset-inline-start:0}.c4p--side-panel.c4p--side-panel--left-placement:not(.c4p--side-panel--slide-in).c4p--side-panel--enable-sidepanel-resizer,:host(c4p-side-panel) .c4p--side-panel[placement=left]:not(.c4p--side-panel--slide-in).c4p--side-panel--enable-sidepanel-resizer{grid-template-columns:1fr 0}@media (prefers-reduced-motion:no-preference){.c4p--side-panel.c4p--side-panel--left-placement:not(.c4p--side-panel--slide-in).c4p--side-panel--enable-sidepanel-resizer,:host(c4p-side-panel) .c4p--side-panel[placement=left]:not(.c4p--side-panel--slide-in).c4p--side-panel--enable-sidepanel-resizer{transition:all .15s linear}}.c4p--side-panel.c4p--side-panel.c4p--side-panel--has-ai-label,.c4p--side-panel.c4p--side-panel.c4p--side-panel--has-decorator,.c4p--side-panel.c4p--side-panel.c4p--side-panel--has-slug,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--has-ai-label,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--has-decorator,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--has-slug,:host(c4p-side-panel) .c4p--side-panel[has-slug]{border-color:transparent;box-shadow:inset 0 -80px 70px -65px var(--cds-custom-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 10px 2px var(--cds-custom-ai-drop-shadow,rgba(15,98,254,.1))}.c4p--side-panel .clabs__resizer--vertical:before{background-color:transparent;block-size:100%;content:\"\";inline-size:.125rem;inset-block-end:0;inset-inline-end:0;position:absolute;transition:background-color .15s cubic-bezier(.2,0,.38,.9);z-index:-1}.c4p--side-panel:hover .clabs__resizer--vertical:before{background-color:var(--c4p-button-secondary-hover,#474747)}.c4p--side-panel .clabs__resizer{background-color:transparent;grid-row:span 4/span 3;inset-inline-start:-.25rem}.c4p--side-panel .clabs__resizer--vertical:after{block-size:100%;content:\"\";inline-size:.5rem;inset-inline-start:-.125rem;position:absolute;z-index:10}.c4p--side-panel .clabs__resizer:focus,.c4p--side-panel .clabs__resizer:hover{background-color:var(--cds-custom-border-interactive,#0f62fe)}.c4p--side-panel .c4p--side-panel__header{--c4p--side-panel--title-padding-bottom:1rem;background-color:var(--cds-custom-layer-01,#f4f4f4);inset-block-start:calc(-1px*var(--c4p--side-panel--scroll-animation-distance));min-block-size:2.5rem;padding:1rem;padding-block-end:0;position:sticky;z-index:4}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--has-title{min-block-size:auto}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--has-subtitle,.c4p--side-panel .c4p--side-panel__header:has(.c4p--side-panel__subtitle-text){--c4p--side-panel--title-padding-bottom:0.5rem}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--has-navigation-back,.c4p--side-panel .c4p--side-panel__header:has(.c4p--side-panel__navigation-back-button){padding-block-start:2rem}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--has-navigation-back.cds-custom--btn--md,.c4p--side-panel .c4p--side-panel__header:has(.c4p--side-panel__navigation-back-button.cds-custom--btn--md){padding-block-start:2.5rem}.c4p--side-panel .c4p--side-panel__header:before{background-color:var(--cds-custom-border-subtle-02,#e0e0e0);block-size:1px;content:\"\";inline-size:100%;inset-block-end:0;inset-inline-start:0;opacity:var(--c4p--side-panel--scroll-animation-progress);position:absolute;z-index:9}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--no-title-animation,:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header[no-title-animation]{inset-block-start:0;position:relative}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--no-title-animation:before,:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header[no-title-animation]:before{opacity:1}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--reduced-motion,:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header[reduced-motion]{border-block-end:1px solid var(--cds-custom-border-subtle-02,#e0e0e0);margin-block-end:1rem;z-index:5}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--reduced-motion.c4p--side-panel__header--no-title-animation,:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--no-title-animation[reduced-motion],:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--reduced-motion[no-title-animation],:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header[reduced-motion][no-title-animation]{border-block-end:0;margin-block-end:0}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--on-detail-step .c4p--side-panel__navigation-back-button.cds-custom--btn--md~.c4p--side-panel__collapsed-title-text,:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header[detail-step] .c4p--side-panel__navigation-back-button.cds-custom--btn--md~.c4p--side-panel__collapsed-title-text{inset-block-start:1.5rem}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--on-detail-step:not(.c4p--side-panel__header--has-title),:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header[detail-step]:not(.c4p--side-panel__header--has-title){block-size:2.75rem;padding:1rem 1rem .5rem}.c4p--side-panel .c4p--side-panel__header:not(.c4p--side-panel__header--has-title):before{background-color:transparent}.c4p--side-panel .c4p--side-panel__header:empty{min-block-size:unset}.c4p--side-panel.c4p--side-panel--has-action-toolbar,.c4p--side-panel.c4p--side-panel--has-ai-label,.c4p--side-panel.c4p--side-panel--has-decorator,.c4p--side-panel.c4p--side-panel--has-slug,.c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar),:host(c4p-side-panel) .c4p--side-panel[has-slug]{--c4p--side-panel--title-padding-right:4rem}.c4p--side-panel.c4p--side-panel--has-action-toolbar.c4p--side-panel--has-ai-label,.c4p--side-panel.c4p--side-panel--has-action-toolbar.c4p--side-panel--has-decorator,.c4p--side-panel.c4p--side-panel--has-action-toolbar.c4p--side-panel--has-slug,.c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar).c4p--side-panel--has-ai-label,.c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar).c4p--side-panel--has-decorator,.c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar).c4p--side-panel--has-slug,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--has-action-toolbar[has-slug],:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel[has-slug]:has(.c4p--side-panel__action-toolbar){--c4p--side-panel--title-padding-right:5rem}.c4p--side-panel .c4p--side-panel__animated-scroll-wrapper{display:grid;grid-template-rows:auto 1fr}.c4p--side-panel .c4p--side-panel__title{background-color:var(--cds-custom-layer-01,#f4f4f4);border-block-end:var(--c4p--side-panel--title-padding-bottom) solid transparent;inset-block-start:var(--c4p--side-panel--title-stop);position:sticky;z-index:4}.c4p--side-panel .c4p--side-panel__title-text{display:-webkit-box;font-size:var(--cds-custom-heading-03-font-size,1.25rem);font-weight:var(--cds-custom-heading-03-font-weight,400);letter-spacing:var(--cds-custom-heading-03-letter-spacing,0);line-height:var(--cds-custom-heading-03-line-height,1.4);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;opacity:calc(1 - var(--c4p--side-panel--scroll-animation-progress));padding-inline-end:var(--c4p--side-panel--title-padding-right)}.c4p--side-panel .c4p--side-panel__title--no-label .c4p--side-panel__title-text{transform:translateY(calc(-1rem*var(--c4p--side-panel--scroll-animation-progress)))}.c4p--side-panel .c4p--side-panel__header--no-title-animation .c4p--side-panel__title-text,:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header[no-title-animation] .c4p--side-panel__title-text{position:static}.c4p--side-panel .c4p--side-panel__label-text{font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);opacity:calc(1 - var(--c4p--side-panel--scroll-animation-progress));overflow:hidden;padding-inline-end:var(--c4p--side-panel--title-padding-right);text-overflow:ellipsis;white-space:nowrap}.c4p--side-panel .c4p--side-panel__collapsed-title-text{display:-webkit-box;font-size:var(--cds-custom-heading-compact-02-font-size,1rem);font-weight:var(--cds-custom-heading-compact-02-font-weight,600);letter-spacing:var(--cds-custom-heading-compact-02-letter-spacing,0);line-height:var(--cds-custom-heading-compact-02-line-height,1.375);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;inset-block-start:0;opacity:var(--c4p--side-panel--scroll-animation-progress);padding-inline-end:var(--c4p--side-panel--title-padding-right);position:absolute}.c4p--side-panel .c4p--side-panel__title--no-label .c4p--side-panel__collapsed-title-text{transform:translateY(calc(1rem*(1 - var(--c4p--side-panel--scroll-animation-progress))))}.c4p--side-panel .c4p--side-panel__subtitle-text{font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;opacity:calc(1 - var(--c4p--side-panel--scroll-animation-progress));padding-block-end:1rem;padding-inline-end:var(--c4p--side-panel--title-padding-right)}.c4p--side-panel .c4p--side-panel__header--no-title-animation .c4p--side-panel__subtitle-text,:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header[no-title-animation] .c4p--side-panel__subtitle-text{background-color:var(--cds-custom-layer-01,#f4f4f4);z-index:2}.c4p--side-panel .c4p--side-panel__title-text+.c4p--side-panel__subtitle-text{padding-block-start:1rem}.c4p--side-panel .c4p--side-panel__inner-content{padding:0 1rem 1rem}.c4p--side-panel .c4p--side-panel__inner-content--no-animated-title{padding-block-start:1rem}.c4p--side-panel .c4p--side-panel__header--has-action-toolbar+.c4p--side-panel__inner-content,.c4p--side-panel .c4p--side-panel__header:has(.c4p--side-panel__action-toolbar)+.c4p--side-panel__inner-content{padding-block-start:.5rem}.c4p--side-panel.c4p--side-panel--has-ai-label .c4p--side-panel--scrolls,.c4p--side-panel.c4p--side-panel--has-decorator .c4p--side-panel--scrolls,.c4p--side-panel.c4p--side-panel--has-slug .c4p--side-panel--scrolls,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--has-ai-label [scrolls],:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--has-decorator [scrolls],:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel--has-slug [scrolls],:host(c4p-side-panel) .c4p--side-panel[has-slug] .c4p--side-panel--scrolls,:host(c4p-side-panel) .c4p--side-panel[has-slug] [scrolls]{background:linear-gradient(to top,var(--c4p-layer,var(--cds-custom-ai-popover-background,#fff)) 0,var(--cds-custom-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-custom-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--c4p-layer,var(--cds-custom-ai-popover-background,#fff)),var(--c4p-layer,var(--cds-custom-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-custom-ai-border-start,rgba(166,200,255,.64)),var(--cds-custom-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--c4p-layer,var(--cds-custom-ai-popover-background,#fff)),var(--c4p-layer,var(--cds-custom-ai-popover-background,#fff))) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-custom-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 10px 2px var(--cds-custom-ai-drop-shadow,rgba(15,98,254,.1))}.c4p--side-panel .c4p--side-panel__action-toolbar{align-items:center;background-color:var(--cds-custom-layer-01,#f4f4f4);display:flex;justify-content:flex-start;position:sticky;z-index:4}.c4p--side-panel .c4p--side-panel__action-toolbar-leading-button{margin-inline-end:.5rem}.c4p--side-panel .cds-custom--btn.c4p--side-panel__navigation-back-button{inset-block-start:0;inset-inline-start:0;position:fixed;z-index:5}.c4p--side-panel .cds-custom--btn.c4p--side-panel__close-button,.c4p--side-panel .cds-custom--btn.c4p--side-panel__navigation-back-button{align-items:center;background-color:unset;block-size:2rem;color:var(--cds-custom-text-primary,#161616);display:flex;inline-size:2rem;justify-content:center;min-block-size:0;padding:0}.c4p--side-panel .cds-custom--btn.c4p--side-panel__close-button:hover,.c4p--side-panel .cds-custom--btn.c4p--side-panel__navigation-back-button:hover{background-color:var(--cds-custom-background-hover,hsla(0,0%,55%,.12))}.c4p--side-panel .cds-custom--btn.c4p--side-panel__close-button .c4p--side-panel--btn__icon,.c4p--side-panel .cds-custom--btn.c4p--side-panel__navigation-back-button .c4p--side-panel--btn__icon{margin:0}.c4p--side-panel .cds-custom--btn--md.c4p--side-panel__close-button,.c4p--side-panel .cds-custom--btn--md.c4p--side-panel__navigation-back-button{block-size:2.5rem;inline-size:2.5rem}.c4p--side-panel .c4p--side-panel__ai-label-and-close,.c4p--side-panel .c4p--side-panel__decorator-and-close,.c4p--side-panel .c4p--side-panel__slug-and-close{block-size:2rem;display:flex;inset-block-start:0;inset-inline-end:0;position:absolute;z-index:10}@media (prefers-reduced-motion){.c4p--side-panel .c4p--side-panel__ai-label-and-close,.c4p--side-panel .c4p--side-panel__decorator-and-close,.c4p--side-panel .c4p--side-panel__slug-and-close{position:absolute}}.c4p--side-panel .c4p--side-panel__actions-container{background-color:var(--cds-custom-layer-01,#f4f4f4);border-block-start:1px solid var(--cds-custom-border-subtle-02,#e0e0e0);inset-block-end:0;position:sticky}.c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl{flex-direction:column}.c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl .c4p--action-set__action-button,:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl ::slotted(cds-custom-button){inline-size:100%;max-inline-size:100%}@media (min-width:42rem){.c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl{flex-direction:row}.c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl .c4p--action-set__action-button,:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl ::slotted(cds-custom-button){inline-size:25%}}.c4p--side-panel .c4p--side-panel__actions-container .c4p--action-set__action-button.c4p--action-set__action-button,:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__actions-container ::slotted(cds-custom-button){block-size:var(--c4p--side-panel--actions-height)}.c4p--side-panel .cds-custom--date-picker__input,.c4p--side-panel .cds-custom--dropdown,.c4p--side-panel .cds-custom--dropdown-list,.c4p--side-panel .cds-custom--multi-select,.c4p--side-panel .cds-custom--number input[type=number],.c4p--side-panel .cds-custom--search-input,.c4p--side-panel .cds-custom--select-input,.c4p--side-panel .cds-custom--text-area,.c4p--side-panel .cds-custom--text-input{background-color:var(--cds-custom-field-02,#fff)}@keyframes side-panel-overlay-entrance{0%{opacity:0}to{opacity:1}}@keyframes side-panel-overlay-exit{0%{opacity:1}to{opacity:0}}.c4p--side-panel__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--side-panel__overlay{animation:side-panel-overlay-entrance .15s cubic-bezier(0,0,.38,.9) forwards;background-color:var(--cds-custom-overlay,hsla(0,0%,9%,.5));block-size:100%;inline-size:100%;inset:0;position:fixed;z-index:6000}.c4p--side-panel__overlay--closing{animation:side-panel-overlay-exit .15s cubic-bezier(.2,0,1,.9) forwards}.c4p--side-panel--has-ai-label+.c4p--side-panel__overlay,.c4p--side-panel--has-decorator+.c4p--side-panel__overlay,.c4p--side-panel--has-slug+.c4p--side-panel__overlay,:host(c4p-side-panel) .c4p--side-panel[has-slug]+.c4p--side-panel__overlay{background-color:var(--cds-custom-ai-overlay,rgba(0,17,65,.5))}:host(c4p-side-panel){--c4p--side-panel--displaced:100%}:host(c4p-side-panel) *{box-sizing:border-box}:host(c4p-side-panel) .c4p--side-panel{container-name:side-panel;container-type:inline-size}:host(c4p-side-panel) .c4p--side-panel[placement=left]{--c4p--side-panel--displaced:-100%}:host(c4p-side-panel) .c4p--side-panel[opening]{transform:translateX(var(--c4p--side-panel--displaced))}:host(c4p-side-panel) .c4p--side-panel[open]{transform:translateX(0);transition:all .24s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){:host(c4p-side-panel) .c4p--side-panel[open]{transition:none}}:host(c4p-side-panel) .c4p--side-panel[closing]{transform:translateX(var(--c4p--side-panel--displaced));transition:all .15s cubic-bezier(.2,0,1,.9)}@media screen and (prefers-reduced-motion:reduce){:host(c4p-side-panel) .c4p--side-panel[closing]{transition:none}}:host(c4p-side-panel) .c4p--side-panel[placement=right]{border-inline-end:1px solid var(--cds-custom-border-subtle-02,#e0e0e0);inset-inline-end:0}:host(c4p-side-panel) .c4p--side-panel[placement=left]{border-inline-end:1px solid var(--cds-custom-border-subtle-02,#e0e0e0);inset-inline-start:0}:host(c4p-side-panel) c4p-layer{display:contents}:host(c4p-side-panel) .c4p--side-panel__overlay[opening]{opacity:0}@media screen and (prefers-reduced-motion:reduce){:host(c4p-side-panel) .c4p--side-panel__overlay[open]{opacity:1;transition:none}}:host(c4p-side-panel) .c4p--side-panel__overlay[open]{opacity:1;transition:all .24s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){:host(c4p-side-panel) .c4p--side-panel__overlay[closing]{opacity:0;transition:none}}:host(c4p-side-panel) .c4p--side-panel__overlay[closing]{opacity:0;transition:all .15s cubic-bezier(.2,0,1,.9)}:host(c4p-side-panel) .c4p--side-panel__header:before{z-index:99}:host(c4p-side-panel) .c4p--side-panel__header[has-action-toolbar]{margin-block-end:.5rem;padding-block-end:0}:host(c4p-side-panel) .c4p--side-panel .c4p--side-panel__header[has-action-toolbar]:before{content:normal}:host(c4p-side-panel) .c4p--side-panel__action-toolbar{margin-block-end:0;padding-inline-start:0}:host(c4p-side-panel) .c4p--side-panel__actions-container{--flex-direction:row;display:flex;flex-direction:var(--flex-direction);inline-size:100%}:host(c4p-side-panel) .c4p--side-panel__actions-container ::slotted(c4p-button){flex:0 1 25%;max-inline-size:14.5rem}:host(c4p-side-panel) .c4p--side-panel__actions-container ::slotted(c4p-button[kind=ghost]){flex:1 1 25%;max-inline-size:none}:host(c4p-side-panel) .c4p--side-panel__actions-container ::slotted(c4p-button[hidden]){display:none}@container (width <= 40rem){:host(c4p-side-panel) .c4p--side-panel__actions-container:not([actions-multiple=triple]) ::slotted(cds-custom-button){flex:0 1 50%;max-inline-size:none}}@container (width <= 30rem){:host(c4p-side-panel) .c4p--side-panel__actions-container[actions-multiple] ::slotted(cds-custom-button){flex:0 0 100%;max-inline-size:none}:host(c4p-side-panel) .c4p--side-panel__actions-container[actions-multiple=double] ::slotted(cds-custom-button){flex:0 1 50%;max-inline-size:none}:host(c4p-side-panel) .c4p--side-panel__actions-container[actions-multiple=triple]{--flex-direction:column}:host(c4p-side-panel) .c4p--side-panel__actions-container[actions-multiple=triple] ::slotted(cds-custom-button){flex:initial;inline-size:100%;max-inline-size:none}}@container (width <= 20rem){:host(c4p-side-panel) .c4p--side-panel__actions-container{--flex-direction:column}:host(c4p-side-panel) .c4p--side-panel__actions-container ::slotted(cds-custom-button){flex:initial;inline-size:100%;max-inline-size:none}}:host(c4p-side-panel) .c4p--side-panel__actions-container[hidden]{display:none}:host(c4p-side-panel) .c4p--side-panel__close-button{inline-size:2rem}"]);
|
11
11
|
|
12
12
|
export { styles as default };
|
13
13
|
//# sourceMappingURL=side-panel.scss.js.map
|
@@ -9,6 +9,7 @@ import { __decorate } from 'tslib';
|
|
9
9
|
import { LitElement, html } from 'lit';
|
10
10
|
import { property, state, query } from 'lit/decorators.js';
|
11
11
|
import { classMap } from 'lit/directives/class-map.js';
|
12
|
+
import { styleMap } from 'lit/directives/style-map.js';
|
12
13
|
import { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
|
13
14
|
import { prefix, carbonPrefix } from '../../globals/settings.js';
|
14
15
|
import '@carbon/web-components/es-custom/components/tooltip/index.js';
|
@@ -38,11 +39,11 @@ let CDSTruncatedText = class CDSTruncatedText extends LitElement {
|
|
38
39
|
/**
|
39
40
|
* The label on the collapse button.
|
40
41
|
*/
|
41
|
-
this.collapseLabel = '
|
42
|
+
this.collapseLabel = '';
|
42
43
|
/**
|
43
44
|
* The label on expand button.
|
44
45
|
*/
|
45
|
-
this.expandLabel = '
|
46
|
+
this.expandLabel = '';
|
46
47
|
/**
|
47
48
|
* Unique identifier for the element.
|
48
49
|
*/
|
@@ -133,7 +134,7 @@ let CDSTruncatedText = class CDSTruncatedText extends LitElement {
|
|
133
134
|
}
|
134
135
|
}
|
135
136
|
_toggleExpansion() {
|
136
|
-
var _a, _b;
|
137
|
+
var _a, _b, _c;
|
137
138
|
this._isExpanded = !this._isExpanded;
|
138
139
|
this._updateMaxHeight();
|
139
140
|
(_a = this._textElement) === null || _a === void 0 ? void 0 : _a.classList.add(`${blockClass}_transition`);
|
@@ -143,6 +144,18 @@ let CDSTruncatedText = class CDSTruncatedText extends LitElement {
|
|
143
144
|
(_c = this._textElement) === null || _c === void 0 ? void 0 : _c.removeEventListener('transitionend', onTransitionEnd);
|
144
145
|
};
|
145
146
|
(_b = this._textElement) === null || _b === void 0 ? void 0 : _b.addEventListener('transitionend', onTransitionEnd);
|
147
|
+
/**
|
148
|
+
* currently you cannot animate line-clamping
|
149
|
+
* you can however animate max-height
|
150
|
+
* this removes the clamping and then quickly adds it so you can see the ellipsis
|
151
|
+
*/
|
152
|
+
if (this._isExpanded === false) {
|
153
|
+
(_c = this._textElement) === null || _c === void 0 ? void 0 : _c.classList.add(`${blockClass}_content--closing`);
|
154
|
+
setTimeout(() => {
|
155
|
+
var _a;
|
156
|
+
(_a = this._textElement) === null || _a === void 0 ? void 0 : _a.classList.remove(`${blockClass}_content--closing`);
|
157
|
+
}, 100);
|
158
|
+
}
|
146
159
|
}
|
147
160
|
_renderToggleButton() {
|
148
161
|
const className = classMap({
|
@@ -168,11 +181,16 @@ let CDSTruncatedText = class CDSTruncatedText extends LitElement {
|
|
168
181
|
}
|
169
182
|
render() {
|
170
183
|
// Apply different styles based on truncation method
|
171
|
-
const contentStyle =
|
172
|
-
|
173
|
-
|
184
|
+
const contentStyle = {
|
185
|
+
['--line-clamp']: this._isExpanded ? 'none' : this.lines,
|
186
|
+
['max-block-size']: this.type === 'expand' ? this._maxHeight : 'none',
|
187
|
+
};
|
174
188
|
const valueBody = html `
|
175
|
-
<div
|
189
|
+
<div
|
190
|
+
id=${this.id}
|
191
|
+
class="${blockClass}_content"
|
192
|
+
style=${styleMap(contentStyle)}
|
193
|
+
>
|
176
194
|
${this.value}
|
177
195
|
</div>
|
178
196
|
`;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"truncated-text.js","sources":["../../../src/components/truncated-text/truncated-text.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"
|
1
|
+
{"version":3,"file":"truncated-text.js","sources":["../../../src/components/truncated-text/truncated-text.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
|
@@ -7,7 +7,7 @@
|
|
7
7
|
|
8
8
|
import { css } from 'lit';
|
9
9
|
|
10
|
-
var styles = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--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-custom--layout--size-xs{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xs,1.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-sm,2rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-md,2.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-lg,3rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xl,4rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-2xl,5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-normal,1rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-normal,1rem)}:root{--cds-custom-layout-size-height-xs:1.5rem;--cds-custom-layout-size-height-sm:2rem;--cds-custom-layout-size-height-md:2.5rem;--cds-custom-layout-size-height-lg:3rem;--cds-custom-layout-size-height-xl:4rem;--cds-custom-layout-size-height-2xl:5rem;--cds-custom-layout-size-height-min:0px;--cds-custom-layout-size-height-max:999999999px;--cds-custom-layout-density-padding-inline-condensed:0.5rem;--cds-custom-layout-density-padding-inline-normal:1rem;--cds-custom-layout-density-padding-inline-min:0px;--cds-custom-layout-density-padding-inline-max:999999999px}.cds-custom--assistive-text,.cds-custom--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--truncated-text_button-collapse,.c4p--truncated-text_button-expand{border:none;cursor:pointer;font:inherit;line-height:inherit}:host(c4p-truncated-text){display:block;inline-size:100%}@media (prefers-reduced-motion:no-preference){:host(c4p-truncated-text) .c4p--truncated-text_transition{transition:max-height .11s cubic-bezier(.2,0,.38,.9)}}:host(c4p-truncated-text) .c4p--truncated-text_content{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp,0);text-overflow:clip;white-space:normal}:host(c4p-truncated-text) .c4p--truncated-text_content:focus{outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(c4p-truncated-text) .c4p--truncated-text_content:focus{outline-style:dotted}}:host(c4p-truncated-text) cds-custom-tooltip{display:inline-flex}:host(c4p-truncated-text) .c4p--truncated-text_button-collapse:focus,:host(c4p-truncated-text) .c4p--truncated-text_button-expand:focus,:host(c4p-truncated-text) button:focus{outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(c4p-truncated-text) .c4p--truncated-text_button-collapse:focus,:host(c4p-truncated-text) .c4p--truncated-text_button-expand:focus,:host(c4p-truncated-text) button:focus{outline-style:dotted}}.c4p--truncated-text_button-collapse,.c4p--truncated-text_button-expand{color:var(--cds-custom-link-primary,#0f62fe);padding:0 .125rem}.c4p--truncated-text_button-collapse.c4p--truncated-text_button-hide,.c4p--truncated-text_button-expand.c4p--truncated-text_button-hide{display:none}.c4p--truncated-text_button-expand.c4p--truncated-text_button-layered{background-color:var(--cds-custom-layer)}.c4p--truncated-text_button-expand:dir(ltr):before{background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,var(--cds-custom-background,#fff) 0)}.c4p--truncated-text_button-expand.c4p--truncated-text_button-layered:dir(ltr):before{background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,var(--cds-custom-layer) 0)}.c4p--truncated-text_button-expand:dir(rtl):before{background:linear-gradient(270deg,hsla(0,0%,100%,0) 0,var(--cds-custom-background,#fff) 0)}.c4p--truncated-text_button-expand.c4p--truncated-text_button-layered:dir(rtl):before{background:linear-gradient(270deg,hsla(0,0%,100%,0) 0,var(--cds-custom-layer) 0)}.c4p--truncated-text_button-collapse{background-color:transparent}"]);
|
10
|
+
var styles = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--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-custom--layout--size-xs{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xs,1.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-sm,2rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-md,2.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-lg,3rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xl,4rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-2xl,5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-normal,1rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-normal,1rem)}:root{--cds-custom-layout-size-height-xs:1.5rem;--cds-custom-layout-size-height-sm:2rem;--cds-custom-layout-size-height-md:2.5rem;--cds-custom-layout-size-height-lg:3rem;--cds-custom-layout-size-height-xl:4rem;--cds-custom-layout-size-height-2xl:5rem;--cds-custom-layout-size-height-min:0px;--cds-custom-layout-size-height-max:999999999px;--cds-custom-layout-density-padding-inline-condensed:0.5rem;--cds-custom-layout-density-padding-inline-normal:1rem;--cds-custom-layout-density-padding-inline-min:0px;--cds-custom-layout-density-padding-inline-max:999999999px}.cds-custom--assistive-text,.cds-custom--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--truncated-text_button-collapse,.c4p--truncated-text_button-expand{border:none;cursor:pointer;font:inherit;line-height:inherit}:host(c4p-truncated-text){display:block;inline-size:100%}@media (prefers-reduced-motion:no-preference){:host(c4p-truncated-text) .c4p--truncated-text_transition{transition:max-height .11s cubic-bezier(.2,0,.38,.9)}}:host(c4p-truncated-text) .c4p--truncated-text_content{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp,0);text-overflow:clip;white-space:normal}:host(c4p-truncated-text) .c4p--truncated-text_content:focus{outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(c4p-truncated-text) .c4p--truncated-text_content:focus{outline-style:dotted}}:host(c4p-truncated-text) .c4p--truncated-text_content--closing{-webkit-line-clamp:none}:host(c4p-truncated-text) cds-custom-tooltip{display:inline-flex}:host(c4p-truncated-text) .c4p--truncated-text_button-collapse:focus,:host(c4p-truncated-text) .c4p--truncated-text_button-expand:focus,:host(c4p-truncated-text) button:focus{outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(c4p-truncated-text) .c4p--truncated-text_button-collapse:focus,:host(c4p-truncated-text) .c4p--truncated-text_button-expand:focus,:host(c4p-truncated-text) button:focus{outline-style:dotted}}.c4p--truncated-text_button-collapse,.c4p--truncated-text_button-expand{color:var(--cds-custom-link-primary,#0f62fe);padding:0 .125rem}.c4p--truncated-text_button-collapse.c4p--truncated-text_button-hide,.c4p--truncated-text_button-expand.c4p--truncated-text_button-hide{display:none}.c4p--truncated-text_button-expand.c4p--truncated-text_button-layered{background-color:var(--cds-custom-layer)}.c4p--truncated-text_button-expand:dir(ltr):before{background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,var(--cds-custom-background,#fff) 0)}.c4p--truncated-text_button-expand.c4p--truncated-text_button-layered:dir(ltr):before{background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,var(--cds-custom-layer) 0)}.c4p--truncated-text_button-expand:dir(rtl):before{background:linear-gradient(270deg,hsla(0,0%,100%,0) 0,var(--cds-custom-background,#fff) 0)}.c4p--truncated-text_button-expand.c4p--truncated-text_button-layered:dir(rtl):before{background:linear-gradient(270deg,hsla(0,0%,100%,0) 0,var(--cds-custom-layer) 0)}.c4p--truncated-text_button-collapse{background-color:transparent}"]);
|
11
11
|
|
12
12
|
export { styles as default };
|
13
13
|
//# sourceMappingURL=truncated-text.scss.js.map
|
@@ -0,0 +1,11 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2024
|
3
|
+
*
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
7
|
+
|
8
|
+
function v(e,t){if(!e)return 0;const a=e.style.display;!e.offsetParent&&getComputedStyle(e).display==="none"&&(e.style.display="inline-block");const o=e.getBoundingClientRect()[t];return e.style.display=a,o}function w({container:e,items:t,offset:a,sizes:o,fixedSizes:f,offsetSize:c,maxVisibleItems:l,dimension:m,onChange:E,previousHiddenItems:u=[]}){const H=m==="width"?e.clientWidth:e.clientHeight;let s=[],i=[];const p=o.reduce((r,d)=>r+d,0),n=f.reduce((r,d)=>r+d,0);if(p+n<=H)s=l?t.slice(0,l):[...t],i=l?t.slice(l):[];else {const r=H-c;let d=0;for(let h=0;h<t.length;h++){const g=o[h];d+g+n<=r&&(!l||s.length<l)?(s.push(t[h]),d+=g):i.push(t[h]);}}return u.length===i.length&&u.every((r,d)=>r===i[d])?u:(s.forEach(r=>r.removeAttribute("data-hidden")),i.forEach(r=>r.setAttribute("data-hidden","")),a&&a.toggleAttribute("data-hidden",i.length===0),E(s,i),i)}function L({container:e,maxVisibleItems:t,onChange:a,dimension:o="width"}){if(!(e instanceof HTMLElement))throw new Error("container must be an HTMLElement");if(typeof a!="function")throw new Error("onChange must be a function");if(t!==void 0&&(!Number.isInteger(t)||t<=0))throw new Error("maxVisibleItems must be a positive integer");const f=Array.from(e.children),c=f.find(n=>n.hasAttribute("data-offset")),l=f.filter(n=>n.hasAttribute("data-fixed")),m=f.filter(n=>n!==c&&!l.includes(n)),E=l.map(n=>v(n,o)),u=m.map(n=>v(n,o)),H=v(c,o);let s=[];function i(){s=w({container:e,items:m,offset:c,sizes:u,fixedSizes:E,offsetSize:H,maxVisibleItems:t,dimension:o,onChange:a,previousHiddenItems:s});}const p=new ResizeObserver(()=>requestAnimationFrame(i));return p.observe(e),requestAnimationFrame(i),{disconnect(){p.disconnect();}}}
|
9
|
+
|
10
|
+
export { L as createOverflowHandler, v as getSize, w as updateOverflowHandler };
|
11
|
+
//# sourceMappingURL=overflowHandler.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"overflowHandler.js","sources":["../../../../../../../../node_modules/@carbon/utilities/es/overflowHandler/overflowHandler.js"],"sourcesContent":["function v(e,t){if(!e)return 0;const a=e.style.display;!e.offsetParent&&getComputedStyle(e).display===\"none\"&&(e.style.display=\"inline-block\");const o=e.getBoundingClientRect()[t];return e.style.display=a,o}function w({container:e,items:t,offset:a,sizes:o,fixedSizes:f,offsetSize:c,maxVisibleItems:l,dimension:m,onChange:E,previousHiddenItems:u=[]}){const H=m===\"width\"?e.clientWidth:e.clientHeight;let s=[],i=[];const p=o.reduce((r,d)=>r+d,0),n=f.reduce((r,d)=>r+d,0);if(p+n<=H)s=l?t.slice(0,l):[...t],i=l?t.slice(l):[];else{const r=H-c;let d=0;for(let h=0;h<t.length;h++){const g=o[h];d+g+n<=r&&(!l||s.length<l)?(s.push(t[h]),d+=g):i.push(t[h])}}return u.length===i.length&&u.every((r,d)=>r===i[d])?u:(s.forEach(r=>r.removeAttribute(\"data-hidden\")),i.forEach(r=>r.setAttribute(\"data-hidden\",\"\")),a&&a.toggleAttribute(\"data-hidden\",i.length===0),E(s,i),i)}function L({container:e,maxVisibleItems:t,onChange:a,dimension:o=\"width\"}){if(!(e instanceof HTMLElement))throw new Error(\"container must be an HTMLElement\");if(typeof a!=\"function\")throw new Error(\"onChange must be a function\");if(t!==void 0&&(!Number.isInteger(t)||t<=0))throw new Error(\"maxVisibleItems must be a positive integer\");const f=Array.from(e.children),c=f.find(n=>n.hasAttribute(\"data-offset\")),l=f.filter(n=>n.hasAttribute(\"data-fixed\")),m=f.filter(n=>n!==c&&!l.includes(n)),E=l.map(n=>v(n,o)),u=m.map(n=>v(n,o)),H=v(c,o);let s=[];function i(){s=w({container:e,items:m,offset:c,sizes:u,fixedSizes:E,offsetSize:H,maxVisibleItems:t,dimension:o,onChange:a,previousHiddenItems:s})}const p=new ResizeObserver(()=>requestAnimationFrame(i));return p.observe(e),requestAnimationFrame(i),{disconnect(){p.disconnect()}}}export{L as createOverflowHandler,v as getSize,w as updateOverflowHandler};\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}
|
@@ -5,4 +5,10 @@
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
6
6
|
*/
|
7
7
|
import { InitCarousel, Config } from './types';
|
8
|
+
/**
|
9
|
+
* Initializes a carousel with the given configuration.
|
10
|
+
* @param carouselContainer - The HTMLElement representing the carousel container.
|
11
|
+
* @param config - Optional configuration object.
|
12
|
+
* @returns An object containing methods to control the carousel.
|
13
|
+
*/
|
8
14
|
export declare const initCarousel: (carouselContainer: HTMLElement, config?: Config) => InitCarousel;
|