@carbon/ibm-products-web-components 0.1.0 → 0.1.1-canary.3599

package/.storybook/main.ts

@@ -4,7 +4,21 @@ import viteSVGResultCarbonIconLoader from '../tools/vite-svg-result-carbon-icon-
 
 const config = {
   stories: ['../src/**/*.stories.@(js|jsx|ts|tsx)'],
-  addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-toolbars',
+    {
+      name: '@storybook/addon-essentials',
+      options: {
+        actions: true,
+        backgrounds: false,
+        controls: true,
+        docs: true,
+        toolbars: true,
+        viewport: true,
+      },
+    },
+  ],
   framework: {
     name: '@storybook/web-components-vite',
     options: {},

package/.storybook/preview-head.html

@@ -1,3 +1,7 @@
 <script>
   window.global = window;
-</script>
+</script>
+
+<link
+  rel="stylesheet"
+  href="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/tag/v1/latest/plex.css" />

package/.storybook/{theme.ts → theme.js}

@@ -1,10 +1,10 @@
-import { create } from '@storybook/theming';
+import { create } from '@storybook/theming/create';
 import packageInfo from '../package.json';
 
 const { description, version } = packageInfo;
 
 export default create({
-  base: 'light',
+  base: 'white',
   brandTitle: `${description} v${version}`,
   fontBase: "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
   fontCode: "'IBM Plex Mono', Menlo, 'DejaVu Sans Mono', Courier, monospace",

package/es/components/side-panel/side-panel.d.ts

@@ -33,19 +33,15 @@ declare const CDSSidePanel_base: {
         readonly offsetTop: number;
         readonly offsetWidth: number;
         outerText: string;
-        popover: string | null;
         spellcheck: boolean;
         title: string;
         translate: boolean;
         attachInternals(): ElementInternals;
         click(): void;
-        hidePopover(): void;
-        showPopover(): void;
-        togglePopover(force?: boolean): boolean;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
+        removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
         readonly attributes: NamedNodeMap;
         readonly classList: DOMTokenList;
         className: string;
@@ -70,12 +66,9 @@ declare const CDSSidePanel_base: {
         slot: string;
         readonly tagName: string;
         attachShadow(init: ShadowRootInit): ShadowRoot;
-        checkVisibility(options?: CheckVisibilityOptions): boolean;
-        closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
-        closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
-        closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
+        closest<K_2 extends keyof HTMLElementTagNameMap>(selector: K_2): HTMLElementTagNameMap[K_2] | null;
+        closest<K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3] | null;
         closest<E extends Element = Element>(selectors: string): E | null;
-        computedStyleMap(): StylePropertyMapReadOnly;
         getAttribute(qualifiedName: string): string | null;
         getAttributeNS(namespace: string | null, localName: string): string | null;
         getAttributeNames(): string[];
@@ -84,14 +77,11 @@ declare const CDSSidePanel_base: {
         getBoundingClientRect(): DOMRect;
         getClientRects(): DOMRectList;
         getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
-        getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
-        getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
-        getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
-        getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
+        getElementsByTagName<K_4 extends keyof HTMLElementTagNameMap>(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
+        getElementsByTagName<K_5 extends keyof SVGElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
         getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
         getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
         getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
-        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
         getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
         hasAttribute(qualifiedName: string): boolean;
         hasAttributeNS(namespace: string | null, localName: string): boolean;
@@ -105,22 +95,21 @@ declare const CDSSidePanel_base: {
         removeAttribute(qualifiedName: string): void;
         removeAttributeNS(namespace: string | null, localName: string): void;
         removeAttributeNode(attr: Attr): Attr;
-        requestFullscreen(options?: FullscreenOptions): Promise<void>;
+        requestFullscreen(options?: FullscreenOptions | undefined): Promise<void>;
         requestPointerLock(): void;
-        scroll(options?: ScrollToOptions): void;
+        scroll(options?: ScrollToOptions | undefined): void;
         scroll(x: number, y: number): void;
-        scrollBy(options?: ScrollToOptions): void;
+        scrollBy(options?: ScrollToOptions | undefined): void;
         scrollBy(x: number, y: number): void;
-        scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
-        scrollTo(options?: ScrollToOptions): void;
+        scrollIntoView(arg?: boolean | ScrollIntoViewOptions | undefined): void;
+        scrollTo(options?: ScrollToOptions | undefined): void;
         scrollTo(x: number, y: number): void;
         setAttribute(qualifiedName: string, value: string): void;
         setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
         setAttributeNode(attr: Attr): Attr | null;
         setAttributeNodeNS(attr: Attr): Attr | null;
-        setHTMLUnsafe(html: string): void;
         setPointerCapture(pointerId: number): void;
-        toggleAttribute(qualifiedName: string, force?: boolean): boolean;
+        toggleAttribute(qualifiedName: string, force?: boolean | undefined): boolean;
         webkitMatchesSelector(selectors: string): boolean;
         readonly baseURI: string;
         readonly childNodes: NodeListOf<ChildNode>;
@@ -136,50 +125,48 @@ declare const CDSSidePanel_base: {
         readonly previousSibling: ChildNode | null;
         textContent: string | null;
         appendChild<T_1 extends Node>(node: T_1): T_1;
-        cloneNode(deep?: boolean): Node;
+        cloneNode(deep?: boolean | undefined): Node;
         compareDocumentPosition(other: Node): number;
         contains(other: Node | null): boolean;
-        getRootNode(options?: GetRootNodeOptions): Node;
+        getRootNode(options?: GetRootNodeOptions | undefined): Node;
         hasChildNodes(): boolean;
-        insertBefore<T_1 extends Node>(node: T_1, child: Node | null): T_1;
+        insertBefore<T_2 extends Node>(node: T_2, child: Node | null): T_2;
         isDefaultNamespace(namespace: string | null): boolean;
         isEqualNode(otherNode: Node | null): boolean;
         isSameNode(otherNode: Node | null): boolean;
         lookupNamespaceURI(prefix: string | null): string | null;
         lookupPrefix(namespace: string | null): string | null;
         normalize(): void;
-        removeChild<T_1 extends Node>(child: T_1): T_1;
-        replaceChild<T_1 extends Node>(node: Node, child: T_1): T_1;
-        readonly ELEMENT_NODE: 1;
-        readonly ATTRIBUTE_NODE: 2;
-        readonly TEXT_NODE: 3;
-        readonly CDATA_SECTION_NODE: 4;
-        readonly ENTITY_REFERENCE_NODE: 5;
-        readonly ENTITY_NODE: 6;
-        readonly PROCESSING_INSTRUCTION_NODE: 7;
-        readonly COMMENT_NODE: 8;
-        readonly DOCUMENT_NODE: 9;
-        readonly DOCUMENT_TYPE_NODE: 10;
-        readonly DOCUMENT_FRAGMENT_NODE: 11;
-        readonly NOTATION_NODE: 12;
-        readonly DOCUMENT_POSITION_DISCONNECTED: 1;
-        readonly DOCUMENT_POSITION_PRECEDING: 2;
-        readonly DOCUMENT_POSITION_FOLLOWING: 4;
-        readonly DOCUMENT_POSITION_CONTAINS: 8;
-        readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
-        readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
+        removeChild<T_3 extends Node>(child: T_3): T_3;
+        replaceChild<T_4 extends Node>(node: Node, child: T_4): T_4;
+        readonly ATTRIBUTE_NODE: number;
+        readonly CDATA_SECTION_NODE: number;
+        readonly COMMENT_NODE: number;
+        readonly DOCUMENT_FRAGMENT_NODE: number;
+        readonly DOCUMENT_NODE: number;
+        readonly DOCUMENT_POSITION_CONTAINED_BY: number;
+        readonly DOCUMENT_POSITION_CONTAINS: number;
+        readonly DOCUMENT_POSITION_DISCONNECTED: number;
+        readonly DOCUMENT_POSITION_FOLLOWING: number;
+        readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: number;
+        readonly DOCUMENT_POSITION_PRECEDING: number;
+        readonly DOCUMENT_TYPE_NODE: number;
+        readonly ELEMENT_NODE: number;
+        readonly ENTITY_NODE: number;
+        readonly ENTITY_REFERENCE_NODE: number;
+        readonly NOTATION_NODE: number;
+        readonly PROCESSING_INSTRUCTION_NODE: number;
+        readonly TEXT_NODE: number;
         dispatchEvent(event: Event): boolean;
         ariaAtomic: string | null;
         ariaAutoComplete: string | null;
-        ariaBrailleLabel: string | null;
-        ariaBrailleRoleDescription: string | null;
         ariaBusy: string | null;
         ariaChecked: string | null;
         ariaColCount: string | null;
         ariaColIndex: string | null;
+        ariaColIndexText: string | null;
         ariaColSpan: string | null;
         ariaCurrent: string | null;
-        ariaDescription: string | null;
         ariaDisabled: string | null;
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
@@ -201,6 +188,7 @@ declare const CDSSidePanel_base: {
         ariaRoleDescription: string | null;
         ariaRowCount: string | null;
         ariaRowIndex: string | null;
+        ariaRowIndexText: string | null;
         ariaRowSpan: string | null;
         ariaSelected: string | null;
         ariaSetSize: string | null;
@@ -210,12 +198,12 @@ declare const CDSSidePanel_base: {
         ariaValueNow: string | null;
         ariaValueText: string | null;
         role: string | null;
-        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
-        getAnimations(options?: GetAnimationsOptions): Animation[];
-        after(...nodes: (Node | string)[]): void;
-        before(...nodes: (Node | string)[]): void;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
+        getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
+        after(...nodes: (string | Node)[]): void;
+        before(...nodes: (string | Node)[]): void;
         remove(): void;
-        replaceWith(...nodes: (Node | string)[]): void;
+        replaceWith(...nodes: (string | Node)[]): void;
         innerHTML: string;
         readonly nextElementSibling: Element | null;
         readonly previousElementSibling: Element | null;
@@ -223,21 +211,19 @@ declare const CDSSidePanel_base: {
         readonly children: HTMLCollection;
         readonly firstElementChild: Element | null;
         readonly lastElementChild: Element | null;
-        append(...nodes: (Node | string)[]): void;
-        prepend(...nodes: (Node | string)[]): void;
-        querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
-        querySelector<K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
-        querySelector<K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
-        querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
-        querySelector<E extends Element = Element>(selectors: string): E | null;
-        querySelectorAll<K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
-        querySelectorAll<K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
-        querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
-        querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
-        querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
-        replaceChildren(...nodes: (Node | string)[]): void;
+        append(...nodes: (string | Node)[]): void;
+        prepend(...nodes: (string | Node)[]): void;
+        querySelector<K_6 extends keyof HTMLElementTagNameMap>(selectors: K_6): HTMLElementTagNameMap[K_6] | null;
+        querySelector<K_7 extends keyof SVGElementTagNameMap>(selectors: K_7): SVGElementTagNameMap[K_7] | null;
+        querySelector<E_1 extends Element = Element>(selectors: string): E_1 | null;
+        querySelectorAll<K_8 extends keyof HTMLElementTagNameMap>(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
+        querySelectorAll<K_9 extends keyof SVGElementTagNameMap>(selectors: K_9): NodeListOf<SVGElementTagNameMap[K_9]>;
+        querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
+        replaceChildren(...nodes: (string | Node)[]): void;
         readonly assignedSlot: HTMLSlotElement | null;
-        readonly attributeStyleMap: StylePropertyMap;
+        oncopy: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
+        oncut: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
+        onpaste: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
         readonly style: CSSStyleDeclaration;
         contentEditable: string;
         enterKeyHint: string;
@@ -250,7 +236,6 @@ declare const CDSSidePanel_base: {
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
-        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -259,9 +244,7 @@ declare const CDSSidePanel_base: {
         onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
         oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
         ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
         ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
@@ -294,7 +277,6 @@ declare const CDSSidePanel_base: {
         onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
         onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -306,12 +288,11 @@ declare const CDSSidePanel_base: {
         onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
+        onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => any) | null;
         onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
         onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
         onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -341,15 +322,15 @@ declare const CDSSidePanel_base: {
         onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
         autofocus: boolean;
         readonly dataset: DOMStringMap;
-        nonce?: string;
+        nonce?: string | undefined;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
+        focus(options?: FocusOptions | undefined): void;
     };
     _hostListeners: {
         [listenerName: string]: {
             [type: string]: {
-                options?: boolean | AddEventListenerOptions;
+                options?: boolean | AddEventListenerOptions | undefined;
             };
         };
     };
@@ -510,7 +491,7 @@ declare class CDSSidePanel extends CDSSidePanel_base {
     disconnectObservers(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     updated(changedProperties: any): Promise<void>;
     /**
      * @param ms The number of milliseconds.

package/es/components/side-panel/side-panel.scss.js

@@ -7,7 +7,7 @@
 
 import { css } from 'lit';
 
-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-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-background,#fff);color:var(--cds-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-heading-06-font-size,2.625rem);font-weight:var(--cds-heading-06-font-weight,300);letter-spacing:var(--cds-heading-06-letter-spacing,0);line-height:var(--cds-heading-06-line-height,1.199)}h2{font-size:var(--cds-heading-05-font-size,2rem);font-weight:var(--cds-heading-05-font-weight,400);letter-spacing:var(--cds-heading-05-letter-spacing,0);line-height:var(--cds-heading-05-line-height,1.25)}h3{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}h4{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}h5{font-size:var(--cds-heading-02-font-size,1rem);font-weight:var(--cds-heading-02-font-weight,600);letter-spacing:var(--cds-heading-02-letter-spacing,0);line-height:var(--cds-heading-02-line-height,1.5)}h6{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}p{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);letter-spacing:var(--cds-body-02-letter-spacing,0);line-height:var(--cds-body-02-line-height,1.5)}a{color:var(--cds-link-primary,#0062fe)}em{font-style:italic}.c4p--action-set,:host(c4p-side-panel) .c4p--side-panel__actions-container{align-items:stretch;background-color:var(--cds-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-button){align-items:center;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-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-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set__action-button.c4p--action-set__action-button--expressive{height:4rem;padding-bottom:2rem;padding-top:1rem}.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn,.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn.cds--btn--expressive,:host(c4p-side-panel) .c4p--action-set.cds--btn-set .c4p--side-panel__actions-container .cds--btn::slotted(cds-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.cds--btn-set .cds--btn::slotted(cds-button),:host(c4p-side-panel) .cds--btn-set.c4p--side-panel__actions-container .c4p--action-set__action-button.cds--btn,:host(c4p-side-panel) .cds--btn-set.c4p--side-panel__actions-container .cds--btn::slotted(cds-button){max-width: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-left: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-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-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.c4p--action-set--row-single.c4p--action-set--md ::slotted(cds-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-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-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-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-button),:host(c4p-side-panel) .c4p--action-set.c4p--action-set--row-double.c4p--action-set--md .c4p--side-panel__actions-container ::slotted(cds-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-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.c4p--action-set--row-double.c4p--action-set--lg ::slotted(cds-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.c4p--action-set--row-double.c4p--action-set--md ::slotted(cds-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-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--btn-set.c4p--action-set--2xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),.c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),.c4p--action-set.cds--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--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--btn-set.c4p--action-set--2xl .c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-side-panel) .c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple .c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-side-panel) .c4p--action-set.cds--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-button),:host(c4p-side-panel) .c4p--action-set.cds--btn-set.c4p--action-set--xl .c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.cds--btn-set.c4p--action-set--2xl :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.cds--btn-set.c4p--action-set--row-triple.c4p--action-set--lg :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.cds--btn-set.c4p--action-set--xl :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-side-panel) .cds--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--btn-set.c4p--action-set--2xl.c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-side-panel) .cds--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--btn-set.c4p--action-set--row-quadruple.c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-side-panel) .cds--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--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-button),:host(c4p-side-panel) .cds--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--btn-set.c4p--action-set--xl.c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-button){flex:0 1 25%;max-width:14.5rem}.c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button--ghost,:host(c4p-side-panel) .cds--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--inline-loading,:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set__action-button .cds--inline-loading,:host(c4p-side-panel) .c4p--side-panel__actions-container ::slotted(cds-button) .cds--inline-loading{position:absolute;right:0;top:0;width:2rem}:root{--cds-grid-gutter:2rem;--cds-grid-columns:4;--cds-grid-margin:0}@media (min-width:42rem){:root{--cds-grid-columns:8;--cds-grid-margin:1rem}}@media (min-width:66rem){:root{--cds-grid-columns:16}}@media (min-width:99rem){:root{--cds-grid-margin:1.5rem}}.cds--css-grid{--cds-grid-gutter-start:calc(var(--cds-grid-gutter)/2);--cds-grid-gutter-end:calc(var(--cds-grid-gutter)/2);--cds-grid-column-hang:calc(var(--cds-grid-gutter)/2);display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));inline-size:100%;margin-inline:auto;max-inline-size:99rem;padding-inline:var(--cds-grid-margin)}.cds--css-grid--full-width{max-inline-size:100%}.cds--css-grid-column{--cds-grid-mode-start:var(--cds-grid-gutter-start);--cds-grid-mode-end:var(--cds-grid-gutter-end);margin-inline:var(--cds-grid-gutter-start) var(--cds-grid-gutter-end)}[dir=rtl] .cds--css-grid-column{margin-inline:var(--cds-grid-gutter-end) var(--cds-grid-gutter-start)}.cds--css-grid--narrow{--cds-grid-gutter-start:0}.cds--css-grid--condensed{--cds-grid-gutter:0.0625rem;--cds-grid-column-hang:0.96875rem}.cds--subgrid{display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));margin-inline:calc(var(--cds-grid-mode-start)*-1) calc(var(--cds-grid-mode-end)*-1)}[dir=rtl] .cds--subgrid{margin-inline:calc(var(--cds-grid-mode-end)*-1) calc(var(--cds-grid-mode-start)*-1)}.cds--subgrid--wide{--cds-grid-gutter-start:1rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:0}.cds--subgrid--narrow{--cds-grid-gutter-start:0;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:1rem}.cds--subgrid--condensed{--cds-grid-gutter-start:0.03125rem;--cds-grid-gutter-end:0.03125rem;--cds-grid-column-hang:0.96875rem}.cds--grid-column-hang{margin-inline-start:var(--cds-grid-column-hang)}[dir=rtl] .cds--grid-column-hang{margin-inline:initial var(--cds-grid-column-hang)}.cds--col-span-0{display:none}.cds--col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds--col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds--col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds--col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds--col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds--col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds--col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds--col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds--col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}.cds--col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}.cds--col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}.cds--col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}.cds--col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}.cds--col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}.cds--col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}.cds--col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}.cds--sm\\:col-span-0{display:none}.cds--sm\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds--sm\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds--sm\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds--sm\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds--sm\\:col-span-auto{grid-column:auto}.cds--sm\\:col-span-100{grid-column:1/-1}.cds--sm\\:col-span-75{--cds-grid-columns:3;grid-column:span 3/span 3}.cds--sm\\:col-span-50{--cds-grid-columns:2;grid-column:span 2/span 2}.cds--sm\\:col-span-25{--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){.cds--md\\:col-span-0{display:none}.cds--md\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds--md\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds--md\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds--md\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds--md\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds--md\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds--md\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds--md\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds--md\\:col-span-auto{grid-column:auto}.cds--md\\:col-span-100{grid-column:1/-1}.cds--md\\:col-span-75{--cds-grid-columns:6;grid-column:span 6/span 6}.cds--md\\:col-span-50{--cds-grid-columns:4;grid-column:span 4/span 4}.cds--md\\:col-span-25{--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){.cds--lg\\:col-span-0{display:none}.cds--lg\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds--lg\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds--lg\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds--lg\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds--lg\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds--lg\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds--lg\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds--lg\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds--lg\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}.cds--lg\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}.cds--lg\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}.cds--lg\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}.cds--lg\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}.cds--lg\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}.cds--lg\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}.cds--lg\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}.cds--lg\\:col-span-auto{grid-column:auto}.cds--lg\\:col-span-100{grid-column:1/-1}.cds--lg\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}.cds--lg\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}.cds--lg\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:82rem){.cds--xlg\\:col-span-0{display:none}.cds--xlg\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds--xlg\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds--xlg\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds--xlg\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds--xlg\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds--xlg\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds--xlg\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds--xlg\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds--xlg\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}.cds--xlg\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}.cds--xlg\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}.cds--xlg\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}.cds--xlg\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}.cds--xlg\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}.cds--xlg\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}.cds--xlg\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}.cds--xlg\\:col-span-auto{grid-column:auto}.cds--xlg\\:col-span-100{grid-column:1/-1}.cds--xlg\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}.cds--xlg\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}.cds--xlg\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:99rem){.cds--max\\:col-span-0{display:none}.cds--max\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds--max\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds--max\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds--max\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds--max\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds--max\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds--max\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds--max\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds--max\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}.cds--max\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}.cds--max\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}.cds--max\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}.cds--max\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}.cds--max\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}.cds--max\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}.cds--max\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}.cds--max\\:col-span-auto{grid-column:auto}.cds--max\\:col-span-100{grid-column:1/-1}.cds--max\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}.cds--max\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}.cds--max\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}.cds--col-span-auto{grid-column:auto}.cds--col-span-100{grid-column:1/-1}.cds--col-span-75{--cds-grid-columns:3;grid-column:span 3/span 3}@media (min-width:42rem){.cds--col-span-75{--cds-grid-columns:6;grid-column:span 6/span 6}}@media (min-width:66rem){.cds--col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}}.cds--col-span-50{--cds-grid-columns:2;grid-column:span 2/span 2}@media (min-width:42rem){.cds--col-span-50{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:66rem){.cds--col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}}.cds--col-span-25{--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){.cds--col-span-25{--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){.cds--col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}.cds--col-start-1{grid-column-start:1}.cds--col-start-2{grid-column-start:2}.cds--col-start-3{grid-column-start:3}.cds--col-start-4{grid-column-start:4}.cds--col-start-5{grid-column-start:5}.cds--col-start-6{grid-column-start:6}.cds--col-start-7{grid-column-start:7}.cds--col-start-8{grid-column-start:8}.cds--col-start-9{grid-column-start:9}.cds--col-start-10{grid-column-start:10}.cds--col-start-11{grid-column-start:11}.cds--col-start-12{grid-column-start:12}.cds--col-start-13{grid-column-start:13}.cds--col-start-14{grid-column-start:14}.cds--col-start-15{grid-column-start:15}.cds--col-start-16{grid-column-start:16}.cds--col-end-2{grid-column-end:2}.cds--col-end-3{grid-column-end:3}.cds--col-end-4{grid-column-end:4}.cds--col-end-5{grid-column-end:5}.cds--col-end-6{grid-column-end:6}.cds--col-end-7{grid-column-end:7}.cds--col-end-8{grid-column-end:8}.cds--col-end-9{grid-column-end:9}.cds--col-end-10{grid-column-end:10}.cds--col-end-11{grid-column-end:11}.cds--col-end-12{grid-column-end:12}.cds--col-end-13{grid-column-end:13}.cds--col-end-14{grid-column-end:14}.cds--col-end-15{grid-column-end:15}.cds--col-end-16{grid-column-end:16}.cds--col-end-17{grid-column-end:17}.cds--col-start-auto{grid-column-start:auto}.cds--col-end-auto{grid-column-end:auto}.cds--sm\\:col-start-1{grid-column-start:1}.cds--sm\\:col-start-2{grid-column-start:2}.cds--sm\\:col-start-3{grid-column-start:3}.cds--sm\\:col-start-4{grid-column-start:4}.cds--sm\\:col-start-5{grid-column-start:5}.cds--sm\\:col-start-6{grid-column-start:6}.cds--sm\\:col-start-7{grid-column-start:7}.cds--sm\\:col-start-8{grid-column-start:8}.cds--sm\\:col-start-9{grid-column-start:9}.cds--sm\\:col-start-10{grid-column-start:10}.cds--sm\\:col-start-11{grid-column-start:11}.cds--sm\\:col-start-12{grid-column-start:12}.cds--sm\\:col-start-13{grid-column-start:13}.cds--sm\\:col-start-14{grid-column-start:14}.cds--sm\\:col-start-15{grid-column-start:15}.cds--sm\\:col-start-16{grid-column-start:16}.cds--sm\\:col-end-2{grid-column-end:2}.cds--sm\\:col-end-3{grid-column-end:3}.cds--sm\\:col-end-4{grid-column-end:4}.cds--sm\\:col-end-5{grid-column-end:5}.cds--sm\\:col-end-6{grid-column-end:6}.cds--sm\\:col-end-7{grid-column-end:7}.cds--sm\\:col-end-8{grid-column-end:8}.cds--sm\\:col-end-9{grid-column-end:9}.cds--sm\\:col-end-10{grid-column-end:10}.cds--sm\\:col-end-11{grid-column-end:11}.cds--sm\\:col-end-12{grid-column-end:12}.cds--sm\\:col-end-13{grid-column-end:13}.cds--sm\\:col-end-14{grid-column-end:14}.cds--sm\\:col-end-15{grid-column-end:15}.cds--sm\\:col-end-16{grid-column-end:16}.cds--sm\\:col-end-17{grid-column-end:17}.cds--sm\\:col-start-auto{grid-column-start:auto}.cds--sm\\:col-end-auto{grid-column-end:auto}@media (min-width:42rem){.cds--md\\:col-start-1{grid-column-start:1}.cds--md\\:col-start-2{grid-column-start:2}.cds--md\\:col-start-3{grid-column-start:3}.cds--md\\:col-start-4{grid-column-start:4}.cds--md\\:col-start-5{grid-column-start:5}.cds--md\\:col-start-6{grid-column-start:6}.cds--md\\:col-start-7{grid-column-start:7}.cds--md\\:col-start-8{grid-column-start:8}.cds--md\\:col-start-9{grid-column-start:9}.cds--md\\:col-start-10{grid-column-start:10}.cds--md\\:col-start-11{grid-column-start:11}.cds--md\\:col-start-12{grid-column-start:12}.cds--md\\:col-start-13{grid-column-start:13}.cds--md\\:col-start-14{grid-column-start:14}.cds--md\\:col-start-15{grid-column-start:15}.cds--md\\:col-start-16{grid-column-start:16}.cds--md\\:col-end-2{grid-column-end:2}.cds--md\\:col-end-3{grid-column-end:3}.cds--md\\:col-end-4{grid-column-end:4}.cds--md\\:col-end-5{grid-column-end:5}.cds--md\\:col-end-6{grid-column-end:6}.cds--md\\:col-end-7{grid-column-end:7}.cds--md\\:col-end-8{grid-column-end:8}.cds--md\\:col-end-9{grid-column-end:9}.cds--md\\:col-end-10{grid-column-end:10}.cds--md\\:col-end-11{grid-column-end:11}.cds--md\\:col-end-12{grid-column-end:12}.cds--md\\:col-end-13{grid-column-end:13}.cds--md\\:col-end-14{grid-column-end:14}.cds--md\\:col-end-15{grid-column-end:15}.cds--md\\:col-end-16{grid-column-end:16}.cds--md\\:col-end-17{grid-column-end:17}.cds--md\\:col-start-auto{grid-column-start:auto}.cds--md\\:col-end-auto{grid-column-end:auto}}@media (min-width:66rem){.cds--lg\\:col-start-1{grid-column-start:1}.cds--lg\\:col-start-2{grid-column-start:2}.cds--lg\\:col-start-3{grid-column-start:3}.cds--lg\\:col-start-4{grid-column-start:4}.cds--lg\\:col-start-5{grid-column-start:5}.cds--lg\\:col-start-6{grid-column-start:6}.cds--lg\\:col-start-7{grid-column-start:7}.cds--lg\\:col-start-8{grid-column-start:8}.cds--lg\\:col-start-9{grid-column-start:9}.cds--lg\\:col-start-10{grid-column-start:10}.cds--lg\\:col-start-11{grid-column-start:11}.cds--lg\\:col-start-12{grid-column-start:12}.cds--lg\\:col-start-13{grid-column-start:13}.cds--lg\\:col-start-14{grid-column-start:14}.cds--lg\\:col-start-15{grid-column-start:15}.cds--lg\\:col-start-16{grid-column-start:16}.cds--lg\\:col-end-2{grid-column-end:2}.cds--lg\\:col-end-3{grid-column-end:3}.cds--lg\\:col-end-4{grid-column-end:4}.cds--lg\\:col-end-5{grid-column-end:5}.cds--lg\\:col-end-6{grid-column-end:6}.cds--lg\\:col-end-7{grid-column-end:7}.cds--lg\\:col-end-8{grid-column-end:8}.cds--lg\\:col-end-9{grid-column-end:9}.cds--lg\\:col-end-10{grid-column-end:10}.cds--lg\\:col-end-11{grid-column-end:11}.cds--lg\\:col-end-12{grid-column-end:12}.cds--lg\\:col-end-13{grid-column-end:13}.cds--lg\\:col-end-14{grid-column-end:14}.cds--lg\\:col-end-15{grid-column-end:15}.cds--lg\\:col-end-16{grid-column-end:16}.cds--lg\\:col-end-17{grid-column-end:17}.cds--lg\\:col-start-auto{grid-column-start:auto}.cds--lg\\:col-end-auto{grid-column-end:auto}}@media (min-width:82rem){.cds--xlg\\:col-start-1{grid-column-start:1}.cds--xlg\\:col-start-2{grid-column-start:2}.cds--xlg\\:col-start-3{grid-column-start:3}.cds--xlg\\:col-start-4{grid-column-start:4}.cds--xlg\\:col-start-5{grid-column-start:5}.cds--xlg\\:col-start-6{grid-column-start:6}.cds--xlg\\:col-start-7{grid-column-start:7}.cds--xlg\\:col-start-8{grid-column-start:8}.cds--xlg\\:col-start-9{grid-column-start:9}.cds--xlg\\:col-start-10{grid-column-start:10}.cds--xlg\\:col-start-11{grid-column-start:11}.cds--xlg\\:col-start-12{grid-column-start:12}.cds--xlg\\:col-start-13{grid-column-start:13}.cds--xlg\\:col-start-14{grid-column-start:14}.cds--xlg\\:col-start-15{grid-column-start:15}.cds--xlg\\:col-start-16{grid-column-start:16}.cds--xlg\\:col-end-2{grid-column-end:2}.cds--xlg\\:col-end-3{grid-column-end:3}.cds--xlg\\:col-end-4{grid-column-end:4}.cds--xlg\\:col-end-5{grid-column-end:5}.cds--xlg\\:col-end-6{grid-column-end:6}.cds--xlg\\:col-end-7{grid-column-end:7}.cds--xlg\\:col-end-8{grid-column-end:8}.cds--xlg\\:col-end-9{grid-column-end:9}.cds--xlg\\:col-end-10{grid-column-end:10}.cds--xlg\\:col-end-11{grid-column-end:11}.cds--xlg\\:col-end-12{grid-column-end:12}.cds--xlg\\:col-end-13{grid-column-end:13}.cds--xlg\\:col-end-14{grid-column-end:14}.cds--xlg\\:col-end-15{grid-column-end:15}.cds--xlg\\:col-end-16{grid-column-end:16}.cds--xlg\\:col-end-17{grid-column-end:17}.cds--xlg\\:col-start-auto{grid-column-start:auto}.cds--xlg\\:col-end-auto{grid-column-end:auto}}@media (min-width:99rem){.cds--max\\:col-start-1{grid-column-start:1}.cds--max\\:col-start-2{grid-column-start:2}.cds--max\\:col-start-3{grid-column-start:3}.cds--max\\:col-start-4{grid-column-start:4}.cds--max\\:col-start-5{grid-column-start:5}.cds--max\\:col-start-6{grid-column-start:6}.cds--max\\:col-start-7{grid-column-start:7}.cds--max\\:col-start-8{grid-column-start:8}.cds--max\\:col-start-9{grid-column-start:9}.cds--max\\:col-start-10{grid-column-start:10}.cds--max\\:col-start-11{grid-column-start:11}.cds--max\\:col-start-12{grid-column-start:12}.cds--max\\:col-start-13{grid-column-start:13}.cds--max\\:col-start-14{grid-column-start:14}.cds--max\\:col-start-15{grid-column-start:15}.cds--max\\:col-start-16{grid-column-start:16}.cds--max\\:col-end-2{grid-column-end:2}.cds--max\\:col-end-3{grid-column-end:3}.cds--max\\:col-end-4{grid-column-end:4}.cds--max\\:col-end-5{grid-column-end:5}.cds--max\\:col-end-6{grid-column-end:6}.cds--max\\:col-end-7{grid-column-end:7}.cds--max\\:col-end-8{grid-column-end:8}.cds--max\\:col-end-9{grid-column-end:9}.cds--max\\:col-end-10{grid-column-end:10}.cds--max\\:col-end-11{grid-column-end:11}.cds--max\\:col-end-12{grid-column-end:12}.cds--max\\:col-end-13{grid-column-end:13}.cds--max\\:col-end-14{grid-column-end:14}.cds--max\\:col-end-15{grid-column-end:15}.cds--max\\:col-end-16{grid-column-end:16}.cds--max\\:col-end-17{grid-column-end:17}.cds--max\\:col-start-auto{grid-column-start:auto}.cds--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}.c4p--side-panel--scrolls,:host(c4p-side-panel) [scrolls]{overflow:auto;overflow-x:hidden}.c4p--side-panel,:host(c4p-side-panel) .c4p--side-panel{--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-layer-01,#f4f4f4);box-sizing:border-box;color:var(--cds-text-primary,#161616);display:grid;grid-template-rows:auto 1fr auto;height:calc(100% - 3rem);position:fixed;top:3rem;z-index:9000}.c4p--side-panel.c4p--side-panel--xs,:host(c4p-side-panel) .c4p--side-panel[size=xs]{max-width:100%;width:16rem}.c4p--side-panel.c4p--side-panel--sm,:host(c4p-side-panel) .c4p--side-panel[size=sm]{max-width:100%;width:20rem}.c4p--side-panel.c4p--side-panel--md,:host(c4p-side-panel) .c4p--side-panel[size=md]{max-width:100%;width:30rem}.c4p--side-panel.c4p--side-panel--lg,:host(c4p-side-panel) .c4p--side-panel[size=lg]{max-width:100%;width:40rem}.c4p--side-panel.c4p--side-panel--xl,:host(c4p-side-panel) .c4p--side-panel[size=xl]{max-width:100%;width:65rem}.c4p--side-panel.c4p--side-panel--2xl,:host(c4p-side-panel) .c4p--side-panel[size=\"2xl\"]{max-width:100%;min-width:75%;width:40rem}.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-overlay,hsla(0,0%,9%,.5))}.c4p--side-panel .c4p--side-panel__actions-container{width:100%}.c4p--side-panel.c4p--side-panel--right-placement,:host(c4p-side-panel) .c4p--side-panel[placement=right]{border-left:1px solid var(--cds-border-subtle-02,#e0e0e0);right:0}.c4p--side-panel.c4p--side-panel--left-placement,:host(c4p-side-panel) .c4p--side-panel[placement=left]{border-right:1px solid var(--cds-border-subtle-02,#e0e0e0);left:0}.c4p--side-panel.c4p--side-panel.c4p--side-panel--has-slug,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel[has-slug]{border-color:transparent;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 10px 2px var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.c4p--side-panel .c4p--side-panel__header{--c4p--side-panel--title-padding-bottom:1rem;background-color:var(--cds-layer-01,#f4f4f4);min-height:2.5rem;padding:1rem 1rem 0;position:sticky;top:calc(-1px*var(--c4p--side-panel--scroll-animation-distance));z-index:4}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--has-title{min-height: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-top:2rem}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--has-navigation-back.cds--btn--md,.c4p--side-panel .c4p--side-panel__header:has(.c4p--side-panel__navigation-back-button.cds--btn--md){padding-top:2.5rem}.c4p--side-panel .c4p--side-panel__header:before{background-color:var(--cds-border-subtle-02,#e0e0e0);bottom:0;content:\"\";height:1px;left:0;opacity:var(--c4p--side-panel--scroll-animation-progress);position:absolute;width:100%;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]{position:relative;top:0}.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-bottom:1px solid var(--cds-border-subtle-02,#e0e0e0);margin-bottom: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-bottom:0;margin-bottom:0}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--on-detail-step .c4p--side-panel__navigation-back-button.cds--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--btn--md~.c4p--side-panel__collapsed-title-text{top: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){height: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-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-slug,.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-layer-01,#f4f4f4);border-bottom:var(--c4p--side-panel--title-padding-bottom) solid transparent;position:sticky;top:var(--c4p--side-panel--title-stop);z-index:4}.c4p--side-panel .c4p--side-panel__title-text{display:-webkit-box;font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4);overflow:hidden;padding-right:var(--c4p--side-panel--title-padding-right);-webkit-box-orient:vertical;-webkit-line-clamp:2;opacity:calc(1 - var(--c4p--side-panel--scroll-animation-progress))}.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-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);opacity:calc(1 - var(--c4p--side-panel--scroll-animation-progress));overflow:hidden;padding-right: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-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0);line-height:var(--cds-heading-compact-02-line-height,1.375);overflow:hidden;padding-right:var(--c4p--side-panel--title-padding-right);-webkit-box-orient:vertical;-webkit-line-clamp:2;opacity:var(--c4p--side-panel--scroll-animation-progress);position:absolute;top:0}.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-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);overflow:hidden;padding-bottom:1rem;padding-right:var(--c4p--side-panel--title-padding-right);-webkit-box-orient:vertical;-webkit-line-clamp:3;opacity:calc(1 - var(--c4p--side-panel--scroll-animation-progress))}.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-layer-01,#f4f4f4);z-index:2}.c4p--side-panel .c4p--side-panel__title-text+.c4p--side-panel__subtitle-text{padding-top: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-top: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-top:.5rem}.c4p--side-panel.c4p--side-panel--has-slug .c4p--side-panel--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-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--c4p-layer,var(--cds-ai-popover-background,#fff)),var(--c4p-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--c4p-layer,var(--cds-ai-popover-background,#fff)),var(--c4p-layer,var(--cds-ai-popover-background,#fff))) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 10px 2px var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.c4p--side-panel .c4p--side-panel__action-toolbar{align-items:center;background-color:var(--cds-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-right:.5rem}.c4p--side-panel .cds--btn.c4p--side-panel__navigation-back-button{left:0;position:fixed;top:0;z-index:5}.c4p--side-panel .cds--btn.c4p--side-panel__close-button,.c4p--side-panel .cds--btn.c4p--side-panel__navigation-back-button{align-items:center;background-color:unset;color:var(--cds-text-primary,#161616);display:flex;height:2rem;justify-content:center;min-block-size:0;padding:0;width:2rem}.c4p--side-panel .cds--btn.c4p--side-panel__close-button:hover,.c4p--side-panel .cds--btn.c4p--side-panel__navigation-back-button:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12))}.c4p--side-panel .cds--btn.c4p--side-panel__close-button .c4p--side-panel--btn__icon,.c4p--side-panel .cds--btn.c4p--side-panel__navigation-back-button .c4p--side-panel--btn__icon{margin:0}.c4p--side-panel .cds--btn--md.c4p--side-panel__close-button,.c4p--side-panel .cds--btn--md.c4p--side-panel__navigation-back-button{height:2.5rem;width:2.5rem}.c4p--side-panel .c4p--side-panel__slug-and-close{display:flex;position:absolute;right:0;top:0;z-index:10}@media (prefers-reduced-motion){.c4p--side-panel .c4p--side-panel__slug-and-close{position:absolute}}.c4p--side-panel .c4p--side-panel__actions-container{background-color:var(--cds-layer-01,#f4f4f4);border-top:1px solid var(--cds-border-subtle-02,#e0e0e0);bottom: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-button){max-width:100%;width: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-button){width: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-button){height:var(--c4p--side-panel--actions-height)}.c4p--side-panel.c4p--side-panel.c4p--side-panel--xs .c4p--side-panel__actions-container.c4p--action-set--sm,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel.c4p--side-panel--xs .c4p--side-panel__actions-container[size=sm],:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel[size=xs] .c4p--side-panel__actions-container.c4p--action-set--sm,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel[size=xs] .c4p--side-panel__actions-container[size=sm]{max-width:100%;width:16rem}.c4p--side-panel .cds--date-picker__input,.c4p--side-panel .cds--dropdown,.c4p--side-panel .cds--dropdown-list,.c4p--side-panel .cds--multi-select,.c4p--side-panel .cds--number input[type=number],.c4p--side-panel .cds--search-input,.c4p--side-panel .cds--select-input,.c4p--side-panel .cds--text-area,.c4p--side-panel .cds--text-input{background-color:var(--cds-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{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.c4p--side-panel__overlay{background-color:var(--cds-overlay,hsla(0,0%,9%,.5));height:100%;inset:0;position:fixed;width:100%;z-index:6000}.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-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-border-subtle-02,#e0e0e0);inset-inline-end:0}:host(c4p-side-panel) .c4p--side-panel[placement=left]{border-inline-end:1px solid var(--cds-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-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-button){flex:0 0 100%;max-inline-size:none}:host(c4p-side-panel) .c4p--side-panel__actions-container[actions-multiple=double] ::slotted(cds-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-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-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{width:2rem}"]);
+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-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-background,#fff);color:var(--cds-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-heading-06-font-size,2.625rem);font-weight:var(--cds-heading-06-font-weight,300);letter-spacing:var(--cds-heading-06-letter-spacing,0);line-height:var(--cds-heading-06-line-height,1.199)}h2{font-size:var(--cds-heading-05-font-size,2rem);font-weight:var(--cds-heading-05-font-weight,400);letter-spacing:var(--cds-heading-05-letter-spacing,0);line-height:var(--cds-heading-05-line-height,1.25)}h3{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}h4{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}h5{font-size:var(--cds-heading-02-font-size,1rem);font-weight:var(--cds-heading-02-font-weight,600);letter-spacing:var(--cds-heading-02-letter-spacing,0);line-height:var(--cds-heading-02-line-height,1.5)}h6{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}p{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);letter-spacing:var(--cds-body-02-letter-spacing,0);line-height:var(--cds-body-02-line-height,1.5)}a{color:var(--cds-link-primary,#0062fe)}em{font-style:italic}.c4p--action-set,:host(c4p-side-panel) .c4p--side-panel__actions-container{align-items:stretch;background-color:var(--cds-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-button){align-items:center;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-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-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set__action-button.c4p--action-set__action-button--expressive{height:4rem;padding-bottom:2rem;padding-top:1rem}.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn,.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn.cds--btn--expressive,:host(c4p-side-panel) .c4p--action-set.cds--btn-set .c4p--side-panel__actions-container .cds--btn::slotted(cds-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.cds--btn-set .cds--btn::slotted(cds-button),:host(c4p-side-panel) .cds--btn-set.c4p--side-panel__actions-container .c4p--action-set__action-button.cds--btn,:host(c4p-side-panel) .cds--btn-set.c4p--side-panel__actions-container .cds--btn::slotted(cds-button){max-width: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-left: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-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-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.c4p--action-set--row-single.c4p--action-set--md ::slotted(cds-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-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-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-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-button),:host(c4p-side-panel) .c4p--action-set.c4p--action-set--row-double.c4p--action-set--md .c4p--side-panel__actions-container ::slotted(cds-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-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.c4p--action-set--row-double.c4p--action-set--lg ::slotted(cds-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.c4p--action-set--row-double.c4p--action-set--md ::slotted(cds-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-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--btn-set.c4p--action-set--2xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),.c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),.c4p--action-set.cds--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--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--btn-set.c4p--action-set--2xl .c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-side-panel) .c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple .c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-side-panel) .c4p--action-set.cds--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-button),:host(c4p-side-panel) .c4p--action-set.cds--btn-set.c4p--action-set--xl .c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.cds--btn-set.c4p--action-set--2xl :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.cds--btn-set.c4p--action-set--row-triple.c4p--action-set--lg :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set.cds--btn-set.c4p--action-set--xl :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-side-panel) .cds--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--btn-set.c4p--action-set--2xl.c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-side-panel) .cds--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--btn-set.c4p--action-set--row-quadruple.c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-button),:host(c4p-side-panel) .cds--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--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-button),:host(c4p-side-panel) .cds--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--btn-set.c4p--action-set--xl.c4p--side-panel__actions-container :not(.c4p--action-set__action-button--ghost)::slotted(cds-button){flex:0 1 25%;max-width:14.5rem}.c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button--ghost,:host(c4p-side-panel) .cds--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--inline-loading,:host(c4p-side-panel) .c4p--side-panel__actions-container .c4p--action-set__action-button .cds--inline-loading,:host(c4p-side-panel) .c4p--side-panel__actions-container ::slotted(cds-button) .cds--inline-loading{position:absolute;right:0;top:0;width:2rem}:root{--cds-grid-gutter:2rem;--cds-grid-columns:4;--cds-grid-margin:0}@media (min-width:42rem){:root{--cds-grid-columns:8;--cds-grid-margin:1rem}}@media (min-width:66rem){:root{--cds-grid-columns:16}}@media (min-width:99rem){:root{--cds-grid-margin:1.5rem}}.cds--css-grid{--cds-grid-gutter-start:calc(var(--cds-grid-gutter)/2);--cds-grid-gutter-end:calc(var(--cds-grid-gutter)/2);--cds-grid-column-hang:calc(var(--cds-grid-gutter)/2);display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));inline-size:100%;margin-inline:auto;max-inline-size:99rem;padding-inline:var(--cds-grid-margin)}.cds--css-grid--full-width{max-inline-size:100%}.cds--css-grid-column{--cds-grid-mode-start:var(--cds-grid-gutter-start);--cds-grid-mode-end:var(--cds-grid-gutter-end);margin-inline:var(--cds-grid-gutter-start) var(--cds-grid-gutter-end)}[dir=rtl] .cds--css-grid-column{margin-inline:var(--cds-grid-gutter-end) var(--cds-grid-gutter-start)}.cds--css-grid--narrow{--cds-grid-gutter-start:0}.cds--css-grid--condensed{--cds-grid-gutter:0.0625rem;--cds-grid-column-hang:0.96875rem}.cds--subgrid{display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));margin-inline:calc(var(--cds-grid-mode-start)*-1) calc(var(--cds-grid-mode-end)*-1)}[dir=rtl] .cds--subgrid{margin-inline:calc(var(--cds-grid-mode-end)*-1) calc(var(--cds-grid-mode-start)*-1)}.cds--subgrid--wide{--cds-grid-gutter-start:1rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:0}.cds--subgrid--narrow{--cds-grid-gutter-start:0;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:1rem}.cds--subgrid--condensed{--cds-grid-gutter-start:0.03125rem;--cds-grid-gutter-end:0.03125rem;--cds-grid-column-hang:0.96875rem}.cds--grid-column-hang{margin-inline-start:var(--cds-grid-column-hang)}[dir=rtl] .cds--grid-column-hang{margin-inline:initial var(--cds-grid-column-hang)}.cds--col-span-0{display:none}.cds--col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds--col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds--col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds--col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds--col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds--col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds--col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds--col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds--col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}.cds--col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}.cds--col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}.cds--col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}.cds--col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}.cds--col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}.cds--col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}.cds--col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}.cds--sm\\:col-span-0{display:none}.cds--sm\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds--sm\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds--sm\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds--sm\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds--sm\\:col-span-auto{grid-column:auto}.cds--sm\\:col-span-100{grid-column:1/-1}.cds--sm\\:col-span-75{--cds-grid-columns:3;grid-column:span 3/span 3}.cds--sm\\:col-span-50{--cds-grid-columns:2;grid-column:span 2/span 2}.cds--sm\\:col-span-25{--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){.cds--md\\:col-span-0{display:none}.cds--md\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds--md\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds--md\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds--md\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds--md\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds--md\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds--md\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds--md\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds--md\\:col-span-auto{grid-column:auto}.cds--md\\:col-span-100{grid-column:1/-1}.cds--md\\:col-span-75{--cds-grid-columns:6;grid-column:span 6/span 6}.cds--md\\:col-span-50{--cds-grid-columns:4;grid-column:span 4/span 4}.cds--md\\:col-span-25{--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){.cds--lg\\:col-span-0{display:none}.cds--lg\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds--lg\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds--lg\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds--lg\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds--lg\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds--lg\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds--lg\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds--lg\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds--lg\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}.cds--lg\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}.cds--lg\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}.cds--lg\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}.cds--lg\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}.cds--lg\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}.cds--lg\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}.cds--lg\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}.cds--lg\\:col-span-auto{grid-column:auto}.cds--lg\\:col-span-100{grid-column:1/-1}.cds--lg\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}.cds--lg\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}.cds--lg\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:82rem){.cds--xlg\\:col-span-0{display:none}.cds--xlg\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds--xlg\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds--xlg\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds--xlg\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds--xlg\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds--xlg\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds--xlg\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds--xlg\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds--xlg\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}.cds--xlg\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}.cds--xlg\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}.cds--xlg\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}.cds--xlg\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}.cds--xlg\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}.cds--xlg\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}.cds--xlg\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}.cds--xlg\\:col-span-auto{grid-column:auto}.cds--xlg\\:col-span-100{grid-column:1/-1}.cds--xlg\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}.cds--xlg\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}.cds--xlg\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:99rem){.cds--max\\:col-span-0{display:none}.cds--max\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds--max\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds--max\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds--max\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds--max\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds--max\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds--max\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds--max\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds--max\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}.cds--max\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}.cds--max\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}.cds--max\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}.cds--max\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}.cds--max\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}.cds--max\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}.cds--max\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}.cds--max\\:col-span-auto{grid-column:auto}.cds--max\\:col-span-100{grid-column:1/-1}.cds--max\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}.cds--max\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}.cds--max\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}.cds--col-span-auto{grid-column:auto}.cds--col-span-100{grid-column:1/-1}.cds--col-span-75{--cds-grid-columns:3;grid-column:span 3/span 3}@media (min-width:42rem){.cds--col-span-75{--cds-grid-columns:6;grid-column:span 6/span 6}}@media (min-width:66rem){.cds--col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}}.cds--col-span-50{--cds-grid-columns:2;grid-column:span 2/span 2}@media (min-width:42rem){.cds--col-span-50{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:66rem){.cds--col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}}.cds--col-span-25{--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){.cds--col-span-25{--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){.cds--col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}.cds--col-start-1{grid-column-start:1}.cds--col-start-2{grid-column-start:2}.cds--col-start-3{grid-column-start:3}.cds--col-start-4{grid-column-start:4}.cds--col-start-5{grid-column-start:5}.cds--col-start-6{grid-column-start:6}.cds--col-start-7{grid-column-start:7}.cds--col-start-8{grid-column-start:8}.cds--col-start-9{grid-column-start:9}.cds--col-start-10{grid-column-start:10}.cds--col-start-11{grid-column-start:11}.cds--col-start-12{grid-column-start:12}.cds--col-start-13{grid-column-start:13}.cds--col-start-14{grid-column-start:14}.cds--col-start-15{grid-column-start:15}.cds--col-start-16{grid-column-start:16}.cds--col-end-2{grid-column-end:2}.cds--col-end-3{grid-column-end:3}.cds--col-end-4{grid-column-end:4}.cds--col-end-5{grid-column-end:5}.cds--col-end-6{grid-column-end:6}.cds--col-end-7{grid-column-end:7}.cds--col-end-8{grid-column-end:8}.cds--col-end-9{grid-column-end:9}.cds--col-end-10{grid-column-end:10}.cds--col-end-11{grid-column-end:11}.cds--col-end-12{grid-column-end:12}.cds--col-end-13{grid-column-end:13}.cds--col-end-14{grid-column-end:14}.cds--col-end-15{grid-column-end:15}.cds--col-end-16{grid-column-end:16}.cds--col-end-17{grid-column-end:17}.cds--col-start-auto{grid-column-start:auto}.cds--col-end-auto{grid-column-end:auto}.cds--sm\\:col-start-1{grid-column-start:1}.cds--sm\\:col-start-2{grid-column-start:2}.cds--sm\\:col-start-3{grid-column-start:3}.cds--sm\\:col-start-4{grid-column-start:4}.cds--sm\\:col-start-5{grid-column-start:5}.cds--sm\\:col-start-6{grid-column-start:6}.cds--sm\\:col-start-7{grid-column-start:7}.cds--sm\\:col-start-8{grid-column-start:8}.cds--sm\\:col-start-9{grid-column-start:9}.cds--sm\\:col-start-10{grid-column-start:10}.cds--sm\\:col-start-11{grid-column-start:11}.cds--sm\\:col-start-12{grid-column-start:12}.cds--sm\\:col-start-13{grid-column-start:13}.cds--sm\\:col-start-14{grid-column-start:14}.cds--sm\\:col-start-15{grid-column-start:15}.cds--sm\\:col-start-16{grid-column-start:16}.cds--sm\\:col-end-2{grid-column-end:2}.cds--sm\\:col-end-3{grid-column-end:3}.cds--sm\\:col-end-4{grid-column-end:4}.cds--sm\\:col-end-5{grid-column-end:5}.cds--sm\\:col-end-6{grid-column-end:6}.cds--sm\\:col-end-7{grid-column-end:7}.cds--sm\\:col-end-8{grid-column-end:8}.cds--sm\\:col-end-9{grid-column-end:9}.cds--sm\\:col-end-10{grid-column-end:10}.cds--sm\\:col-end-11{grid-column-end:11}.cds--sm\\:col-end-12{grid-column-end:12}.cds--sm\\:col-end-13{grid-column-end:13}.cds--sm\\:col-end-14{grid-column-end:14}.cds--sm\\:col-end-15{grid-column-end:15}.cds--sm\\:col-end-16{grid-column-end:16}.cds--sm\\:col-end-17{grid-column-end:17}.cds--sm\\:col-start-auto{grid-column-start:auto}.cds--sm\\:col-end-auto{grid-column-end:auto}@media (min-width:42rem){.cds--md\\:col-start-1{grid-column-start:1}.cds--md\\:col-start-2{grid-column-start:2}.cds--md\\:col-start-3{grid-column-start:3}.cds--md\\:col-start-4{grid-column-start:4}.cds--md\\:col-start-5{grid-column-start:5}.cds--md\\:col-start-6{grid-column-start:6}.cds--md\\:col-start-7{grid-column-start:7}.cds--md\\:col-start-8{grid-column-start:8}.cds--md\\:col-start-9{grid-column-start:9}.cds--md\\:col-start-10{grid-column-start:10}.cds--md\\:col-start-11{grid-column-start:11}.cds--md\\:col-start-12{grid-column-start:12}.cds--md\\:col-start-13{grid-column-start:13}.cds--md\\:col-start-14{grid-column-start:14}.cds--md\\:col-start-15{grid-column-start:15}.cds--md\\:col-start-16{grid-column-start:16}.cds--md\\:col-end-2{grid-column-end:2}.cds--md\\:col-end-3{grid-column-end:3}.cds--md\\:col-end-4{grid-column-end:4}.cds--md\\:col-end-5{grid-column-end:5}.cds--md\\:col-end-6{grid-column-end:6}.cds--md\\:col-end-7{grid-column-end:7}.cds--md\\:col-end-8{grid-column-end:8}.cds--md\\:col-end-9{grid-column-end:9}.cds--md\\:col-end-10{grid-column-end:10}.cds--md\\:col-end-11{grid-column-end:11}.cds--md\\:col-end-12{grid-column-end:12}.cds--md\\:col-end-13{grid-column-end:13}.cds--md\\:col-end-14{grid-column-end:14}.cds--md\\:col-end-15{grid-column-end:15}.cds--md\\:col-end-16{grid-column-end:16}.cds--md\\:col-end-17{grid-column-end:17}.cds--md\\:col-start-auto{grid-column-start:auto}.cds--md\\:col-end-auto{grid-column-end:auto}}@media (min-width:66rem){.cds--lg\\:col-start-1{grid-column-start:1}.cds--lg\\:col-start-2{grid-column-start:2}.cds--lg\\:col-start-3{grid-column-start:3}.cds--lg\\:col-start-4{grid-column-start:4}.cds--lg\\:col-start-5{grid-column-start:5}.cds--lg\\:col-start-6{grid-column-start:6}.cds--lg\\:col-start-7{grid-column-start:7}.cds--lg\\:col-start-8{grid-column-start:8}.cds--lg\\:col-start-9{grid-column-start:9}.cds--lg\\:col-start-10{grid-column-start:10}.cds--lg\\:col-start-11{grid-column-start:11}.cds--lg\\:col-start-12{grid-column-start:12}.cds--lg\\:col-start-13{grid-column-start:13}.cds--lg\\:col-start-14{grid-column-start:14}.cds--lg\\:col-start-15{grid-column-start:15}.cds--lg\\:col-start-16{grid-column-start:16}.cds--lg\\:col-end-2{grid-column-end:2}.cds--lg\\:col-end-3{grid-column-end:3}.cds--lg\\:col-end-4{grid-column-end:4}.cds--lg\\:col-end-5{grid-column-end:5}.cds--lg\\:col-end-6{grid-column-end:6}.cds--lg\\:col-end-7{grid-column-end:7}.cds--lg\\:col-end-8{grid-column-end:8}.cds--lg\\:col-end-9{grid-column-end:9}.cds--lg\\:col-end-10{grid-column-end:10}.cds--lg\\:col-end-11{grid-column-end:11}.cds--lg\\:col-end-12{grid-column-end:12}.cds--lg\\:col-end-13{grid-column-end:13}.cds--lg\\:col-end-14{grid-column-end:14}.cds--lg\\:col-end-15{grid-column-end:15}.cds--lg\\:col-end-16{grid-column-end:16}.cds--lg\\:col-end-17{grid-column-end:17}.cds--lg\\:col-start-auto{grid-column-start:auto}.cds--lg\\:col-end-auto{grid-column-end:auto}}@media (min-width:82rem){.cds--xlg\\:col-start-1{grid-column-start:1}.cds--xlg\\:col-start-2{grid-column-start:2}.cds--xlg\\:col-start-3{grid-column-start:3}.cds--xlg\\:col-start-4{grid-column-start:4}.cds--xlg\\:col-start-5{grid-column-start:5}.cds--xlg\\:col-start-6{grid-column-start:6}.cds--xlg\\:col-start-7{grid-column-start:7}.cds--xlg\\:col-start-8{grid-column-start:8}.cds--xlg\\:col-start-9{grid-column-start:9}.cds--xlg\\:col-start-10{grid-column-start:10}.cds--xlg\\:col-start-11{grid-column-start:11}.cds--xlg\\:col-start-12{grid-column-start:12}.cds--xlg\\:col-start-13{grid-column-start:13}.cds--xlg\\:col-start-14{grid-column-start:14}.cds--xlg\\:col-start-15{grid-column-start:15}.cds--xlg\\:col-start-16{grid-column-start:16}.cds--xlg\\:col-end-2{grid-column-end:2}.cds--xlg\\:col-end-3{grid-column-end:3}.cds--xlg\\:col-end-4{grid-column-end:4}.cds--xlg\\:col-end-5{grid-column-end:5}.cds--xlg\\:col-end-6{grid-column-end:6}.cds--xlg\\:col-end-7{grid-column-end:7}.cds--xlg\\:col-end-8{grid-column-end:8}.cds--xlg\\:col-end-9{grid-column-end:9}.cds--xlg\\:col-end-10{grid-column-end:10}.cds--xlg\\:col-end-11{grid-column-end:11}.cds--xlg\\:col-end-12{grid-column-end:12}.cds--xlg\\:col-end-13{grid-column-end:13}.cds--xlg\\:col-end-14{grid-column-end:14}.cds--xlg\\:col-end-15{grid-column-end:15}.cds--xlg\\:col-end-16{grid-column-end:16}.cds--xlg\\:col-end-17{grid-column-end:17}.cds--xlg\\:col-start-auto{grid-column-start:auto}.cds--xlg\\:col-end-auto{grid-column-end:auto}}@media (min-width:99rem){.cds--max\\:col-start-1{grid-column-start:1}.cds--max\\:col-start-2{grid-column-start:2}.cds--max\\:col-start-3{grid-column-start:3}.cds--max\\:col-start-4{grid-column-start:4}.cds--max\\:col-start-5{grid-column-start:5}.cds--max\\:col-start-6{grid-column-start:6}.cds--max\\:col-start-7{grid-column-start:7}.cds--max\\:col-start-8{grid-column-start:8}.cds--max\\:col-start-9{grid-column-start:9}.cds--max\\:col-start-10{grid-column-start:10}.cds--max\\:col-start-11{grid-column-start:11}.cds--max\\:col-start-12{grid-column-start:12}.cds--max\\:col-start-13{grid-column-start:13}.cds--max\\:col-start-14{grid-column-start:14}.cds--max\\:col-start-15{grid-column-start:15}.cds--max\\:col-start-16{grid-column-start:16}.cds--max\\:col-end-2{grid-column-end:2}.cds--max\\:col-end-3{grid-column-end:3}.cds--max\\:col-end-4{grid-column-end:4}.cds--max\\:col-end-5{grid-column-end:5}.cds--max\\:col-end-6{grid-column-end:6}.cds--max\\:col-end-7{grid-column-end:7}.cds--max\\:col-end-8{grid-column-end:8}.cds--max\\:col-end-9{grid-column-end:9}.cds--max\\:col-end-10{grid-column-end:10}.cds--max\\:col-end-11{grid-column-end:11}.cds--max\\:col-end-12{grid-column-end:12}.cds--max\\:col-end-13{grid-column-end:13}.cds--max\\:col-end-14{grid-column-end:14}.cds--max\\:col-end-15{grid-column-end:15}.cds--max\\:col-end-16{grid-column-end:16}.cds--max\\:col-end-17{grid-column-end:17}.cds--max\\:col-start-auto{grid-column-start:auto}.cds--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}.c4p--side-panel--scrolls,:host(c4p-side-panel) [scrolls]{overflow:auto;overflow-x:hidden}.c4p--side-panel,:host(c4p-side-panel) .c4p--side-panel{--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-layer-01,#f4f4f4);box-sizing:border-box;color:var(--cds-text-primary,#161616);display:grid;grid-template-rows:auto 1fr auto;height:calc(100% - 3rem);position:fixed;top:3rem;z-index:9000}.c4p--side-panel.c4p--side-panel--xs,:host(c4p-side-panel) .c4p--side-panel[size=xs]{max-width:100%;width:16rem}.c4p--side-panel.c4p--side-panel--sm,:host(c4p-side-panel) .c4p--side-panel[size=sm]{max-width:100%;width:20rem}.c4p--side-panel.c4p--side-panel--md,:host(c4p-side-panel) .c4p--side-panel[size=md]{max-width:100%;width:30rem}.c4p--side-panel.c4p--side-panel--lg,:host(c4p-side-panel) .c4p--side-panel[size=lg]{max-width:100%;width:40rem}.c4p--side-panel.c4p--side-panel--xl,:host(c4p-side-panel) .c4p--side-panel[size=xl]{max-width:100%;width:65rem}.c4p--side-panel.c4p--side-panel--2xl,:host(c4p-side-panel) .c4p--side-panel[size=\"2xl\"]{max-width:100%;min-width:75%;width:40rem}.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-overlay,hsla(0,0%,9%,.5))}.c4p--side-panel .c4p--side-panel__actions-container{width:100%}.c4p--side-panel.c4p--side-panel--right-placement,:host(c4p-side-panel) .c4p--side-panel[placement=right]{border-left:1px solid var(--cds-border-subtle-02,#e0e0e0);right:0}.c4p--side-panel.c4p--side-panel--left-placement,:host(c4p-side-panel) .c4p--side-panel[placement=left]{border-right:1px solid var(--cds-border-subtle-02,#e0e0e0);left:0}.c4p--side-panel.c4p--side-panel.c4p--side-panel--has-ai-label,.c4p--side-panel.c4p--side-panel.c4p--side-panel--has-slug,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel[has-slug]{border-color:transparent;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 10px 2px var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.c4p--side-panel .c4p--side-panel__header{--c4p--side-panel--title-padding-bottom:1rem;background-color:var(--cds-layer-01,#f4f4f4);min-height:2.5rem;padding:1rem 1rem 0;position:sticky;top:calc(-1px*var(--c4p--side-panel--scroll-animation-distance));z-index:4}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--has-title{min-height: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-top:2rem}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--has-navigation-back.cds--btn--md,.c4p--side-panel .c4p--side-panel__header:has(.c4p--side-panel__navigation-back-button.cds--btn--md){padding-top:2.5rem}.c4p--side-panel .c4p--side-panel__header:before{background-color:var(--cds-border-subtle-02,#e0e0e0);bottom:0;content:\"\";height:1px;left:0;opacity:var(--c4p--side-panel--scroll-animation-progress);position:absolute;width:100%;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]{position:relative;top:0}.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-bottom:1px solid var(--cds-border-subtle-02,#e0e0e0);margin-bottom: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-bottom:0;margin-bottom:0}.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--on-detail-step .c4p--side-panel__navigation-back-button.cds--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--btn--md~.c4p--side-panel__collapsed-title-text{top: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){height: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-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-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-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-layer-01,#f4f4f4);border-bottom:var(--c4p--side-panel--title-padding-bottom) solid transparent;position:sticky;top:var(--c4p--side-panel--title-stop);z-index:4}.c4p--side-panel .c4p--side-panel__title-text{display:-webkit-box;font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4);overflow:hidden;padding-right:var(--c4p--side-panel--title-padding-right);-webkit-box-orient:vertical;-webkit-line-clamp:2;opacity:calc(1 - var(--c4p--side-panel--scroll-animation-progress))}.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-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);opacity:calc(1 - var(--c4p--side-panel--scroll-animation-progress));overflow:hidden;padding-right: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-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0);line-height:var(--cds-heading-compact-02-line-height,1.375);overflow:hidden;padding-right:var(--c4p--side-panel--title-padding-right);-webkit-box-orient:vertical;-webkit-line-clamp:2;opacity:var(--c4p--side-panel--scroll-animation-progress);position:absolute;top:0}.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-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);overflow:hidden;padding-bottom:1rem;padding-right:var(--c4p--side-panel--title-padding-right);-webkit-box-orient:vertical;-webkit-line-clamp:3;opacity:calc(1 - var(--c4p--side-panel--scroll-animation-progress))}.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-layer-01,#f4f4f4);z-index:2}.c4p--side-panel .c4p--side-panel__title-text+.c4p--side-panel__subtitle-text{padding-top: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-top: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-top:.5rem}.c4p--side-panel.c4p--side-panel--has-ai-label .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-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-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--c4p-layer,var(--cds-ai-popover-background,#fff)),var(--c4p-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--c4p-layer,var(--cds-ai-popover-background,#fff)),var(--c4p-layer,var(--cds-ai-popover-background,#fff))) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 10px 2px var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.c4p--side-panel .c4p--side-panel__action-toolbar{align-items:center;background-color:var(--cds-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-right:.5rem}.c4p--side-panel .cds--btn.c4p--side-panel__navigation-back-button{left:0;position:fixed;top:0;z-index:5}.c4p--side-panel .cds--btn.c4p--side-panel__close-button,.c4p--side-panel .cds--btn.c4p--side-panel__navigation-back-button{align-items:center;background-color:unset;color:var(--cds-text-primary,#161616);display:flex;height:2rem;justify-content:center;min-block-size:0;padding:0;width:2rem}.c4p--side-panel .cds--btn.c4p--side-panel__close-button:hover,.c4p--side-panel .cds--btn.c4p--side-panel__navigation-back-button:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12))}.c4p--side-panel .cds--btn.c4p--side-panel__close-button .c4p--side-panel--btn__icon,.c4p--side-panel .cds--btn.c4p--side-panel__navigation-back-button .c4p--side-panel--btn__icon{margin:0}.c4p--side-panel .cds--btn--md.c4p--side-panel__close-button,.c4p--side-panel .cds--btn--md.c4p--side-panel__navigation-back-button{height:2.5rem;width:2.5rem}.c4p--side-panel .c4p--side-panel__ai-label-and-close,.c4p--side-panel .c4p--side-panel__slug-and-close{display:flex;position:absolute;right:0;top:0;z-index:10}@media (prefers-reduced-motion){.c4p--side-panel .c4p--side-panel__ai-label-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-layer-01,#f4f4f4);border-top:1px solid var(--cds-border-subtle-02,#e0e0e0);bottom: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-button){max-width:100%;width: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-button){width: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-button){height:var(--c4p--side-panel--actions-height)}.c4p--side-panel.c4p--side-panel.c4p--side-panel--xs .c4p--side-panel__actions-container.c4p--action-set--sm,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel.c4p--side-panel--xs .c4p--side-panel__actions-container[size=sm],:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel[size=xs] .c4p--side-panel__actions-container.c4p--action-set--sm,:host(c4p-side-panel) .c4p--side-panel.c4p--side-panel[size=xs] .c4p--side-panel__actions-container[size=sm]{max-width:100%;width:16rem}.c4p--side-panel .cds--date-picker__input,.c4p--side-panel .cds--dropdown,.c4p--side-panel .cds--dropdown-list,.c4p--side-panel .cds--multi-select,.c4p--side-panel .cds--number input[type=number],.c4p--side-panel .cds--search-input,.c4p--side-panel .cds--select-input,.c4p--side-panel .cds--text-area,.c4p--side-panel .cds--text-input{background-color:var(--cds-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{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.c4p--side-panel__overlay{background-color:var(--cds-overlay,hsla(0,0%,9%,.5));height:100%;inset:0;position:fixed;width:100%;z-index:6000}.c4p--side-panel--has-ai-label+.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-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-border-subtle-02,#e0e0e0);inset-inline-end:0}:host(c4p-side-panel) .c4p--side-panel[placement=left]{border-inline-end:1px solid var(--cds-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-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-button){flex:0 0 100%;max-inline-size:none}:host(c4p-side-panel) .c4p--side-panel__actions-container[actions-multiple=double] ::slotted(cds-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-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-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{width:2rem}"]);
 
 export { styles as default };
 //# sourceMappingURL=side-panel.scss.js.map