@carbon/ai-chat 1.8.0 → 1.9.0

package/dist/es/chat.ChatAppEntry.js

@@ -2,7 +2,7 @@ import isEqual from "lodash-es/isEqual.js";
 
 import React, { useMemo, createContext, useContext, useRef, useCallback, useEffect, createElement, PureComponent, useState, useImperativeHandle, forwardRef, Component, useLayoutEffect, Suspense, Fragment } from "react";
 
-import { useSyncExternalStore as useSyncExternalStore$1 } from "use-sync-external-store/shim";
+import { useSyncExternalStore as useSyncExternalStore$1 } from "use-sync-external-store/shim/index.js";
 
 import { compute } from "compute-scroll-into-view";
 
@@ -16,7 +16,7 @@ import merge from "lodash-es/merge.js";
 
 import cloneDeep from "lodash-es/cloneDeep.js";
 
-import { h as MessageResponseTypes, g as MessageInputType, M as MessageErrorState, e as FileStatusValue, H as HumanAgentMessageType, r as InternalMessageRequestType, b as ButtonItemType, s as consoleError, j as MinimizeButtonIconType, l as PanelType, d as CornersType, t as WORKSPACE_CUSTOM_PANEL_ID, D as DEFAULT_CUSTOM_PANEL_ID, B as BusEventType, u as debugLog, i as MessageSendSource, v as consoleWarn, O as OnErrorType, f as HumanAgentsOnlineStatus, w as sleep, x as callOnError, y as consoleLog, z as isEnableDebugLog, C as CancellationReason, A as safeFetchTextWithTimeout, p as normalizeModuleInterop, c as CarbonTheme, G as WA_CONSOLE_PREFIX, o as enLanguagePack, n as WriteableElementName, J as setEnableDebugLog, K as consoleDebug, m as ViewType, V as ViewChangeReason, E as ErrorType, S as ScreenShareState, L as resolveOrTimeout, N as loadLocale, Q as MainWindowOpenReason, P as PageObjectId, T as AUTO_SCROLL_EXTRA, X as RESPONSE_TYPE_TIMEOUT_MS, Y as getResponsiveElementPaddingValue, Z as THROW_ERROR, W as WidthOptions, _ as RIGHT_TO_LEFT_MARK, $ as loadDayjsLocale, a0 as ENGLISH_US_DATE_FORMAT, I as IFrameItemDisplayOption, U as UserType, F as FeedbackInteractionType, a1 as createDidCatchErrorData, R as ReasoningStepOpenState, a2 as AUTO_SCROLL_THROTTLE_TIMEOUT, a3 as isValidForUpload, a4 as getAssistantName } from "./chat.languageUtils.js";
+import { i as MessageResponseTypes, h as MessageInputType, M as MessageErrorState, e as FileStatusValue, f as HumanAgentMessageType, s as InternalMessageRequestType, b as ButtonItemType, t as consoleError, k as MinimizeButtonIconType, m as PanelType, d as CornersType, u as WORKSPACE_CUSTOM_PANEL_ID, D as DEFAULT_CUSTOM_PANEL_ID, B as BusEventType, v as debugLog, j as MessageSendSource, w as consoleWarn, O as OnErrorType, g as HumanAgentsOnlineStatus, x as sleep, y as callOnError, z as consoleLog, A as isEnableDebugLog, C as CancellationReason, G as safeFetchTextWithTimeout, q as normalizeModuleInterop, c as CarbonTheme, J as WA_CONSOLE_PREFIX, p as enLanguagePack, o as WriteableElementName, K as setEnableDebugLog, L as consoleDebug, n as ViewType, V as ViewChangeReason, E as ErrorType, S as ScreenShareState, N as resolveOrTimeout, Q as loadLocale, T as MainWindowOpenReason, P as PageObjectId, H as HeaderMenuClickType, X as RESPONSE_TYPE_TIMEOUT_MS, Y as getResponsiveElementPaddingValue, Z as THROW_ERROR, W as WidthOptions, _ as RIGHT_TO_LEFT_MARK, $ as loadDayjsLocale, a0 as ENGLISH_US_DATE_FORMAT, I as IFrameItemDisplayOption, U as UserType, F as FeedbackInteractionType, a1 as createDidCatchErrorData, R as ReasoningStepOpenState, a2 as isValidForUpload } from "./chat.languageUtils.js";
 
 import mergeWith from "lodash-es/mergeWith.js";
 
@@ -36,7 +36,7 @@ import { createComponent } from "@lit/react";
 
 import { BUTTON_TOOLTIP_POSITION, BUTTON_SIZE, BUTTON_KIND, BUTTON_TYPE, BUTTON_TOOLTIP_ALIGNMENT } from "@carbon/web-components/es/components/button/defs.js";
 
-import CarbonButtonElement from "@carbon/web-components/es/components/button/button.js";
+import CarbonButtonElement, { BUTTON_SIZE as BUTTON_SIZE$1 } from "@carbon/web-components/es/components/button/button.js";
 
 import CarbonLayerElement from "@carbon/web-components/es/components/layer/layer.js";
 
@@ -50,9 +50,9 @@ import OverflowMenuVertical16 from "@carbon/icons/es/overflow-menu--vertical/16.
 
 import Restart16 from "@carbon/icons/es/restart/16.js";
 
-import RightPanelClose16 from "@carbon/icons/es/right-panel--close/16.js";
+import RightPanelOpen16 from "@carbon/icons/es/right-panel--open/16.js";
 
-import SidePanelClose16 from "@carbon/icons/es/side-panel--close/16.js";
+import RightPanelClose16 from "@carbon/icons/es/right-panel--close/16.js";
 
 import SubtractLarge16 from "@carbon/icons/es/subtract--large/16.js";
 
@@ -64,21 +64,9 @@ import "@carbon/web-components/es/components/ai-label/ai-label-action-button.js"
 
 import CDSAILabel from "@carbon/web-components/es/components/ai-label/ai-label.js";
 
-import CarbonOverflowMenuElement from "@carbon/web-components/es/components/overflow-menu/overflow-menu.js";
-
-import CarbonOverflowMenuElement$1 from "@carbon/web-components/es/components/overflow-menu/overflow-menu-body.js";
-
-import CarbonOverflowMenuItemElement from "@carbon/web-components/es/components/overflow-menu/overflow-menu-item.js";
-
-import { __decorate } from "tslib";
-
-import { html, unsafeCSS, css, LitElement } from "lit";
-
-import { property } from "lit/decorators.js";
-
-import { carbonElement } from "@carbon/ai-chat-components/es/globals/decorators/index.js";
+import ChatHeader from "@carbon/ai-chat-components/es/react/chat-header.js";
 
-import throttle$1 from "lodash-es/throttle.js";
+import throttle from "lodash-es/throttle.js";
 
 import DownToBottom16 from "@carbon/icons/es/down-to-bottom/16.js";
 
@@ -88,6 +76,8 @@ import UserAvatar32 from "@carbon/icons/es/user--avatar/32.js";
 
 import Markdown from "@carbon/ai-chat-components/es/react/markdown.js";
 
+import CarbonClickableTileElement from "@carbon/web-components/es/components/tile/clickable-tile.js";
+
 import ChatButton$1, { CHAT_BUTTON_KIND, CHAT_BUTTON_SIZE } from "@carbon/ai-chat-components/es/react/chat-button.js";
 
 import Processing from "@carbon/ai-chat-components/es/react/processing.js";
@@ -182,6 +172,8 @@ import CarbonDropdownElement from "@carbon/web-components/es/components/dropdown
 
 import CarbonDropdownItemElement from "@carbon/web-components/es/components/dropdown/dropdown-item.js";
 
+import { DROPDOWN_SIZE } from "@carbon/web-components/es/components/dropdown/defs.js";
+
 import ChainOfThought from "@carbon/ai-chat-components/es/react/chain-of-thought.js";
 
 import ChainOfThoughtStep from "@carbon/ai-chat-components/es/react/chain-of-thought-step.js";
@@ -196,12 +188,20 @@ import { FILE_UPLOADER_ITEM_SIZE, FILE_UPLOADER_ITEM_STATE } from "@carbon/web-c
 
 import CarbonFileUploaderItemElement from "@carbon/web-components/es/components/file-uploader/file-uploader-item.js";
 
+import { __decorate } from "tslib";
+
+import { carbonElement } from "@carbon/ai-chat-components/es/globals/decorators/index.js";
+
 import "@carbon/web-components/es/components/icon-button/index.js";
 
 import { iconLoader } from "@carbon/web-components/es/globals/internal/icon-loader.js";
 
 import StopFilled16 from "@carbon/icons/es/stop--filled/16.js";
 
+import { html, unsafeCSS, css, LitElement } from "lit";
+
+import { property } from "lit/decorators.js";
+
 import ChatPanel from "@carbon/ai-chat-components/es/react/panel.js";
 
 import ChevronDown20 from "@carbon/icons/es/chevron--down/20.js";
@@ -399,7 +399,7 @@ function getScrollbarWidth() {
 }
 
 function doFocus(element, preventScroll = false) {
-  if (element && document.activeElement !== element && tabbable(element, {
+  if (element && getDeepActiveElement() !== element && tabbable(element, {
     getShadowRoot: true
   })) {
     element.focus({
@@ -469,79 +469,113 @@ function getScrollBottom(element) {
   return 0;
 }
 
-const VisuallyHidden = React.forwardRef((props, ref) => React.createElement("div", {
-  ref,
-  ...props,
-  className: `cds-aichat--visually-hidden ${props.className || ""}`
-}, props.children));
-
-VisuallyHidden.displayName = "VisuallyHidden";
-
-function isBrowser() {
-  return typeof window !== "undefined" && typeof navigator !== "undefined";
+function getDeepActiveElement() {
+  let activeElement = document.activeElement;
+  while (activeElement) {
+    if (activeElement instanceof HTMLSlotElement) {
+      const assignedElements = activeElement.assignedElements({
+        flatten: true
+      });
+      const focusedAssigned = assignedElements.find(el => {
+        if (el.shadowRoot?.activeElement) {
+          return true;
+        }
+        return el === document.activeElement || el.contains(document.activeElement);
+      });
+      if (focusedAssigned) {
+        activeElement = focusedAssigned;
+        continue;
+      }
+    }
+    const shadowRoot = activeElement.shadowRoot;
+    if (shadowRoot?.activeElement) {
+      activeElement = shadowRoot.activeElement;
+      continue;
+    }
+    break;
+  }
+  return activeElement;
 }
 
-let screenWidth = 0;
-
-let screenHeight = 0;
-
-if (isBrowser()) {
-  screenWidth = window.screen.width;
-  screenHeight = window.screen.height;
+function isSlotElement(node) {
+  return node.nodeName === "SLOT";
 }
 
-const IS_IOS = isBrowser() && /iPad|iPhone|iPod/.test(navigator.userAgent);
-
-const IS_ANDROID = isBrowser() && /Android/.test(navigator.userAgent);
-
-const IS_MOBILE = IS_IOS || IS_ANDROID;
-
-const IS_PHONE = IS_MOBILE && (screenWidth < 500 || screenHeight < 500);
-
-const IS_PHONE_IN_PORTRAIT_MODE = IS_PHONE && screenWidth < 500;
-
-function isSessionStorageAvailable() {
-  if (!isBrowser() || !window.sessionStorage) {
-    return false;
-  }
-  try {
-    window.sessionStorage.setItem("web-chat-test-item", "true");
-    window.sessionStorage.getItem("web-chat-test-item");
-    window.sessionStorage.removeItem("web-chat-test-item");
-    return true;
-  } catch {
-    return false;
-  }
-}
+const ANNOUNCE_INPUT_TYPES = new Set([ "button", "date", "datetime-local", "email", "file", "month", "number", "range", "reset", "search", "submit", "tel", "text", "time", "url", "week" ]);
 
-const IS_SESSION_STORAGE = memoizeFunction(isSessionStorageAvailable);
+const ANNOUNCE_NODE_EXCLUDE_ATTRIBUTE = "data-cds-aichat-exclude-node-read";
 
-function getURLHostName(url) {
-  try {
-    return new URL(url).hostname;
-  } catch {
-    return url;
+function nodeToText(node, strings) {
+  if (isElement(node)) {
+    if ((typeof window === "undefined" || window.getComputedStyle(node).display !== "none") && node.getAttribute("aria-hidden") !== "true" && !node.hasAttribute(ANNOUNCE_NODE_EXCLUDE_ATTRIBUTE) && node.tagName !== "BUTTON" && node.getAttribute("role") !== "button") {
+      trimAndPush(node.getAttribute("aria-label"), strings);
+      if (isInputNode(node) && ANNOUNCE_INPUT_TYPES.has(node.type.toLowerCase())) {
+        if (node.value === "") {
+          trimAndPush(node.placeholder, strings);
+        } else {
+          trimAndPush(node.value, strings);
+        }
+      } else if (isTextAreaNode(node)) {
+        if (node.value === "") {
+          trimAndPush(node.placeholder, strings);
+        }
+      } else if (isImageNode(node)) {
+        trimAndPush(node.alt, strings);
+      }
+      if (isSlotElement(node)) {
+        const parent = node.parentElement;
+        if (parent && parent.getAttribute("aria-hidden") === "true") {
+          return;
+        }
+        const assignedNodes = node.assignedNodes({
+          flatten: true
+        });
+        if (assignedNodes.length > 0) {
+          assignedNodes.forEach(assignedNode => {
+            nodeToText(assignedNode, strings);
+          });
+          return;
+        }
+      }
+      if (node.shadowRoot) {
+        node.shadowRoot.childNodes?.forEach(childNode => {
+          nodeToText(childNode, strings);
+        });
+      } else if (node.childNodes) {
+        node.childNodes.forEach(childNode => {
+          nodeToText(childNode, strings);
+        });
+      }
+    }
+  } else if (isTextNode(node)) {
+    trimAndPush(node.data, strings);
   }
 }
 
-function conditionalSetTimeout(operation, timeout) {
-  if (timeout) {
-    return setTimeout(operation, timeout);
+function trimAndPush(value, strings) {
+  if (value) {
+    value = value.trim();
+    if (value) {
+      strings.push(value.replaceAll("\n", " "));
+    }
   }
-  operation();
-  return null;
 }
 
-const ANNOUNCE_INPUT_TYPES = new Set([ "button", "date", "datetime-local", "email", "file", "month", "number", "range", "reset", "search", "submit", "tel", "text", "time", "url", "week" ]);
+const VisuallyHidden = React.forwardRef((props, ref) => React.createElement("div", {
+  ref,
+  ...props,
+  className: `cds-aichat--visually-hidden ${props.className || ""}`
+}, props.children));
 
-const ANNOUNCE_NODE_EXCLUDE_ATTRIBUTE = "data-cds-aichat-exclude-node-read";
+VisuallyHidden.displayName = "VisuallyHidden";
 
 class AriaAnnouncerComponent extends React.PureComponent {
   constructor() {
     super(...arguments);
     this.ref1 = React.createRef();
     this.ref2 = React.createRef();
-    this.useRef1 = true;
+    this.ref3 = React.createRef();
+    this.currentRefIndex = 0;
     this.doAnnouncements = () => {
       const strings = [];
       this.pendingValues.forEach(elementToAnnounce => {
@@ -551,13 +585,17 @@ class AriaAnnouncerComponent extends React.PureComponent {
           nodeToText(elementToAnnounce, strings);
         }
       });
-      const useElement = this.useRef1 ? this.ref1.current : this.ref2.current;
+      const refs = [ this.ref1, this.ref2, this.ref3 ];
+      const useElement = refs[this.currentRefIndex].current;
       if (useElement) {
         useElement.innerText = strings.join(" ");
-        const clearElement = this.useRef1 ? this.ref2.current : this.ref1.current;
-        clearElement.innerHTML = "";
+        refs.forEach((ref, index) => {
+          if (index !== this.currentRefIndex && ref.current) {
+            ref.current.innerHTML = "";
+          }
+        });
       }
-      this.useRef1 = !this.useRef1;
+      this.currentRefIndex = (this.currentRefIndex + 1) % 3;
       this.pendingValues = null;
     };
   }
@@ -589,52 +627,13 @@ class AriaAnnouncerComponent extends React.PureComponent {
     }), React.createElement("div", {
       ref: this.ref2,
       "aria-live": "polite"
+    }), React.createElement("div", {
+      ref: this.ref3,
+      "aria-live": "polite"
     }));
   }
 }
 
-function nodeToText(node, strings) {
-  if (isElement(node)) {
-    if ((!isBrowser() || window.getComputedStyle(node).display !== "none") && node.getAttribute("aria-hidden") !== "true" && !node.hasAttribute(ANNOUNCE_NODE_EXCLUDE_ATTRIBUTE)) {
-      trimAndPush(node.getAttribute("aria-label"), strings);
-      if (isInputNode(node) && ANNOUNCE_INPUT_TYPES.has(node.type.toLowerCase())) {
-        if (node.value === "") {
-          trimAndPush(node.placeholder, strings);
-        } else {
-          trimAndPush(node.value, strings);
-        }
-      } else if (isTextAreaNode(node)) {
-        if (node.value === "") {
-          trimAndPush(node.placeholder, strings);
-        }
-      } else if (isImageNode(node)) {
-        trimAndPush(node.alt, strings);
-      }
-      if (node.shadowRoot) {
-        node.shadowRoot.childNodes?.forEach(childNode => {
-          nodeToText(childNode, strings);
-        });
-      }
-      if (node.childNodes) {
-        node.childNodes.forEach(childNode => {
-          nodeToText(childNode, strings);
-        });
-      }
-    }
-  } else if (isTextNode(node)) {
-    trimAndPush(node.data, strings);
-  }
-}
-
-function trimAndPush(value, strings) {
-  if (value) {
-    value = value.trim();
-    if (value) {
-      strings.push(value.replaceAll("\n", " "));
-    }
-  }
-}
-
 function hasNodeType(value) {
   return value.nodeType !== undefined;
 }
@@ -971,6 +970,7 @@ function renderAsUserDefinedMessage(messageItem) {
    case MessageResponseTypes.CAROUSEL:
    case MessageResponseTypes.BUTTON:
    case MessageResponseTypes.GRID:
+   case MessageResponseTypes.SYSTEM:
     return false;
 
    default:
@@ -1088,6 +1088,14 @@ function getMessageIDForUserInput(localMessageItems, allMessagesByID) {
   return null;
 }
 
+function getSpeakerName(message, assistantName) {
+  const responseUserProfile = message?.message_options?.response_user_profile;
+  if (!responseUserProfile || !responseUserProfile?.nickname) {
+    return assistantName;
+  }
+  return responseUserProfile.nickname;
+}
+
 function outputItemToLocalItem(messageItem, fullMessage, isLatestWelcomeNode = false) {
   const id = streamItemID(fullMessage.id, messageItem) || uuid(UUIDType.LOCAL_MESSAGE);
   const localMessage = {
@@ -1803,7 +1811,7 @@ function agentUpdateIsTyping(isTyping) {
   };
 }
 
-const VERSION = "1.8.0";
+const VERSION = "1.9.0";
 
 const TIME_TO_ENTRANCE_ANIMATION_START = 15e3;
 
@@ -2008,7 +2016,12 @@ const DEFAULT_THEME_STATE = {
   derivedCarbonTheme: null,
   originalCarbonTheme: null,
   aiEnabled: true,
-  corners: CornersType.ROUND
+  corners: {
+    startStart: CornersType.ROUND,
+    startEnd: CornersType.ROUND,
+    endStart: CornersType.ROUND,
+    endEnd: CornersType.ROUND
+  }
 };
 
 deepFreeze(DEFAULT_THEME_STATE);
@@ -2307,6 +2320,7 @@ class ChatActionsImpl {
     this.alreadyHydrated = false;
     this.restartGeneration = 0;
     this.messageGenerations = new Map;
+    this.announcedStreamingStarts = new Set;
     this.chunkQueue = [];
     this.serviceManager = serviceManager;
   }
@@ -2427,7 +2441,10 @@ class ChatActionsImpl {
     const {store} = this.serviceManager;
     const state = store.getState();
     const inputState = selectInputState(state);
-    const previousValue = inputState[field] ?? "";
+    let previousValue = inputState[field] ?? "";
+    if (field === "rawValue" && previousValue === "\n") {
+      previousValue = "";
+    }
     let nextValue;
     try {
       nextValue = updater(previousValue);
@@ -2444,7 +2461,7 @@ class ChatActionsImpl {
     const payload = {
       [field]: nextValue
     };
-    if (field === "rawValue" && (inputState.displayValue ?? "") === previousValue) {
+    if (field === "rawValue") {
       payload.displayValue = nextValue;
     }
     store.dispatch(actions.updateInputState(payload, selectIsInputToHumanAgent(state)));
@@ -2568,6 +2585,10 @@ class ChatActionsImpl {
     if (isStreamPartialItem(chunk)) {
       const extractedMessageID = messageID || "streaming_metadata" in chunk && chunk.streaming_metadata?.response_id;
       this.serviceManager.messageService.markCurrentMessageAsStreaming(extractedMessageID, chunk.partial_item?.streaming_metadata?.id);
+      if (extractedMessageID && !this.announcedStreamingStarts.has(extractedMessageID)) {
+        this.announcedStreamingStarts.add(extractedMessageID);
+        this.announceStreamingStart(extractedMessageID, chunk);
+      }
     }
     const chunkPromise = resolvablePromise();
     this.chunkQueue.push({
@@ -2581,6 +2602,27 @@ class ChatActionsImpl {
     }
     return chunkPromise;
   }
+  announceStreamingStart(messageID, chunk) {
+    const {store} = this.serviceManager;
+    const {config} = store.getState();
+    const assistantName = config.public.assistantName;
+    const chunkProfile = isStreamPartialItem(chunk) ? chunk.partial_response?.message_options?.response_user_profile : undefined;
+    const message = store.getState().allMessagesByID[messageID];
+    const messageWithProfile = chunkProfile ? {
+      ...message,
+      message_options: {
+        ...message?.message_options,
+        response_user_profile: chunkProfile
+      }
+    } : message;
+    const speakerName = getSpeakerName(messageWithProfile, assistantName);
+    store.dispatch(actions.announceMessage({
+      messageID: "messages_streamingStart",
+      messageValues: {
+        sender: speakerName
+      }
+    }));
+  }
   async processChunkQueue() {
     const {chunk, options, chunkPromise} = this.chunkQueue[0];
     const {store} = this.serviceManager;
@@ -2978,6 +3020,7 @@ class ChatActionsImpl {
       }
       this.restarting = true;
       this.restartGeneration++;
+      this.announcedStreamingStarts.clear();
       store.dispatch(actions.setIsRestarting(true));
       serviceManager.restartCount++;
       if (state.config.public.messaging.messageLoadingIndicatorTimeoutSecs !== 0) {
@@ -4354,6 +4397,61 @@ class ThemeWatcherService {
   }
 }
 
+function isBrowser() {
+  return typeof window !== "undefined" && typeof navigator !== "undefined";
+}
+
+let screenWidth = 0;
+
+let screenHeight = 0;
+
+if (isBrowser()) {
+  screenWidth = window.screen.width;
+  screenHeight = window.screen.height;
+}
+
+const IS_IOS = isBrowser() && /iPad|iPhone|iPod/.test(navigator.userAgent);
+
+const IS_ANDROID = isBrowser() && /Android/.test(navigator.userAgent);
+
+const IS_MOBILE = IS_IOS || IS_ANDROID;
+
+const IS_PHONE = IS_MOBILE && (screenWidth < 500 || screenHeight < 500);
+
+const IS_PHONE_IN_PORTRAIT_MODE = IS_PHONE && screenWidth < 500;
+
+function isSessionStorageAvailable() {
+  if (!isBrowser() || !window.sessionStorage) {
+    return false;
+  }
+  try {
+    window.sessionStorage.setItem("web-chat-test-item", "true");
+    window.sessionStorage.getItem("web-chat-test-item");
+    window.sessionStorage.removeItem("web-chat-test-item");
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+const IS_SESSION_STORAGE = memoizeFunction(isSessionStorageAvailable);
+
+function getURLHostName(url) {
+  try {
+    return new URL(url).hostname;
+  } catch {
+    return url;
+  }
+}
+
+function conditionalSetTimeout(operation, timeout) {
+  if (timeout) {
+    return setTimeout(operation, timeout);
+  }
+  operation();
+  return null;
+}
+
 let innerStorage = {};
 
 const storage$1 = {
@@ -5704,11 +5802,47 @@ function doCreateStore(publicConfig, serviceManager) {
   return createAppStore(reducerFunction, initialState);
 }
 
+function isPerCornerConfig(corners) {
+  return typeof corners === "object" && corners !== null && (corners.startStart !== undefined || corners.startEnd !== undefined || corners.endStart !== undefined || corners.endEnd !== undefined);
+}
+
+function normalizeCorners(corners, defaultValue) {
+  if (isPerCornerConfig(corners)) {
+    return {
+      startStart: corners.startStart ?? defaultValue,
+      startEnd: corners.startEnd ?? defaultValue,
+      endStart: corners.endStart ?? defaultValue,
+      endEnd: corners.endEnd ?? defaultValue
+    };
+  }
+  const cornerValue = corners ?? defaultValue;
+  return {
+    startStart: cornerValue,
+    startEnd: cornerValue,
+    endStart: cornerValue,
+    endEnd: cornerValue
+  };
+}
+
 function getThemeCornersType(publicConfig) {
-  if (getLayoutState(publicConfig).showFrame === false || IS_PHONE || publicConfig.layout?.corners === CornersType.SQUARE) {
-    return CornersType.SQUARE;
+  const layoutState = getLayoutState(publicConfig);
+  if (layoutState.showFrame === false || IS_PHONE) {
+    return {
+      startStart: CornersType.SQUARE,
+      startEnd: CornersType.SQUARE,
+      endStart: CornersType.SQUARE,
+      endEnd: CornersType.SQUARE
+    };
+  }
+  if (publicConfig.layout?.corners === CornersType.SQUARE) {
+    return {
+      startStart: CornersType.SQUARE,
+      startEnd: CornersType.SQUARE,
+      endStart: CornersType.SQUARE,
+      endEnd: CornersType.SQUARE
+    };
   }
-  return DEFAULT_THEME_STATE.corners;
+  return normalizeCorners(publicConfig.layout?.corners, DEFAULT_THEME_STATE.corners.startStart);
 }
 
 function getLayoutState(publicConfig) {
@@ -5848,6 +5982,7 @@ function createServiceManager(appConfig) {
       [WriteableElementName.AI_TOOLTIP_AFTER_DESCRIPTION_ELEMENT]: document.createElement("div"),
       [WriteableElementName.WELCOME_NODE_BEFORE_ELEMENT]: document.createElement("div"),
       [WriteableElementName.HEADER_BOTTOM_ELEMENT]: document.createElement("div"),
+      [WriteableElementName.HEADER_FIXED_ACTIONS_ELEMENT]: document.createElement("div"),
       [WriteableElementName.BEFORE_INPUT_ELEMENT]: document.createElement("div"),
       [WriteableElementName.AFTER_INPUT_ELEMENT]: document.createElement("div"),
       [WriteableElementName.FOOTER_ELEMENT]: document.createElement("div"),
@@ -6876,6 +7011,7 @@ function validateCustomServiceDesk(serviceDesk) {
 }
 
 const DEFAULT_PUBLIC_CONFIG = {
+  assistantName: "watsonx",
   openChatByDefault: false,
   shouldTakeFocusIfOpensAutomatically: true,
   serviceDesk: {},
@@ -7251,6 +7387,62 @@ async function applyConfigChangesDynamically(changes, newConfig, serviceManager)
   }
 }
 
+function useAriaAnnouncer() {
+  return useContext(AriaAnnouncerContext);
+}
+
+function matchesShortcut(event, config) {
+  let keyMatches = false;
+  if (event.code) {
+    let expectedCode;
+    if (config.key.length === 1 && /[a-zA-Z]/.test(config.key)) {
+      expectedCode = `Key${config.key.toUpperCase()}`;
+    } else if (config.key.length === 1 && /[0-9]/.test(config.key)) {
+      expectedCode = `Digit${config.key}`;
+    } else {
+      expectedCode = config.key.charAt(0).toUpperCase() + config.key.slice(1);
+    }
+    keyMatches = event.code === expectedCode;
+  }
+  if (!keyMatches && event.key) {
+    keyMatches = event.key.toLowerCase() === config.key.toLowerCase();
+  }
+  if (!keyMatches) {
+    return false;
+  }
+  const altMatches = !!config.modifiers.alt === event.altKey;
+  const shiftMatches = !!config.modifiers.shift === event.shiftKey;
+  const ctrlMatches = !!config.modifiers.ctrl === event.ctrlKey;
+  const metaMatches = !!config.modifiers.meta === event.metaKey;
+  return altMatches && shiftMatches && ctrlMatches && metaMatches;
+}
+
+function formatShortcutForDisplay(config) {
+  const parts = [];
+  if (config.modifiers.ctrl) {
+    parts.push("Ctrl");
+  }
+  if (config.modifiers.alt) {
+    parts.push("Alt");
+  }
+  if (config.modifiers.shift) {
+    parts.push("Shift");
+  }
+  if (config.modifiers.meta) {
+    const isMac = typeof navigator !== "undefined" && /Mac|iPhone|iPad|iPod/.test(navigator.platform);
+    parts.push(isMac ? "Cmd" : "Meta");
+  }
+  const key = config.key.length === 1 ? config.key.toUpperCase() : config.key;
+  parts.push(key);
+  return parts.join(" + ");
+}
+
+const DEFAULT_MESSAGE_FOCUS_TOGGLE_SHORTCUT = {
+  key: "F6",
+  modifiers: {},
+  is_on: true
+};
+
 class AppShellErrorBoundary extends React.Component {
   componentDidCatch(error, errorInfo) {
     this.props.onError(error, errorInfo);
@@ -7654,24 +7846,6 @@ const AISlug = createComponent({
   react: React
 });
 
-const OverflowMenu = createComponent({
-  tagName: "cds-overflow-menu",
-  elementClass: CarbonOverflowMenuElement,
-  react: React
-});
-
-const OverflowMenuBody = createComponent({
-  tagName: "cds-overflow-menu-body",
-  elementClass: CarbonOverflowMenuElement$1,
-  react: React
-});
-
-const OverflowMenuItem = createComponent({
-  tagName: "cds-overflow-menu-item",
-  elementClass: CarbonOverflowMenuItemElement,
-  react: React
-});
-
 function WriteableElement({slotName, id, className, wrapperSlot}) {
   if (!wrapperSlot) {
     return React.createElement("div", {
@@ -7694,83 +7868,6 @@ function WriteableElement({slotName, id, className, wrapperSlot}) {
 
 var WriteableElement$1 = React.memo(WriteableElement);
 
-var css_248z$2 = "cds-chat-header-title{\n  text-align:center;\n}\n\n.cds-aichat--chat-header-title{\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n  overflow:hidden;\n  overflow-wrap:break-word;\n  text-overflow:ellipsis;\n  white-space:nowrap;\n  word-wrap:break-word;\n}\n\n.cds-aichat--chat-header-title .cds-aichat--chat-header-title__title:only-child{\n  padding-inline-end:0.25rem;\n}\n\n.cds-aichat--chat-header-title__name{\n  font-weight:600;\n}";
-
-function chatHeaderTitleTemplate(customElementClass) {
-  const {title, name} = customElementClass;
-  return html`<div class="cds-aichat--chat-header-title">
-    <span
-      className="cds-aichat--chat-header-title__title"
-      data-testid="header_title"
-      ?hidden="${!title}"
-      >${title}</span
-    >
-    <span
-      class="cds-aichat--chat-header-title__name"
-      data-testid="header_name"
-      ?hidden="${!name}"
-      >${name}</span
-    >
-  </div>`;
-}
-
-let ChatHeaderTitleElement = class ChatHeaderTitleElement extends LitElement {
-  render() {
-    return chatHeaderTitleTemplate(this);
-  }
-};
-
-ChatHeaderTitleElement.styles = css`
-    ${unsafeCSS(css_248z$2)}
-  `;
-
-__decorate([ property({
-  type: String
-}) ], ChatHeaderTitleElement.prototype, "title", void 0);
-
-__decorate([ property({
-  type: String
-}) ], ChatHeaderTitleElement.prototype, "name", void 0);
-
-ChatHeaderTitleElement = __decorate([ carbonElement("cds-aichat-chat-header-title") ], ChatHeaderTitleElement);
-
-const ChatHeaderTitle = createComponent({
-  tagName: `cds-aichat-chat-header-title`,
-  elementClass: ChatHeaderTitleElement,
-  react: React
-});
-
-const CloseLarge = carbonIconToReact(CloseLarge16);
-
-const Home = carbonIconToReact(Home16);
-
-const OverflowMenuVertical = carbonIconToReact(OverflowMenuVertical16);
-
-const Restart = carbonIconToReact(Restart16);
-
-const RightPanelClose = carbonIconToReact(RightPanelClose16);
-
-const SidePanelClose = carbonIconToReact(SidePanelClose16);
-
-const SubtractLarge = carbonIconToReact(SubtractLarge16);
-
-function HeaderButton({onClick, buttonRef, className, children, buttonKind, isReversible = true, tooltipPosition, testId, label, disabled = false}) {
-  const buttonKindVal = buttonKind || BUTTON_KIND.GHOST;
-  return React.createElement(Button, {
-    ref: buttonRef,
-    className: cx(className, {
-      "cds-aichat--direction-has-reversible-svg": isReversible
-    }),
-    onClick,
-    size: BUTTON_SIZE.MEDIUM,
-    kind: buttonKindVal,
-    tooltipPosition,
-    "data-testid": testId,
-    disabled,
-    tooltipText: label
-  }, children);
-}
-
 function Header(props, ref) {
   const {onClose, onRestart, onToggleHomeScreen, headerDisplayName, isHomeScreenActive, headerConfigOverride} = props;
   const serviceManager = useServiceManager();
@@ -7799,11 +7896,10 @@ function Header(props, ref) {
   const memoizedCustomMenuOptions = useMemo(() => customMenuOptions || undefined, [ customMenuOptions ]);
   const headerConfig = mergedHeaderConfig;
   const {isConnectingOrConnected} = useSelector(selectHumanAgentDisplayState, shallowEqual);
+  const isOpen = useSelector(state => state.persistedToBrowserStorage.viewState.mainWindow);
   const isRestarting = useSelector(state => state.isRestarting);
   const backButtonRef = useRef(undefined);
-  const restartButtonRef = useRef(undefined);
-  const closeButtonRef = useRef(undefined);
-  const overflowRef = useRef(undefined);
+  const chatHeaderRef = useRef(null);
   const isRTL = document.dir === "rtl";
   const showRestartButton = headerConfig?.showRestartButton;
   const showAiLabel = headerConfig?.showAiLabel;
@@ -7821,32 +7917,51 @@ function Header(props, ref) {
   const aiSlugDescription = languagePack.ai_slug_description;
   const allowHomeScreen = homeScreenIsOn && !isConnectingOrConnected && !isHomeScreenActive;
   const showBackButton = Boolean(allowHomeScreen && onToggleHomeScreen);
+  const overflowItems = memoizedCustomMenuOptions?.map(option => option.text);
+  if (overflowItems && allowHomeScreen) {
+    overflowItems.splice(0, 0, languagePack.homeScreen_overflowMenuHomeScreen);
+  }
+  const handleBackButtonClick = useCallback(() => {
+    const event = {
+      type: BusEventType.HEADER_MENU_CLICK,
+      clickType: HeaderMenuClickType.HOMESCREEN_BUTTON,
+      menuItemText: backButtonLabel
+    };
+    serviceManager.fire(event);
+    onToggleHomeScreen?.();
+  }, [ onToggleHomeScreen, backButtonLabel, serviceManager ]);
+  const handleOverflowMenuClick = useCallback(() => {
+    const event = {
+      type: BusEventType.HEADER_MENU_CLICK,
+      clickType: HeaderMenuClickType.OVERFLOW_MENU_OPENED
+    };
+    serviceManager.fire(event);
+  }, [ serviceManager ]);
   const overflowClicked = useCallback(index => {
+    const menuItemText = overflowItems?.[index];
+    const event = {
+      type: BusEventType.HEADER_MENU_CLICK,
+      clickType: HeaderMenuClickType.OVERFLOW_MENU_ITEM,
+      menuItemIndex: index,
+      menuItemText
+    };
+    serviceManager.fire(event);
     if (index === 0 && allowHomeScreen) {
       onToggleHomeScreen?.();
     } else {
       const handler = memoizedCustomMenuOptions?.[allowHomeScreen ? index - 1 : index]?.handler;
       handler?.();
     }
-  }, [ memoizedCustomMenuOptions, onToggleHomeScreen, allowHomeScreen ]);
-  const overflowItems = memoizedCustomMenuOptions?.map(option => option.text);
-  if (overflowItems && allowHomeScreen) {
-    overflowItems.splice(0, 0, languagePack.homeScreen_overflowMenuHomeScreen);
-  }
+  }, [ memoizedCustomMenuOptions, onToggleHomeScreen, allowHomeScreen, overflowItems, serviceManager ]);
   useImperativeHandle(ref, () => ({
     requestFocus: () => {
-      if (closeButtonRef.current) {
-        doFocusRef(closeButtonRef, false, true);
-        return true;
+      if (chatHeaderRef.current) {
+        return chatHeaderRef.current.requestFocus();
       }
       if (backButtonRef.current) {
         doFocusRef(backButtonRef, false, true);
         return true;
       }
-      if (restartButtonRef.current && !isRestarting) {
-        doFocusRef(restartButtonRef, false, true);
-        return true;
-      }
       return false;
     }
   }));
@@ -7857,108 +7972,96 @@ function Header(props, ref) {
   const shouldShowAiLabel = showAiLabel !== undefined ? showAiLabel : true;
   const showAiSlugContent = shouldShowAiLabel && !!(aiSlugLabel || aiSlugTitle || aiSlugDescription || aiSlugAfterDescriptionElement);
   const useHideCloseButton = hideCloseButton ?? false;
-  let closeIcon;
-  let closeReverseIcon = false;
-  let closeIsReversible = true;
-  switch (minimizeButtonIconType) {
-   case MinimizeButtonIconType.CLOSE:
-    closeIcon = React.createElement(CloseLarge, {
-      "aria-label": closeButtonLabel,
-      slot: "icon"
-    });
-    break;
+  const actions = useMemo(() => {
+    const actionsArray = [ ...headerConfig?.actions || [] ];
+    if (showRestartButton) {
+      actionsArray.push({
+        text: restartButtonLabel ?? "",
+        icon: Restart16,
+        onClick: onRestart ?? (() => {}),
+        disabled: isRestarting,
+        size: BUTTON_SIZE$1.MEDIUM,
+        fixed: true
+      });
+    }
+    if (!useHideCloseButton) {
+      let closeIconToUse = SubtractLarge16;
+      switch (minimizeButtonIconType) {
+       case MinimizeButtonIconType.CLOSE:
+        closeIconToUse = CloseLarge16;
+        break;
 
-   case MinimizeButtonIconType.MINIMIZE:
-    closeIcon = React.createElement(SubtractLarge, {
-      "aria-label": closeButtonLabel,
-      slot: "icon"
-    });
-    break;
+       case MinimizeButtonIconType.MINIMIZE:
+        closeIconToUse = SubtractLarge16;
+        break;
 
-   case MinimizeButtonIconType.SIDE_PANEL_LEFT:
-    closeIsReversible = false;
-    closeIcon = React.createElement(SidePanelClose, {
-      "aria-label": closeButtonLabel,
-      slot: "icon"
-    });
-    break;
+       case MinimizeButtonIconType.SIDE_PANEL_LEFT:
+        closeIconToUse = isOpen ? RightPanelOpen16 : RightPanelClose16;
+        break;
 
-   case MinimizeButtonIconType.SIDE_PANEL_RIGHT:
-    closeIsReversible = false;
-    closeReverseIcon = true;
-    closeIcon = React.createElement(RightPanelClose, {
-      "aria-label": closeButtonLabel,
-      slot: "icon"
-    });
-    break;
+       case MinimizeButtonIconType.SIDE_PANEL_RIGHT:
+        closeIconToUse = isOpen ? RightPanelClose16 : RightPanelOpen16;
+        break;
 
-   default:
-    {
-      closeIcon = React.createElement(SubtractLarge, {
-        "aria-label": closeButtonLabel,
-        slot: "icon"
+       default:
+        closeIconToUse = SubtractLarge16;
+        break;
+      }
+      actionsArray.push({
+        text: closeButtonLabel ?? "",
+        icon: closeIconToUse,
+        onClick: onClose,
+        size: BUTTON_SIZE$1.MEDIUM,
+        fixed: true,
+        testId: PageObjectId.CLOSE_CHAT
       });
-      break;
     }
-  }
-  let leftContent;
-  const handleOverflowClick = overflowClicked ?? (() => {});
-  if (overflowItems) {
-    leftContent = React.createElement(OverflowMenu, {
-      className: "cds-aichat--header__overflow-menu",
-      ref: overflowRef,
-      align: isRTL ? BUTTON_TOOLTIP_POSITION.LEFT : BUTTON_TOOLTIP_POSITION.RIGHT,
-      "tooltip-text": overflowMenuTooltip,
-      "aria-label": overflowMenuAriaLabel
-    }, React.createElement("span", {
-      slot: "tooltip-content"
-    }, overflowMenuTooltip), React.createElement(OverflowMenuVertical, {
-      "aria-label": overflowMenuAriaLabel,
-      className: "cds--overflow-menu__icon",
-      slot: "icon"
-    }), React.createElement(OverflowMenuBody, null, overflowItems?.map((item, index) => React.createElement(OverflowMenuItem, {
-      key: item,
-      onClick: () => {
-        doFocusRef(overflowRef);
-        handleOverflowClick(index);
-      }
-    }, item))));
-  } else if (showBackButton) {
-    leftContent = React.createElement(HeaderButton, {
-      className: "cds-aichat--header__back-button",
-      label: backButtonLabel,
-      onClick: onToggleHomeScreen,
-      buttonRef: backButtonRef,
-      tooltipPosition: isRTL ? BUTTON_TOOLTIP_POSITION.LEFT : BUTTON_TOOLTIP_POSITION.RIGHT
-    }, React.createElement(Home, {
-      "aria-label": backButtonLabel,
-      slot: "icon"
-    }));
-  }
+    return actionsArray;
+  }, [ closeButtonLabel, headerConfig?.actions, isOpen, isRestarting, minimizeButtonIconType, onClose, onRestart, restartButtonLabel, showRestartButton, useHideCloseButton ]);
+  const navigationType = overflowItems ? "overflow" : showBackButton ? "back" : "none";
+  const navigationOverflowItemsWithHandlers = useMemo(() => {
+    if (!overflowItems) {
+      return undefined;
+    }
+    return overflowItems.map((text, index) => {
+      const menuOption = allowHomeScreen && index === 0 ? undefined : memoizedCustomMenuOptions?.[allowHomeScreen ? index - 1 : index];
+      return {
+        text,
+        onClick: menuOption?.href ? undefined : () => {
+          overflowClicked?.(index);
+        },
+        href: menuOption?.href,
+        target: menuOption?.target,
+        disabled: menuOption?.disabled,
+        testId: menuOption?.testId
+      };
+    });
+  }, [ overflowItems, overflowClicked, memoizedCustomMenuOptions, allowHomeScreen ]);
   return React.createElement("div", {
     className: "cds-aichat--header__container"
-  }, React.createElement("div", {
-    className: "cds-aichat--header"
-  }, React.createElement("div", {
-    className: "cds-aichat--header--content",
-    "data-floating-menu-container": true
-  }, leftContent && React.createElement("div", {
-    className: "cds-aichat--header__buttons cds-aichat--header__left-items"
-  }, leftContent), React.createElement("div", {
-    className: "cds-aichat--header__center-container"
-  }, (headerTitle || chatHeaderDisplayName) && React.createElement("div", {
-    className: "cds-aichat--header__title-container"
-  }, React.createElement(ChatHeaderTitle, {
-    title: headerTitle,
-    name: chatHeaderDisplayName
-  }))), React.createElement("div", {
-    className: "cds-aichat--header__buttons cds-aichat--header__right-buttons"
+  }, React.createElement(ChatHeader, {
+    ref: chatHeaderRef,
+    actions,
+    overflow: true,
+    headerTitle,
+    headerName: chatHeaderDisplayName,
+    navigationType,
+    navigationBackIcon: Home16,
+    navigationBackLabel: backButtonLabel,
+    navigationBackOnClick: handleBackButtonClick,
+    navigationOverflowItems: navigationOverflowItemsWithHandlers,
+    navigationOverflowLabel: overflowMenuTooltip,
+    navigationOverflowAriaLabel: overflowMenuAriaLabel,
+    navigationOverflowIcon: OverflowMenuVertical16,
+    navigationOverflowOnClick: handleOverflowMenuClick,
+    navigationTooltipAlign: isRTL ? "left" : "right"
   }, showAiSlugContent && React.createElement(AISlug, {
+    slot: "decorator",
     className: "cds-aichat--header__slug",
     size: AI_LABEL_SIZE.EXTRA_SMALL,
-    alignment: isRTL ? POPOVER_ALIGNMENT.BOTTOM_LEFT : POPOVER_ALIGNMENT.BOTTOM_RIGHT,
     "aria-label": aiSlugLabel,
-    role: "button"
+    role: "button",
+    alignment: isRTL ? POPOVER_ALIGNMENT.BOTTOM_LEFT : POPOVER_ALIGNMENT.BOTTOM_RIGHT
   }, React.createElement("div", {
     role: "dialog",
     slot: "body-text"
@@ -7968,27 +8071,11 @@ function Header(props, ref) {
     className: "cds-aichat--header__slug-title"
   }, aiSlugTitle), React.createElement("div", {
     className: "cds-aichat--header__slug-description"
-  }, React.createElement("div", null, aiSlugDescription), aiSlugAfterDescriptionElement))), showRestartButton && React.createElement(HeaderButton, {
-    className: "cds-aichat--header__restart-button",
-    label: restartButtonLabel ?? "",
-    onClick: onRestart ?? (() => {}),
-    buttonRef: restartButtonRef,
-    disabled: isRestarting,
-    tooltipPosition: isRTL ? BUTTON_TOOLTIP_POSITION.RIGHT : BUTTON_TOOLTIP_POSITION.LEFT
-  }, React.createElement(Restart, {
-    "aria-label": restartButtonLabel ?? "",
-    slot: "icon"
-  })), !useHideCloseButton && React.createElement(HeaderButton, {
-    className: cx("cds-aichat--header__close-button", {
-      "cds-aichat--reverse-icon": closeReverseIcon
-    }),
-    isReversible: closeIsReversible,
-    label: closeButtonLabel ?? "",
-    onClick: onClose,
-    buttonRef: closeButtonRef,
-    tooltipPosition: isRTL ? BUTTON_TOOLTIP_POSITION.RIGHT : BUTTON_TOOLTIP_POSITION.LEFT,
-    testId: PageObjectId.CLOSE_CHAT
-  }, closeIcon)))));
+  }, React.createElement("div", null, aiSlugDescription), aiSlugAfterDescriptionElement))), React.createElement(WriteableElement$1, {
+    wrapperSlot: "fixed-actions",
+    slotName: WriteableElementName.HEADER_FIXED_ACTIONS_ELEMENT,
+    id: `headerFixedActionsElement${serviceManager.namespace.suffix}`
+  })));
 }
 
 const HeaderExport = React.memo(forwardRef(Header));
@@ -8045,7 +8132,7 @@ function useShouldSanitizeHTML() {
   return Boolean(config.shouldSanitizeHTML);
 }
 
-function RichText(props) {
+function MarkdownWithDefaults(props) {
   const {text, removeHTML, overrideSanitize, streaming, highlight = true} = props;
   let doSanitize = useShouldSanitizeHTML();
   if (overrideSanitize !== undefined) {
@@ -8054,7 +8141,6 @@ function RichText(props) {
   const languagePack = useLanguagePack();
   const {formatMessage} = useIntl();
   const locale = useSelector(state => state.config.public.locale || "en");
-  const debug = useSelector(state => state.config.public.debug);
   const getPaginationSupplementalText = useMemo(() => ({count}) => formatMessage({
     id: "table_paginationSupplementalText"
   }, {
@@ -8072,14 +8158,8 @@ function RichText(props) {
   }, {
     count
   }), [ formatMessage ]);
-  if (debug) {
-    debugLog("Receiving markdown text", {
-      text,
-      streaming
-    });
-  }
   return React.createElement(Markdown, {
-    debug,
+    markdown: text,
     sanitizeHTML: doSanitize,
     streaming,
     highlight,
@@ -8095,11 +8175,13 @@ function RichText(props) {
     showLessText: languagePack.codeSnippet_showLessText,
     showMoreText: languagePack.codeSnippet_showMoreText,
     tooltipContent: languagePack.codeSnippet_tooltipContent,
-    getLineCountText
-  }, text);
+    getLineCountText,
+    codeSnippetAriaLabelReadOnly: languagePack.codeSnippet_ariaLabelReadOnly,
+    codeSnippetAriaLabelEditable: languagePack.codeSnippet_ariaLabelEditable
+  });
 }
 
-const RichTextExport = React.memo(RichText, (prevProps, nextProps) => {
+const MarkdownWithDefaultsExport = React.memo(MarkdownWithDefaults, (prevProps, nextProps) => {
   const textEqual = prevProps.text === nextProps.text;
   const htmlConversionEqual = prevProps.removeHTML === nextProps.removeHTML;
   const sanitizeEqual = prevProps.overrideSanitize === nextProps.overrideSanitize;
@@ -8132,7 +8214,7 @@ function AvailabilityMessage({availability, fallbackText}) {
     availabilityText = fallbackText;
   }
   if (availabilityText) {
-    return React.createElement(RichTextExport, {
+    return React.createElement(MarkdownWithDefaultsExport, {
       overrideSanitize: true,
       text: availabilityText,
       highlight: true
@@ -8250,17 +8332,42 @@ function LatestWelcomeNodes({children}) {
 
 var LatestWelcomeNodes$1 = React.memo(LatestWelcomeNodes);
 
+const ClickableTile = createComponent({
+  tagName: "cds-clickable-tile",
+  elementClass: CarbonClickableTileElement,
+  react: React
+});
+
 function MessagesScrollHandle({ariaLabel, buttonRef, onBlur, onClick, onFocus}) {
-  return React.createElement("button", {
-    type: "button",
-    className: "cds-aichat--messages--scroll-handle",
+  const handleKeyDown = event => {
+    if (event.key === "Escape") {
+      event.preventDefault();
+      event.target.blur();
+    } else if ((event.key === "Enter" || event.key === " ") && onClick) {
+      event.preventDefault();
+      onClick();
+    }
+  };
+  if (IS_MOBILE) {
+    return React.createElement("button", {
+      type: "button",
+      className: "cds-aichat--messages--scroll-handle",
+      ref: buttonRef,
+      tabIndex: 0,
+      "aria-label": ariaLabel,
+      onClick,
+      onFocus,
+      onBlur
+    });
+  }
+  return React.createElement(ClickableTile, {
+    className: "cds-aichat--messages--scroll-handle-desktop",
     ref: buttonRef,
-    tabIndex: 0,
-    "aria-label": ariaLabel,
     onClick,
+    onKeyDown: handleKeyDown,
     onFocus,
     onBlur
-  });
+  }, ariaLabel);
 }
 
 class MountChildrenOnDelay extends PureComponent {
@@ -8345,18 +8452,18 @@ function MessagesTypingIndicator({carbonTheme, index, isTypingMessage, isVisible
 function MessagesView({bottomScrollHandle, bottomSpacerRef, humanAgentBanner, messagesContainerRef, onScroll, regularMessages, scrollDownButton, scrollHandleHasFocus, topScrollHandle, typingIndicator}) {
   return React.createElement("div", {
     className: "cds-aichat--messages--holder"
-  }, humanAgentBanner, React.createElement("div", {
+  }, humanAgentBanner, topScrollHandle, React.createElement("div", {
     className: cx("cds-aichat--messages__wrapper", {
       "cds-aichat--messages__wrapper--scroll-handle-has-focus": scrollHandleHasFocus
     }),
     ref: messagesContainerRef,
     onScroll
-  }, topScrollHandle, React.createElement("div", {
+  }, React.createElement("div", {
     className: "cds-aichat--messages"
   }, regularMessages, typingIndicator, React.createElement("div", {
     id: "chat-bottom-spacer",
     ref: bottomSpacerRef
-  }), scrollDownButton), bottomScrollHandle));
+  }), scrollDownButton)), bottomScrollHandle);
 }
 
 function SystemMessage({message, standalone = true}) {
@@ -8391,373 +8498,7 @@ function withServiceManager(Component) {
   return Wrapped;
 }
 
-var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
-}
-
-var isObject_1;
-
-var hasRequiredIsObject;
-
-function requireIsObject() {
-  if (hasRequiredIsObject) return isObject_1;
-  hasRequiredIsObject = 1;
-  function isObject(value) {
-    var type = typeof value;
-    return value != null && (type == "object" || type == "function");
-  }
-  isObject_1 = isObject;
-  return isObject_1;
-}
-
-var _freeGlobal;
-
-var hasRequired_freeGlobal;
-
-function require_freeGlobal() {
-  if (hasRequired_freeGlobal) return _freeGlobal;
-  hasRequired_freeGlobal = 1;
-  var freeGlobal = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
-  _freeGlobal = freeGlobal;
-  return _freeGlobal;
-}
-
-var _root;
-
-var hasRequired_root;
-
-function require_root() {
-  if (hasRequired_root) return _root;
-  hasRequired_root = 1;
-  var freeGlobal = require_freeGlobal();
-  var freeSelf = typeof self == "object" && self && self.Object === Object && self;
-  var root = freeGlobal || freeSelf || Function("return this")();
-  _root = root;
-  return _root;
-}
-
-var now_1;
-
-var hasRequiredNow;
-
-function requireNow() {
-  if (hasRequiredNow) return now_1;
-  hasRequiredNow = 1;
-  var root = require_root();
-  var now = function() {
-    return root.Date.now();
-  };
-  now_1 = now;
-  return now_1;
-}
-
-var _trimmedEndIndex;
-
-var hasRequired_trimmedEndIndex;
-
-function require_trimmedEndIndex() {
-  if (hasRequired_trimmedEndIndex) return _trimmedEndIndex;
-  hasRequired_trimmedEndIndex = 1;
-  var reWhitespace = /\s/;
-  function trimmedEndIndex(string) {
-    var index = string.length;
-    while (index-- && reWhitespace.test(string.charAt(index))) {}
-    return index;
-  }
-  _trimmedEndIndex = trimmedEndIndex;
-  return _trimmedEndIndex;
-}
-
-var _baseTrim;
-
-var hasRequired_baseTrim;
-
-function require_baseTrim() {
-  if (hasRequired_baseTrim) return _baseTrim;
-  hasRequired_baseTrim = 1;
-  var trimmedEndIndex = require_trimmedEndIndex();
-  var reTrimStart = /^\s+/;
-  function baseTrim(string) {
-    return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string;
-  }
-  _baseTrim = baseTrim;
-  return _baseTrim;
-}
-
-var _Symbol;
-
-var hasRequired_Symbol;
-
-function require_Symbol() {
-  if (hasRequired_Symbol) return _Symbol;
-  hasRequired_Symbol = 1;
-  var root = require_root();
-  var Symbol = root.Symbol;
-  _Symbol = Symbol;
-  return _Symbol;
-}
-
-var _getRawTag;
-
-var hasRequired_getRawTag;
-
-function require_getRawTag() {
-  if (hasRequired_getRawTag) return _getRawTag;
-  hasRequired_getRawTag = 1;
-  var Symbol = require_Symbol();
-  var objectProto = Object.prototype;
-  var hasOwnProperty = objectProto.hasOwnProperty;
-  var nativeObjectToString = objectProto.toString;
-  var symToStringTag = Symbol ? Symbol.toStringTag : undefined;
-  function getRawTag(value) {
-    var isOwn = hasOwnProperty.call(value, symToStringTag), tag = value[symToStringTag];
-    try {
-      value[symToStringTag] = undefined;
-      var unmasked = true;
-    } catch (e) {}
-    var result = nativeObjectToString.call(value);
-    if (unmasked) {
-      if (isOwn) {
-        value[symToStringTag] = tag;
-      } else {
-        delete value[symToStringTag];
-      }
-    }
-    return result;
-  }
-  _getRawTag = getRawTag;
-  return _getRawTag;
-}
-
-var _objectToString;
-
-var hasRequired_objectToString;
-
-function require_objectToString() {
-  if (hasRequired_objectToString) return _objectToString;
-  hasRequired_objectToString = 1;
-  var objectProto = Object.prototype;
-  var nativeObjectToString = objectProto.toString;
-  function objectToString(value) {
-    return nativeObjectToString.call(value);
-  }
-  _objectToString = objectToString;
-  return _objectToString;
-}
-
-var _baseGetTag;
-
-var hasRequired_baseGetTag;
-
-function require_baseGetTag() {
-  if (hasRequired_baseGetTag) return _baseGetTag;
-  hasRequired_baseGetTag = 1;
-  var Symbol = require_Symbol(), getRawTag = require_getRawTag(), objectToString = require_objectToString();
-  var nullTag = "[object Null]", undefinedTag = "[object Undefined]";
-  var symToStringTag = Symbol ? Symbol.toStringTag : undefined;
-  function baseGetTag(value) {
-    if (value == null) {
-      return value === undefined ? undefinedTag : nullTag;
-    }
-    return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
-  }
-  _baseGetTag = baseGetTag;
-  return _baseGetTag;
-}
-
-var isObjectLike_1;
-
-var hasRequiredIsObjectLike;
-
-function requireIsObjectLike() {
-  if (hasRequiredIsObjectLike) return isObjectLike_1;
-  hasRequiredIsObjectLike = 1;
-  function isObjectLike(value) {
-    return value != null && typeof value == "object";
-  }
-  isObjectLike_1 = isObjectLike;
-  return isObjectLike_1;
-}
-
-var isSymbol_1;
-
-var hasRequiredIsSymbol;
-
-function requireIsSymbol() {
-  if (hasRequiredIsSymbol) return isSymbol_1;
-  hasRequiredIsSymbol = 1;
-  var baseGetTag = require_baseGetTag(), isObjectLike = requireIsObjectLike();
-  var symbolTag = "[object Symbol]";
-  function isSymbol(value) {
-    return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag;
-  }
-  isSymbol_1 = isSymbol;
-  return isSymbol_1;
-}
-
-var toNumber_1;
-
-var hasRequiredToNumber;
-
-function requireToNumber() {
-  if (hasRequiredToNumber) return toNumber_1;
-  hasRequiredToNumber = 1;
-  var baseTrim = require_baseTrim(), isObject = requireIsObject(), isSymbol = requireIsSymbol();
-  var NAN = 0 / 0;
-  var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
-  var reIsBinary = /^0b[01]+$/i;
-  var reIsOctal = /^0o[0-7]+$/i;
-  var freeParseInt = parseInt;
-  function toNumber(value) {
-    if (typeof value == "number") {
-      return value;
-    }
-    if (isSymbol(value)) {
-      return NAN;
-    }
-    if (isObject(value)) {
-      var other = typeof value.valueOf == "function" ? value.valueOf() : value;
-      value = isObject(other) ? other + "" : other;
-    }
-    if (typeof value != "string") {
-      return value === 0 ? value : +value;
-    }
-    value = baseTrim(value);
-    var isBinary = reIsBinary.test(value);
-    return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
-  }
-  toNumber_1 = toNumber;
-  return toNumber_1;
-}
-
-var debounce_1;
-
-var hasRequiredDebounce;
-
-function requireDebounce() {
-  if (hasRequiredDebounce) return debounce_1;
-  hasRequiredDebounce = 1;
-  var isObject = requireIsObject(), now = requireNow(), toNumber = requireToNumber();
-  var FUNC_ERROR_TEXT = "Expected a function";
-  var nativeMax = Math.max, nativeMin = Math.min;
-  function debounce(func, wait, options) {
-    var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
-    if (typeof func != "function") {
-      throw new TypeError(FUNC_ERROR_TEXT);
-    }
-    wait = toNumber(wait) || 0;
-    if (isObject(options)) {
-      leading = !!options.leading;
-      maxing = "maxWait" in options;
-      maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
-      trailing = "trailing" in options ? !!options.trailing : trailing;
-    }
-    function invokeFunc(time) {
-      var args = lastArgs, thisArg = lastThis;
-      lastArgs = lastThis = undefined;
-      lastInvokeTime = time;
-      result = func.apply(thisArg, args);
-      return result;
-    }
-    function leadingEdge(time) {
-      lastInvokeTime = time;
-      timerId = setTimeout(timerExpired, wait);
-      return leading ? invokeFunc(time) : result;
-    }
-    function remainingWait(time) {
-      var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, timeWaiting = wait - timeSinceLastCall;
-      return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;
-    }
-    function shouldInvoke(time) {
-      var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime;
-      return lastCallTime === undefined || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
-    }
-    function timerExpired() {
-      var time = now();
-      if (shouldInvoke(time)) {
-        return trailingEdge(time);
-      }
-      timerId = setTimeout(timerExpired, remainingWait(time));
-    }
-    function trailingEdge(time) {
-      timerId = undefined;
-      if (trailing && lastArgs) {
-        return invokeFunc(time);
-      }
-      lastArgs = lastThis = undefined;
-      return result;
-    }
-    function cancel() {
-      if (timerId !== undefined) {
-        clearTimeout(timerId);
-      }
-      lastInvokeTime = 0;
-      lastArgs = lastCallTime = lastThis = timerId = undefined;
-    }
-    function flush() {
-      return timerId === undefined ? result : trailingEdge(now());
-    }
-    function debounced() {
-      var time = now(), isInvoking = shouldInvoke(time);
-      lastArgs = arguments;
-      lastThis = this;
-      lastCallTime = time;
-      if (isInvoking) {
-        if (timerId === undefined) {
-          return leadingEdge(lastCallTime);
-        }
-        if (maxing) {
-          clearTimeout(timerId);
-          timerId = setTimeout(timerExpired, wait);
-          return invokeFunc(lastCallTime);
-        }
-      }
-      if (timerId === undefined) {
-        timerId = setTimeout(timerExpired, wait);
-      }
-      return result;
-    }
-    debounced.cancel = cancel;
-    debounced.flush = flush;
-    return debounced;
-  }
-  debounce_1 = debounce;
-  return debounce_1;
-}
-
-var throttle_1;
-
-var hasRequiredThrottle;
-
-function requireThrottle() {
-  if (hasRequiredThrottle) return throttle_1;
-  hasRequiredThrottle = 1;
-  var debounce = requireDebounce(), isObject = requireIsObject();
-  var FUNC_ERROR_TEXT = "Expected a function";
-  function throttle(func, wait, options) {
-    var leading = true, trailing = true;
-    if (typeof func != "function") {
-      throw new TypeError(FUNC_ERROR_TEXT);
-    }
-    if (isObject(options)) {
-      leading = "leading" in options ? !!options.leading : leading;
-      trailing = "trailing" in options ? !!options.trailing : trailing;
-    }
-    return debounce(func, wait, {
-      leading,
-      maxWait: wait,
-      trailing
-    });
-  }
-  throttle_1 = throttle;
-  return throttle_1;
-}
-
-var throttleExports = requireThrottle();
-
-var throttle = getDefaultExportFromCjs(throttleExports);
+const AUTO_SCROLL_EXTRA = 28 - 8;
 
 const VISIBLE_BOTTOM_PORTION_PX = 100;
 
@@ -8851,46 +8592,6 @@ function hasMessagesOutOfView({clientHeight, domSpacerHeight, scrollHeight, scro
   return remainingPixelsToScroll > thresholdPx;
 }
 
-function resolveStreamingSpacerSyncDecision({currentSpacerHeight, domSpacerHeight, isCurrentlyStreaming, isNearPin, minDeltaPx}) {
-  if (!isCurrentlyStreaming || !isNearPin) {
-    return {
-      shouldSync: false,
-      targetDomSpacerHeight: domSpacerHeight
-    };
-  }
-  const shrinkDelta = domSpacerHeight - currentSpacerHeight;
-  if (shrinkDelta < minDeltaPx) {
-    return {
-      shouldSync: false,
-      targetDomSpacerHeight: domSpacerHeight
-    };
-  }
-  if (currentSpacerHeight >= domSpacerHeight) {
-    return {
-      shouldSync: false,
-      targetDomSpacerHeight: domSpacerHeight
-    };
-  }
-  return {
-    shouldSync: true,
-    targetDomSpacerHeight: currentSpacerHeight
-  };
-}
-
-function applyStreamingSpacerDomSync({savedScrollTop, scrollElement, spacerElem, targetDomSpacerHeight}) {
-  if (!spacerElem) {
-    return null;
-  }
-  spacerElem.style.minBlockSize = `${Math.max(0, targetDomSpacerHeight)}px`;
-  if (scrollElement.scrollTop < savedScrollTop) {
-    scrollElement.scrollTop = savedScrollTop;
-  }
-  return {
-    correctedScrollTop: scrollElement.scrollTop,
-    newLastScrollHeight: scrollElement.scrollHeight
-  };
-}
-
 function resolvePublicSpacerReconciliationAction({pinnedMessageComponent}) {
   if (!pinnedMessageComponent) {
     return {
@@ -8964,69 +8665,122 @@ function recalculatePinnedMessageSpacer({pinnedMessageComponent, scrollElement,
   if (!spacerElem || !targetElem) {
     return null;
   }
-  const targetRect = targetElem.getBoundingClientRect();
+  const currentScrollTop = scrollElement.scrollTop;
+  const clientHeight = scrollElement.clientHeight;
+  const spacerRect = spacerElem.getBoundingClientRect();
   const scrollerRect = scrollElement.getBoundingClientRect();
-  const baseScrollTop = calculateBaseScrollTop(targetRect, scrollerRect, scrollElement.scrollTop);
-  const scrollTop = adjustScrollTopForTallMessage(baseScrollTop, targetRect.height, scrollerRect.height);
-  const deficit = calculateSpacerDeficit(spacerElem, scrollElement, scrollerRect, scrollTop);
+  const spacerOffset = spacerRect.top - scrollerRect.top + currentScrollTop;
+  const visibleBottom = currentScrollTop + clientHeight;
+  const deficit = Math.max(0, Math.ceil(visibleBottom - spacerOffset));
   spacerElem.style.minBlockSize = `${deficit}px`;
-  return deficit;
+  return {
+    deficit,
+    scrollTop: currentScrollTop
+  };
 }
 
-function consumeStreamingChunk({currentSpacerHeight, lastScrollHeight, scrollElement}) {
-  if (!scrollElement || currentSpacerHeight === 0) {
-    return {
-      currentSpacerHeight,
-      lastScrollHeight
-    };
+function processResizeEntries(entries, messageSizes, settleTimers, observer, animationPollingState, config) {
+  let totalDelta = 0;
+  let hasSignificantChange = false;
+  entries.forEach(entry => {
+    const {blockSize} = entry.borderBoxSize[0];
+    const prevSize = messageSizes.get(entry.target);
+    if (prevSize != null) {
+      const delta = blockSize - prevSize;
+      if (Math.abs(delta) > config.significantChangeThreshold) {
+        hasSignificantChange = true;
+        totalDelta += delta;
+        if (delta < 0 && animationPollingState && !animationPollingState.rafId) {
+          startAnimationPolling(entry.target, animationPollingState, config.onSignificantResize);
+        }
+      }
+    }
+    messageSizes.set(entry.target, blockSize);
+    const existingTimer = settleTimers.get(entry.target);
+    if (existingTimer) {
+      clearTimeout(existingTimer);
+    }
+    const timer = setTimeout(() => {
+      observer.unobserve(entry.target);
+      settleTimers.delete(entry.target);
+      messageSizes.delete(entry.target);
+    }, config.settleTimeout);
+    settleTimers.set(entry.target, timer);
+  });
+  if (hasSignificantChange) {
+    config.onSignificantResize(totalDelta);
   }
-  const currentScrollHeight = scrollElement.scrollHeight;
-  const delta = currentScrollHeight - lastScrollHeight;
-  const nextSpacerHeight = Math.max(0, currentSpacerHeight - delta);
-  return {
-    currentSpacerHeight: nextSpacerHeight,
-    lastScrollHeight: currentScrollHeight
+}
+
+function startAnimationPolling(element, state, onHeightChange) {
+  if (state.rafId !== null) {
+    cancelAnimationFrame(state.rafId);
+  }
+  state.element = element;
+  state.previousHeight = Math.round(element.getBoundingClientRect().height);
+  state.stableFrames = 0;
+  state.onHeightChange = onHeightChange;
+  const poll = () => {
+    if (!state.element) {
+      return;
+    }
+    const currentHeight = Math.round(state.element.getBoundingClientRect().height);
+    const delta = currentHeight - state.previousHeight;
+    if (delta !== 0) {
+      state.onHeightChange(delta);
+      state.previousHeight = currentHeight;
+      state.stableFrames = 0;
+    } else {
+      state.stableFrames++;
+    }
+    if (state.stableFrames < 5) {
+      state.rafId = requestAnimationFrame(poll);
+    } else {
+      state.rafId = null;
+      state.element = null;
+    }
   };
+  state.rafId = requestAnimationFrame(poll);
+}
+
+function stopAnimationPolling(state) {
+  if (!state) {
+    return;
+  }
+  if (state.rafId !== null) {
+    cancelAnimationFrame(state.rafId);
+    state.rafId = null;
+  }
+  state.element = null;
+  state.stableFrames = 0;
 }
 
 function createMessageResizeObserver(config) {
-  const {onSignificantResize, hasPinnedMessage, throttleTimeout, settleTimeout = 5e3, significantChangeThreshold = 10} = config;
+  const {onSignificantResize, hasPinnedMessage, settleTimeout = 3e3, significantChangeThreshold = 10} = config;
   const messageSizes = new Map;
   const settleTimers = new Map;
-  const observer = new ResizeObserver(throttle(entries => {
+  const animationPollingState = {
+    rafId: null,
+    element: null,
+    previousHeight: 0,
+    stableFrames: 0,
+    onHeightChange: () => {}
+  };
+  const observer = new ResizeObserver(entries => {
     if (!hasPinnedMessage()) {
       return;
     }
-    let hasSignificantChange = false;
-    entries.forEach(entry => {
-      const {blockSize} = entry.borderBoxSize[0];
-      const prevSize = messageSizes.get(entry.target);
-      if (prevSize != null && Math.abs(blockSize - prevSize) > significantChangeThreshold) {
-        hasSignificantChange = true;
-      }
-      messageSizes.set(entry.target, blockSize);
-      const existingTimer = settleTimers.get(entry.target);
-      if (existingTimer) {
-        clearTimeout(existingTimer);
-      }
-      const timer = setTimeout(() => {
-        observer.unobserve(entry.target);
-        settleTimers.delete(entry.target);
-        messageSizes.delete(entry.target);
-      }, settleTimeout);
-      settleTimers.set(entry.target, timer);
+    processResizeEntries(entries, messageSizes, settleTimers, observer, animationPollingState, {
+      significantChangeThreshold,
+      settleTimeout,
+      onSignificantResize
     });
-    if (hasSignificantChange) {
-      onSignificantResize();
-    }
-  }, throttleTimeout, {
-    leading: false,
-    trailing: true
-  }));
+  });
   return {
     observer,
     messageSizes,
-    settleTimers
+    settleTimers,
+    animationPollingState
   };
 }
 
@@ -9040,13 +8794,33 @@ function updateObservedMessages(state, messageElements) {
 }
 
 function cleanupMessageResizeObserver(state) {
-  const {observer, messageSizes, settleTimers} = state;
+  const {observer, messageSizes, settleTimers, animationPollingState} = state;
+  stopAnimationPolling(animationPollingState);
   observer.disconnect();
   settleTimers.forEach(timer => clearTimeout(timer));
   settleTimers.clear();
   messageSizes.clear();
 }
 
+function hasNewNonStreamingResponse(newItems, allMessagesByID) {
+  return newItems.some(item => {
+    if (item.ui_state.streamingState) {
+      return false;
+    }
+    const message = allMessagesByID[item.fullMessageID];
+    const isResp = message && isResponse(message);
+    return isResp;
+  });
+}
+
+function applySafariScrollAnchoringRestore(currentScrollTop, snapshot) {
+  const restoreTarget = getAnchoringRestoreTarget({
+    currentScrollTop,
+    snapshot
+  });
+  return restoreTarget;
+}
+
 function buildRenderableMessageMetadata(localMessageItems, allMessagesByID, messageIDForInput) {
   const metadata = [];
   let previousMessageID = null;
@@ -9327,7 +9101,7 @@ function InlineError({text}) {
     className: "cds-aichat--inline-error--icon"
   })), React.createElement("div", {
     className: "cds-aichat--inline-error--text"
-  }, React.createElement(RichTextExport, {
+  }, React.createElement(MarkdownWithDefaultsExport, {
     removeHTML: true,
     text: text || languagePack.errors_generalContent,
     highlight: true
@@ -9612,10 +9386,6 @@ function ConnectToHumanAgent(props) {
   }));
 }
 
-function useAriaAnnouncer() {
-  return useContext(AriaAnnouncerContext);
-}
-
 const AISkeletonPlaceholder = createComponent({
   tagName: "cds-ai-skeleton-placeholder",
   elementClass: CarbonAISkeletonPlaceholder,
@@ -9708,8 +9478,9 @@ function TranscriptComponent({text, label, language}) {
       "cds-aichat--media-transcript__content--visible": isExpanded
     })
   }, React.createElement(Markdown, {
-    sanitizeHTML: true
-  }, text)));
+    sanitizeHTML: true,
+    markdown: text
+  })));
 }
 
 const TranscriptComponentExport = React.memo(TranscriptComponent);
@@ -9774,7 +9545,6 @@ function MediaPlayerComponent({type, source, title, description, ariaLabel, isMi
   }, [ skeletonHidden ]);
   function renderMediaPlayerSkeleton() {
     return React.createElement(Card, {
-      isFlush: true,
       className: "cds-aichat--media-player__skeleton"
     }, React.createElement("div", {
       slot: "media"
@@ -9885,19 +9655,12 @@ function AudioComponent({source, ...props}) {
 const AudioComponentExport = React.memo(AudioComponent);
 
 function Image(props) {
-  const {imageError, title, description, displayURL, hideIconAndTitle, needsAnnouncement, renderIcon, inline} = props;
-  const ariaAnnouncer = useAriaAnnouncer();
+  const {imageError, title, description, displayURL, hideIconAndTitle, renderIcon, inline} = props;
   const [isLoaded, setIsLoaded] = useState(false);
   const [isError, setIsError] = useState(false);
   const rootRef = useRef(undefined);
-  const needsAnnouncementRef = useRef(needsAnnouncement);
   const hasText = Boolean(title || description || displayURL);
   const Icon = renderIcon;
-  useEffect(() => {
-    if (isLoaded && needsAnnouncementRef.current) {
-      ariaAnnouncer(rootRef.current);
-    }
-  }, [ ariaAnnouncer, isLoaded ]);
   if (isError) {
     return React.createElement(InlineError, {
       text: imageError
@@ -10705,7 +10468,7 @@ function ConversationalSearchText(props) {
   }, [ text, highlightCitation, showCitationsToggle, streamingState ]);
   return React.createElement("div", {
     className: "cds-aichat--conversational-search-text"
-  }, React.createElement(RichTextExport, {
+  }, React.createElement(MarkdownWithDefaultsExport, {
     text: html,
     overrideSanitize: false,
     streaming: streamingState && !streamingState.isDone,
@@ -11269,7 +11032,7 @@ function IFrameMessage({localMessage, displayOverride}) {
 function Description({className, text, removeHTML = false}) {
   return React.createElement("div", {
     className: `cds-aichat--description ${className}`
-  }, React.createElement(RichTextExport, {
+  }, React.createElement(MarkdownWithDefaultsExport, {
     text,
     removeHTML,
     highlight: true
@@ -11311,45 +11074,38 @@ function SelectComponent(props) {
   const {title, description, options, onChange, languagePack, disableUserInputs, serviceManager, removeHTML} = props;
   const [isBeingOpened, setIsBeingOpened] = useState(false);
   const rootRef = useRef(undefined);
+  const pendingSelectionRef = useRef(null);
   const counter = useCounter();
   const id = `${counter}${serviceManager.namespace.suffix}`;
-  const handleToggle = () => {
-    setIsBeingOpened(true);
-    requestAnimationFrame(() => {
-      if (rootRef.current) {
-        doScrollElementIntoView(rootRef.current, true);
-      }
-      setIsBeingOpened(false);
-    });
-  };
-  const handleKeyDown = e => {
-    if (e.key === "ArrowUp" || e.key === "ArrowDown") {
-      e.preventDefault();
+  const handleToggle = e => {
+    const isOpen = e.detail.open;
+    if (isOpen) {
+      setIsBeingOpened(true);
+      requestAnimationFrame(() => {
+        if (rootRef.current) {
+          doScrollElementIntoView(rootRef.current, true);
+        }
+        setIsBeingOpened(false);
+      });
+    } else if (pendingSelectionRef.current) {
+      onChange({
+        selectedItem: pendingSelectionRef.current
+      });
+      pendingSelectionRef.current = null;
     }
   };
   const handleSelected = e => {
     const label = e.detail.item.textContent;
     const text = e.detail.item.value;
-    onChange({
-      selectedItem: {
-        label,
-        value: {
-          input: {
-            text
-          }
+    pendingSelectionRef.current = {
+      label,
+      value: {
+        input: {
+          text
         }
       }
-    });
+    };
   };
-  useEffect(() => {
-    setTimeout(() => {
-      const listBox = rootRef.current?.querySelector("cds-dropdown")?.shadowRoot?.querySelector(".cds--list-box--md");
-      if (listBox) {
-        listBox.style.blockSize = "unset";
-        listBox.style.maxBlockSize = "unset";
-      }
-    });
-  }, []);
   return React.createElement("div", {
     ref: rootRef
   }, React.createElement(Metablock, {
@@ -11366,10 +11122,10 @@ function SelectComponent(props) {
     label: languagePack.options_select,
     "title-text": languagePack.options_select,
     hideLabel: true,
+    size: DROPDOWN_SIZE.MEDIUM,
     "aria-label": disableUserInputs ? languagePack.options_ariaOptionsDisabled : title,
     disabled: disableUserInputs,
     onToggled: handleToggle,
-    onKeyDown: handleKeyDown,
     onSelected: handleSelected
   }, options.map(option => React.createElement(DropdownItem, {
     value: option.value.input.text,
@@ -11446,7 +11202,7 @@ function StreamingRichText(props) {
   } else {
     textToUse = text;
   }
-  return React.createElement(React.Fragment, null, React.createElement(RichTextExport, {
+  return React.createElement(React.Fragment, null, React.createElement(MarkdownWithDefaultsExport, {
     text: textToUse,
     removeHTML,
     streaming: streamingState && !streamingState.isDone,
@@ -11550,7 +11306,7 @@ function MessageTypeComponent(props) {
       }), React.createElement("div", {
         role: "heading",
         "aria-level": 2
-      }, React.createElement(RichTextExport, {
+      }, React.createElement(MarkdownWithDefaultsExport, {
         text: userText,
         removeHTML: true,
         overrideSanitize: true
@@ -11855,15 +11611,15 @@ function MessageTypeComponent(props) {
         toolLabelText: languagePack.chainOfThought_toolLabel
       }, step.description ? React.createElement("div", {
         slot: "description"
-      }, React.createElement(RichTextExport, {
+      }, React.createElement(MarkdownWithDefaultsExport, {
         text: step.description
       })) : null, requestMarkdown ? React.createElement("div", {
         slot: "input"
-      }, React.createElement(RichTextExport, {
+      }, React.createElement(MarkdownWithDefaultsExport, {
         text: requestMarkdown
       })) : null, responseMarkdown ? React.createElement("div", {
         slot: "output"
-      }, React.createElement(RichTextExport, {
+      }, React.createElement(MarkdownWithDefaultsExport, {
         text: responseMarkdown
       })) : null));
     })));
@@ -11955,14 +11711,15 @@ function MessageTypeComponent(props) {
         onSubmit: event => onSubmit(isPositive, event.detail),
         initialValues: feedbackHistory && feedbackHistory?.is_positive === isPositive ? feedbackInitialValues : null,
         showTextArea: show_text_area,
-        showPrompt: show_prompt,
+        showBody: show_prompt,
         title: title || languagePack.feedback_defaultTitle,
-        prompt: prompt || languagePack.feedback_defaultPrompt,
+        body: prompt || languagePack.feedback_defaultPrompt,
         categories: filteredCategories,
+        categoriesLabel: languagePack.feedback_categoriesLabel,
         placeholder: placeholder || languagePack.feedback_defaultPlaceholder,
         disclaimer,
-        submitLabel: languagePack.feedback_submitLabel,
-        cancelLabel: languagePack.feedback_cancelLabel
+        primaryLabel: languagePack.feedback_submitLabel,
+        secondaryLabel: languagePack.feedback_cancelLabel
       });
     }
     return {
@@ -12136,10 +11893,6 @@ class MessageComponent extends PureComponent {
         moveFocus = MoveFocusType.PREVIOUS;
       } else if (event.key === "ArrowDown") {
         moveFocus = MoveFocusType.NEXT;
-      } else if (event.key === "Home") {
-        moveFocus = MoveFocusType.FIRST;
-      } else if (event.key === "End") {
-        moveFocus = MoveFocusType.LAST;
       } else if (event.key === "Escape") {
         moveFocus = MoveFocusType.INPUT;
       } else if (event.key === "Enter" || event.key === " ") {
@@ -12154,7 +11907,7 @@ class MessageComponent extends PureComponent {
     };
   }
   getWidgetSaidMessage() {
-    const {intl, assistantName, localMessageItem} = this.props;
+    const {intl, localMessageItem, message, assistantName} = this.props;
     let messageId;
     if (localMessageItem.item.agent_message_type) {
       if (localMessageItem.item.response_type === MessageResponseTypes.TEXT) {
@@ -12168,7 +11921,7 @@ class MessageComponent extends PureComponent {
     return messageId ? intl.formatMessage({
       id: messageId
     }, {
-      assistantName
+      assistantName: getSpeakerName(message, assistantName)
     }) : null;
   }
   componentDidCatch(error, errorInfo) {
@@ -12214,11 +11967,12 @@ class MessageComponent extends PureComponent {
     const whoAnnouncement = isRequest(message) ? languagePack.messages_youSaid : intl.formatMessage({
       id: "messages_assistantSaid"
     }, {
-      assistantName
+      assistantName: getSpeakerName(message, assistantName)
     });
     const strings = [ whoAnnouncement ];
     nodeToText(this.messageRef.current, strings);
-    this.focusHandleRef.current.setAttribute("aria-label", strings.join(" "));
+    const ariaLabel = strings.join(" ");
+    this.focusHandleRef.current.setAttribute("aria-label", ariaLabel);
     doFocusRef(this.focusHandleRef, true);
   }
   renderFailedRenderMessage() {
@@ -12373,13 +12127,15 @@ class MessageComponent extends PureComponent {
     const isAutoControlled = this.isAutoReasoning(this.props.message);
     const containerOpen = this.getReasoningContainerOpen(reasoning);
     return React.createElement("div", {
-      className: "cds-aichat--message__reasoning-steps"
+      className: cx("cds-aichat--message__reasoning-steps", {
+        "cds-aichat--message__reasoning-steps--open": containerOpen
+      })
     }, React.createElement(ReasoningStepsComponent, {
       controlled: true,
       id: this.getReasoningContainerId(),
       open: containerOpen,
       onToggle: isAutoControlled ? this.handleAutoReasoningToggle : undefined
-    }, hasContent && reasoning?.content && React.createElement(RichTextExport, {
+    }, hasContent && reasoning?.content && React.createElement(MarkdownWithDefaultsExport, {
       text: reasoning.content,
       highlight: true,
       streaming
@@ -12393,7 +12149,7 @@ class MessageComponent extends PureComponent {
         this.handleUserControlReasoningStep(index);
         this.handleAutoReasoningStepToggle(index, event);
       };
-      const stepContent = step.content ? React.createElement(RichTextExport, {
+      const stepContent = step.content ? React.createElement(MarkdownWithDefaultsExport, {
         text: step.content,
         highlight: true,
         streaming
@@ -12578,7 +12334,8 @@ class MessageComponent extends PureComponent {
       }),
       ref: this.ref
     }, this.renderFocusHandle(), showAvatarLine && this.renderAvatarLine(localMessageItem, message), React.createElement("div", {
-      className: "cds-aichat--message--padding"
+      className: "cds-aichat--message--padding",
+      "aria-hidden": this.state.focusHandleHasFocus ? "true" : undefined
     }, isResponse(message) && React.createElement("div", {
       className: "cds-aichat--assistant-message"
     }, readWidgetSaid && React.createElement(VisuallyHidden, null, this.getWidgetSaidMessage()), React.createElement("div", {
@@ -12687,7 +12444,11 @@ const STREAM_END_NEAR_PIN_THRESHOLD_PX = 60;
 
 const SCROLL_DOWN_THRESHOLD_PX = 60;
 
-const STREAMING_SPACER_SYNC_MIN_DELTA_PX = 24;
+const WINDOW_RESIZE_THROTTLE_MS = 200;
+
+const AUTO_SCROLL_THROTTLE_MS = 150;
+
+const SCROLL_NOTIFICATION_THROTTLE_MS = 200;
 
 class MessagesComponent extends PureComponent {
   constructor() {
@@ -12703,59 +12464,16 @@ class MessagesComponent extends PureComponent {
     this.scrollHandleBottomRef = React.createRef();
     this.agentBannerRef = React.createRef();
     this.pinnedMessageComponent = null;
-    this.currentSpacerHeight = 0;
-    this.lastScrollHeight = 0;
     this.pinnedScrollTop = 0;
     this.domSpacerHeight = 0;
     this.bottomSpacerRef = React.createRef();
-    this.onResize = throttle$1(() => {
+    this.onResize = throttle(() => {
       this.renderScrollDownNotification();
       this.doAutoScrollInternal();
-    }, AUTO_SCROLL_THROTTLE_TIMEOUT, {
+    }, WINDOW_RESIZE_THROTTLE_MS, {
       leading: true,
       trailing: true
     });
-    this.syncStreamingSpacerToDomThrottled = throttle$1(() => {
-      const scrollElement = this.messagesContainerWithScrollingRef.current;
-      const spacerElem = this.bottomSpacerRef.current;
-      if (!scrollElement || !spacerElem || !this.pinnedMessageComponent) {
-        return;
-      }
-      const isCurrentlyStreaming = hasActiveStreaming(this.props.localMessageItems);
-      const streamEndAction = resolveStreamEndAction({
-        nearPinThresholdPx: STREAM_END_NEAR_PIN_THRESHOLD_PX,
-        pinnedScrollTop: this.pinnedScrollTop,
-        scrollTop: scrollElement.scrollTop
-      });
-      const isNearPin = streamEndAction === "re_pin_and_scroll";
-      const syncDecision = resolveStreamingSpacerSyncDecision({
-        currentSpacerHeight: this.currentSpacerHeight,
-        domSpacerHeight: this.domSpacerHeight,
-        isCurrentlyStreaming,
-        isNearPin,
-        minDeltaPx: STREAMING_SPACER_SYNC_MIN_DELTA_PX
-      });
-      if (!syncDecision.shouldSync) {
-        return;
-      }
-      const savedScrollTop = scrollElement.scrollTop;
-      const syncResult = applyStreamingSpacerDomSync({
-        savedScrollTop,
-        scrollElement,
-        spacerElem,
-        targetDomSpacerHeight: syncDecision.targetDomSpacerHeight
-      });
-      if (!syncResult) {
-        return;
-      }
-      this.domSpacerHeight = syncDecision.targetDomSpacerHeight;
-      this.currentSpacerHeight = syncDecision.targetDomSpacerHeight;
-      this.lastScrollHeight = syncResult.newLastScrollHeight;
-      this.renderScrollDownNotification();
-    }, AUTO_SCROLL_THROTTLE_TIMEOUT, {
-      leading: false,
-      trailing: true
-    });
     this.scheduleAutoScroll = (options = {}, includePublicSpacerReconciliation = false) => {
       requestAnimationFrame(() => {
         const scrollElement = this.messagesContainerWithScrollingRef.current;
@@ -12782,7 +12500,7 @@ class MessagesComponent extends PureComponent {
         consoleError("An error occurred while attempting to scroll.", error);
       }
     };
-    this.doAutoScrollThrottled = throttle$1(this.doAutoScrollInternal, AUTO_SCROLL_THROTTLE_TIMEOUT, {
+    this.doAutoScrollThrottled = throttle(this.doAutoScrollInternal, AUTO_SCROLL_THROTTLE_MS, {
       leading: true,
       trailing: true
     });
@@ -12803,12 +12521,12 @@ class MessagesComponent extends PureComponent {
         doScrollElement(scrollElement, bottomDistanceFromTop - scrollElement.offsetHeight, 0, animate);
       }
     };
-    this.renderScrollDownNotification = throttle$1(() => {
+    this.renderScrollDownNotification = throttle(() => {
       const shouldRender = this.checkMessagesOutOfView();
       this.setState({
         scrollDown: shouldRender
       });
-    }, AUTO_SCROLL_THROTTLE_TIMEOUT, {
+    }, SCROLL_NOTIFICATION_THROTTLE_MS, {
       leading: false,
       trailing: true
     });
@@ -12826,14 +12544,14 @@ class MessagesComponent extends PureComponent {
          case MoveFocusType.NEXT:
           index = currentMessageIndex + 1;
           if (index >= localMessageItems.length) {
-            index = 0;
+            index = localMessageItems.length - 1;
           }
           break;
 
          case MoveFocusType.PREVIOUS:
           index = currentMessageIndex - 1;
           if (index < 0) {
-            index = localMessageItems.length - 1;
+            index = 0;
           }
           break;
 
@@ -12857,11 +12575,23 @@ class MessagesComponent extends PureComponent {
     });
     this.scrollPanelObserver.observe(this.messagesContainerWithScrollingRef.current);
     this.messageResizeObserverState = createMessageResizeObserver({
-      onSignificantResize: () => {
-        this.doAutoScrollThrottled();
+      onSignificantResize: delta => {
+        const scrollElement = this.messagesContainerWithScrollingRef.current;
+        const spacerElem = this.bottomSpacerRef.current;
+        if (scrollElement && spacerElem && this.pinnedMessageComponent) {
+          const maxScrollTop = scrollElement.scrollHeight - scrollElement.clientHeight;
+          const wasBrowserCapped = scrollElement.scrollTop >= maxScrollTop - 2 && scrollElement.scrollTop < this.pinnedScrollTop;
+          this.domSpacerHeight = Math.max(0, this.domSpacerHeight - delta);
+          spacerElem.style.minBlockSize = `${this.domSpacerHeight}px`;
+          const scrollDelta = Math.abs(scrollElement.scrollTop - this.pinnedScrollTop);
+          const hasScrolledAway = scrollDelta > 50;
+          if (!hasScrolledAway || wasBrowserCapped) {
+            scrollElement.scrollTop = this.pinnedScrollTop;
+          }
+        }
       },
       hasPinnedMessage: () => this.pinnedMessageComponent !== null,
-      throttleTimeout: AUTO_SCROLL_THROTTLE_TIMEOUT
+      significantChangeThreshold: 2
     });
     this.updateObservedMessages();
   }
@@ -12884,18 +12614,7 @@ class MessagesComponent extends PureComponent {
       this.updateObservedMessages();
     }
     if (countChanged) {
-      this.doAutoScrollInternal();
-      const hasNewNonStreamingResponse = newItems.some(item => {
-        if (item.ui_state.streamingState) {
-          return false;
-        }
-        const message = this.props.allMessagesByID[item.fullMessageID];
-        const isResp = message && isResponse(message);
-        return isResp;
-      });
-      if (hasNewNonStreamingResponse) {
-        this.doAutoScrollThrottled();
-      }
+      this.handleCountChanged();
       return;
     }
     if (!this.pinnedMessageComponent) {
@@ -12906,56 +12625,9 @@ class MessagesComponent extends PureComponent {
       newItems
     });
     if (isCurrentlyStreaming) {
-      const el = this.messagesContainerWithScrollingRef.current;
-      if (el) {
-        const restoreTarget = getAnchoringRestoreTarget({
-          currentScrollTop: el.scrollTop,
-          snapshot
-        });
-        if (restoreTarget !== null) {
-          el.scrollTop = restoreTarget;
-        }
-      }
-      this.handleStreamingChunk();
-      this.syncStreamingSpacerToDomThrottled();
+      this.handleStreamingUpdate(snapshot);
     } else if (wasStreaming) {
-      this.syncStreamingSpacerToDomThrottled.cancel();
-      const elEnd = this.messagesContainerWithScrollingRef.current;
-      if (elEnd) {
-        const restoreTarget = getAnchoringRestoreTarget({
-          currentScrollTop: elEnd.scrollTop,
-          snapshot
-        });
-        if (restoreTarget !== null) {
-          elEnd.scrollTop = restoreTarget;
-        }
-      }
-      requestAnimationFrame(() => {
-        const scrollElement = this.messagesContainerWithScrollingRef.current;
-        if (!scrollElement || !this.pinnedMessageComponent) {
-          return;
-        }
-        const scrollTopForDecision = snapshot !== null ? snapshot : scrollElement.scrollTop;
-        const streamEndAction = resolveStreamEndAction({
-          nearPinThresholdPx: STREAM_END_NEAR_PIN_THRESHOLD_PX,
-          pinnedScrollTop: this.pinnedScrollTop,
-          scrollTop: scrollTopForDecision
-        });
-        if (streamEndAction === "re_pin_and_scroll") {
-          this.executePinAndScroll(this.pinnedMessageComponent, scrollElement);
-        } else {
-          const savedScrollTop = scrollTopForDecision;
-          const spacerElem = this.bottomSpacerRef.current;
-          if (spacerElem) {
-            spacerElem.style.minBlockSize = "0px";
-          }
-          this.currentSpacerHeight = 0;
-          this.domSpacerHeight = 0;
-          if (scrollElement.scrollTop < savedScrollTop) {
-            scrollElement.scrollTop = savedScrollTop;
-          }
-        }
-      });
+      this.handleStreamEndUpdate(snapshot);
     }
   }
   componentWillUnmount() {
@@ -12966,7 +12638,6 @@ class MessagesComponent extends PureComponent {
       cleanupMessageResizeObserver(this.messageResizeObserverState);
       this.messageResizeObserverState = null;
     }
-    this.syncStreamingSpacerToDomThrottled.cancel();
     this.doAutoScrollThrottled.cancel();
     this.renderScrollDownNotification.cancel();
   }
@@ -12992,33 +12663,21 @@ class MessagesComponent extends PureComponent {
     if (!result) {
       return;
     }
-    this.currentSpacerHeight = result.currentSpacerHeight;
     this.domSpacerHeight = result.currentSpacerHeight;
-    this.lastScrollHeight = result.lastScrollHeight;
     this.pinnedMessageComponent = result.pinnedMessageComponent;
     this.pinnedScrollTop = result.scrollTop;
     debugAutoScroll(`[autoScroll] Pinned message, scrollTop=${result.scrollTop}, spacer=${result.currentSpacerHeight}px`);
   }
   executeRecalculateSpacer(scrollElement) {
-    const spacerHeight = recalculatePinnedMessageSpacer({
+    const result = recalculatePinnedMessageSpacer({
       pinnedMessageComponent: this.pinnedMessageComponent,
       scrollElement,
       spacerElem: this.bottomSpacerRef.current
     });
-    if (spacerHeight === null) {
+    if (result === null) {
       return;
     }
-    this.currentSpacerHeight = spacerHeight;
-    this.domSpacerHeight = spacerHeight;
-  }
-  handleStreamingChunk() {
-    const result = consumeStreamingChunk({
-      currentSpacerHeight: this.currentSpacerHeight,
-      lastScrollHeight: this.lastScrollHeight,
-      scrollElement: this.messagesContainerWithScrollingRef.current
-    });
-    this.currentSpacerHeight = result.currentSpacerHeight;
-    this.lastScrollHeight = result.lastScrollHeight;
+    this.domSpacerHeight = result.deficit;
   }
   executeResolvedAutoScrollAction(options, scrollElement) {
     const action = resolveAutoScrollAction({
@@ -13036,8 +12695,7 @@ class MessagesComponent extends PureComponent {
 
      case "scroll_to_bottom":
       {
-        const isStreaming = hasActiveStreaming(this.props.localMessageItems);
-        this.syncStreamingSpacerToDomThrottled.cancel();
+        const isStreaming = this.props.localMessageItems.some(item => item.ui_state.streamingState && !item.ui_state.streamingState.isDone);
         const scrollTop = isStreaming ? Math.max(0, action.scrollTop - this.domSpacerHeight) : action.scrollTop;
         doScrollElement(scrollElement, scrollTop, 0, action.preferAnimate && !isStreaming);
         return;
@@ -13071,15 +12729,86 @@ class MessagesComponent extends PureComponent {
     if (scrollElement.scrollTop < savedScrollTop) {
       scrollElement.scrollTop = savedScrollTop;
     }
-    this.lastScrollHeight = scrollElement.scrollHeight;
     this.renderScrollDownNotification();
   }
+  handleCountChanged() {
+    this.doAutoScrollInternal();
+    const hasNewResponse = hasNewNonStreamingResponse(this.props.localMessageItems, this.props.allMessagesByID);
+    if (hasNewResponse) {
+      this.doAutoScrollThrottled();
+    }
+  }
+  handleStreamingUpdate(snapshot) {
+    const el = this.messagesContainerWithScrollingRef.current;
+    if (!el) {
+      return;
+    }
+    const restoreTarget = applySafariScrollAnchoringRestore(el.scrollTop, snapshot);
+    if (restoreTarget !== null) {
+      el.scrollTop = restoreTarget;
+    }
+  }
+  handleStreamEndUpdate(snapshot) {
+    const scrollElement = this.messagesContainerWithScrollingRef.current;
+    if (!scrollElement) {
+      return;
+    }
+    const restoreTarget = applySafariScrollAnchoringRestore(scrollElement.scrollTop, snapshot);
+    if (restoreTarget !== null) {
+      scrollElement.scrollTop = restoreTarget;
+    }
+    this.executeStreamEndScrollAction(snapshot);
+  }
+  executeStreamEndScrollAction(snapshot) {
+    requestAnimationFrame(() => {
+      const scrollElement = this.messagesContainerWithScrollingRef.current;
+      if (!scrollElement || !this.pinnedMessageComponent) {
+        return;
+      }
+      const scrollTopForDecision = snapshot ?? scrollElement.scrollTop;
+      const streamEndAction = resolveStreamEndAction({
+        nearPinThresholdPx: STREAM_END_NEAR_PIN_THRESHOLD_PX,
+        pinnedScrollTop: this.pinnedScrollTop,
+        scrollTop: scrollTopForDecision
+      });
+      if (streamEndAction === "re_pin_and_scroll") {
+        this.executePinAndScroll(this.pinnedMessageComponent, scrollElement);
+      } else {
+        const savedScrollTop = scrollTopForDecision;
+        const spacerElem = this.bottomSpacerRef.current;
+        if (spacerElem) {
+          spacerElem.style.minBlockSize = "0px";
+        }
+        this.domSpacerHeight = 0;
+        if (scrollElement.scrollTop < savedScrollTop) {
+          scrollElement.scrollTop = savedScrollTop;
+        }
+      }
+    });
+  }
   requestHumanAgentBannerFocus() {
     if (this.agentBannerRef.current) {
       return this.agentBannerRef.current.requestFocus();
     }
     return false;
   }
+  requestFocusOnFirstItemOfLastMessage() {
+    const {localMessageItems} = this.props;
+    if (localMessageItems.length === 0) {
+      return false;
+    }
+    const lastItem = localMessageItems[localMessageItems.length - 1];
+    const lastMessageID = lastItem.fullMessageID;
+    const firstItemOfLastMessage = localMessageItems.find(item => item.fullMessageID === lastMessageID);
+    if (firstItemOfLastMessage) {
+      const ref = this.messageRefs.get(firstItemOfLastMessage.ui_state.id);
+      if (ref) {
+        ref.requestHandleFocus();
+        return true;
+      }
+    }
+    return false;
+  }
   doScrollToMessage(messageID, animate = false) {
     try {
       const {localMessageItems} = this.props;
@@ -13211,16 +12940,34 @@ class MessagesComponent extends PureComponent {
   }
   renderScrollHandle(atTop) {
     const {languagePack} = this.props.config.derived;
+    const {intl, config} = this.props;
     let labelKey;
+    let ariaLabel;
     if (IS_MOBILE) {
       labelKey = atTop ? "messages_scrollHandle" : "messages_scrollHandleEnd";
+      ariaLabel = languagePack[labelKey] || languagePack.messages_scrollHandle;
     } else {
-      labelKey = atTop ? "messages_scrollHandleDetailed" : "messages_scrollHandleEndDetailed";
+      const shortcutConfig = config.public.keyboardShortcuts?.messageFocusToggle || DEFAULT_MESSAGE_FOCUS_TOGGLE_SHORTCUT;
+      const shortcutsEnabled = shortcutConfig.is_on !== false;
+      if (shortcutsEnabled) {
+        labelKey = atTop ? "messages_scrollHandleDetailed" : "messages_scrollHandleEndDetailed";
+        const shortcutText = formatShortcutForDisplay(shortcutConfig);
+        ariaLabel = intl.formatMessage({
+          id: labelKey
+        }, {
+          shortcut: shortcutText
+        });
+      } else {
+        labelKey = atTop ? "messages_scrollHandleDetailedNoShortcut" : "messages_scrollHandleEndDetailedNoShortcut";
+        ariaLabel = intl.formatMessage({
+          id: labelKey
+        });
+      }
     }
     const onClick = IS_MOBILE ? undefined : () => this.requestMoveFocus(atTop ? MoveFocusType.FIRST : MoveFocusType.LAST, 0);
     return React.createElement(MessagesScrollHandle, {
       buttonRef: atTop ? this.scrollHandleTopRef : this.scrollHandleBottomRef,
-      ariaLabel: languagePack[labelKey] || languagePack.messages_scrollHandle,
+      ariaLabel,
       onClick,
       onFocus: () => this.setState({
         scrollHandleHasFocus: true
@@ -13277,7 +13024,7 @@ class MessagesComponent extends PureComponent {
       statusMessage: isMessageLoadingCounter ? isMessageLoadingText : undefined,
       processingLabel: languagePack.messages_processingLabel
     });
-    const scrollDownButton = scrollDown ? React.createElement(MessagesScrollToBottomButton, {
+    const scrollDownButton = scrollDown && !scrollHandleHasFocus ? React.createElement(MessagesScrollToBottomButton, {
       ariaLabel: languagePack.messages_scrollMoreButton,
       onClick: () => this.doAutoScrollInternal({
         scrollToBottom: 0,
@@ -13698,13 +13445,17 @@ const ContentEditableInput = forwardRef(({ariaLabel, autoSize, disabled, display
       "cds-aichat--text-area--auto-size": autoSize,
       "cds-aichat--text-area--disabled": disabled
     })
-  }, React.createElement("div", {
+  }, !rawValue && placeholder && React.createElement("div", {
+    className: "cds-aichat--text-area-placeholder",
+    "aria-hidden": "true"
+  }, placeholder), React.createElement("div", {
     ref: editorRef,
     "aria-label": ariaLabel,
     "aria-multiline": "true",
+    "aria-live": "off",
+    "aria-atomic": "false",
     className: "cds-aichat--text-area-textarea",
     contentEditable: !disabled,
-    "data-placeholder": placeholder,
     "data-testid": testId,
     "aria-disabled": disabled,
     onBlur,
@@ -13739,10 +13490,11 @@ const STOP_TYPING_PERIOD = 5e3;
 const INPUT_MAX_CHARS = 1e4;
 
 function Input(props, ref) {
-  const {isInputVisible, placeholder, disableInput, disableSend, disableUploadButton, pendingUploads, allowedFileUploadTypes, allowMultipleFileUploads, showUploadButton, onFilesSelectedForUpload, onSendInput, blurOnSend, serviceManager, onUserTyping, languagePack, isStopStreamingButtonVisible, isStopStreamingButtonDisabled, maxInputChars, trackInputState = false} = props;
+  const {isInputVisible, placeholder, disableInput, disableSend, disableUploadButton, pendingUploads, allowedFileUploadTypes, allowMultipleFileUploads, showUploadButton, onFilesSelectedForUpload, onSendInput, serviceManager, onUserTyping, languagePack, isStopStreamingButtonVisible, isStopStreamingButtonDisabled, maxInputChars, trackInputState = false} = props;
   const store = serviceManager.store;
   const inputID = `${serviceManager.namespace.suffix}-${useCounter()}`;
   const [textAreaHasFocus, setTextAreaHasFocus] = useState(false);
+  const [hasAnnouncedShortcut, setHasAnnouncedShortcut] = useState(false);
   const trackedInputState = trackInputState ? selectInputState(store.getState()) : null;
   const [rawInputValue, setRawInputValue] = useState(trackedInputState?.rawValue ?? "");
   const [displayInputValue, setDisplayInputValue] = useState(trackedInputState?.displayValue ?? "");
@@ -13792,6 +13544,12 @@ function Input(props, ref) {
     }
   }
   function onKeyDown(event) {
+    const shortcutConfig = serviceManager.store.getState().config.public.keyboardShortcuts?.messageFocusToggle || DEFAULT_MESSAGE_FOCUS_TOGGLE_SHORTCUT;
+    const shortcutsEnabled = shortcutConfig.is_on !== false;
+    if (shortcutsEnabled && matchesShortcut(event.nativeEvent, shortcutConfig)) {
+      event.preventDefault();
+      return;
+    }
     if (isEnterKey(event)) {
       if (disableSend || isStopStreamingButtonVisible) {
         event.preventDefault();
@@ -13834,15 +13592,23 @@ function Input(props, ref) {
           displayValue: ""
         }, isInputToHumanAgent));
       }
-      if (blurOnSend) {
-        textAreaRef.current?.doBlur();
-      } else {
-        textAreaRef.current?.takeFocus();
-      }
     }
   }
   function onInputFocus() {
     setTextAreaHasFocus(true);
+    if (!hasAnnouncedShortcut) {
+      const shortcutConfig = serviceManager.store.getState().config.public.keyboardShortcuts?.messageFocusToggle || DEFAULT_MESSAGE_FOCUS_TOGGLE_SHORTCUT;
+      if (shortcutConfig.is_on) {
+        const key = shortcutConfig.key;
+        serviceManager.store.dispatch(actions.announceMessage({
+          messageID: "input_keyboardShortcutAnnouncement",
+          messageValues: {
+            key
+          }
+        }));
+        setHasAnnouncedShortcut(true);
+      }
+    }
   }
   function onInputBlur() {
     setTextAreaHasFocus(false);
@@ -13852,6 +13618,21 @@ function Input(props, ref) {
       textAreaRef.current?.takeFocus();
     }
   }
+  function requestFocus() {
+    if (!IS_MOBILE && isInputVisible) {
+      textAreaRef.current?.takeFocus();
+      return hasFocus();
+    }
+    return false;
+  }
+  function hasFocus() {
+    const inputElement = textAreaRef.current?.getHTMLElement();
+    if (!inputElement) {
+      return false;
+    }
+    const activeElement = getDeepActiveElement();
+    return activeElement === inputElement || inputElement.contains(activeElement);
+  }
   function onRemoveFile(fileID) {
     const isInputToHumanAgent = selectIsInputToHumanAgent(serviceManager.store.getState());
     serviceManager.store.dispatch(actions.removeFileUpload(fileID, isInputToHumanAgent));
@@ -13889,7 +13670,9 @@ function Input(props, ref) {
     setTextAreaHasFocus(false);
   }
   useImperativeHandle(ref, () => ({
-    takeFocus
+    takeFocus,
+    requestFocus,
+    hasFocus
   }));
   const {input_buttonLabel, input_placeholder, input_ariaLabel, input_uploadButtonLabel, input_stopResponse} = languagePack;
   const visibleRawValue = disableInput ? "" : rawInputValue;
@@ -14441,14 +14224,12 @@ const DisclaimerPanel = ({disclaimerHTML, disclaimerAcceptButtonRef, onAcceptDis
       theme: isDarkTheme ? "dark" : "light",
       label: languagePack.disclaimer_icon_label
     })), React.createElement("h1", {
-      className: "cds-aichat--disclaimer__title",
-      "aria-describedby": disclaimerDescriptionClassName
+      className: "cds-aichat--disclaimer__title"
     }, languagePack.disclaimer_title), React.createElement("div", {
       dangerouslySetInnerHTML: {
         __html: disclaimerHTML
       },
-      className: disclaimerDescriptionClassName,
-      role: "dialog"
+      className: disclaimerDescriptionClassName
     })),
     footer: React.createElement(Button, {
       className: "cds-aichat--disclaimer__accept-button",
@@ -14748,7 +14529,7 @@ const CatastrophicErrorPanel = ({assistantName, languagePack, onRestart}) => {
     className: "cds-aichat--catastrophic-error__error-heading"
   }, languagePack.errors_somethingWrong), React.createElement("div", {
     className: "cds-aichat--catastrophic-error__error-body"
-  }, React.createElement(RichTextExport, {
+  }, React.createElement(MarkdownWithDefaultsExport, {
     text: errorBodyText,
     highlight: true
   })), onRestart && React.createElement(ChatButton, {
@@ -14813,6 +14594,7 @@ function AppShellPanels({serviceManager, languagePack, isHydratingComplete, shou
   return React.createElement("div", {
     slot: "panels"
   }, React.createElement(ChatPanel, {
+    panelAriaLabel: languagePack.aria_catastrophicErrorPanel,
     open: Boolean(catastrophicErrorType),
     aiEnabled: config.public.aiEnabled ? true : false,
     priority: 100,
@@ -14826,6 +14608,7 @@ function AppShellPanels({serviceManager, languagePack, isHydratingComplete, shou
     languagePack,
     onRestart
   }))), React.createElement(ChatPanel, {
+    panelAriaLabel: languagePack.aria_hydrationPanel,
     open: shouldShowHydrationPanel,
     priority: 90,
     aiEnabled: config.public.aiEnabled ? true : false,
@@ -14846,6 +14629,7 @@ function AppShellPanels({serviceManager, languagePack, isHydratingComplete, shou
     isHydrated: isHydratingComplete,
     languagePack
   }))), React.createElement(ChatPanel, {
+    panelAriaLabel: panelTitle || languagePack.aria_customPanel,
     open: customPanelState.isOpen,
     priority: 60,
     fullWidth: "fullWidth" in customPanelState.options && customPanelState.options.fullWidth ? true : false,
@@ -14916,6 +14700,7 @@ function AppShellPanels({serviceManager, languagePack, isHydratingComplete, shou
       className: "cds-aichat--custom-panel__content-container"
     })
   })), disclaimerContent && React.createElement(ChatPanel, {
+    panelAriaLabel: languagePack.aria_disclaimerPanel,
     open: showDisclaimer,
     priority: 80,
     aiEnabled: config.public.aiEnabled ? true : false,
@@ -14936,6 +14721,7 @@ function AppShellPanels({serviceManager, languagePack, isHydratingComplete, shou
     slot: "footer",
     className: "cds-aichat--disclaimer__footer"
   }, disclaimerContent.footer)), React.createElement(ChatPanel, {
+    panelAriaLabel: responsePanelState.localMessageItem?.item?.panel.title || languagePack.aria_responsePanel,
     open: responsePanelState.isOpen,
     priority: 50,
     fullWidth: responsePanelState.localMessageItem?.item?.panel.full_width ? true : false,
@@ -14993,6 +14779,7 @@ function AppShellPanels({serviceManager, languagePack, isHydratingComplete, shou
       })
     })
   })), React.createElement(ChatPanel, {
+    panelAriaLabel: iFramePanelState.messageItem?.title || iFramePanelState.messageItem?.source || languagePack.aria_iframePanel,
     open: iFramePanelState.isOpen,
     priority: 40,
     showFrame: true,
@@ -15016,6 +14803,7 @@ function AppShellPanels({serviceManager, languagePack, isHydratingComplete, shou
       messageItem: iFramePanelState.messageItem
     })
   })), React.createElement(ChatPanel, {
+    panelAriaLabel: viewSourcePanelState.citationItem?.title || languagePack.aria_viewSourcePanel,
     open: viewSourcePanelState.isOpen,
     priority: 30,
     showFrame: true,
@@ -15216,46 +15004,6 @@ function useWindowOpenState({viewStateMainWindow, isHydrated, useCustomHostEleme
   };
 }
 
-function useAutoFocusManagement({shouldTakeFocusIfOpensAutomatically, hasSentNonWelcomeMessage, localMessageIDs, allMessageItemsByID, allMessagesByID, requestFocus}) {
-  const [shouldAutoFocus, setShouldAutoFocus] = useState(shouldTakeFocusIfOpensAutomatically ?? true);
-  const prevHasSentNonWelcomeMessage = usePrevious(hasSentNonWelcomeMessage);
-  const prevMessageIDs = usePrevious(localMessageIDs);
-  const lastMessageItemID = arrayLastValue(localMessageIDs);
-  const prevLastMessageItemID = usePrevious(lastMessageItemID);
-  useEffect(() => {
-    const shouldTakeFocus = shouldTakeFocusIfOpensAutomatically ?? true;
-    setShouldAutoFocus(shouldTakeFocus);
-  }, [ shouldTakeFocusIfOpensAutomatically ]);
-  useEffect(() => {
-    const shouldTakeFocus = shouldTakeFocusIfOpensAutomatically ?? true;
-    if (!shouldTakeFocus) {
-      return;
-    }
-    const prevMessageCount = prevMessageIDs?.length ?? localMessageIDs.length;
-    const currentMessageCount = localMessageIDs.length;
-    const previouslySentNonWelcome = prevHasSentNonWelcomeMessage ?? hasSentNonWelcomeMessage;
-    if (!previouslySentNonWelcome && hasSentNonWelcomeMessage && !shouldAutoFocus) {
-      setShouldAutoFocus(true);
-    } else if (prevMessageCount > currentMessageCount && shouldAutoFocus) {
-      setShouldAutoFocus(false);
-    } else if (prevMessageCount < currentMessageCount && !shouldAutoFocus) {
-      setShouldAutoFocus(true);
-    }
-  }, [ localMessageIDs, hasSentNonWelcomeMessage, prevHasSentNonWelcomeMessage, prevMessageIDs, shouldTakeFocusIfOpensAutomatically, shouldAutoFocus ]);
-  useEffect(() => {
-    if (lastMessageItemID && lastMessageItemID !== prevLastMessageItemID && shouldAutoFocus) {
-      const lastMessageItem = allMessageItemsByID[lastMessageItemID];
-      const lastMessage = allMessagesByID[lastMessageItem?.fullMessageID];
-      if (!lastMessage?.ui_state_internal?.from_history) {
-        requestFocus();
-      }
-    }
-  }, [ allMessageItemsByID, allMessagesByID, lastMessageItemID, prevLastMessageItemID, requestFocus, shouldAutoFocus ]);
-  return {
-    shouldAutoFocus
-  };
-}
-
 function useFocusManager({shouldAutoFocus, showDisclaimer, iFramePanelIsOpen, viewSourcePanelIsOpen, customPanelIsOpen, responsePanelIsOpen, disclaimerRef, iframePanelRef, viewSourcePanelRef, customPanelRef, responsePanelRef, inputRef}) {
   const requestFocus = useCallback(() => {
     try {
@@ -15283,48 +15031,6 @@ function useFocusManager({shouldAutoFocus, showDisclaimer, iFramePanelIsOpen, vi
   return requestFocus;
 }
 
-function useWorkspaceAnnouncements({serviceManager}) {
-  const intl = useIntl();
-  const announceToScreenReader = useAriaAnnouncer();
-  useEffect(() => {
-    const handleWorkspaceOpen = event => {
-      const title = event.data?.workspaceId || event.data?.message?.title || event.data?.additionalData?.title;
-      const message = title ? intl.formatMessage({
-        id: "workspace_opened"
-      }, {
-        title
-      }) : intl.formatMessage({
-        id: "workspace_opened_no_title"
-      });
-      announceToScreenReader(message);
-    };
-    const handleWorkspaceClose = () => {
-      const message = intl.formatMessage({
-        id: "workspace_closed"
-      });
-      announceToScreenReader(message);
-    };
-    serviceManager.eventBus.on({
-      type: BusEventType.WORKSPACE_OPEN,
-      handler: handleWorkspaceOpen
-    });
-    serviceManager.eventBus.on({
-      type: BusEventType.WORKSPACE_CLOSE,
-      handler: handleWorkspaceClose
-    });
-    return () => {
-      serviceManager.eventBus.off({
-        type: BusEventType.WORKSPACE_OPEN,
-        handler: handleWorkspaceOpen
-      });
-      serviceManager.eventBus.off({
-        type: BusEventType.WORKSPACE_CLOSE,
-        handler: handleWorkspaceClose
-      });
-    };
-  }, [ serviceManager, intl, announceToScreenReader ]);
-}
-
 function useStyleInjection({containerRef, hostElement, cssVariableOverrideString, visualViewportStyles, appStyles, applicationStylesheet, cssVariableOverrideStylesheet, visualViewportStylesheet}) {
   useEffect(() => {
     if (!containerRef.current) {
@@ -15556,7 +15262,7 @@ function calculateChatWidthBreakpoint(width) {
   return ChatWidthBreakpoint.NARROW;
 }
 
-var css_248z = ".cds--layout--size-xs{\n  --cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);\n  --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-xs{\n  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));\n}\n\n.cds--layout-constraint--size__min-xs{\n  --cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem);\n}\n\n.cds--layout-constraint--size__max-xs{\n  --cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem);\n}\n\n.cds--layout--size-sm{\n  --cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);\n  --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-sm{\n  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));\n}\n\n.cds--layout-constraint--size__min-sm{\n  --cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem);\n}\n\n.cds--layout-constraint--size__max-sm{\n  --cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem);\n}\n\n.cds--layout--size-md{\n  --cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);\n  --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-md{\n  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));\n}\n\n.cds--layout-constraint--size__min-md{\n  --cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem);\n}\n\n.cds--layout-constraint--size__max-md{\n  --cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem);\n}\n\n.cds--layout--size-lg{\n  --cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);\n  --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-lg{\n  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));\n}\n\n.cds--layout-constraint--size__min-lg{\n  --cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem);\n}\n\n.cds--layout-constraint--size__max-lg{\n  --cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem);\n}\n\n.cds--layout--size-xl{\n  --cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);\n  --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-xl{\n  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));\n}\n\n.cds--layout-constraint--size__min-xl{\n  --cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem);\n}\n\n.cds--layout-constraint--size__max-xl{\n  --cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem);\n}\n\n.cds--layout--size-2xl{\n  --cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);\n  --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-2xl{\n  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));\n}\n\n.cds--layout-constraint--size__min-2xl{\n  --cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem);\n}\n\n.cds--layout-constraint--size__max-2xl{\n  --cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem);\n}\n\n.cds--layout--density-condensed{\n  --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n  --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n\n.cds--layout-constraint--density__default-condensed{\n  --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));\n}\n\n.cds--layout-constraint--density__min-condensed{\n  --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n\n.cds--layout-constraint--density__max-condensed{\n  --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n\n.cds--layout--density-normal{\n  --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);\n  --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n\n.cds--layout-constraint--density__default-normal{\n  --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));\n}\n\n.cds--layout-constraint--density__min-normal{\n  --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n\n.cds--layout-constraint--density__max-normal{\n  --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n\n:root{\n  --cds-layout-size-height-xs:1.5rem;\n  --cds-layout-size-height-sm:2rem;\n  --cds-layout-size-height-md:2.5rem;\n  --cds-layout-size-height-lg:3rem;\n  --cds-layout-size-height-xl:4rem;\n  --cds-layout-size-height-2xl:5rem;\n  --cds-layout-size-height-min:0px;\n  --cds-layout-size-height-max:999999999px;\n  --cds-layout-density-padding-inline-condensed:0.5rem;\n  --cds-layout-density-padding-inline-normal:1rem;\n  --cds-layout-density-padding-inline-min:0px;\n  --cds-layout-density-padding-inline-max:999999999px;\n}\n\n:host{\n  block-size:100%;\n  --cds-layout-size-height-xs:1.5rem;\n  --cds-layout-size-height-sm:2rem;\n  --cds-layout-size-height-md:2.5rem;\n  --cds-layout-size-height-lg:3rem;\n  --cds-layout-size-height-xl:4rem;\n  --cds-layout-size-height-2xl:5rem;\n  --cds-layout-size-height-min:0px;\n  --cds-layout-size-height-max:999999999px;\n  --cds-layout-density-padding-inline-condensed:0.5rem;\n  --cds-layout-density-padding-inline-normal:1rem;\n  --cds-layout-density-padding-inline-min:0px;\n  --cds-layout-density-padding-inline-max:999999999px;\n}\n:host html,\n:host body,\n:host div,\n:host span,\n:host applet,\n:host object,\n:host iframe,\n:host h1,\n:host h2,\n:host h3,\n:host h4,\n:host h5,\n:host h6,\n:host p,\n:host blockquote,\n:host pre,\n:host a,\n:host abbr,\n:host acronym,\n:host address,\n:host big,\n:host cite,\n:host code,\n:host del,\n:host dfn,\n:host em,\n:host img,\n:host ins,\n:host kbd,\n:host q,\n:host s,\n:host samp,\n:host small,\n:host strike,\n:host strong,\n:host sub,\n:host sup,\n:host tt,\n:host var,\n:host b,\n:host u,\n:host i,\n:host center,\n:host dl,\n:host dt,\n:host dd,\n:host ol,\n:host ul,\n:host li,\n:host fieldset,\n:host form,\n:host label,\n:host legend,\n:host table,\n:host caption,\n:host tbody,\n:host tfoot,\n:host thead,\n:host tr,\n:host th,\n:host td,\n:host article,\n:host aside,\n:host canvas,\n:host details,\n:host embed,\n:host figure,\n:host figcaption,\n:host footer,\n:host header,\n:host hgroup,\n:host menu,\n:host nav,\n:host output,\n:host ruby,\n:host section,\n:host summary,\n:host time,\n:host mark,\n:host audio,\n:host video{\n  padding:0;\n  border:0;\n  margin:0;\n  font:inherit;\n  font-feature-settings:\"liga\" 1;\n  font-size:100%;\n  vertical-align:baseline;\n}\n:host button,\n:host select,\n:host input,\n:host textarea{\n  border-radius:0;\n  font-family:inherit;\n}\n:host{\n}\n:host article,\n:host aside,\n:host details,\n:host figcaption,\n:host figure,\n:host footer,\n:host header,\n:host hgroup,\n:host menu,\n:host nav,\n:host section{\n  display:block;\n}\n:host body{\n  background-color:var(--cds-background, #ffffff);\n  color:var(--cds-text-primary, #161616);\n  line-height:1;\n}\n:host ol,\n:host ul{\n  list-style:none;\n}\n:host blockquote,\n:host q{\n  quotes:none;\n}\n:host blockquote::before,\n:host blockquote::after,\n:host q::before,\n:host q::after{\n  content:none;\n}\n:host table{\n  border-collapse:collapse;\n  border-spacing:0;\n}\n:host html{\n  box-sizing:border-box;\n}\n:host *,\n:host *::before,\n:host *::after{\n  box-sizing:inherit;\n}\n:host html{\n  font-size:100%;\n}\n:host body{\n  font-weight:400;\n  font-family:'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n  -moz-osx-font-smoothing:grayscale;\n  -webkit-font-smoothing:antialiased;\n  text-rendering:optimizeLegibility;\n}\n:host code{\n  font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host strong{\n  font-weight:600;\n}\n@media screen and (-ms-high-contrast: active){\n  :host svg{\n    fill:ButtonText;\n  }\n}\n:host h1{\n  font-size:var(--cds-heading-06-font-size, 2.625rem);\n  font-weight:var(--cds-heading-06-font-weight, 300);\n  line-height:var(--cds-heading-06-line-height, 1.199);\n  letter-spacing:var(--cds-heading-06-letter-spacing, 0);\n}\n:host h2{\n  font-size:var(--cds-heading-05-font-size, 2rem);\n  font-weight:var(--cds-heading-05-font-weight, 400);\n  line-height:var(--cds-heading-05-line-height, 1.25);\n  letter-spacing:var(--cds-heading-05-letter-spacing, 0);\n}\n:host h3{\n  font-size:var(--cds-heading-04-font-size, 1.75rem);\n  font-weight:var(--cds-heading-04-font-weight, 400);\n  line-height:var(--cds-heading-04-line-height, 1.28572);\n  letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n}\n:host h4{\n  font-size:var(--cds-heading-03-font-size, 1.25rem);\n  font-weight:var(--cds-heading-03-font-weight, 400);\n  line-height:var(--cds-heading-03-line-height, 1.4);\n  letter-spacing:var(--cds-heading-03-letter-spacing, 0);\n}\n:host h5{\n  font-size:var(--cds-heading-02-font-size, 1rem);\n  font-weight:var(--cds-heading-02-font-weight, 600);\n  line-height:var(--cds-heading-02-line-height, 1.5);\n  letter-spacing:var(--cds-heading-02-letter-spacing, 0);\n}\n:host h6{\n  font-size:var(--cds-heading-01-font-size, 0.875rem);\n  font-weight:var(--cds-heading-01-font-weight, 600);\n  line-height:var(--cds-heading-01-line-height, 1.42857);\n  letter-spacing:var(--cds-heading-01-letter-spacing, 0.16px);\n}\n:host p{\n  font-size:var(--cds-body-02-font-size, 1rem);\n  font-weight:var(--cds-body-02-font-weight, 400);\n  line-height:var(--cds-body-02-line-height, 1.5);\n  letter-spacing:var(--cds-body-02-letter-spacing, 0);\n}\n:host a{\n  color:var(--cds-link-primary, #0062fe);\n}\n:host em{\n  font-style:italic;\n}\n:host{\n}\n@keyframes cds-aichat-fade-in{\n  0%{\n    opacity:0;\n  }\n  100%{\n    opacity:1;\n  }\n}\n@keyframes cds-aichat-fade-in-up{\n  0%{\n    opacity:0;\n    transform:translateY(32px);\n  }\n  50%{\n    transform:translateY(0);\n  }\n  100%{\n    opacity:1;\n  }\n}\n@keyframes cds-aichat-fade-out{\n  0%{\n    opacity:1;\n  }\n  100%{\n    opacity:0;\n  }\n}\n@keyframes cds-aichat-fade-in-img{\n  0%{\n    filter:grayscale(100%);\n    opacity:0;\n  }\n  100%{\n    filter:grayscale(0%);\n    opacity:1;\n  }\n}\n@keyframes cds-aichat-slide-in-from-right{\n  from{\n    inset-inline-start:100%;\n  }\n  to{\n    inset-inline-start:0;\n  }\n}\n@keyframes cds-aichat-slide-out-to-right{\n  from{\n    inset-inline-start:0;\n  }\n  to{\n    inset-inline-start:100%;\n  }\n}\n@keyframes cds-aichat-slide-out-to-top{\n  from{\n    inset-block-start:0;\n  }\n  to{\n    inset-block-start:-100%;\n  }\n}\n@keyframes cds-aichat-slide-in-from-left{\n  from{\n    inset-inline-end:100%;\n  }\n  to{\n    inset-inline-end:0;\n  }\n}\n@keyframes cds-aichat-slide-out-to-left{\n  from{\n    inset-inline-end:0;\n  }\n  to{\n    inset-inline-end:100%;\n  }\n}\n@keyframes cds-aichat-slide-in-from-bottom{\n  from{\n    inset-block-start:100%;\n  }\n  to{\n    inset-block-start:0;\n  }\n}\n@keyframes cds-aichat-slide-out-to-bottom{\n  from{\n    inset-block-start:0;\n  }\n  to{\n    inset-block-start:100%;\n  }\n}\n@keyframes cds-aichat-widget-in{\n  0%{\n    inset-block-end:0;\n    opacity:0;\n  }\n  100%{\n    inset-block-end:var(--cds-aichat-bottom-position, 3rem);\n    opacity:1;\n  }\n}\n@keyframes cds-aichat-widget-in-mobile{\n  0%{\n    opacity:0;\n  }\n  100%{\n    opacity:1;\n  }\n}\n@keyframes cds-aichat-widget-out{\n  0%{\n    opacity:1;\n  }\n  100%{\n    opacity:0;\n  }\n}\n@keyframes cds-aichat-fade-in-up-back-button{\n  0%{\n    opacity:0;\n    transform:translate(-50%, calc(-100% - 1rem + 2rem));\n  }\n  15%{\n    opacity:0;\n  }\n  50%{\n    transform:translate(-50%, calc(-100% - 1rem));\n  }\n  100%{\n    opacity:1;\n  }\n}\n@keyframes cds-aichat-widget-in{\n  0%{\n    inset-block-end:calc(var(--cds-aichat-bottom-position, 3rem) - 2rem);\n    opacity:0;\n  }\n  100%{\n    inset-block-end:var(--cds-aichat-bottom-position, 3rem);\n    opacity:1;\n  }\n}\n@keyframes cds-aichat-widget-out{\n  0%{\n    opacity:1;\n  }\n  100%{\n    opacity:0;\n  }\n}\n:host{\n}\n:host .cds-aichat--container--render{\n  --cds-aichat-max-height:640px;\n  --cds-aichat-min-height:max(\n    150px,\n    calc(min(256px, 100vh) - var(--cds-aichat-bottom-position))\n  );\n  --cds-aichat-messages-max-width:672px;\n  --cds-aichat-messages-min-width:320px;\n  --cds-aichat-workspace-min-width:480px;\n  --cds-aichat-bottom-position:3rem;\n  --cds-aichat-right-position:2rem;\n  --cds-aichat-top-position:auto;\n  --cds-aichat-left-position:auto;\n  --cds-aichat-z-index:99999;\n  --cds-aichat-border-radius:0;\n  --cds-aichat-card-border-radius:0.5rem;\n  --cds-aichat-card-max-width:424px;\n  --cds-aichat-width:min(380px, var(--cds-aichat-max-width));\n  --cds-aichat-height:calc(100vh - (2 * 2rem));\n  --cds-aichat-launcher-default-size:56px;\n  --cds-aichat-launcher-position-bottom:3rem;\n  --cds-aichat-launcher-position-right:2rem;\n  --cds-aichat-launcher-extended-width:280px;\n  --cds-aichat-launcher-color-background:var(--cds-button-primary, #0f62fe);\n  --cds-aichat-launcher-color-avatar:var(--cds-text-on-color, #ffffff);\n  --cds-aichat-launcher-color-background-hover:var(--cds-button-primary-hover, #0050e6);\n  --cds-aichat-launcher-color-background-active:var(--cds-button-primary-active, #002d9c);\n  --cds-aichat-launcher-color-focus-border:var(--cds-text-on-color, #ffffff);\n  --cds-aichat-launcher-mobile-color-text:var(--cds-text-on-color, #ffffff);\n  --cds-aichat-launcher-expanded-message-color-text:var(--cds-text-on-color, #ffffff);\n  --cds-aichat-launcher-expanded-message-color-background:var(--cds-button-primary, #0f62fe);\n  --cds-aichat-launcher-expanded-message-color-background-hover:var(--cds-button-primary-hover, #0050e6);\n  --cds-aichat-launcher-expanded-message-color-background-active:var(--cds-button-primary-active, #002d9c);\n  --cds-aichat-launcher-expanded-message-color-focus-border:var(--cds-text-on-color, #ffffff);\n  --cds-aichat-unread-indicator-color-background:var(--cds-support-error, #da1e28);\n  --cds-aichat-unread-indicator-color-text:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-aichat--container--render .cds-aichat--widget--rounded{\n  --cds-aichat-border-radius:0.5rem;\n}\n:host .cds-aichat--container--render.cds-aichat--is-phone{\n  --cds-aichat-width:calc(100vw - 4px);\n  --cds-aichat-height:calc(100vh - 4px);\n  --cds-aichat-left-position:2;\n  --cds-aichat-top-position:2;\n  --cds-aichat-max-width:auto;\n  --cds-aichat-max-height:auto;\n  --cds-aichat-min-height:auto;\n  --cds-aichat-right-position:auto;\n}\n@supports (height: 100dvh){\n  :host .cds-aichat--container--render.cds-aichat--is-phone{\n    --cds-aichat-width:calc(100dvw - 4px);\n    --cds-aichat-height:calc(100dvh - 4px);\n  }\n}\n:host{\n}\n:host .cds-aichat--overlay-panel--catastrophic_panel .cds-aichat--overlay-panel{\n  display:flex;\n  flex-direction:column;\n}\n:host .cds-aichat--catastrophic-error{\n  display:flex;\n  flex:1;\n  flex-direction:column;\n  justify-content:center;\n  border-radius:0.5rem;\n}\n:host .cds-aichat--catastrophic-error .cds-aichat--catastrophic-error__error-text-container > svg{\n  margin-inline-start:calc(2rem * -1);\n  max-block-size:128px;\n  max-inline-size:128px;\n  padding-inline-start:0.25rem;\n}\n:host .cds-aichat--catastrophic-error__error-text-container{\n  margin-block-start:1.5rem;\n  margin-inline:2rem;\n}\n:host .cds-aichat--catastrophic-error__error-heading{\n  font-size:var(--cds-heading-04-font-size, 1.75rem);\n  font-weight:var(--cds-heading-04-font-weight, 400);\n  line-height:var(--cds-heading-04-line-height, 1.28572);\n  letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n}\n:host .cds-aichat--catastrophic-error__error-body{\n  color:var(--cds-text-secondary, #525252);\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n  margin-block-start:1rem;\n}\n:host .cds-aichat--catastrophic-error__restart-button{\n  display:block;\n  margin-block-start:1rem;\n}\n:host{\n}\n:host .cds-aichat--disclaimer__content.cds-aichat--panel-content,\n:host .cds-aichat--wide-width .cds-aichat--disclaimer__content.cds-aichat--panel-content{\n  box-sizing:border-box;\n  padding:0 2rem 0 2rem;\n  color:var(--cds-text-primary, #161616);\n  min-block-size:100%;\n}\n:host .cds-aichat--disclaimer__icon{\n  padding:1.5rem 0 1.5rem 0;\n  margin-inline-start:calc(1.5rem * -1);\n}\n:host .cds-aichat--disclaimer__icon > svg{\n  block-size:128px;\n  inline-size:128px;\n}\n:host .cds-aichat--disclaimer__title{\n  display:block;\n  font-size:var(--cds-heading-04-font-size, 1.75rem);\n  font-weight:var(--cds-heading-04-font-weight, 400);\n  line-height:var(--cds-heading-04-line-height, 1.28572);\n  letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n  inline-size:100%;\n  padding-block-end:1rem;\n}\n:host .cds-aichat--disclaimer__description{\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n  padding-block-end:1rem;\n}\n:host .cds-aichat--disclaimer__footer{\n  display:flex;\n  justify-content:flex-end;\n}\n:host .cds-aichat--disclaimer__accept-button{\n  margin-inline-start:auto;\n}\n:host .cds-aichat--wide-width cds-button.cds-aichat--disclaimer__accept-button{\n  inline-size:288px;\n}\n:host .cds-aichat--narrow-width .cds-aichat--disclaimer__footer,\n:host .cds-aichat--standard-width .cds-aichat--disclaimer__footer{\n  justify-content:stretch;\n}\n:host .cds-aichat--narrow-width cds-button.cds-aichat--disclaimer__accept-button,\n:host .cds-aichat--standard-width cds-button.cds-aichat--disclaimer__accept-button{\n  inline-size:100%;\n  margin-inline-start:0;\n  max-inline-size:unset;\n}\n:host{\n}\n:host .cds-aichat--hydrating-container{\n  display:flex;\n  overflow:hidden;\n  flex-direction:column;\n  block-size:100%;\n}\n:host .cds-aichat--hydrating{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  block-size:100%;\n}\n:host .cds-aichat--hydrating .cds-aichat--loading-spinner{\n  block-size:48px;\n  inline-size:48px;\n  margin-block-start:-64px;\n}\n:host .cds-aichat--hydrating .cds-aichat--loading-spinner path{\n  stroke:var(--cds-interactive, #0f62fe);\n}\n:host{\n}\n:host .cds-aichat--i-frame-panel{\n  position:relative;\n  display:flex;\n  flex-direction:column;\n  background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-aichat--i-frame-panel__content{\n  position:relative;\n  display:flex;\n  flex:1;\n}\n:host .cds-aichat--i-frame-panel__content .cds-aichat--i-frame-component__status-container{\n  background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-aichat--i-frame-panel__content .cds-aichat--i-frame-component__wrapper{\n  flex:1;\n  block-size:unset;\n}\n:host{\n}\n:host .cds-aichat--i-frame-panel,\n:host .cds-aichat--view-source-panel,\n:host .cds-aichat--custom-panel{\n  box-sizing:border-box;\n  block-size:100%;\n  border-end-end-radius:var(--cds-aichat-rounded-modifier-radius-end-end, 0);\n  border-end-start-radius:var(--cds-aichat-rounded-modifier-radius-end-start, 0);\n  border-start-end-radius:var(--cds-aichat-rounded-modifier-radius-start-end, 0);\n  border-start-start-radius:var(--cds-aichat-rounded-modifier-radius-start-start, 0);\n}\n:host{\n}\n:host .cds-aichat--confirm-modal{\n  position:absolute;\n  z-index:100;\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  background-color:var(--cds-overlay, rgba(0, 0, 0, 0.6));\n  block-size:100%;\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n  font-family:var(--cds-aichat-font-family, \"IBM Plex Sans\", \"Helvetica Neue\", arial, sans-serif);\n  inline-size:100%;\n  inset-block-start:0;\n}\n:host .cds-aichat--confirm-modal .cds-aichat--confirm-modal__container{\n  margin:auto;\n  background-color:var(--cds-background, #ffffff);\n  max-inline-size:min(var(--cds-aichat-messages-max-width, 672px) - 1rem * 2, 512px);\n}\n:host .cds-aichat--confirm-modal .cds-aichat--confirm-modal__title{\n  padding:1rem;\n  font-size:var(--cds-heading-compact-01-font-size, 0.875rem);\n  font-weight:var(--cds-heading-compact-01-font-weight, 600);\n  line-height:var(--cds-heading-compact-01-line-height, 1.28572);\n  letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--confirm-modal .cds-aichat--confirm-modal__message{\n  padding:0 1rem 3rem 1rem;\n}\n:host .cds-aichat--confirm-modal .cds-aichat--confirm-modal__no-button{\n  margin-inline-end:1px;\n}\n:host .cds-aichat--confirm-modal .cds-aichat--confirm-modal__button-container{\n  display:flex;\n  border-block-start:solid 1px var(--cds-layer-03, #f4f4f4);\n}\n:host .cds-aichat--confirm-modal .cds-aichat--confirm-modal__button-container *{\n  flex:1;\n}\n:host{\n}\n:host .cds-aichat--modal-host{\n  position:fixed;\n  z-index:calc(var(--cds-aichat-z-index, 99999) + 1);\n  display:none;\n  block-size:100vh;\n  inline-size:100vw;\n  inset-block-start:0;\n  inset-inline-start:0;\n  pointer-events:none;\n}\n:host{\n}\n:host .cds-aichat--modal-host:has(> *){\n  display:block;\n  pointer-events:auto;\n}\n:host .cds-aichat--modal-host > *{\n  pointer-events:auto;\n}\n:host{\n}\n:host .cds-aichat--icon-holder{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  block-size:100%;\n  inline-size:100%;\n}\n:host{\n}\n:host .cds-aichat--visually-hidden{\n  position:absolute;\n  overflow:hidden;\n  block-size:1px;\n  clip:rect(0 0 0 0);\n  clip-path:inset(50%);\n  inline-size:1px;\n  inset-block-start:0;\n  white-space:nowrap;\n}\n:host{\n}\n:host .cds-aichat--widget--max-width .cds-aichat--home-screen__home-screen-bottom-element,\n:host .cds-aichat--home-screen{\n  margin:auto;\n  max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host .cds-aichat--home-screen{\n  position:relative;\n  display:flex;\n  flex-direction:column;\n  block-size:100%;\n}\n:host{\n}\n:host .cds-aichat--home-screen__content{\n  display:flex;\n  overflow:hidden;\n  flex:1;\n  flex-direction:column;\n}\n:host .cds-aichat--home-screen__body-wrapper{\n  position:relative;\n  display:flex;\n  overflow:auto;\n  flex:1;\n  flex-direction:column;\n}\n:host .cds-aichat--home-screen__body{\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  padding:0 1rem 2rem;\n}\n:host{\n}\n:host .cds-aichat--home-screen__body--custom-content{\n  flex-grow:1;\n  flex-shrink:0;\n  min-block-size:90%;\n}\n:host .cds-aichat--home-screen__body--custom-content > *{\n  flex-shrink:0;\n}\n:host{\n}\n:host .cds-aichat--home-screen__body--no-custom-content{\n  flex:1;\n  padding-block-end:0;\n}\n:host .cds-aichat--home-screen__greeting{\n  color:var(--cds-text-primary, #161616);\n  font-size:var(--cds-heading-04-font-size, 1.75rem);\n  font-weight:var(--cds-heading-04-font-weight, 400);\n  line-height:var(--cds-heading-04-line-height, 1.28572);\n  letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n  margin-block-start:2rem;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n  :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__greeting{\n    animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in-up 70ms both;\n  }\n}\n:host .cds-aichat--home-screen__starters{\n  margin-block-start:2rem;\n}\n:host{\n}\n:host .cds-aichat--home-screen__body--no-custom-content .cds-aichat--home-screen__starters{\n  margin-block-end:2rem;\n}\n:host{\n}\n:host .cds-aichat--home-screen__body--custom-content-only{\n  flex-grow:unset;\n  flex-shrink:unset;\n  padding:0;\n  margin:0;\n  min-block-size:unset;\n}\n:host .cds-aichat--home-screen__starter-wrapper{\n  display:block;\n  margin-block-end:0.75rem;\n}\n:host .cds-aichat--home-screen__starter-wrapper:last-child{\n  margin-block-end:0;\n}\n:host cds-aichat-button.cds-aichat--home-screen__starter{\n  display:block;\n  max-inline-size:100%;\n  will-change:opacity;\n  word-break:break-word;\n}\n:host .cds-aichat--home-screen__starter-wrapper:nth-child(1){\n  --cds-aichat-homescreen-starter-index:1;\n}\n:host .cds-aichat--home-screen__starter-wrapper:nth-child(2){\n  --cds-aichat-homescreen-starter-index:2;\n}\n:host .cds-aichat--home-screen__starter-wrapper:nth-child(3){\n  --cds-aichat-homescreen-starter-index:3;\n}\n:host .cds-aichat--home-screen__starter-wrapper:nth-child(4){\n  --cds-aichat-homescreen-starter-index:4;\n}\n:host .cds-aichat--home-screen__starter-wrapper:nth-child(5){\n  --cds-aichat-homescreen-starter-index:5;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n  :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__starter-wrapper{\n    animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in-up calc(var(--cds-aichat-homescreen-starter-index) * 120ms) both;\n  }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n  :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__starters--animate-group .cds-aichat--home-screen__starter-wrapper{\n    animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in-up 120ms both;\n  }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n  :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__custom-content--animation{\n    animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in-up 330ms both;\n  }\n}\n:host .cds-aichat--home-screen__back-button{\n  display:block;\n  margin-block-end:1rem;\n  margin-block-start:auto;\n  margin-inline:auto;\n}\n:host .cds-aichat--home-screen__back-button .cds-aichat--home-screen__back-button-content{\n  display:flex;\n}\n:host .cds-aichat--home-screen__back-button .cds-aichat--home-screen__back-button-content .cds-aichat--home-screen__back-button-content-text{\n  margin-inline-end:0.5rem;\n  white-space:nowrap;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--home-screen__back-button .cds-aichat--home-screen__back-button-content .cds-aichat--home-screen__back-button-content-text{\n  margin-inline:0.5rem unset;\n}\n@keyframes cds-aichat-fade-in-up-back-button{\n  0%{\n    opacity:0;\n    transform:translateY(2rem);\n  }\n  15%{\n    opacity:0;\n  }\n  50%{\n    transform:translateY(0);\n  }\n  100%{\n    opacity:1;\n  }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n  :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__back-button{\n    animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in-up-back-button 350ms both;\n  }\n}\n:host{\n}\n:host .cds--layout--size-xs{\n  --cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);\n  --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-xs{\n  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));\n}\n:host .cds--layout-constraint--size__min-xs{\n  --cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem);\n}\n:host .cds--layout-constraint--size__max-xs{\n  --cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem);\n}\n:host .cds--layout--size-sm{\n  --cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);\n  --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-sm{\n  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));\n}\n:host .cds--layout-constraint--size__min-sm{\n  --cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem);\n}\n:host .cds--layout-constraint--size__max-sm{\n  --cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem);\n}\n:host .cds--layout--size-md{\n  --cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);\n  --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-md{\n  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));\n}\n:host .cds--layout-constraint--size__min-md{\n  --cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem);\n}\n:host .cds--layout-constraint--size__max-md{\n  --cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem);\n}\n:host .cds--layout--size-lg{\n  --cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);\n  --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-lg{\n  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));\n}\n:host .cds--layout-constraint--size__min-lg{\n  --cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem);\n}\n:host .cds--layout-constraint--size__max-lg{\n  --cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem);\n}\n:host .cds--layout--size-xl{\n  --cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);\n  --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-xl{\n  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));\n}\n:host .cds--layout-constraint--size__min-xl{\n  --cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem);\n}\n:host .cds--layout-constraint--size__max-xl{\n  --cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem);\n}\n:host .cds--layout--size-2xl{\n  --cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);\n  --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-2xl{\n  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));\n}\n:host .cds--layout-constraint--size__min-2xl{\n  --cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem);\n}\n:host .cds--layout-constraint--size__max-2xl{\n  --cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem);\n}\n:host .cds--layout--density-condensed{\n  --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n  --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n:host .cds--layout-constraint--density__default-condensed{\n  --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));\n}\n:host .cds--layout-constraint--density__min-condensed{\n  --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n:host .cds--layout-constraint--density__max-condensed{\n  --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n:host .cds--layout--density-normal{\n  --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);\n  --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n:host .cds--layout-constraint--density__default-normal{\n  --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));\n}\n:host .cds--layout-constraint--density__min-normal{\n  --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n:host .cds--layout-constraint--density__max-normal{\n  --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n:host :root{\n  --cds-layout-size-height-xs:1.5rem;\n  --cds-layout-size-height-sm:2rem;\n  --cds-layout-size-height-md:2.5rem;\n  --cds-layout-size-height-lg:3rem;\n  --cds-layout-size-height-xl:4rem;\n  --cds-layout-size-height-2xl:5rem;\n  --cds-layout-size-height-min:0px;\n  --cds-layout-size-height-max:999999999px;\n  --cds-layout-density-padding-inline-condensed:0.5rem;\n  --cds-layout-density-padding-inline-normal:1rem;\n  --cds-layout-density-padding-inline-min:0px;\n  --cds-layout-density-padding-inline-max:999999999px;\n}\n:host{\n}\n:host :root{\n  --cds-layer:var(--cds-layer-01, #f4f4f4);\n  --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n  --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n  --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n  --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n  --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n  --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n  --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n  --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n  --cds-field:var(--cds-field-01, #f4f4f4);\n  --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n  --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n  --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n  --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n  --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds--layer-one{\n  --cds-layer:var(--cds-layer-01, #f4f4f4);\n  --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n  --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n  --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n  --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n  --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n  --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n  --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n  --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n  --cds-field:var(--cds-field-01, #f4f4f4);\n  --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n  --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n  --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n  --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n  --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds--layer-two{\n  --cds-layer:var(--cds-layer-02, #ffffff);\n  --cds-layer-active:var(--cds-layer-active-02, #c6c6c6);\n  --cds-layer-background:var(--cds-layer-background-02, #f4f4f4);\n  --cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);\n  --cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);\n  --cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);\n  --cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);\n  --cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);\n  --cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);\n  --cds-field:var(--cds-field-02, #ffffff);\n  --cds-field-hover:var(--cds-field-hover-02, #e8e8e8);\n  --cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);\n  --cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);\n  --cds-border-strong:var(--cds-border-strong-02, #8d8d8d);\n  --cds-border-tile:var(--cds-border-tile-02, #a8a8a8);\n}\n:host .cds--layer-three{\n  --cds-layer:var(--cds-layer-03, #f4f4f4);\n  --cds-layer-active:var(--cds-layer-active-03, #c6c6c6);\n  --cds-layer-background:var(--cds-layer-background-03, #ffffff);\n  --cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);\n  --cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);\n  --cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);\n  --cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);\n  --cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);\n  --cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);\n  --cds-field:var(--cds-field-03, #f4f4f4);\n  --cds-field-hover:var(--cds-field-hover-03, #e8e8e8);\n  --cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);\n  --cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);\n  --cds-border-strong:var(--cds-border-strong-03, #8d8d8d);\n  --cds-border-tile:var(--cds-border-tile-03, #c6c6c6);\n}\n:host .cds--layer-one.cds--layer__with-background{\n  background-color:var(--cds-layer-background);\n}\n:host .cds--layer-two.cds--layer__with-background{\n  background-color:var(--cds-layer-background);\n}\n:host .cds--layer-three.cds--layer__with-background{\n  background-color:var(--cds-layer-background);\n}\n@keyframes cds--hide-feedback{\n  0%{\n    opacity:1;\n    visibility:inherit;\n  }\n  100%{\n    opacity:0;\n    visibility:hidden;\n  }\n}\n@keyframes cds--show-feedback{\n  0%{\n    opacity:0;\n    visibility:hidden;\n  }\n  100%{\n    opacity:1;\n    visibility:inherit;\n  }\n}\n@keyframes cds--skeleton{\n  0%{\n    opacity:0.3;\n    transform:scaleX(0);\n    transform-origin:left;\n  }\n  20%{\n    opacity:1;\n    transform:scaleX(1);\n    transform-origin:left;\n  }\n  28%{\n    transform:scaleX(1);\n    transform-origin:right;\n  }\n  51%{\n    transform:scaleX(0);\n    transform-origin:right;\n  }\n  58%{\n    transform:scaleX(0);\n    transform-origin:right;\n  }\n  82%{\n    transform:scaleX(1);\n    transform-origin:right;\n  }\n  83%{\n    transform:scaleX(1);\n    transform-origin:left;\n  }\n  96%{\n    transform:scaleX(0);\n    transform-origin:left;\n  }\n  100%{\n    opacity:0.3;\n    transform:scaleX(0);\n    transform-origin:left;\n  }\n}\n:host .cds--assistive-text,\n:host .cds--visually-hidden{\n  position:absolute;\n  overflow:hidden;\n  padding:0;\n  border:0;\n  margin:-1px;\n  block-size:1px;\n  clip:rect(0, 0, 0, 0);\n  inline-size:1px;\n  visibility:inherit;\n  white-space:nowrap;\n}\n:host .cds--popover-container{\n  display:inline-block;\n}\n:host .cds--popover-container:not(.cds--popover--auto-align){\n  position:relative;\n}\n:host .cds--popover--high-contrast .cds--popover{\n  --cds-popover-background-color:var(--cds-background-inverse, #393939);\n  --cds-popover-text-color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds--popover--drop-shadow .cds--popover{\n  filter:var(--cds-popover-drop-shadow, drop-shadow(0 0.125rem 0.125rem rgba(0, 0, 0, 0.2)));\n}\n:host .cds--popover--border > .cds--popover > .cds--popover-content{\n  outline:1px solid var(--cds-popover-border-color, var(--cds-border-subtle));\n  outline-offset:-1px;\n}\n:host .cds--popover--caret{\n  --cds-popover-offset:0.625rem;\n}\n:host .cds--popover{\n  position:absolute;\n  z-index:6000;\n  inset:0;\n  pointer-events:none;\n}\n:host .cds--popover-content{\n  --cds-layout-size-height-sm:2rem;\n}\n:host .cds--popover-content.cds--layout--size-sm, :host .cds--layout--size-sm :where(.cds--popover-content){\n  --cds-layout-size-height:var(--cds-layout-size-height-sm);\n}\n:host .cds--popover-content{\n  --cds-layout-size-height-md:2.5rem;\n}\n:host .cds--popover-content.cds--layout--size-md, :host .cds--layout--size-md :where(.cds--popover-content){\n  --cds-layout-size-height:var(--cds-layout-size-height-md);\n}\n:host .cds--popover-content{\n  --cds-layout-size-height-lg:3rem;\n}\n:host .cds--popover-content.cds--layout--size-lg, :host .cds--layout--size-lg :where(.cds--popover-content){\n  --cds-layout-size-height:var(--cds-layout-size-height-lg);\n}\n:host .cds--popover-content{\n  box-sizing:border-box;\n  padding:0;\n  border:0;\n  margin:0;\n  font-family:inherit;\n  font-size:100%;\n  vertical-align:baseline;\n}\n:host .cds--popover-content *,\n:host .cds--popover-content *::before,\n:host .cds--popover-content *::after{\n  box-sizing:inherit;\n}\n:host .cds--popover-content{\n  position:absolute;\n  z-index:6000;\n  display:none;\n  border-radius:var(--cds-popover-border-radius, 2px);\n  background-color:var(--cds-popover-background-color, var(--cds-layer));\n  color:var(--cds-popover-text-color, var(--cds-text-primary, #161616));\n  inline-size:-moz-max-content;\n  inline-size:max-content;\n  max-inline-size:23rem;\n  pointer-events:auto;\n}\n:host .cds--popover--open > .cds--popover > .cds--popover-content{\n  display:block;\n}\n:host .cds--popover--background-token__background > .cds--popover > .cds--popover-content{\n  background-color:var(--cds-background, #ffffff);\n}\n:host .cds--popover-content::before{\n  position:absolute;\n  display:none;\n  content:\"\";\n}\n:host .cds--popover--open > .cds--popover > .cds--popover-content::before{\n  display:block;\n}\n:host .cds--popover-caret,\n:host .cds--popover--auto-align.cds--popover-caret{\n  position:absolute;\n  z-index:6000;\n  display:none;\n  will-change:transform;\n}\n:host .cds--popover-caret::after,\n:host .cds--popover--auto-align.cds--popover-caret::after{\n  position:absolute;\n  display:block;\n  background-color:var(--cds-popover-background-color, var(--cds-layer));\n  content:\"\";\n}\n:host .cds--popover-caret::before,\n:host .cds--popover--auto-align.cds--popover-caret::before{\n  position:absolute;\n  display:none;\n  background-color:var(--cds-popover-border-color, var(--cds-border-subtle));\n  content:\"\";\n}\n:host .cds--popover--background-token__background > .cds--popover > .cds--popover-caret::after{\n  background-color:var(--cds-background, #ffffff);\n}\n:host .cds--popover--border .cds--popover-caret::before,\n:host .cds--popover--border .cds--popover--auto-align.cds--popover-caret::before{\n  display:block;\n}\n:host .cds--popover--caret.cds--popover--open > .cds--popover > .cds--popover-caret{\n  display:block;\n}\n:host .cds--popover--auto-align.cds--popover--caret.cds--popover--open > .cds--popover > .cds--popover-content > .cds--popover-caret{\n  display:block;\n}\n:host .cds--popover--tab-tip > .cds--popover > .cds--popover-caret{\n  display:none;\n}\n:host .cds--popover--bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-block-end:0;\n  inset-inline-start:50%;\n  transform:translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  transform:translate(50%, calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host .cds--popover--bottom-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-block-end:0;\n  inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n  transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--bottom-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n  inset-inline-start:initial;\n}\n:host .cds--popover--bottom-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-block-end:0;\n  inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n  transform:translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--bottom-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n}\n:host .cds--popover--bottom > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--bottom-left > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--bottom-start > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--bottom-right > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--bottom-end > .cds--popover > .cds--popover-content::before{\n  block-size:var(--cds-popover-offset, 0rem);\n  inset-block-start:0;\n  inset-inline:0;\n  transform:translateY(-100%);\n}\n:host .cds--popover--bottom > .cds--popover > .cds--popover-caret,\n:host .cds--popover--bottom-left > .cds--popover > .cds--popover-caret,\n:host .cds--popover--bottom-start > .cds--popover > .cds--popover-caret,\n:host .cds--popover--bottom-right > .cds--popover > .cds--popover-caret,\n:host .cds--popover--bottom-end > .cds--popover > .cds--popover-caret{\n  block-size:var(--cds-popover-caret-height, 0.375rem);\n  inline-size:var(--cds-popover-caret-width, 0.75rem);\n  inset-block-end:0;\n  inset-inline-start:50%;\n  transform:translate(-50%, var(--cds-popover-offset, 0rem));\n}\n:host .cds--popover--bottom > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--bottom-left > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--bottom-start > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--bottom-right > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--bottom-end > .cds--popover > .cds--popover-caret::after{\n  block-size:var(--cds-popover-caret-height, 0.375rem);\n  clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n  inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--bottom > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-left > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-start > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-right > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-end > .cds--popover > .cds--popover-caret::before{\n  block-size:var(--cds-popover-caret-height, 0.375rem);\n  clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n  inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--bottom > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-left > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-start > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-right > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-end > .cds--popover > .cds--popover-caret::after{\n  inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n  inset-block-start:1px;\n  inset-inline-start:0.5px;\n}\n:host [dir=rtl] .cds--popover--bottom > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--bottom-left > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--bottom-start > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--bottom-right > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--bottom-end > .cds--popover > .cds--popover-caret{\n  transform:translate(50%, var(--cds-popover-offset, 0rem));\n}\n:host .cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret{\n  block-size:var(--cds-popover-caret-height, 0.375rem);\n  inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n  block-size:var(--cds-popover-caret-height, 0.375rem);\n  clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n  inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before{\n  block-size:var(--cds-popover-caret-height, 0.375rem);\n  clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n  inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n  inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n  inset-block-start:1px;\n  inset-inline-start:0.5px;\n}\n:host .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-block-start:0;\n  inset-inline-start:50%;\n  transform:translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  transform:translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-block-start:0;\n  inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n  transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n  inset-inline-start:initial;\n}\n:host .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-block-start:0;\n  inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n  transform:translate(var(--cds-popover-offset, 0rem), calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n}\n:host .cds--popover--top > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--top-left > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--top-start > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--top-right > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--top-end > .cds--popover > .cds--popover-content::before{\n  block-size:var(--cds-popover-offset, 0rem);\n  inset-block-end:0;\n  inset-inline:0;\n  transform:translateY(100%);\n}\n:host .cds--popover--top > .cds--popover > .cds--popover-caret,\n:host .cds--popover--top-left > .cds--popover > .cds--popover-caret,\n:host .cds--popover--top-start > .cds--popover > .cds--popover-caret,\n:host .cds--popover--top-right > .cds--popover > .cds--popover-caret,\n:host .cds--popover--top-end > .cds--popover > .cds--popover-caret{\n  block-size:var(--cds-popover-caret-height, 0.375rem);\n  inline-size:var(--cds-popover-caret-width, 0.75rem);\n  inset-block-start:0;\n  inset-inline-start:50%;\n  transform:translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));\n}\n:host .cds--popover--top > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--top-left > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--top-start > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--top-right > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--top-end > .cds--popover > .cds--popover-caret::after{\n  block-size:var(--cds-popover-caret-height, 0.375rem);\n  clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n  inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--top > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-left > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-start > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-right > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-end > .cds--popover > .cds--popover-caret::before{\n  block-size:var(--cds-popover-caret-height, 0.375rem);\n  clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n  inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--top > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-left > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-start > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-right > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-end > .cds--popover > .cds--popover-caret::after{\n  inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n  inset-block-start:-1px;\n  inset-inline-start:0.5px;\n}\n:host [dir=rtl] .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret{\n  transform:translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));\n}\n:host .cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret{\n  block-size:var(--cds-popover-caret-height, 0.375rem);\n  inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n  block-size:var(--cds-popover-caret-height, 0.375rem);\n  clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n  inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before{\n  block-size:var(--cds-popover-caret-height, 0.375rem);\n  clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n  inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n  inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n  inset-block-start:-1px;\n  inset-inline-start:0.5px;\n}\n:host .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-block-start:50%;\n  inset-inline-start:100%;\n  transform:translate(var(--cds-popover-offset, 0rem), -50%);\n}\n:host .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-block-start:50%;\n  inset-inline-start:100%;\n  transform:translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) * -1 - 16px));\n}\n:host .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-block-end:50%;\n  inset-inline-start:100%;\n  transform:translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));\n}\n:host [dir=rtl] .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-inline-end:100%;\n  inset-inline-start:initial;\n}\n:host .cds--popover--right > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--right-top > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--right-start > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--right-bottom > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--right-end > .cds--popover > .cds--popover-content::before{\n  inline-size:var(--cds-popover-offset, 0rem);\n  inset-block:0;\n  inset-inline-start:0;\n  transform:translateX(-100%);\n}\n:host .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret{\n  block-size:var(--cds-popover-caret-width, 0.75rem);\n  inline-size:var(--cds-popover-caret-height, 0.375rem);\n  inset-block-start:50%;\n  inset-inline-start:100%;\n  transform:translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%);\n}\n:host .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after{\n  block-size:var(--cds-popover-caret-width, 0.75rem);\n  clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n  inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host [dir=rtl] .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret{\n  inset-inline-end:100%;\n  inset-inline-start:initial;\n}\n:host .cds--popover--border.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before{\n  block-size:var(--cds-popover-caret-width, 0.75rem);\n  clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n  inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--border.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after{\n  inset-inline-start:1px;\n}\n:host [dir=rtl] .cds--popover--border.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after{\n  inset-inline-start:-1px;\n}\n:host .cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret{\n  block-size:var(--cds-popover-caret-width, 0.75rem);\n  inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n  block-size:var(--cds-popover-caret-width, 0.75rem);\n  clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n  inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before{\n  block-size:var(--cds-popover-caret-width, 0.75rem);\n  clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n  inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n  inset-inline-start:1px;\n}\n:host [dir=rtl] .cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before{\n  margin-inline-start:1px;\n}\n:host [dir=rtl] .cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n  inset-inline-start:0;\n}\n:host .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-block-start:50%;\n  inset-inline-end:100%;\n  transform:translate(calc(-1 * var(--cds-popover-offset, 0rem) + 0.1px), -50%);\n}\n:host .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-block-start:50%;\n  inset-inline-end:100%;\n  transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) - 16px));\n}\n:host .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-block-end:50%;\n  inset-inline-end:100%;\n  transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));\n}\n:host [dir=rtl] .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-inline-end:initial;\n  inset-inline-start:100%;\n}\n:host .cds--popover--left > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--left-top > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--left-start > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--left-bottom > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--left-end > .cds--popover > .cds--popover-content::before{\n  inline-size:var(--cds-popover-offset, 0rem);\n  inset-block:0;\n  inset-inline-end:0;\n  transform:translateX(100%);\n}\n:host .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret{\n  block-size:var(--cds-popover-caret-width, 0.75rem);\n  inline-size:var(--cds-popover-caret-height, 0.375rem);\n  inset-block-start:50%;\n  inset-inline-end:100%;\n  transform:translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%);\n}\n:host .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after{\n  block-size:var(--cds-popover-caret-width, 0.75rem);\n  clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n  inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host [dir=rtl] .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret{\n  inset-inline-end:initial;\n  inset-inline-start:100%;\n}\n:host .cds--popover--border.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before{\n  block-size:var(--cds-popover-caret-width, 0.75rem);\n  clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n  inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--border.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after{\n  inset-inline-start:-1px;\n}\n:host [dir=rtl] .cds--popover--border.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after{\n  inset-inline-start:1px;\n}\n:host .cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret{\n  block-size:var(--cds-popover-caret-width, 0.75rem);\n  inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n  block-size:var(--cds-popover-caret-width, 0.75rem);\n  clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n  inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before{\n  block-size:var(--cds-popover-caret-width, 0.75rem);\n  clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n  inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n  inset-inline-start:-1px;\n}\n:host [dir=rtl] .cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before{\n  margin-inline-start:-1px;\n}\n:host [dir=rtl] .cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n  inset-inline-start:0;\n}\n:host .cds--popover--tab-tip > .cds--popover > .cds--popover-content{\n  border-radius:0;\n}\n:host .cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-inline-start:0;\n}\n:host .cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-inline-end:0;\n  inset-inline-start:initial;\n}\n:host .cds--popover--tab-tip .cds--popover{\n  will-change:filter;\n}\n:host .cds--popover--tab-tip__button{\n  display:inline-block;\n  padding:0;\n  border:0;\n  -webkit-appearance:none;\n     -moz-appearance:none;\n          appearance:none;\n  background:none;\n  cursor:pointer;\n  text-align:start;\n  inline-size:100%;\n  box-sizing:border-box;\n  padding:0;\n  border:0;\n  margin:0;\n  font-family:inherit;\n  font-size:100%;\n  vertical-align:baseline;\n}\n:host .cds--popover--tab-tip__button *,\n:host .cds--popover--tab-tip__button *::before,\n:host .cds--popover--tab-tip__button *::after{\n  box-sizing:inherit;\n}\n:host .cds--popover--tab-tip__button::-moz-focus-inner{\n  border:0;\n}\n:host .cds--popover--tab-tip__button{\n  position:relative;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  block-size:2rem;\n  inline-size:2rem;\n}\n:host .cds--popover--tab-tip__button:focus{\n  outline:2px solid var(--cds-focus, #0f62fe);\n  outline-offset:-2px;\n}\n@media screen and (prefers-contrast){\n  :host .cds--popover--tab-tip__button:focus{\n    outline-style:dotted;\n  }\n}\n:host .cds--popover--tab-tip__button:hover{\n  background-color:var(--cds-layer-hover);\n}\n:host .cds--popover--tab-tip__button svg{\n  fill:var(--cds-icon-primary, #161616);\n}\n:host .cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{\n  background:var(--cds-layer);\n  box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);\n}\n:host .cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after{\n  position:absolute;\n  z-index:6001;\n  background:var(--cds-layer);\n  block-size:2px;\n  content:\"\";\n  inline-size:100%;\n  inset-block-end:0;\n}\n:host .cds--popover--tab-tip__button svg{\n  fill:var(--cds-icon-primary, #161616);\n}\n:host .cds--tooltip{\n  --cds-popover-offset:12px;\n}\n:host .cds--tooltip-content{\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n  padding:var(--cds-tooltip-padding-block, 1rem) var(--cds-tooltip-padding-inline, 1rem);\n  max-inline-size:18rem;\n  overflow-wrap:break-word;\n}\n:host .cds--icon-tooltip{\n  --cds-tooltip-padding-block:0.125rem;\n  --cds-popover-caret-width:0.5rem;\n  --cds-popover-caret-height:0.25rem;\n  --cds-popover-offset:0.5rem;\n}\n:host .cds--icon-tooltip .cds--tooltip-content{\n  font-size:var(--cds-body-compact-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-compact-01-font-weight, 400);\n  line-height:var(--cds-body-compact-01-line-height, 1.28572);\n  letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);\n}\n:host .cds--definition-term{\n  display:inline-block;\n  padding:0;\n  border:0;\n  -webkit-appearance:none;\n     -moz-appearance:none;\n          appearance:none;\n  background:none;\n  cursor:pointer;\n  text-align:start;\n  inline-size:100%;\n  box-sizing:border-box;\n  padding:0;\n  border:0;\n  margin:0;\n  font-family:inherit;\n  font-size:100%;\n  vertical-align:baseline;\n}\n:host .cds--definition-term *,\n:host .cds--definition-term *::before,\n:host .cds--definition-term *::after{\n  box-sizing:inherit;\n}\n:host .cds--definition-term::-moz-focus-inner{\n  border:0;\n}\n:host .cds--definition-term{\n  border-radius:0;\n  border-block-end:1px dotted var(--cds-border-strong);\n  color:var(--cds-text-primary, #161616);\n}\n:host .cds--definition-term:focus{\n  outline:1px solid var(--cds-focus, #0f62fe);\n}\n@media screen and (prefers-contrast){\n  :host .cds--definition-term:focus{\n    outline-style:dotted;\n  }\n}\n:host .cds--definition-term:focus{\n  border-block-end-color:var(--cds-border-interactive, #0f62fe);\n}\n:host .cds--definition-term:hover{\n  border-block-end-color:var(--cds-border-interactive, #0f62fe);\n}\n:host .cds--definition-tooltip{\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n  padding:0.5rem 1rem;\n  max-inline-size:11rem;\n  text-wrap:auto;\n  word-break:break-word;\n}\n:host{\n}\n:host .cds--btn{\n  --cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-2xl)));\n  --cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));\n  --temp-1lh:(\n    var(--cds-body-compact-01-line-height, 1.28572) * 1em\n  );\n  --temp-expressive-1lh:(\n    var(--cds-body-compact-02-line-height, 1.375) * 1em\n  );\n  --temp-padding-block-max:calc(\n    (var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 -\n      0.0625rem\n  );\n  box-sizing:border-box;\n  padding:0;\n  border:0;\n  margin:0;\n  font-family:inherit;\n  font-size:100%;\n  vertical-align:baseline;\n}\n:host .cds--btn *,\n:host .cds--btn *::before,\n:host .cds--btn *::after{\n  box-sizing:inherit;\n}\n:host .cds--btn{\n  font-size:var(--cds-body-compact-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-compact-01-font-weight, 400);\n  line-height:var(--cds-body-compact-01-line-height, 1.28572);\n  letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);\n  position:relative;\n  display:inline-flex;\n  flex-shrink:0;\n  justify-content:space-between;\n  border-radius:0;\n  margin:0;\n  cursor:pointer;\n  inline-size:-moz-max-content;\n  inline-size:max-content;\n  max-inline-size:20rem;\n  min-block-size:var(--cds-layout-size-height-local);\n  outline:none;\n  padding-block:min((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));\n  padding-inline:calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem) calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - 0.0625rem);\n  text-align:start;\n  text-decoration:none;\n  transition:background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);\n  vertical-align:top;\n}\n:host .cds--btn:disabled, :host .cds--btn:hover:disabled, :host .cds--btn:focus:disabled, :host .cds--btn.cds--btn--disabled, :host .cds--btn.cds--btn--disabled:hover, :host .cds--btn.cds--btn--disabled:focus{\n  border-color:var(--cds-button-disabled, #c6c6c6);\n  background:var(--cds-button-disabled, #c6c6c6);\n  box-shadow:none;\n  color:var(--cds-text-on-color-disabled, #8d8d8d);\n  cursor:not-allowed;\n}\n:host .cds--btn .cds--btn__icon{\n  position:absolute;\n  flex-shrink:0;\n  block-size:1rem;\n  inline-size:1rem;\n  inset-block-start:min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));\n  inset-inline-end:var(--cds-layout-density-padding-inline-local);\n  margin-block-start:0.0625rem;\n}\n:host .cds--btn::-moz-focus-inner{\n  padding:0;\n  border:0;\n}\n:host .cds--btn--primary{\n  border-width:1px;\n  border-style:solid;\n  border-color:transparent;\n  background-color:var(--cds-button-primary, #0f62fe);\n  color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--primary:hover{\n  background-color:var(--cds-button-primary-hover, #0050e6);\n}\n:host .cds--btn--primary:focus{\n  border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n  box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--primary:active{\n  background-color:var(--cds-button-primary-active, #002d9c);\n}\n:host .cds--btn--primary .cds--btn__icon,\n:host .cds--btn--primary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){\n  fill:currentColor;\n}\n:host .cds--btn--primary:hover{\n  color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--secondary{\n  border-width:1px;\n  border-style:solid;\n  border-color:transparent;\n  background-color:var(--cds-button-secondary, #393939);\n  color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--secondary:hover{\n  background-color:var(--cds-button-secondary-hover, #474747);\n}\n:host .cds--btn--secondary:focus{\n  border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n  box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--secondary:active{\n  background-color:var(--cds-button-secondary-active, #6f6f6f);\n}\n:host .cds--btn--secondary .cds--btn__icon,\n:host .cds--btn--secondary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){\n  fill:currentColor;\n}\n:host .cds--btn--secondary:hover, :host .cds--btn--secondary:focus{\n  color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--tertiary{\n  border-width:1px;\n  border-style:solid;\n  border-color:var(--cds-button-tertiary, #0f62fe);\n  background-color:transparent;\n  color:var(--cds-button-tertiary, #0f62fe);\n}\n:host .cds--btn--tertiary:hover{\n  background-color:var(--cds-button-tertiary-hover, #0050e6);\n}\n:host .cds--btn--tertiary:focus{\n  border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n  box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--tertiary:active{\n  background-color:var(--cds-button-tertiary-active, #002d9c);\n}\n:host .cds--btn--tertiary .cds--btn__icon,\n:host .cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){\n  fill:currentColor;\n}\n:host .cds--btn--tertiary:hover{\n  color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds--btn--tertiary:focus{\n  background-color:var(--cds-button-tertiary, #0f62fe);\n  color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds--btn--tertiary:active{\n  border-color:transparent;\n  background-color:var(--cds-button-tertiary-active, #002d9c);\n  color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds--btn--tertiary:disabled, :host .cds--btn--tertiary:hover:disabled, :host .cds--btn--tertiary:focus:disabled, :host .cds--btn--tertiary.cds--btn--disabled, :host .cds--btn--tertiary.cds--btn--disabled:hover, :host .cds--btn--tertiary.cds--btn--disabled:focus{\n  background:transparent;\n  color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  outline:none;\n}\n:host .cds--btn--ghost{\n  border-width:1px;\n  border-style:solid;\n  border-color:transparent;\n  background-color:transparent;\n  color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds--btn--ghost:hover{\n  background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n}\n:host .cds--btn--ghost:focus{\n  border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n  box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--ghost:active{\n  background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds--btn--ghost .cds--btn__icon,\n:host .cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){\n  fill:currentColor;\n}\n:host .cds--btn--ghost{\n  padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);\n}\n:host .cds--btn--ghost .cds--btn__icon{\n  position:static;\n  align-self:center;\n  margin-inline-start:0.5rem;\n}\n:host .cds--btn--ghost:hover, :host .cds--btn--ghost:active{\n  color:var(--cds-link-primary-hover, #0043ce);\n}\n:host .cds--btn--ghost:active{\n  background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds--btn--ghost:disabled, :host .cds--btn--ghost:hover:disabled, :host .cds--btn--ghost:focus:disabled, :host .cds--btn--ghost.cds--btn--disabled, :host .cds--btn--ghost.cds--btn--disabled:hover, :host .cds--btn--ghost.cds--btn--disabled:focus{\n  border-color:transparent;\n  background:transparent;\n  color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  outline:none;\n}\n:host .cds--btn--ghost:not([disabled]) svg{\n  fill:var(--cds-icon-primary, #161616);\n}\n:host .cds--btn--icon-only{\n  align-items:center;\n  justify-content:center;\n  padding:0;\n  block-size:var(--cds-layout-size-height-local);\n  inline-size:var(--cds-layout-size-height-local);\n  padding-block-start:0;\n}\n:host .cds--btn--icon-only > :first-child{\n  min-inline-size:1rem;\n}\n:host .cds--btn--icon-only .cds--btn__icon{\n  position:static;\n}\n:host .cds--btn--icon-only.cds--btn--ghost .cds--btn__icon, :host .cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon{\n  margin:0;\n}\n:host .cds--btn--icon-only.cds--btn--danger--ghost{\n  padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 1rem);\n}\n:host .cds--btn--xs:not(.cds--btn--icon-only){\n  padding-block-start:1.5px;\n}\n:host .cds--btn--xs:not(.cds--btn--icon-only) .cds--btn__icon,\n:host .cds--btn--sm:not(.cds--btn--icon-only) .cds--btn__icon,\n:host .cds--btn--md:not(.cds--btn--icon-only) .cds--btn__icon{\n  margin-block-start:0;\n}\n:host .cds--btn--icon-only.cds--btn--selected{\n  background:var(--cds-background-selected, rgba(141, 141, 141, 0.2));\n}\n:host .cds--btn path[data-icon-path=inner-path]{\n  fill:none;\n}\n:host .cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]),\n:host .cds--btn--ghost.cds--btn--icon-only .cds--btn__icon{\n  fill:var(--cds-icon-primary, #161616);\n}\n:host .cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon path:not([data-icon-path]):not([fill=none]),\n:host .cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,\n:host .cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover .cds--btn__icon{\n  fill:var(--cds-icon-on-color-disabled, #8d8d8d);\n}\n:host .cds--btn--ghost.cds--btn--icon-only[disabled]{\n  cursor:not-allowed;\n}\n:host .cds--icon-tooltip--disabled .cds--tooltip-trigger__wrapper{\n  cursor:not-allowed;\n}\n:host .cds--icon-tooltip--disabled .cds--btn--icon-only[disabled]{\n  pointer-events:none;\n}\n:host .cds--btn--danger{\n  border-width:1px;\n  border-style:solid;\n  border-color:transparent;\n  background-color:var(--cds-button-danger-primary, #da1e28);\n  color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger:hover{\n  background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds--btn--danger:focus{\n  border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n  box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--danger:active{\n  background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds--btn--danger .cds--btn__icon,\n:host .cds--btn--danger .cds--btn__icon path:not([data-icon-path]):not([fill=none]){\n  fill:currentColor;\n}\n:host .cds--btn--danger:hover{\n  color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger--tertiary{\n  border-width:1px;\n  border-style:solid;\n  border-color:var(--cds-button-danger-secondary, #da1e28);\n  background-color:transparent;\n  color:var(--cds-button-danger-secondary, #da1e28);\n}\n:host .cds--btn--danger--tertiary:hover{\n  background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds--btn--danger--tertiary:focus{\n  border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n  box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--danger--tertiary:active{\n  background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds--btn--danger--tertiary .cds--btn__icon,\n:host .cds--btn--danger--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){\n  fill:currentColor;\n}\n:host .cds--btn--danger--tertiary:hover{\n  border-color:var(--cds-button-danger-hover, #b81921);\n  color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger--tertiary:focus{\n  background-color:var(--cds-button-danger-primary, #da1e28);\n  color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger--tertiary:active{\n  border-color:var(--cds-button-danger-active, #750e13);\n  background-color:var(--cds-button-danger-active, #750e13);\n  color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger--tertiary:disabled, :host .cds--btn--danger--tertiary:hover:disabled, :host .cds--btn--danger--tertiary:focus:disabled, :host .cds--btn--danger--tertiary.cds--btn--disabled, :host .cds--btn--danger--tertiary.cds--btn--disabled:hover, :host .cds--btn--danger--tertiary.cds--btn--disabled:focus{\n  background:transparent;\n  color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  outline:none;\n}\n:host .cds--btn--danger--ghost{\n  border-width:1px;\n  border-style:solid;\n  border-color:transparent;\n  background-color:transparent;\n  color:var(--cds-button-danger-secondary, #da1e28);\n}\n:host .cds--btn--danger--ghost:hover{\n  background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds--btn--danger--ghost:focus{\n  border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n  box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--danger--ghost:active{\n  background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds--btn--danger--ghost .cds--btn__icon,\n:host .cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){\n  fill:currentColor;\n}\n:host .cds--btn--danger--ghost{\n  padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);\n}\n:host .cds--btn--danger--ghost .cds--btn__icon{\n  position:static;\n  margin-inline-start:0.5rem;\n}\n:host .cds--btn--danger--ghost:hover, :host .cds--btn--danger--ghost:active{\n  color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger--ghost:disabled, :host .cds--btn--danger--ghost:hover:disabled, :host .cds--btn--danger--ghost:focus:disabled, :host .cds--btn--danger--ghost.cds--btn--disabled, :host .cds--btn--danger--ghost.cds--btn--disabled:hover, :host .cds--btn--danger--ghost.cds--btn--disabled:focus{\n  border-color:transparent;\n  background:transparent;\n  color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  outline:none;\n}\n:host .cds--btn--expressive{\n  font-size:var(--cds-body-compact-02-font-size, 1rem);\n  font-weight:var(--cds-body-compact-02-font-weight, 400);\n  line-height:var(--cds-body-compact-02-line-height, 1.375);\n  letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);\n  padding-block:min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));\n}\n:host .cds--btn--icon-only.cds--btn--expressive{\n  padding:12px 13px;\n}\n:host .cds--btn.cds--btn--expressive .cds--btn__icon{\n  block-size:1.25rem;\n  inline-size:1.25rem;\n}\n:host .cds--btn-set .cds--btn.cds--btn--expressive{\n  max-inline-size:20rem;\n}\n:host .cds--btn.cds--skeleton{\n  position:relative;\n  padding:0;\n  border:none;\n  background:var(--cds-skeleton-background, #e8e8e8);\n  box-shadow:none;\n  pointer-events:none;\n}\n:host .cds--btn.cds--skeleton:hover, :host .cds--btn.cds--skeleton:focus, :host .cds--btn.cds--skeleton:active{\n  border:none;\n  cursor:default;\n  outline:none;\n}\n:host .cds--btn.cds--skeleton::before{\n  position:absolute;\n  animation:3000ms ease-in-out cds--skeleton infinite;\n  background:var(--cds-skeleton-element, #c6c6c6);\n  block-size:100%;\n  content:\"\";\n  inline-size:100%;\n  inset-inline-start:0;\n  will-change:transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce){\n  :host .cds--btn.cds--skeleton::before{\n    animation:none;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n  :host .cds--btn.cds--skeleton{\n    background:CanvasText;\n  }\n  :host .cds--btn.cds--skeleton::before{\n    background:Canvas;\n    forced-color-adjust:none;\n  }\n}\n:host .cds--btn.cds--skeleton{\n  inline-size:9.375rem;\n}\n:host .cds--btn-set{\n  display:flex;\n}\n:host .cds--btn-set--stacked{\n  flex-direction:column;\n}\n:host .cds--btn-set .cds--btn{\n  inline-size:100%;\n  max-inline-size:12.25rem;\n}\n:host .cds--btn-set .cds--btn:not(:focus){\n  box-shadow:-0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds--btn-set .cds--btn:first-of-type:not(:focus){\n  box-shadow:inherit;\n}\n:host .cds--btn-set .cds--btn:focus + .cds--btn{\n  box-shadow:inherit;\n}\n:host .cds--btn-set--stacked .cds--btn:not(:focus){\n  box-shadow:0 -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds--btn-set--stacked .cds--btn:first-of-type:not(:focus){\n  box-shadow:inherit;\n}\n:host .cds--btn-set .cds--btn.cds--btn--disabled{\n  box-shadow:-0.0625rem 0 0 0 var(--cds-icon-on-color-disabled, #8d8d8d);\n}\n:host .cds--btn-set .cds--btn.cds--btn--disabled:first-of-type{\n  box-shadow:none;\n}\n:host .cds--btn-set--stacked .cds--btn.cds--btn--disabled{\n  box-shadow:0 -0.0625rem 0 0 var(--cds-layer-selected-disabled, #8d8d8d);\n}\n:host .cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type{\n  box-shadow:none;\n}\n:host .cds--btn-set .cds--btn.cds--btn--loading{\n  border-color:transparent;\n  background-color:transparent;\n  box-shadow:none;\n}\n:host .cds--btn--sm .cds--badge-indicator{\n  margin-block-start:0.25rem;\n  margin-inline-end:0.25rem;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n  :host .cds--btn:focus{\n    color:Highlight;\n    outline:1px solid Highlight;\n  }\n}\n:host [dir=rtl] .cds--btn-set .cds--btn:not(:focus){\n  box-shadow:0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds--btn-set--fluid{\n  container-type:inline-size;\n}\n:host .cds--btn-set--fluid .cds--btn-set__fluid-inner{\n  --flex-direction:row;\n  display:flex;\n  flex-direction:var(--flex-direction);\n  align-items:stretch;\n  justify-content:flex-end;\n  inline-size:100%;\n}\n:host .cds--btn-set--fluid .cds--btn-set__fluid-inner .cds--btn{\n  flex:0 1 25%;\n  max-inline-size:14.5rem;\n}\n:host .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack .cds--btn{\n  min-inline-size:11rem;\n}\n:host .cds--btn-set--fluid .cds--btn-set__fluid-inner .cds--btn--ghost,\n:host .cds--btn-set--fluid .cds--btn-set__fluid-inner .cds--btn--danger--ghost{\n  flex:1 1 25%;\n  max-inline-size:none;\n  padding-inline-start:2rem;\n}\n@container (width <= 11rem){\n  :host .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child){\n    --flex-direction:column;\n  }\n  :host .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child) .cds--btn{\n    flex:initial;\n    inline-size:100%;\n    max-inline-size:none;\n  }\n  :host .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child) .cds--btn--ghost{\n    padding-inline-start:1rem;\n  }\n}\n@container (width <= 22rem){\n  :host .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child){\n    --flex-direction:column;\n  }\n  :host .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) .cds--btn{\n    flex:initial;\n    inline-size:100%;\n    max-inline-size:none;\n  }\n  :host .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) .cds--btn--ghost{\n    padding-inline-start:1rem;\n  }\n}\n@container (width <= 33rem){\n  :host .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child){\n    --flex-direction:column;\n  }\n  :host .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) .cds--btn{\n    flex:initial;\n    inline-size:100%;\n    max-inline-size:none;\n  }\n  :host .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) .cds--btn--ghost{\n    padding-inline-start:1rem;\n  }\n}\n@container (width <= 44rem){\n  :host .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child){\n    --flex-direction:column;\n  }\n  :host .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) .cds--btn{\n    flex:initial;\n    inline-size:100%;\n    max-inline-size:none;\n  }\n  :host .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) .cds--btn--ghost{\n    padding-inline-start:1rem;\n  }\n}\n@container (width <= 44rem){\n  :host .cds--btn-set--fluid .cds--btn-set__fluid-inner:has(:nth-child(2):last-child) .cds--btn{\n    flex-basis:50%;\n    max-inline-size:none;\n  }\n}\n@container (width <= 33rem){\n  :host .cds--btn-set--fluid .cds--btn-set__fluid-inner:has(:nth-child(1):last-child) .cds--btn{\n    flex:1 1 100%;\n    max-inline-size:none;\n  }\n}\n:host .cds-aichat--response-user-avatar img{\n  block-size:100%;\n  inline-size:100%;\n}\n:host .cds-aichat--response-user-avatar svg{\n  fill:currentcolor;\n}\n:host .cds-aichat--response-user-avatar .cds-aichat--response-user-avatar__circle{\n  border:2px solid currentcolor;\n  border-radius:50%;\n  background-color:transparent;\n  font-weight:bold;\n}\n:host .cds-aichat--response-user-avatar .cds-aichat--response-user-avatar__circle .cds-aichat--response-user-avatar__letter{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  block-size:100%;\n  text-align:center;\n}\n:host{\n}\n:host .cds-aichat--human-agent-banner__body{\n  display:flex;\n  align-items:center;\n  padding:1rem;\n  background-color:var(--cds-chat-shell-background, #ffffff);\n  border-block-end:1px solid var(--cds-border-subtle-01, #c6c6c6);\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--widget--max-width .cds-aichat--human-agent-banner__body{\n  margin:0 auto;\n  max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host .cds-aichat--human-agent-banner .cds-aichat--response-user-avatar{\n  margin:0 0.75rem 0 0;\n  block-size:32px;\n  inline-size:32px;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--human-agent-banner .cds-aichat--response-user-avatar{\n  margin:0 0 0 0.75rem;\n}\n:host .cds-aichat--human-agent-banner .cds-aichat--response-user-avatar img{\n  border-radius:16px;\n}\n:host .cds-aichat--human-agent-banner__human-agent-info{\n  display:flex;\n  flex:1;\n  flex-direction:column;\n  justify-content:center;\n  padding:0 1rem 0 0;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--human-agent-banner__human-agent-info{\n  padding:0 0 0 1rem;\n}\n:host .cds-aichat--human-agent-banner__human-agent-line1{\n  font-weight:600;\n}\n:host .cds-aichat--human-agent-banner--connected .cds-aichat--agent-banner__agent-line1{\n  font-size:var(--cds-body-02-font-size, 1rem);\n  font-weight:var(--cds-body-02-font-weight, 400);\n  line-height:var(--cds-body-02-line-height, 1.5);\n  letter-spacing:var(--cds-body-02-letter-spacing, 0);\n}\n:host .cds-aichat--human-agent-banner__human-agent-line2{\n  padding-block-start:0.25rem;\n}\n:host .cds-aichat--human-agent-banner__human-agent-line2,\n:host .cds-aichat--human-agent-banner__human-agent-line2 p{\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--agent-banner__stop-sharing-button{\n  inline-size:100%;\n  max-inline-size:unset;\n}\n:host{\n}\n:host .cds-aichat--widget--max-width .cds-aichat--header-bottom-element{\n  margin:auto;\n  max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host .cds-aichat--header__container{\n  background-color:var(--cds-chat-shell-background, #ffffff);\n  border-start-end-radius:var(--cds-aichat-rounded-modifier-radius-start-end, 0);\n  border-start-start-radius:var(--cds-aichat-rounded-modifier-radius-start-start, 0);\n}\n:host .cds-aichat--header{\n  display:flex;\n  box-sizing:unset;\n  justify-content:center;\n  background-color:var(--cds-chat-header-background, #ffffff);\n  block-size:40px;\n  border-block-end:1px solid var(--cds-border-subtle-00, #e0e0e0);\n  border-start-end-radius:var(--cds-aichat-rounded-modifier-radius-start-end, 0);\n  border-start-start-radius:var(--cds-aichat-rounded-modifier-radius-start-start, 0);\n  inline-size:100%;\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--header--content{\n  position:relative;\n  display:flex;\n  border-start-end-radius:var(--cds-aichat-rounded-modifier-radius-start-end, 0);\n  border-start-start-radius:var(--cds-aichat-rounded-modifier-radius-start-start, 0);\n  inline-size:100%;\n}\n:host .cds-aichat--widget--max-width .cds-aichat--header--content{\n  max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host .cds-aichat--header__buttons{\n  display:flex;\n  align-items:center;\n}\n:host .cds-aichat--header__buttons .cds-aichat--header__slug{\n  margin:0.5rem;\n}\n:host .cds-aichat--header__center-container{\n  display:flex;\n  overflow:hidden;\n  flex:1;\n  align-items:center;\n  margin:0 0.25rem;\n}\n:host .cds-aichat--header__center-container:first-child{\n  margin:0 1rem;\n}\n:host .cds-aichat--header__slug-description{\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--header__slug-label{\n  color:var(--cds-text-secondary, #525252);\n  padding-block-end:0.75rem;\n  font-size:var(--cds-body-compact-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-compact-01-font-weight, 400);\n  line-height:var(--cds-body-compact-01-line-height, 1.28572);\n  letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--header__slug-title{\n  padding-block-end:0.75rem;\n}\n:host .cds-aichat--header__overflow-menu{\n  max-block-size:488px;\n}\n:host .cds-aichat--header__overflow-menu svg,\n:host .cds-aichat--header__back-button svg,\n:host .cds-aichat--header__restart-button svg,\n:host .cds-aichat--header__close-button svg{\n  block-size:16px;\n  inline-size:16px;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--home-screen-header button.cds-aichat--header__back-button{\n  transform:none;\n}\n:host .cds-aichat--header--with-avatar .cds-aichat--header__center-container{\n  margin-inline-start:0;\n}\n:host .cds-aichat--header__left-items,\n:host .cds-aichat--chat-header-overflow-menu__host-element,\n:host .cds-aichat--header__title-container{\n  max-inline-size:100%;\n}\n:host .cds-aichat--header__left-items :first-child{\n  border-start-start-radius:var(--cds-aichat-rounded-modifier-radius-start-start, 0);\n}\n:host .cds-aichat--header__left-items :first-child::part(button){\n  border-start-start-radius:var(--cds-aichat-rounded-modifier-radius-start-start, 0);\n}\n:host .cds-aichat--header__right-buttons :last-child::part(button){\n  border-start-end-radius:var(--cds-aichat-rounded-modifier-radius-start-end, 0);\n}\n:host cds-aichat-chat-header-avatar{\n  align-self:center;\n  margin-inline:0.5rem;\n}\n:host cds-aichat-chat-header-avatar + .cds-aichat--header__separator{\n  margin-inline-start:0.5rem;\n}\n:host .cds-aichat--wide-width.cds-aichat--widget--max-width .cds-aichat--header__center-container:first-child{\n  margin:0 1rem 0 0;\n}\n:host .cds-aichat--header--with-avatar .cds-aichat--header__center-container:first-child > cds-aichat-chat-header-avatar{\n  margin-inline-start:0.75rem;\n}\n:host .cds-aichat--header--with-avatar .cds-aichat--header__center-container:first-child > cds-aichat-chat-header-avatar .cds-aichat--container--render .cds-aichat--reverse-icon svg{\n  transform:scaleX(-1);\n}\n:host .cds-aichat--header--with-avatar .cds-aichat--header__center-container:first-child > cds-aichat-chat-header-avatar .cds-aichat--container--render[dir=rtl] .cds-aichat--reverse-icon svg{\n  transform:scaleX(1);\n}\n:host{\n}\n:host .cds-aichat--input-and-completions{\n  position:relative;\n  border-end-end-radius:var(--cds-aichat-rounded-modifier-radius-end-end, 0);\n  border-end-start-radius:var(--cds-aichat-rounded-modifier-radius-end-start, 0);\n  inline-size:100%;\n}\n:host .cds-aichat--input-container{\n  position:relative;\n  z-index:1;\n  display:flex;\n  box-sizing:border-box;\n  align-items:center;\n  background-color:var(--cds-chat-prompt-background, #ffffff);\n  border-block-start:1px solid var(--cds-border-subtle-01, #c6c6c6);\n  border-end-end-radius:var(--cds-aichat-rounded-modifier-radius-end-end, 0);\n  border-end-start-radius:var(--cds-aichat-rounded-modifier-radius-end-start, 0);\n  color:var(--cds-text-primary, #161616);\n  inline-size:100%;\n  min-block-size:0;\n  outline:2px solid transparent;\n  outline-offset:-2px;\n  padding-block:0.75rem;\n  padding-inline:1rem 0.5rem;\n}\n:host .cds-aichat--container--render.cds-aichat--container-disable-mobile-enhancements .cds-aichat--widget--max-width .cds-aichat--input-and-completions,\n:host .cds-aichat--container--render:not(.cds-aichat--is-phone-portrait-mode) .cds-aichat--widget--max-width .cds-aichat--input-and-completions{\n  margin:0 auto;\n  max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host .cds-aichat--container--render.cds-aichat--container-disable-mobile-enhancements .cds-aichat--widget--max-width .cds-aichat--input-container,\n:host .cds-aichat--container--render:not(.cds-aichat--is-phone-portrait-mode) .cds-aichat--widget--max-width .cds-aichat--input-container{\n  border:1px solid var(--cds-border-subtle-00, #e0e0e0);\n  border-radius:0.5rem;\n}\n:host .cds-aichat--ai-theme .cds-aichat--input-container{\n  border:1px solid transparent;\n  background:linear-gradient(to bottom, var(--cds-chat-prompt-background, #ffffff), var(--cds-chat-prompt-background, #ffffff)) padding-box, linear-gradient(to bottom, var(--cds-border-subtle-00, #e0e0e0), var(--cds-chat-prompt-background, #ffffff)) border-box;\n}\n:host .cds-aichat--input-container--show-upload-button{\n  padding-inline-start:0.5rem;\n}\n:host .cds-aichat--input-container__text-and-upload{\n  display:flex;\n  align-items:center;\n}\n:host .cds-aichat--input-container__text-and-upload > *:not(:last-child),\n:host .cds-aichat--input-container > *:not(:last-child){\n  margin-inline-end:0.5rem;\n}\n:host .cds-aichat--input-container__files-container{\n  overflow:auto;\n  margin-block-start:0.5rem;\n  max-block-size:200px;\n}\n:host .cds-aichat--input-container__files-container cds-file-uploader-item{\n  margin-block-end:0;\n}\n:host .cds-aichat--input-container__upload-button-container{\n  display:inline-block;\n  inline-size:32px;\n  vertical-align:top;\n}\n:host .cds-aichat--input-container .cds-aichat--input-container__upload-button{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  block-size:32px;\n  color:var(--cds-text-primary, #161616);\n  cursor:pointer;\n  inline-size:32px;\n}\n:host .cds-aichat--input-container__upload-input:focus + .cds-aichat--input-container__upload-button{\n  box-shadow:inset 0 0 0 2px var(--cds-focus, #0f62fe);\n}\n:host .cds-aichat--input-container__upload-button:hover{\n  background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n}\n:host .cds-aichat--input-container__upload-button:active{\n  background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds-aichat--input-container .cds-aichat--input-container__upload-button--disabled{\n  cursor:default;\n  opacity:0.5;\n}\n:host label.cds-aichat--input-container__upload-button--disabled:hover{\n  background-color:transparent;\n}\n:host .cds-aichat--input-container__left-container{\n  position:relative;\n  display:flex;\n  overflow:hidden;\n  flex:1 0;\n  flex-direction:column;\n  justify-content:center;\n  block-size:100%;\n}\n:host .cds-aichat--input-container--has-focus{\n  outline-color:var(--cds-focus, #0f62fe);\n}\n:host .cds-aichat--input-container .cds-aichat--input-container__left-container .cds-aichat--text-area .cds-aichat--text-area-textarea{\n  border:none;\n}\n:host .cds-aichat--assistant-container .cds-aichat--input-container{\n  display:flex;\n}\n:host .cds-aichat--input-container .cds-aichat--text-area{\n  display:inline-block;\n  overflow:hidden;\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n  inline-size:100%;\n  min-block-size:0;\n}\n:host .cds-aichat--input-container--show-upload-button .cds-aichat--text-area{\n  inline-size:calc(100% - 32px);\n}\n:host .cds-aichat--input-container .cds-aichat--text-area .cds-aichat--text-area-textarea{\n  position:relative;\n  display:block;\n  border:none;\n  margin:0;\n  background:transparent;\n  color:var(--cds-text-primary, #161616);\n}\n:host .cds-aichat--input-container .cds-aichat--text-area .cds-aichat--text-area-textarea,\n:host .cds-aichat--input-container .cds-aichat--text-area .cds-aichat--text-area-sizer{\n  max-block-size:157px;\n}\n:host .cds-aichat--input-container .cds-aichat--text-area .cds-aichat--text-area-textarea[data-has-content=false]::before{\n  position:absolute;\n  color:var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\n  content:attr(data-placeholder);\n  inset:0;\n  pointer-events:none;\n  white-space:pre-wrap;\n  word-wrap:break-word;\n  font-size:var(--cds-body-02-font-size, 1rem);\n  font-weight:var(--cds-body-02-font-weight, 400);\n  line-height:var(--cds-body-02-line-height, 1.5);\n  letter-spacing:var(--cds-body-02-letter-spacing, 0);\n}\n:host .cds-aichat--input-container__send-button-container,\n:host .cds-aichat--input-container__upload-button-container{\n  display:flex;\n  flex:0 1;\n  align-self:flex-start;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--input-container__send-button svg{\n  transform:scale(-1, 1);\n}\n:host cds-button.cds-aichat--input-container__send-button svg{\n  block-size:1rem;\n  cursor:inherit;\n  fill:var(--cds-interactive, #0f62fe);\n  inline-size:1rem;\n}\n:host cds-button.cds-aichat--input-container__send-button:active svg,\n:host cds-button.cds-aichat--input-container__send-button:focus svg,\n:host cds-button.cds-aichat--input-container__send-button:active:focus svg{\n  fill:var(--cds-interactive, #0f62fe);\n}\n:host cds-button.cds-aichat--input-container__send-button[disabled]:hover svg,\n:host cds-button.cds-aichat--input-container__send-button[disabled] svg{\n  fill:var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds-aichat--before-input-element{\n  margin:auto;\n  max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host{\n}\n:host .cds-aichat--launcher__button-container{\n  position:fixed;\n  z-index:var(--cds-aichat-z-index, 99999);\n  border-radius:28px;\n  animation:cds-aichat-launcher-in 150ms cubic-bezier(0, 0, 0.3, 1) both;\n  background-color:var(--cds-background, #ffffff);\n  block-size:var(--cds-aichat-launcher-default-size, 56px);\n  box-shadow:var(--cds-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n  font-family:var(--cds-aichat-font-family, \"IBM Plex Sans\", \"Helvetica Neue\", arial, sans-serif);\n  inline-size:var(--cds-aichat-launcher-default-size, 56px);\n  inset-block-end:var(--cds-aichat-launcher-position-bottom, 3rem);\n  inset-inline-end:var(--cds-aichat-launcher-position-right, 2rem);\n  transition:inline-size 240ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds-aichat--launcher__button-container--hidden{\n  visibility:hidden;\n}\n:host .cds-aichat--count-indicator{\n  position:absolute;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  padding:0 4px;\n  border-radius:10px;\n  background-color:var(--cds-aichat-unread-indicator-color-background, var(--cds-support-error, #da1e28));\n  box-shadow:1px 0.125rem 0.125rem rgba(23, 23, 23, 0.3);\n  color:var(--cds-aichat-unread-indicator-color-text, var(--cds-text-on-color, #ffffff));\n  inset-block-start:calc(-1 * 0.25rem);\n  inset-inline-end:calc(-1 * 0.25rem);\n  min-block-size:20px;\n  min-inline-size:20px;\n  font-size:var(--cds-caption-01-font-size, 0.75rem);\n  font-weight:var(--cds-caption-01-font-weight, 400);\n  line-height:var(--cds-caption-01-line-height, 1.33333);\n  letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n}\n:host cds-button.cds-aichat--launcher__button::part(button){\n  position:static;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  padding:0;\n  border-radius:28px;\n  background-color:var(--cds-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n  block-size:var(--cds-aichat-launcher-default-size, 56px);\n  inline-size:var(--cds-aichat-launcher-default-size, 56px);\n  transition:inline-size 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background 250ms ease-in-out, transform 150ms ease;\n}\n:host cds-button.cds-aichat--launcher__button::part(button) svg{\n  block-size:24px;\n  fill:var(--cds-aichat-launcher-color-avatar, var(--cds-text-on-color, #ffffff));\n  inline-size:24px;\n}\n:host cds-button.cds-aichat--launcher__button::part(button):focus{\n  border-width:2px;\n  box-shadow:inset 0 0 0 2px var(--cds-aichat-launcher-color-focus-border, var(--cds-text-on-color, #ffffff));\n}\n:host .cds-aichat--launcher__svg{\n  fill:currentcolor;\n}\n:host .cds-aichat--launcher__avatar{\n  border-radius:50%;\n  block-size:32px;\n  inline-size:32px;\n  -webkit-user-select:none;\n     -moz-user-select:none;\n          user-select:none;\n}\n:host .cds-aichat--launcher__wrapper{\n  display:flex;\n}\n:host .cds-aichat--launcher__icon-holder{\n  display:flex;\n  align-items:center;\n}\n:host .cds-aichat--launcher-extended__text-holder{\n  overflow:hidden;\n  flex:1;\n  padding:0.75rem 0 0.75rem 0.75rem;\n  inline-size:0;\n  text-align:start;\n}\n:host .cds-aichat--launcher-extended__greeting{\n  display:flex;\n  align-items:center;\n  block-size:100%;\n  color:var(--cds-aichat-launcher-mobile-color-text, var(--cds-text-on-color, #ffffff));\n  inline-size:calc(100% - 12px);\n  inset-block-end:0;\n  opacity:0;\n  word-break:break-word;\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--launcher-extended__greeting-text{\n  display:-webkit-box;\n  overflow:hidden;\n  -webkit-box-orient:vertical;\n  -webkit-line-clamp:2;\n  line-clamp:2;\n  text-overflow:ellipsis;\n}\n:host .cds-aichat--launcher__skip-link{\n  position:absolute;\n  overflow:hidden;\n  padding:0;\n  border:0;\n  margin:-1px;\n  block-size:1px;\n  clip:rect(0 0 0 0);\n  inline-size:1px;\n  white-space:nowrap;\n}\n:host .cds-aichat--launcher__skip-link:focus{\n  position:static;\n  padding:0.125rem 0.25rem;\n  border-radius:999px;\n  margin:0 0 0.25rem 0;\n  background:var(--cds-background-inverse, #393939);\n  block-size:auto;\n  clip:auto;\n  color:var(--cds-text-on-color, #ffffff);\n  inline-size:auto;\n  white-space:normal;\n}\n:host cds-button.cds-aichat--launcher-extended__close-button{\n  position:absolute;\n  z-index:2;\n  inset-block-start:-24px;\n  inset-inline-end:0;\n  transform:translate(50%, 50%);\n}\n:host cds-button.cds-aichat--launcher-extended__close-button::part(button){\n  padding:0;\n  border-radius:50%;\n  block-size:24px;\n  inline-size:24px;\n}\n:host{\n}\n@keyframes cds-aichat-launcher-opening-text-holder{\n  from{\n    inline-size:0;\n  }\n  to{\n    inline-size:var(--cds-aichat-launcher-extended-width, 280px);\n  }\n}\n@keyframes cds-aichat-launcher-closing-text-holder{\n  from{\n    inline-size:var(--cds-aichat-launcher-extended-width, 280px);\n  }\n  to{\n    inline-size:0;\n  }\n}\n@keyframes cds-aichat-launcher-opening-greeting{\n  from{\n    opacity:0;\n  }\n  to{\n    opacity:1;\n  }\n}\n@keyframes cds-aichat-launcher-closing-greeting{\n  from{\n    opacity:1;\n  }\n  to{\n    opacity:0;\n  }\n}\n:host{\n}\n:host .cds-aichat--launcher__button-container--opening .cds-aichat--launcher-extended__text-holder{\n  animation:cds-aichat-launcher-opening-text-holder 240ms cubic-bezier(0.2, 0, 0.38, 0.9) forwards;\n}\n:host .cds-aichat--launcher__button-container--opening .cds-aichat--launcher-extended__greeting{\n  animation:cds-aichat-launcher-opening-greeting 70ms cubic-bezier(0.2, 0, 0.38, 0.9) forwards;\n  animation-delay:240ms;\n}\n:host{\n}\n:host .cds-aichat--launcher__button-container--open .cds-aichat--launcher-extended__text-holder{\n  inline-size:var(--cds-aichat-launcher-extended-width, 280px);\n}\n:host .cds-aichat--launcher__button-container--open .cds-aichat--launcher-extended__greeting{\n  opacity:1;\n}\n:host{\n}\n:host .cds-aichat--launcher__button-container--closing .cds-aichat--launcher-extended__greeting{\n  animation:cds-aichat-launcher-closing-greeting 70ms cubic-bezier(0.2, 0, 0.38, 0.9) forwards;\n}\n:host .cds-aichat--launcher__button-container--closing .cds-aichat--launcher-extended__text-holder{\n  animation:cds-aichat-launcher-closing-text-holder 240ms cubic-bezier(0.2, 0, 0.38, 0.9) forwards;\n  animation-delay:70ms;\n}\n:host{\n}\n:host .cds-aichat--launcher__button-container--closed .cds-aichat--launcher-extended__text-holder{\n  display:none;\n  inline-size:0;\n}\n:host .cds-aichat--launcher__button-container--closed .cds-aichat--launcher-extended__greeting{\n  opacity:0;\n}\n:host .cds-aichat--launcher__button-container--closed .cds-aichat--launcher-extended__close-button{\n  display:none;\n}\n:host{\n}\n:host .cds-aichat--launcher__button-container--opening,\n:host .cds-aichat--launcher__button-container--open{\n  inline-size:calc(var(--cds-aichat-launcher-extended-width, 280px) + var(--cds-aichat-launcher-default-size, 56px));\n}\n:host .cds-aichat--launcher__button-container--opening cds-button.cds-aichat--launcher__button::part(button),\n:host .cds-aichat--launcher__button-container--open cds-button.cds-aichat--launcher__button::part(button){\n  inline-size:calc(var(--cds-aichat-launcher-extended-width, 280px) + var(--cds-aichat-launcher-default-size, 56px));\n}\n:host{\n}\n:host .cds-aichat--launcher__button-container--closing,\n:host .cds-aichat--launcher__button-container--closed{\n  inline-size:var(--cds-aichat-launcher-default-size, 56px);\n}\n:host .cds-aichat--launcher__button-container--closing cds-button.cds-aichat--launcher__button::part(button),\n:host .cds-aichat--launcher__button-container--closed cds-button.cds-aichat--launcher__button::part(button){\n  inline-size:var(--cds-aichat-launcher-default-size, 56px);\n}\n:host [dir=rtl] .cds-aichat--count-indicator{\n  inset-inline:calc(-1 * 0.125rem) unset;\n}\n:host [dir=rtl] cds-button.cds-aichat--launcher-extended__close-button{\n  transform:translate(-50%, 50%);\n}\n:host [dir=rtl] .cds-aichat--launcher__button-container .cds-aichat--launcher-extended__wrapper{\n  inset-inline:0 unset;\n}\n:host [dir=rtl] .cds-aichat--launcher__button-container .cds-aichat--launcher-extended__text-holder{\n  padding:0.75rem 0.75rem 0.75rem 0;\n}\n@keyframes cds-aichat-launcher-in{\n  0%{\n    inset-block-end:calc(var(--cds-aichat-launcher-position-bottom, 3rem) - 1rem);\n    opacity:0;\n  }\n  100%{\n    inset-block-end:var(--cds-aichat-launcher-position-bottom, 3rem);\n    opacity:1;\n  }\n}\n:host{\n}\n@media (prefers-reduced-motion: reduce){\n  :host .cds-aichat--launcher__button-container{\n    animation-duration:70ms;\n    transition:none;\n  }\n  :host{\n  }\n  :host .cds-aichat--launcher__button-container--opening .cds-aichat--launcher-extended__text-holder,\n  :host .cds-aichat--launcher__button-container--opening .cds-aichat--launcher-extended__greeting{\n    animation-delay:0ms;\n    animation-duration:70ms;\n  }\n  :host .cds-aichat--launcher__button-container--closing .cds-aichat--launcher-extended__text-holder,\n  :host .cds-aichat--launcher__button-container--closing .cds-aichat--launcher-extended__greeting{\n    animation-delay:0ms;\n    animation-duration:70ms;\n  }\n  :host{\n  }\n  :host cds-button.cds-aichat--launcher__button::part(button){\n    transition:background 250ms ease-in-out, transform 150ms ease;\n  }\n}\n:host{\n}\n:host .cds-aichat--max-width-small{\n  max-inline-size:291px;\n}\n:host .cds-aichat--max-width-medium{\n  max-inline-size:438px;\n}\n:host .cds-aichat--max-width-large{\n  max-inline-size:585px;\n}\n:host{\n}\n:host .cds-aichat--connect-to-human-agent{\n  max-inline-size:var(--cds-aichat-card-max-width, 424px);\n}\n:host .cds-aichat--connect-to-human-agent__title{\n  font-size:var(--cds-heading-02-font-size, 1rem);\n  font-weight:var(--cds-heading-02-font-weight, 600);\n  line-height:var(--cds-heading-02-line-height, 1.5);\n  letter-spacing:var(--cds-heading-02-letter-spacing, 0);\n  padding-block-end:0.25rem;\n}\n:host .cds-aichat--connect-to-human-agent__text{\n  padding-block-end:1.5rem;\n}\n:host .cds-aichat--connect-to-agent__text p,\n:host .cds-aichat--connect-to-human-agent__request-button svg{\n  margin-inline-start:2rem;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--connect-to-human-agent__request-button svg{\n  margin-inline:0 2rem;\n  transform:scaleX(-1);\n}\n:host .cds-aichat--message .cds-aichat--connect-to-human-agent__warning a,\n:host .cds-aichat--message .cds-aichat--connect-to-human-agent__warning a:visited{\n  color:var(--cds-link-inverse, #78a9ff);\n}\n:host .cds-aichat--connect-to-human-agent__suspended-warning{\n  color:var(--cds-support-error, #da1e28);\n  padding-block-start:0.75rem;\n}\n:host{\n}\n:host .cds-aichat--card-message-component{\n  overflow:hidden;\n  padding:0;\n}\n:host{\n}\n:host .cds-aichat-preview-card__sm{\n  max-inline-size:18.1875rem;\n}\n:host .cds-aichat-preview-card [slot=body]{\n  padding:1rem;\n}\n:host .cds-aichat-preview-card [slot=body] .cds-aichat-preview-card--title{\n  font-size:var(--cds-body-compact-02-font-size, 1rem);\n  font-weight:var(--cds-body-compact-02-font-weight, 400);\n  line-height:var(--cds-body-compact-02-line-height, 1.375);\n  letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);\n  margin-block-end:0.125rem;\n}\n:host .cds-aichat-preview-card [slot=body] .cds-aichat-preview-card--subtitle{\n  font-size:var(--cds-helper-text-01-font-size, 0.75rem);\n  line-height:var(--cds-helper-text-01-line-height, 1.33333);\n  letter-spacing:var(--cds-helper-text-01-letter-spacing, 0.32px);\n  color:var(--cds-text-secondary, #525252);\n}\n:host{\n}\n:host :root{\n  --swiper-theme-color:#007aff;\n}\n:host :host{\n  position:relative;\n  display:block;\n  margin-left:auto;\n  margin-right:auto;\n  z-index:1;\n}\n:host .swiper{\n  margin-left:auto;\n  margin-right:auto;\n  position:relative;\n  overflow:hidden;\n  list-style:none;\n  padding:0;\n  z-index:1;\n  display:block;\n}\n:host .swiper-vertical > .swiper-wrapper{\n  flex-direction:column;\n}\n:host .swiper-wrapper{\n  position:relative;\n  width:100%;\n  height:100%;\n  z-index:1;\n  display:flex;\n  transition-property:transform;\n  transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);\n  box-sizing:content-box;\n}\n:host .swiper-android .swiper-slide,\n:host .swiper-ios .swiper-slide,\n:host .swiper-wrapper{\n  transform:translate3d(0px, 0, 0);\n}\n:host .swiper-horizontal{\n  touch-action:pan-y;\n}\n:host .swiper-vertical{\n  touch-action:pan-x;\n}\n:host .swiper-slide{\n  flex-shrink:0;\n  width:100%;\n  height:100%;\n  position:relative;\n  transition-property:transform;\n  display:block;\n}\n:host .swiper-slide-invisible-blank{\n  visibility:hidden;\n}\n:host{\n}\n:host .swiper-autoheight,\n:host .swiper-autoheight .swiper-slide{\n  height:auto;\n}\n:host .swiper-autoheight .swiper-wrapper{\n  align-items:flex-start;\n  transition-property:transform, height;\n}\n:host .swiper-backface-hidden .swiper-slide{\n  transform:translateZ(0);\n  backface-visibility:hidden;\n}\n:host{\n}\n:host .swiper-3d.swiper-css-mode .swiper-wrapper{\n  perspective:1200px;\n}\n:host .swiper-3d .swiper-wrapper{\n  transform-style:preserve-3d;\n}\n:host .swiper-3d{\n  perspective:1200px;\n}\n:host .swiper-3d .swiper-slide,\n:host .swiper-3d .swiper-cube-shadow{\n  transform-style:preserve-3d;\n}\n:host{\n}\n:host .swiper-css-mode > .swiper-wrapper{\n  overflow:auto;\n  scrollbar-width:none;\n  -ms-overflow-style:none;\n}\n:host .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar{\n  display:none;\n}\n:host .swiper-css-mode > .swiper-wrapper > .swiper-slide{\n  scroll-snap-align:start start;\n}\n:host .swiper-css-mode.swiper-horizontal > .swiper-wrapper{\n  scroll-snap-type:x mandatory;\n}\n:host .swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child{\n  margin-inline-start:var(--swiper-slides-offset-before);\n  scroll-margin-inline-start:var(--swiper-slides-offset-before);\n}\n:host .swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:last-child{\n  margin-inline-end:var(--swiper-slides-offset-after);\n}\n:host .swiper-css-mode.swiper-vertical > .swiper-wrapper{\n  scroll-snap-type:y mandatory;\n}\n:host .swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child{\n  margin-block-start:var(--swiper-slides-offset-before);\n  scroll-margin-block-start:var(--swiper-slides-offset-before);\n}\n:host .swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:last-child{\n  margin-block-end:var(--swiper-slides-offset-after);\n}\n:host .swiper-css-mode.swiper-free-mode > .swiper-wrapper{\n  scroll-snap-type:none;\n}\n:host .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide{\n  scroll-snap-align:none;\n}\n:host .swiper-css-mode.swiper-centered > .swiper-wrapper::before{\n  content:\"\";\n  flex-shrink:0;\n  order:9999;\n}\n:host .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide{\n  scroll-snap-align:center center;\n  scroll-snap-stop:always;\n}\n:host .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child{\n  margin-inline-start:var(--swiper-centered-offset-before);\n}\n:host .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before{\n  height:100%;\n  min-height:1px;\n  width:var(--swiper-centered-offset-after);\n}\n:host .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child{\n  margin-block-start:var(--swiper-centered-offset-before);\n}\n:host .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before{\n  width:100%;\n  min-width:1px;\n  height:var(--swiper-centered-offset-after);\n}\n:host{\n}\n:host .swiper-3d .swiper-slide-shadow,\n:host .swiper-3d .swiper-slide-shadow-left,\n:host .swiper-3d .swiper-slide-shadow-right,\n:host .swiper-3d .swiper-slide-shadow-top,\n:host .swiper-3d .swiper-slide-shadow-bottom,\n:host .swiper-3d .swiper-slide-shadow,\n:host .swiper-3d .swiper-slide-shadow-left,\n:host .swiper-3d .swiper-slide-shadow-right,\n:host .swiper-3d .swiper-slide-shadow-top,\n:host .swiper-3d .swiper-slide-shadow-bottom{\n  position:absolute;\n  left:0;\n  top:0;\n  width:100%;\n  height:100%;\n  pointer-events:none;\n  z-index:10;\n}\n:host .swiper-3d .swiper-slide-shadow{\n  background:rgba(0, 0, 0, 0.15);\n}\n:host .swiper-3d .swiper-slide-shadow-left{\n  background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-3d .swiper-slide-shadow-right{\n  background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-3d .swiper-slide-shadow-top{\n  background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-3d .swiper-slide-shadow-bottom{\n  background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-lazy-preloader{\n  width:42px;\n  height:42px;\n  position:absolute;\n  left:50%;\n  top:50%;\n  margin-left:-21px;\n  margin-top:-21px;\n  z-index:10;\n  transform-origin:50%;\n  box-sizing:border-box;\n  border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));\n  border-radius:50%;\n  border-top-color:transparent;\n}\n:host .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,\n:host .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{\n  animation:swiper-preloader-spin 1s infinite linear;\n}\n:host .swiper-lazy-preloader-white{\n  --swiper-preloader-color:#fff;\n}\n:host .swiper-lazy-preloader-black{\n  --swiper-preloader-color:#000;\n}\n@keyframes swiper-preloader-spin{\n  0%{\n    transform:rotate(0deg);\n  }\n  100%{\n    transform:rotate(360deg);\n  }\n}\n:host{\n}\n:host button.cds-aichat--carousel-container__navigation-button,\n:host .cds-aichat--carousel-container__controls{\n  display:flex;\n  align-items:center;\n  color:var(--cds-text-secondary, #525252);\n  -moz-column-gap:0.5rem;\n       column-gap:0.5rem;\n}\n:host .cds-aichat--carousel-container__navigation{\n  display:flex;\n  align-items:center;\n  justify-content:flex-end;\n  inline-size:100%;\n  max-inline-size:var(--cds-aichat-card-max-width, 424px);\n}\n:host .cds-aichat--carousel-container__navigation cds-button::part(button){\n  color:currentcolor;\n}\n:host .cds-aichat--carousel-container__navigation-button{\n  padding:0;\n  color:currentcolor;\n  inline-size:32px;\n}\n:host .cds-aichat--carousel-container__navigation-button:first-of-type{\n  margin-inline-end:0.5rem;\n}\n:host .cds-aichat--carousel-container__navigation-button:last-of-type{\n  margin-inline-start:0.5rem;\n}\n:host button.cds-aichat--carousel-container__navigation-button > svg{\n  fill:var(--cds-text-secondary, #525252);\n}\n:host .swiper .cds-aichat--body-message-components{\n  flex:1;\n}\n:host .cds-aichat--carousel-container__slide--wide.swiper-slide{\n  max-inline-size:100%;\n}\n:host .cds-aichat--carousel-container__controls--standard,\n:host .cds-aichat--carousel-container__controls--wide{\n  padding-block-start:0.5rem;\n  padding-inline:12px 16px;\n}\n:host .cds-aichat--carousel-container--one-slide{\n  max-inline-size:var(--cds-aichat-card-max-width, 424px);\n}\n:host .swiper,\n:host .swiper-wrapper{\n  z-index:unset;\n}\n:host .swiper-wrapper{\n  align-items:stretch;\n  block-size:unset;\n}\n:host .swiper-wrapper .swiper-slide{\n  block-size:unset;\n}\n:host .swiper-slide,\n:host .swiper-slide > *{\n  max-inline-size:var(--cds-aichat-card-max-width, 424px);\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n  :host .cds-aichat--conversational-search-citations{\n    animation:none;\n    padding-block-start:16px;\n  }\n}\n:host .cds-aichat--conversational-search-citations{\n  animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-chat-fade-in both;\n  padding-block-start:16px;\n}\n:host .cds-aichat--conversational-search-citations .swiper-slide{\n  block-size:unset;\n}\n:host .cds-aichat--conversational-search .cds-aichat--carousel-container__controls{\n  padding-block-end:0;\n}\n:host .cds-aichat--standard-width .cds-aichat--conversational-search .cds-aichat--carousel-container--one-slide,\n:host .cds-aichat--wide-width .cds-aichat--conversational-search .cds-aichat--carousel-container--one-slide,\n:host .cds-aichat--wide-width .cds-aichat--conversational-search-disclaimer,\n:host .cds-aichat--standard-width .cds-aichat--conversational-search-disclaimer{\n  margin-inline:56px 16px;\n}\n:host .cds-aichat--narrow-width .cds-aichat--conversational-search .cds-aichat--carousel-container--one-slide,\n:host .cds-aichat--narrow-width .cds-aichat--conversational-search-disclaimer{\n  margin-inline:16px;\n}\n:host{\n}\n:host .cds-aichat--conversational-search-text__CitationsToggleContainer{\n  padding-block-start:0.75rem;\n}\n:host .cds-aichat--narrow-width .cds-aichat--received--conversational-search .cds-aichat--received--feedback,\n:host .cds-aichat--narrow-width .cds-aichat--conversational-search-text{\n  margin-inline-start:16px;\n}\n:host .cds-aichat--conversational-search-text__citations-toggle-container{\n  display:block;\n  padding-block-start:0.25rem;\n}\n:host .cds-aichat--conversational-search-text__citations-toggle{\n  margin:0;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--conversational-search-text__segment:nth-last-child(1 of .cds-aichat--conversational-search-text__segment){\n  margin-inline:0.25rem 0;\n}\n:host{\n}\n:host .cds-aichat--date-picker__confirm-button{\n  display:block;\n}\n:host .cds-aichat--date-picker__confirm-button::part(button){\n  display:block;\n  margin-block-start:0.75rem;\n  margin-inline-start:auto;\n}\n:host{\n}\n:host .cds-aichat--inline-error{\n  display:flex;\n  flex-direction:row;\n  margin-inline-start:-16px;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--inline-error{\n  margin-inline:unset -16px;\n}\n:host .cds-aichat--inline-error--icon-holder{\n  display:flex;\n  flex:0 0 1rem;\n  align-items:flex-start;\n  margin:0.125rem 0.5rem 0 1rem;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--inline-error--icon-holder{\n  margin:0.125rem 1rem 0 0.5rem;\n}\n:host .cds-aichat--inline-error--icon{\n  block-size:1rem;\n  inline-size:1rem;\n}\n:host .cds-aichat--inline-error--text{\n  flex:1;\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n  margin-block-start:1px;\n}\n:host .cds-aichat--inline-error .cds-aichat--inline-error--text{\n  color:var(--cds-text-error, #da1e28);\n}\n:host{\n}\n:host .cds-aichat--grid{\n  display:flex;\n  flex-direction:column;\n  inline-size:100%;\n  row-gap:0.5rem;\n}\n:host .cds-aichat--grid__row{\n  display:flex;\n  -moz-column-gap:0.5rem;\n       column-gap:0.5rem;\n  inline-size:100%;\n}\n:host .cds-aichat--grid__cell{\n  display:flex;\n  flex-direction:column;\n  inline-size:100%;\n  row-gap:0.5rem;\n}\n:host .cds-aichat--grid__cell .cds-aichat--message-user-defined-response{\n  inline-size:100%;\n}\n:host .cds-aichat--grid .cds-aichat--image{\n  border:none;\n}\n:host .cds-aichat--grid .cds-aichat--image__image-wrapper{\n  background-color:transparent;\n}\n:host .cds-aichat--grid .cds-aichat--image__skeleton{\n  display:none;\n}\n:host .cds-aichat--grid .cds-aichat--media-player__skeleton{\n  display:none;\n}\n:host .cds-aichat--grid .cds-aichat--media-player__root{\n  inline-size:100%;\n}\n:host .cds-aichat--grid .cds-aichat--media-player__root .cds-aichat--grid .cds-aichat--image,\n:host .cds-aichat--grid .cds-aichat--media-player__root .cds-aichat--grid .cds-aichat--media-player,\n:host .cds-aichat--grid .cds-aichat--media-player__root .cds-aichat--grid .cds-aichat--media-player__skeleton{\n  border-radius:0;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n  :host .cds-aichat--i-frame-preview-card .cds-aichat--image{\n    position:unset;\n    transition:none;\n  }\n}\n:host .cds-aichat--i-frame-preview-card .cds-aichat--image{\n  position:unset;\n  transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds-aichat--i-frame-preview-card:focus .cds-aichat--image{\n  outline:2px solid var(--cds-focus, #0f62fe);\n}\n:host .cds-aichat--i-frame-preview-card:hover .cds-aichat--image{\n  background-color:var(--cds-layer-hover);\n  text-decoration:underline;\n}\n:host{\n}\n:host .cds-aichat--inline-i-frame{\n  position:relative;\n  overflow:hidden;\n  background:transparent;\n  inline-size:100%;\n  padding-block-start:var(--padding-top, 0);\n}\n:host .cds-aichat--inline-i-frame .cds-aichat--i-frame-component__wrapper{\n  position:absolute;\n  inset-block-start:0;\n  inset-inline-start:0;\n}\n:host{\n}\n:host .cds-aichat--i-frame-component__wrapper{\n  position:relative;\n  overflow:hidden;\n  background:transparent;\n}\n:host .cds-aichat--i-frame-component__wrapper,\n:host .cds-aichat--i-frame-component__i-frame{\n  block-size:100%;\n  inline-size:100%;\n}\n:host .cds-aichat--i-frame-component__status-container{\n  position:absolute;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background-color:var(--cds-chat-shell-background, #ffffff);\n  block-size:100%;\n  inline-size:100%;\n  inset-block-start:0;\n  inset-inline-start:0;\n}\n:host .cds-aichat--i-frame-component__status-container .cds-aichat--loading-spinner{\n  block-size:48px;\n  inline-size:48px;\n}\n:host .cds-aichat--i-frame-panel .cds-aichat--panel-content{\n  display:flex;\n  flex:1;\n  flex-direction:column;\n}\n:host .cds-aichat--i-frame-panel__content{\n  block-size:100%;\n  inline-size:100%;\n}\n:host{\n}\n:host .cds-aichat--image{\n  overflow:hidden;\n  padding:0;\n  min-block-size:0;\n  min-inline-size:0;\n}\n:host cds-ai-skeleton-placeholder.cds-aichat--image__skeleton::part(skeleton-placeholder\n  ),\n:host cds-skeleton-placeholder.cds-aichat--image__skeleton::part(placeholder){\n  block-size:192px;\n  inline-size:100%;\n}\n:host .cds-aichat--image__image-wrapper{\n  background-color:var(--cds-layer-02, #ffffff);\n}\n:host .cds-aichat--image__image{\n  display:none;\n  block-size:0;\n  max-inline-size:100%;\n  opacity:0;\n}\n@media screen and (prefers-reduced-motion: reduce){\n  :host .cds-aichat--image__image--loaded{\n    animation:none;\n    animation-duration:110ms;\n    animation-iteration-count:1;\n    animation-timing-function:cubic-bezier(0.2, 0, 0.38, 0.9);\n    block-size:auto;\n    opacity:1;\n  }\n}\n:host .cds-aichat--image__image--loaded{\n  animation-duration:110ms;\n  animation-iteration-count:1;\n  animation-name:cds-chat-fade-in-img;\n  animation-timing-function:cubic-bezier(0.2, 0, 0.38, 0.9);\n  block-size:auto;\n  opacity:1;\n}\n:host{\n}\n:host .cds-aichat--image .cds-aichat--image__image--loaded{\n  display:block;\n  margin:auto;\n}\n:host .cds-aichat--image__text-and-icon .cds-aichat--text-holder-tile__url{\n  padding-inline-end:calc(1rem + 2px);\n}\n:host .cds-aichat--image__icon-only .cds-aichat--image__icon{\n  padding:0.75rem;\n  border-radius:var(--cds-aichat-card-border-radius, 0.5rem);\n  background-color:var(--cds-overlay, rgba(0, 0, 0, 0.6));\n  fill:var(--cds-icon-on-color, #ffffff);\n}\n:host svg.cds-aichat--image__icon{\n  display:block;\n  margin-block-end:1rem;\n  margin-inline:auto 1rem;\n}\n:host .cds-aichat--image__icon-only .cds-aichat--image__icon,\n:host svg.cds-aichat--image__icon--link{\n  position:absolute;\n  margin:0;\n  inset-block-end:1rem;\n  inset-inline-end:1rem;\n}\n:host svg.cds-aichat--image__icon--link{\n  color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-aichat--container--render[dir=rtl] svg.cds-aichat--image__icon--link{\n  inset-inline:0.5rem unset;\n}\n:host{\n}\n:host .cds-aichat--button-holder{\n  margin-block-start:0.5rem;\n}\n:host .cds-aichat--button-holder ul{\n  padding:0;\n  margin:0;\n  list-style:none;\n}\n:host .cds-aichat--button-holder ul li{\n  display:inline-block;\n  padding:0 0.5rem 0.5rem 0;\n  margin:0;\n}\n:host{\n}\n:host .cds-aichat--select-holder{\n  padding:0 1px;\n  inline-size:100%;\n  margin-block-start:1rem;\n  max-inline-size:380px;\n}\n:host{\n}\n:host .cds-aichat--custom-select-temporary-padding{\n  padding-block-end:5rem;\n}\n:host cds-dropdown::part(trigger-button){\n  block-size:2.5rem;\n}\n:host cds-dropdown::part(menu-body){\n  position:static;\n}\n:host{\n}\n:host .cds-aichat--text-area{\n  position:relative;\n  block-size:-moz-fit-content;\n  block-size:fit-content;\n}\n:host .cds-aichat--text-area .cds-aichat--text-area-textarea,\n:host .cds-aichat--text-area .cds-aichat--text-area-sizer{\n  font-size:var(--cds-body-02-font-size, 1rem);\n  font-weight:var(--cds-body-02-font-weight, 400);\n  line-height:var(--cds-body-02-line-height, 1.5);\n  letter-spacing:var(--cds-body-02-letter-spacing, 0);\n  padding:0;\n  border:2px solid transparent;\n  margin:0;\n  block-size:100%;\n  inline-size:100%;\n  white-space:pre-wrap;\n  word-wrap:break-word;\n}\n:host .cds-aichat--text-area .cds-aichat--text-area-textarea:focus{\n  border:2px solid var(--cds-focus, #0f62fe);\n  border-radius:0;\n  outline:0;\n}\n:host .cds-aichat--text-area .cds-aichat--text-area-textarea::-moz-focus-inner{\n  border:2px solid var(--cds-focus, #0f62fe);\n  border-radius:0;\n  outline:0;\n}\n:host .cds-aichat--text-area.cds-aichat--text-area--auto-size .cds-aichat--text-area-textarea{\n  position:absolute;\n  overflow:hidden;\n  inset-block-start:0;\n  resize:none;\n}\n:host{\n}\n:host .cds-aichat--text-area .cds-aichat--text-area-sizer{\n  padding-block-end:1px;\n  visibility:hidden;\n  white-space:pre-wrap;\n  word-wrap:break-word;\n}\n:host{\n}\n:host .cds-aichat--body-message-components__message-wrapper{\n  padding:1rem;\n}\n:host .cds-aichat--body-message-components__message-wrapper.cds-aichat--body-message-components__message-wrapper--short-bottom-padding{\n  padding-block-end:0.75rem;\n}\n:host .cds-aichat--body-message-components .cds-aichat--media-player__skeleton,\n:host .cds-aichat--body-message-components .cds-aichat--media-player,\n:host .cds-aichat--body-message-components .cds-aichat--image{\n  border:none;\n}\n:host{\n}\n:host .cds-aichat--body-message-components__message-wrapper.cds-aichat--body-message-components__message-wrapper--short-bottom-padding + .cds-aichat--body-message-components__message-wrapper:not(.cds-aichat--body-message-components__message-wrapper--full-width){\n  padding-block-start:0;\n}\n:host .cds-aichat--body-message-components__message-wrapper.cds-aichat--body-message-components__message-wrapper--full-width{\n  padding:0;\n}\n:host .cds-aichat--body-message-components__message-wrapper.cds-aichat--body-message-components__message-wrapper--full-width .cds-aichat--body-message-components__message-wrapper .cds-aichat--image,\n:host .cds-aichat--body-message-components__message-wrapper.cds-aichat--body-message-components__message-wrapper--full-width .cds-aichat--body-message-components__message-wrapper .cds-aichat--media-player,\n:host .cds-aichat--body-message-components__message-wrapper.cds-aichat--body-message-components__message-wrapper--full-width .cds-aichat--body-message-components__message-wrapper .cds-aichat--media-player__skeleton{\n  border-radius:0;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n  :host .cds-aichat--clickable-image{\n    position:relative;\n    overflow:hidden;\n    padding:0;\n    border:none;\n    border-radius:var(--cds-aichat-card-border-radius, 0.5rem);\n    background-color:unset;\n    color:unset;\n    cursor:pointer;\n    inline-size:100%;\n    max-inline-size:var(--cds-aichat-card-max-width, 424px);\n    outline:none;\n    outline-offset:-2px;\n    text-align:unset;\n    transition:none;\n  }\n}\n:host .cds-aichat--clickable-image{\n  position:relative;\n  overflow:hidden;\n  padding:0;\n  border:none;\n  border-radius:var(--cds-aichat-card-border-radius, 0.5rem);\n  background-color:unset;\n  color:unset;\n  cursor:pointer;\n  inline-size:100%;\n  max-inline-size:var(--cds-aichat-card-max-width, 424px);\n  outline:none;\n  outline-offset:-2px;\n  text-align:unset;\n  transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host a.cds-aichat--clickable-image .cds-aichat--text-holder-tile__title{\n  color:var(--cds-text-primary, #161616);\n}\n@media screen and (prefers-reduced-motion: reduce){\n  :host .cds-aichat--clickable-image .cds-aichat--image{\n    position:unset;\n    transition:none;\n  }\n}\n:host .cds-aichat--clickable-image .cds-aichat--image{\n  position:unset;\n  transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds-aichat--clickable-image .cds-aichat--image__image{\n  -webkit-user-select:none;\n     -moz-user-select:none;\n          user-select:none;\n}\n:host .cds-aichat--clickable-image:disabled{\n  cursor:not-allowed;\n}\n:host .cds-aichat--clickable-image:disabled .cds-aichat--image{\n  opacity:0.5;\n}\n:host .cds-aichat--clickable-image:enabled:focus{\n  outline:2px solid var(--cds-focus, #0f62fe);\n}\n:host .cds-aichat--clickable-image:enabled:hover .cds-aichat--image{\n  background-color:var(--cds-layer-hover);\n  text-decoration:underline;\n}\n:host .cds-aichat--clickable-image:enabled:hover .cds-aichat--image__image{\n  opacity:0.8;\n}\n:host{\n}\n:host .cds-aichat--description{\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--disclaimer__title,\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--disclaimer__description{\n  text-align:end;\n}\n:host{\n}\n:host .cds-aichat--footer-button-components{\n  display:flex;\n  inline-size:100%;\n}\n:host .cds-aichat--footer-button-components cds-button.cds-aichat--button-item{\n  flex:auto;\n}\n:host .cds-aichat--footer-button-components cds-button[href][kind=ghost] svg{\n  fill:var(--cds-link-primary, #0f62fe);\n}\n:host cds-aichat-card .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column){\n  gap:0.0625rem;\n}\n:host cds-aichat-card .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column):not(:has([kind=ghost])){\n  background-color:var(--cds-button-separator, #e0e0e0);\n}\n:host cds-aichat-card .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column):has([kind=ghost]){\n  border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host cds-aichat-card .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column) .cds-aichat--button-item:first-child::part(button){\n  border-end-start-radius:max(0px, 0.5rem - 0.0625rem);\n}\n:host cds-aichat-card .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column) .cds-aichat--button-item:last-child::part(button){\n  border-end-end-radius:max(0px, 0.5rem - 0.0625rem);\n}\n:host cds-aichat-card .cds-aichat--footer-button-components.cds-aichat--footer-button-components--column{\n  flex-direction:column;\n}\n:host cds-aichat-card .cds-aichat--footer-button-components.cds-aichat--footer-button-components--column .cds-aichat--button-item[kind=ghost]{\n  border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host cds-aichat-card .cds-aichat--footer-button-components.cds-aichat--footer-button-components--column .cds-aichat--button-item:last-child::part(button){\n  border-end-end-radius:max(0px, 0.5rem - 0.0625rem);\n  border-end-start-radius:max(0px, 0.5rem - 0.0625rem);\n}\n:host .cds-aichat--overlay-panel .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column){\n  gap:0.0625rem;\n}\n:host .cds-aichat--overlay-panel .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column):not(:has([kind=ghost])){\n  background-color:var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-aichat--overlay-panel .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column):has([kind=ghost]){\n  border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host .cds-aichat--overlay-panel .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column) .cds-aichat--button-item:first-child::part(button){\n  border-end-start-radius:max(0px, var(--cds-aichat-rounded-modifier-radius-end-end, 0) - 0.0625rem);\n}\n:host .cds-aichat--overlay-panel .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column) .cds-aichat--button-item:last-child::part(button){\n  border-end-end-radius:max(0px, var(--cds-aichat-rounded-modifier-radius-end-end, 0) - 0.0625rem);\n}\n:host .cds-aichat--overlay-panel .cds-aichat--footer-button-components.cds-aichat--footer-button-components--column{\n  flex-direction:column;\n}\n:host .cds-aichat--overlay-panel .cds-aichat--footer-button-components.cds-aichat--footer-button-components--column .cds-aichat--button-item[kind=ghost]{\n  border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host .cds-aichat--overlay-panel .cds-aichat--footer-button-components.cds-aichat--footer-button-components--column .cds-aichat--button-item:last-child::part(button){\n  border-end-end-radius:max(0px, var(--cds-aichat-rounded-modifier-radius-end-end, 0) - 0.0625rem);\n  border-end-start-radius:max(0px, var(--cds-aichat-rounded-modifier-radius-end-end, 0) - 0.0625rem);\n}\n:host .cds-aichat--widget--with-branding-banner .cds-aichat--overlay-panel .cds-aichat--footer-button-components .cds-aichat--button-item:first-child::part(button),\n:host .cds-aichat--widget:not(.cds-aichat--widget--rounded,\n.cds-aichat--widget--with-branding-banner) .cds-aichat--overlay-panel .cds-aichat--footer-button-components .cds-aichat--button-item:first-child::part(button){\n  border-end-start-radius:0;\n}\n:host .cds-aichat--widget--with-branding-banner .cds-aichat--overlay-panel .cds-aichat--footer-button-components .cds-aichat--button-item:last-child::part(button),\n:host .cds-aichat--widget:not(.cds-aichat--widget--rounded,\n.cds-aichat--widget--with-branding-banner) .cds-aichat--overlay-panel .cds-aichat--footer-button-components .cds-aichat--button-item:last-child::part(button){\n  border-end-end-radius:0;\n}\n:host .cds-aichat--widget--with-branding-banner .cds-aichat--overlay-panel .cds-aichat--footer-button-components--column .cds-aichat--button-item.cds-aichat--button-item:last-child::part(button),\n:host .cds-aichat--footer-button-components.cds-aichat--footer-button-components--column .cds-aichat--button-item.cds-aichat--button-item:not(:last-child::part(button)){\n  border-end-end-radius:0;\n  border-end-start-radius:0;\n}\n:host{\n}\n:host .cds-aichat--media-player,\n:host .cds-aichat--media-player__skeleton{\n  overflow:hidden;\n  padding:0;\n}\n:host .cds-aichat--media-player__wrapper{\n  overflow:hidden;\n}\n:host .cds-aichat--media-player__skeleton-container,\n:host .cds-aichat--media-player__wrapper{\n  position:relative;\n  padding-block-start:0;\n}\n:host .cds-aichat--media-player__background{\n  background-color:var(--cds-layer-accent-01, #e0e0e0);\n}\n:host .cds-aichat--media-player__background--audio{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n:host .cds-aichat--media-player__player iframe{\n  block-size:100%;\n  inline-size:100%;\n  max-block-size:100%;\n  max-inline-size:100%;\n}\n:host .cds-aichat--media-player__music-icon{\n  fill:var(--cds-icon-on-color, #ffffff);\n}\n:host cds-ai-skeleton-placeholder.cds-aichat--media-player__skeleton-player::part(skeleton-placeholder\n  ),\n:host cds-skeleton-placeholder.cds-aichat--media-player__skeleton-player::part(placeholder\n  ),\n:host .cds-aichat--media-player__background,\n:host .cds-aichat--media-player__player{\n  position:absolute;\n  border-radius:0;\n  inset-block-start:0;\n  inset-inline-start:0;\n}\n:host cds-ai-skeleton-placeholder.cds-aichat--media-player__skeleton-player::part(skeleton-placeholder\n  ),\n:host cds-skeleton-placeholder.cds-aichat--media-player__skeleton-player::part(placeholder\n  ),\n:host .cds-aichat--media-player__background{\n  block-size:100%;\n  inline-size:100%;\n}\n:host .cds-aichat--media-player__root{\n  inline-size:100%;\n}\n:host .cds-aichat--media-player__skeleton-text-container{\n  padding:1rem;\n}\n:host .cds-aichat--media-transcript{\n  padding:0 1rem 1rem 1rem;\n}\n:host .cds-aichat--media-transcript__toggle{\n  font-size:var(--cds-label-01-font-size, 0.75rem);\n  font-weight:var(--cds-label-01-font-weight, 400);\n  line-height:var(--cds-label-01-line-height, 1.33333);\n  letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  padding:0;\n  border:0;\n  margin:0;\n  background-color:transparent;\n  color:var(--cds-text-secondary, #525252);\n  cursor:pointer;\n  text-align:start;\n}\n:host .cds-aichat--media-transcript__toggle:hover{\n  background-color:var(--cds-layer-hover-01, #e8e8e8);\n}\n:host .cds-aichat--media-transcript__toggle:focus{\n  outline:2px solid var(--cds-focus, #0f62fe);\n  outline-offset:-2px;\n}\n:host .cds-aichat--media-transcript__toggle-label{\n  display:flex;\n  align-items:center;\n  font-weight:600;\n}\n:host .cds-aichat--media-transcript__language{\n  color:var(--cds-text-secondary, #525252);\n  font-weight:400;\n}\n:host .cds-aichat--media-transcript__toggle-icon{\n  flex-shrink:0;\n  margin-inline-start:0.5rem;\n}\n:host .cds-aichat--media-transcript__content--visible{\n  padding-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-aichat--received--metablock{\n  color:var(--cds-text-primary, #161616);\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--received--metablock-content:nth-child(2){\n  margin-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-aichat--text-holder-tile{\n  display:flex;\n  padding:1rem;\n  min-block-size:initial;\n}\n:host .cds-aichat--text-holder-tile__icon{\n  flex:0 1 auto;\n  margin:0.125rem 0.5rem 0 0;\n}\n:host .cds-aichat--text-holder-tile__wrapper{\n  flex:1 1;\n  align-self:center;\n}\n:host .cds-aichat--text-holder-tile__title{\n  font-size:var(--cds-body-02-font-size, 1rem);\n  font-weight:var(--cds-body-02-font-weight, 400);\n  line-height:var(--cds-body-02-line-height, 1.5);\n  letter-spacing:var(--cds-body-02-letter-spacing, 0);\n  font-weight:400;\n  min-block-size:unset;\n}\n:host .cds-aichat--text-holder-tile__description{\n  color:var(--cds-text-secondary, #525252);\n}\n:host .cds-aichat--text-holder-tile__description,\n:host .cds-aichat--text-holder-tile__url{\n  font-size:var(--cds-caption-01-font-size, 0.75rem);\n  font-weight:var(--cds-caption-01-font-weight, 400);\n  line-height:var(--cds-caption-01-line-height, 1.33333);\n  letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n  min-block-size:unset;\n}\n:host .cds-aichat--text-holder-tile__description-margin{\n  margin-block-start:0.125rem;\n}\n:host .cds-aichat--text-holder-tile__url{\n  color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-aichat--text-holder-tile__url-margin{\n  margin-block-start:1rem;\n}\n@supports (-webkit-line-clamp: 3){\n  :host .cds-aichat--text-holder-tile__description{\n    display:-webkit-box;\n    overflow:hidden;\n    -webkit-box-orient:vertical;\n    -webkit-line-clamp:3;\n    white-space:normal;\n  }\n}\n@supports (-webkit-line-clamp: 2){\n  :host .cds-aichat--text-holder-tile__title{\n    display:-webkit-box;\n    overflow:hidden;\n    -webkit-box-orient:vertical;\n    -webkit-line-clamp:2;\n    white-space:normal;\n  }\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--text-holder-tile__icon{\n  margin-inline:0.5rem 0;\n}\n:host{\n}\n:host .cds-aichat--search-result-highlight{\n  background-color:var(--cds-highlight, #d0e2ff);\n}\n:host{\n}\n:host .cds-aichat--citation-card{\n  display:block;\n  inline-size:100%;\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable{\n  padding:0;\n  border:none;\n  border-radius:0.5rem;\n  cursor:pointer;\n  inline-size:100%;\n  padding-inline-end:0;\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable cds-aichat-card,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable cds-aichat-card{\n  border:none;\n  box-shadow:0 0 0 1px inset var(--cds-chat-bubble-border, #e0e0e0);\n  transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n@media screen and (prefers-reduced-motion: reduce){\n  :host .cds-aichat--message a.cds-aichat--citation-card--clickable cds-aichat-card,\n  :host .cds-aichat--message button.cds-aichat--citation-card--clickable cds-aichat-card{\n    border:none;\n    box-shadow:0 0 0 1px inset var(--cds-chat-bubble-border, #e0e0e0);\n    transition:none;\n  }\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable:focus,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable:focus{\n  text-decoration:none;\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable:focus cds-aichat-card,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable:focus cds-aichat-card{\n  box-shadow:0 0 0 2px inset var(--cds-focus, #0f62fe);\n  text-decoration:none;\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable:hover,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable:hover{\n  text-decoration:none;\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable:hover cds-aichat-card,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable:hover cds-aichat-card{\n  background:var(--cds-layer-hover-01, #e8e8e8);\n  text-decoration:none;\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable:active,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable:active{\n  text-decoration:none;\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable:active cds-aichat-card,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable:active cds-aichat-card{\n  box-shadow:0 0 0 2px inset var(--cds-focus, #0f62fe);\n  text-decoration:none;\n}\n:host .cds-aichat--citation-card-header{\n  block-size:128px;\n}\n:host .cds-aichat--citation-card-title{\n  color:var(--cds-text-secondary, #525252);\n  font-size:var(--cds-body-02-font-size, 1rem);\n  font-weight:var(--cds-body-02-font-weight, 400);\n  line-height:var(--cds-body-02-line-height, 1.5);\n  letter-spacing:var(--cds-body-02-letter-spacing, 0);\n  padding-block-end:0.5rem;\n}\n:host .cds-aichat--citation-card-text{\n  display:-webkit-box;\n  overflow:hidden;\n  -webkit-box-orient:vertical;\n  color:var(--cds-text-secondary, #525252);\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n  -webkit-line-clamp:5;\n  line-clamp:5;\n  text-align:start;\n  white-space:normal;\n}\n:host .cds-aichat--citation-card-footer{\n  display:flex;\n  justify-content:space-between;\n  color:var(--cds-link-primary, #0f62fe);\n  padding-block-start:1rem;\n}\n:host .cds-aichat--citation-card-label,\n:host .cds-aichat--citation-card-icon{\n  font-size:var(--cds-caption-01-font-size, 0.75rem);\n  font-weight:var(--cds-caption-01-font-weight, 400);\n  line-height:var(--cds-caption-01-line-height, 1.33333);\n  letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n}\n:host .cds-aichat--citation-card-icon{\n  display:flex;\n  align-items:center;\n}\n:host .cds-aichat--message a:hover.cds-aichat--citation-card--clickable{\n  cursor:pointer;\n  text-decoration:none;\n}\n:host{\n}\n:host .cds-aichat--view-source-panel{\n  position:relative;\n  display:flex;\n  flex-direction:column;\n  block-size:100%;\n}\n:host .cds-aichat--view-source-panel .cds-aichat--panel-content{\n  flex:1;\n}\n:host .cds-aichat--view-source-panel__content{\n  overflow:auto;\n  background-color:var(--cds-background, #ffffff);\n  block-size:100%;\n}\n:host{\n}\n:host .cds-aichat--error-icon{\n  fill:var(--cds-support-error, #da1e28);\n  vertical-align:middle;\n}\n:host .cds-aichat--error-icon path[data-icon-path=inner-path]{\n  fill:var(--cds-icon-on-color, #ffffff);\n  opacity:1;\n}\n:host{\n}\n:host .cds-aichat--response-stopped{\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n  color:var(--cds-text-secondary, #525252);\n  font-style:italic;\n  margin-block-start:1rem;\n  text-align:center;\n}\n:host .cds-aichat--standard-width .cds-aichat--conversational-search + .cds-aichat--response-stopped,\n:host .cds-aichat--wide-width .cds-aichat--conversational-search + .cds-aichat--response-stopped{\n  padding-inline-start:56px;\n}\n:host .cds-aichat--narrow-width .cds-aichat--conversational-search + .cds-aichat--response-stopped{\n  padding-inline-start:16px;\n}\n:host{\n}\n:host .cds-aichat--system-message-standalone{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  padding:1rem 0.5rem;\n  margin:0.5rem 0;\n}\n:host .cds-aichat--system-message-standalone-text{\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n  padding:0.5rem 1rem;\n  border-radius:0.25rem;\n  background-color:transparent;\n  color:var(--cds-text-secondary, #525252);\n  font-style:italic;\n  max-inline-size:600px;\n  text-align:center;\n}\n:host .cds-aichat--received .cds-aichat--system-message-inline,\n:host .cds-aichat--sent .cds-aichat--system-message-inline{\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n  padding:0.5rem 0;\n  margin:0.5rem 0;\n  border-block-end:1px solid var(--cds-border-subtle-01, #c6c6c6);\n  border-block-start:1px solid var(--cds-border-subtle-01, #c6c6c6);\n  color:var(--cds-text-secondary, #525252);\n  font-style:italic;\n  text-align:center;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n  :host .cds-aichat--message{\n    position:relative;\n    display:block;\n    margin:0;\n    animation:none;\n  }\n}\n:host .cds-aichat--message{\n  position:relative;\n  display:block;\n  margin:0;\n}\n:host .cds-aichat--message.cds-aichat--message--has-focus::after{\n  position:absolute;\n  box-sizing:border-box;\n  border:solid 2px var(--cds-focus, #0f62fe);\n  block-size:100%;\n  content:\"\";\n  inline-size:100%;\n  inset-block-start:0;\n  pointer-events:none;\n}\n:host{\n}\n:host .cds-aichat--message.cds-aichat--message--first-message.cds-aichat--message--has-focus::after{\n  block-size:calc(100% - 0.5rem);\n  inset-block-start:0.5rem;\n}\n:host .cds-aichat--message.cds-aichat--message--last-message.cds-aichat--message--has-focus::after{\n  block-size:calc(100% - 2rem + 0.5rem);\n  inset-block-end:calc(2rem - 0.5rem);\n}\n:host .cds-aichat--message .cds-aichat--message-vertical-padding,\n:host .cds-aichat--message .cds-aichat--ui-customization-element--response{\n  padding-block-start:1rem;\n}\n:host .cds-aichat--message--with-avatar-line .cds-aichat--message-vertical-padding,\n:host .cds-aichat--message--with-avatar-line .cds-aichat--ui-customization-element--response,\n:host .cds-aichat--message--option-response-without-title-or-description .cds-aichat--message-vertical-padding{\n  padding-block-start:0;\n}\n:host .cds-aichat--message--option-response-without-title-or-description .cds-aichat--ui-customization-element--response{\n  padding-block-start:0;\n}\n:host .cds-aichat--message.cds-aichat--message--custom .cds-aichat--message-vertical-padding,\n:host .cds-aichat--message.cds-aichat--message--custom .cds-aichat--ui-customization-element--response{\n  padding-block:0;\n}\n:host .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received,\n:host .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received.cds-aichat--received--carousel:not(.cds-aichat--received--carousel-single):first-child,\n:host .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received.cds-aichat--received--full-width:first-child{\n  margin-block-start:0.5rem;\n}\n:host .cds-aichat--message.cds-aichat--message--last-message .cds-aichat--message--padding{\n  padding-block-end:1.5rem;\n}\n:host .cds-aichat--sent-container{\n  display:flex;\n  justify-content:flex-end;\n}\n:host .cds-aichat--message .cds-aichat--received,\n:host .cds-aichat--message .cds-aichat--sent-container{\n  flex-grow:1;\n  margin-inline:1rem;\n  min-inline-size:0;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n  :host .cds-aichat--message .cds-aichat--received .cds-aichat--message .cds-aichat--received,\n  :host .cds-aichat--message .cds-aichat--received .cds-aichat--message .cds-aichat--sent-container,\n  :host .cds-aichat--message .cds-aichat--sent-container .cds-aichat--message .cds-aichat--received,\n  :host .cds-aichat--message .cds-aichat--sent-container .cds-aichat--message .cds-aichat--sent-container{\n    transition:margin-inline 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  }\n  :host .cds-aichat--message .cds-aichat--received .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received,\n  :host .cds-aichat--message .cds-aichat--sent-container .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received{\n    transition:margin-block-start 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  }\n  :host .cds-aichat--message .cds-aichat--received .cds-aichat--message .cds-aichat--received.cds-aichat--received--agent-status-message,\n  :host .cds-aichat--message .cds-aichat--sent-container .cds-aichat--message .cds-aichat--received.cds-aichat--received--agent-status-message{\n    transition:margin-inline 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  }\n}\n:host .cds-aichat--wide-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--conversational-search,\n:host .cds-aichat--wide-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--search,\n:host .cds-aichat--wide-width .cds-aichat--message .cds-aichat--received--carousel:not(.cds-aichat--received--carousel-single),\n:host .cds-aichat--wide-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--full-width,\n:host .cds-aichat--narrow-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--conversational-search,\n:host .cds-aichat--narrow-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--search,\n:host .cds-aichat--narrow-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--full-width,\n:host .cds-aichat--standard-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--conversational-search,\n:host .cds-aichat--standard-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--search,\n:host .cds-aichat--standard-width .cds-aichat--message .cds-aichat--received--carousel:not(.cds-aichat--received--carousel-single),\n:host .cds-aichat--standard-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--full-width{\n  margin-inline:0 1rem;\n}\n:host .cds-aichat--message a:not(button){\n  color:var(--cds-link-primary, #0f62fe);\n  outline:none;\n  text-decoration:none;\n}\n:host .cds-aichat--message a:visited:not(button){\n  color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-aichat--message a:hover:not(button){\n  text-decoration:underline;\n}\n:host .cds-aichat--message a:focus:not(button){\n  text-decoration:underline;\n}\n:host .cds-aichat--message::after{\n  display:table;\n  clear:both;\n  content:\"\";\n}\n:host .cds-aichat--messages--welcome.cds-aichat--messages--welcome--typing{\n  min-block-size:100%;\n}\n:host .cds-aichat--assistant-message{\n  position:relative;\n  display:flex;\n  flex-direction:row;\n  max-inline-size:100%;\n}\n:host .cds-aichat--received--inline-error,\n:host .cds-aichat--received--text,\n:host .cds-aichat--message-user-defined-response{\n  position:relative;\n  color:var(--cds-text-primary, #161616);\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n  overflow-wrap:break-word;\n  word-break:break-word;\n  word-wrap:break-word;\n}\n:host .cds-aichat--message-user-defined-response{\n  max-inline-size:100%;\n}\n:host .cds-aichat--received--image{\n  position:relative;\n  inline-size:90%;\n  overflow-wrap:break-word;\n  word-break:break-word;\n  word-wrap:break-word;\n}\n:host .cds-aichat--received--video,\n:host .cds-aichat--received--audio{\n  inline-size:100%;\n  overflow-wrap:break-word;\n  word-break:break-word;\n  word-wrap:break-word;\n}\n:host{\n}\n:host .cds-aichat--sent-and-message-state-container{\n  display:flex;\n  flex-direction:row;\n  justify-content:flex-end;\n}\n:host{\n}\n:host .cds-aichat--message-status{\n  display:flex;\n  align-items:center;\n  margin-inline:8px;\n}\n:host{\n}\n:host .cds-aichat--sent-and-message-state--below-message{\n  display:flex;\n  flex-direction:column;\n  align-items:flex-end;\n}\n:host .cds-aichat--sent-and-message-state--below-message .cds-aichat--message-status{\n  margin-inline:0;\n  padding-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-aichat--message-status .cds-aichat--loading-spinner circle{\n  stroke-width:6;\n}\n@media screen and (prefers-reduced-motion: reduce){\n  :host .cds-aichat--sent-container .cds-aichat--message-status-file-success svg{\n    animation:none;\n    fill:var(--cds-interactive, #0f62fe);\n  }\n}\n:host .cds-aichat--sent-container .cds-aichat--message-status-file-success svg{\n  animation:150ms cubic-bezier(0.4, 0.14, 1, 1) 2000ms cds-chat-fade-out forwards;\n  fill:var(--cds-interactive, #0f62fe);\n}\n:host .cds-aichat--received--loading,\n:host .cds-aichat--search-result,\n:host .cds-aichat--sent--bubble{\n  position:relative;\n  opacity:1;\n  overflow-wrap:break-word;\n  word-break:break-word;\n  word-wrap:break-word;\n}\n:host .cds-aichat--received--loading .cds-aichat--received--inner{\n  position:relative;\n}\n:host .cds-aichat--sent--text > span{\n  flex:1;\n  white-space:pre-wrap;\n}\n:host .cds-aichat--sent--text{\n  display:flex;\n}\n:host svg.cds-aichat--sent-file-icon{\n  margin-inline-end:8px;\n}\n:host .cds-aichat--sent{\n  display:flex;\n  flex-direction:column;\n  inline-size:100%;\n}\n:host .cds-aichat--sent--bubble{\n  align-self:end;\n  padding:0.5rem 0.75rem;\n  border:solid 1px var(--cds-chat-bubble-user, #e0e0e0);\n  border-radius:0.5rem 0 0.5rem 0.5rem;\n  background:var(--cds-chat-bubble-user, #e0e0e0);\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--sent--bubble{\n  border-radius:0 0.5rem 0.5rem 0.5rem;\n}\n:host .cds-aichat--received--options,\n:host .cds-aichat--received--suggestion{\n  position:relative;\n  overflow-wrap:break-word;\n  word-break:break-word;\n  word-wrap:break-word;\n}\n:host .cds-aichat--received--iframe-preview-card{\n  overflow:hidden;\n  inline-size:100%;\n}\n:host .cds-aichat--assistant-message .cds-aichat--received--agent-status-message{\n  color:var(--cds-text-helper, #6f6f6f);\n  font-size:var(--cds-caption-01-font-size, 0.75rem);\n  font-weight:var(--cds-caption-01-font-weight, 400);\n  line-height:var(--cds-caption-01-line-height, 1.33333);\n  letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n  padding-inline:1rem;\n  text-align:center;\n}\n:host .cds-aichat--assistant-message .cds-aichat--received--chat-status-message{\n  color:var(--cds-text-secondary, #525252);\n  font-size:var(--cds-caption-01-font-size, 0.75rem);\n  font-weight:var(--cds-caption-01-font-weight, 400);\n  line-height:var(--cds-caption-01-line-height, 1.33333);\n  letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n}\n:host .cds-aichat--message--system-message{\n  padding-block-start:28px;\n}\n:host .cds-aichat--message__avatar-line{\n  display:flex;\n  padding-block-start:28px;\n}\n:host .cds-aichat--message__avatar-line .cds-aichat--message__label{\n  color:var(--cds-text-secondary, #525252);\n  font-size:var(--cds-caption-01-font-size, 0.75rem);\n  font-weight:var(--cds-caption-01-font-weight, 400);\n  line-height:var(--cds-caption-01-line-height, 1.33333);\n  letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n}\n:host .cds-aichat--message__avatar-line .cds-aichat--message__reasoning{\n  display:flex;\n  align-items:center;\n}\n:host .cds-aichat--message__avatar-line .cds-aichat--message__reasoning-separator{\n  color:var(--cds-text-secondary, #525252);\n  margin-inline-end:0.5rem;\n}\n:host .cds-aichat--message__avatar-line .cds-aichat--message__avatar{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  block-size:2rem;\n  inline-size:2rem;\n}\n:host .cds-aichat--message__avatar-line .cds-aichat--message__avatar--assistant svg{\n  block-size:28px;\n  inline-size:28px;\n}\n:host .cds-aichat--message__avatar-line .cds-aichat--image-with-fallback{\n  display:flex;\n}\n:host .cds-aichat--message__avatar-line .cds-aichat--image-with-fallback img,\n:host .cds-aichat--message__avatar-line .cds-aichat--image-with-fallback .cds-aichat--icon-holder{\n  border-radius:14px;\n  block-size:28px;\n  inline-size:28px;\n}\n:host .cds-aichat--message__avatar-line .cds-aichat--image-with-fallback img svg,\n:host .cds-aichat--message__avatar-line .cds-aichat--image-with-fallback .cds-aichat--icon-holder svg{\n  block-size:16px;\n  fill:var(--cds-icon-inverse, #ffffff);\n  inline-size:16px;\n}\n:host .cds-aichat--message--request .cds-aichat--message__avatar-line{\n  justify-content:flex-end;\n  padding-inline-end:1rem;\n}\n:host .cds-aichat--message--request .cds-aichat--message__avatar-line .cds-aichat--message__label{\n  padding-block-end:0.5rem;\n  padding-inline-start:0.5rem;\n}\n:host{\n}\n:host .cds-aichat--message--response .cds-aichat--message__avatar-line{\n  padding-inline-start:0.5rem;\n}\n:host .cds-aichat--message--response .cds-aichat--message__avatar-line .cds-aichat--message__label{\n  padding-block:0.5rem;\n  padding-inline:0.5rem;\n}\n:host .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message + .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message,\n:host .cds-aichat--message--request + .cds-aichat--message--request{\n  padding-block-start:0.5rem;\n}\n:host .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message + .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message .cds-aichat--message__avatar-line,\n:host .cds-aichat--message--request + .cds-aichat--message--request .cds-aichat--message__avatar-line{\n  display:none;\n}\n:host .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message + .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message .cds-aichat--received--from-human,\n:host .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message + .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message .cds-aichat--sent--bubble,\n:host .cds-aichat--message--request + .cds-aichat--message--request .cds-aichat--received--from-human,\n:host .cds-aichat--message--request + .cds-aichat--message--request .cds-aichat--sent--bubble{\n  border-radius:0.5rem;\n}\n:host .cds-aichat--message--response:not(.cds-aichat--message--agent-message) .cds-aichat--message__avatar-line + .cds-aichat--message--padding{\n  padding-block-start:0.25rem;\n}\n:host .cds-aichat--message__avatar--agent .cds-aichat--image-with-fallback .cds-aichat--icon-holder{\n  background-color:var(--cds-chat-avatar-agent, #393939);\n}\n:host .cds-aichat--received--from-human.cds-aichat--received--text{\n  padding:0.5rem 0.75rem;\n  border:solid 1px var(--cds-chat-bubble-border, #e0e0e0);\n  border-radius:0 0.5rem 0.5rem 0.5rem;\n  background-color:var(--cds-chat-bubble-agent, #ffffff);\n}\n:host .cds-aichat--received--chain-of-thought{\n  margin-block-start:0.75rem;\n}\n:host .cds-aichat--message__reasoning-steps{\n  padding-block-end:0.75rem;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--received--from-agent.cds-aichat--received--text{\n  border-radius:0.5rem 0 0.5rem 0.5rem;\n}\n:host .cds-aichat--message__avatar--assistant .cds-aichat--image-with-fallback .cds-aichat--icon-holder{\n  background-color:var(--cds-chat-avatar-bot, #6f6f6f);\n}\n:host{\n}\n:host .cds-aichat--container--render{\n}\n:host .cds-aichat--container--render :where(cds-aichat-shell).cds-aichat--standard-width .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received, :host .cds-aichat--container--render :where(cds-aichat-shell).cds-aichat--wide-width .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received{\n  margin-block-start:0;\n}\n:host .cds-aichat--container--render :where(cds-aichat-shell).cds-aichat--standard-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--agent-status-message, :host .cds-aichat--container--render :where(cds-aichat-shell).cds-aichat--wide-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--agent-status-message{\n  margin-inline:0;\n}\n:host .cds-aichat--container--render :where(cds-aichat-shell){\n}\n:host .cds-aichat--container--render :where(cds-aichat-shell).cds-aichat--wide-width .cds-aichat--message .cds-aichat--received, :host .cds-aichat--container--render :where(cds-aichat-shell).cds-aichat--standard-width .cds-aichat--message .cds-aichat--received, :host .cds-aichat--container--render :where(cds-aichat-shell).cds-aichat--wide-width .cds-aichat--message .cds-aichat--sent-container, :host .cds-aichat--container--render :where(cds-aichat-shell).cds-aichat--standard-width .cds-aichat--message .cds-aichat--sent-container{\n  margin-inline:calc(0.5rem + 2rem + 0.5rem) 1rem;\n}\n:host .cds-aichat--container--render{\n}\n:host .cds-aichat--container--render :where(cds-aichat-shell[workspace-in-container]).cds-aichat--standard-width .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received, :host .cds-aichat--container--render :where(cds-aichat-shell[workspace-in-container]).cds-aichat--wide-width .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received{\n  margin-block-start:0.5rem;\n}\n:host .cds-aichat--container--render :where(cds-aichat-shell[workspace-in-container]).cds-aichat--standard-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--agent-status-message, :host .cds-aichat--container--render :where(cds-aichat-shell[workspace-in-container]).cds-aichat--wide-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--agent-status-message{\n  margin-inline:1rem;\n}\n:host .cds-aichat--container--render :where(cds-aichat-shell[workspace-in-container]){\n}\n:host .cds-aichat--container--render :where(cds-aichat-shell[workspace-in-container]).cds-aichat--wide-width .cds-aichat--message .cds-aichat--received, :host .cds-aichat--container--render :where(cds-aichat-shell[workspace-in-container]).cds-aichat--standard-width .cds-aichat--message .cds-aichat--received, :host .cds-aichat--container--render :where(cds-aichat-shell[workspace-in-container]).cds-aichat--wide-width .cds-aichat--message .cds-aichat--sent-container, :host .cds-aichat--container--render :where(cds-aichat-shell[workspace-in-container]).cds-aichat--standard-width .cds-aichat--message .cds-aichat--sent-container{\n  margin-inline:1rem;\n}\n:host .cds-aichat--container--render{\n}\n:host .cds-aichat--container--render :where(cds-aichat-shell[show-workspace]) .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received{\n  margin-block-start:0;\n}\n:host .cds-aichat--message-footer{\n  display:flex;\n  margin-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-aichat--typing-indicator--hidden{\n  visibility:hidden;\n}\n:host .cds-aichat--messages--holder{\n  display:flex;\n  overflow:hidden;\n  flex:1;\n  flex-direction:column;\n  block-size:100%;\n  inline-size:100%;\n}\n:host .cds-aichat--messages__wrapper{\n  position:relative;\n  overflow:hidden auto;\n  flex:1;\n  block-size:100%;\n  inline-size:100%;\n}\n:host .cds-aichat--messages__wrapper:focus{\n  outline:none;\n}\n:host .cds-aichat--message--focus-handle,\n:host .cds-aichat--messages--scroll-handle{\n  position:absolute;\n  display:block;\n  overflow:hidden;\n  padding:0;\n  border:none;\n  margin:0;\n  block-size:1px;\n  clip:rect(0 0 0 0);\n  clip-path:inset(50%);\n  inline-size:1px;\n  outline:none;\n  white-space:nowrap;\n}\n:host .cds-aichat--messages__wrapper--scroll-handle-has-focus::after{\n  position:absolute;\n  box-sizing:border-box;\n  border:solid 2px var(--cds-focus, #0f62fe);\n  block-size:100%;\n  content:\"\";\n  inline-size:100%;\n  inset-block-start:0;\n  pointer-events:none;\n}\n:host .cds-aichat--messages{\n  block-size:100%;\n  inline-size:100%;\n}\n:host .cds-aichat--widget--max-width .cds-aichat--messages{\n  margin:0 auto;\n  max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host .cds-aichat--processing{\n  display:flex;\n  align-items:center;\n}\n:host .cds-aichat--processing-component{\n  block-size:32px;\n}\n:host .cds-aichat--processing-label{\n  font-size:var(--cds-label-02-font-size, 0.875rem);\n  font-weight:var(--cds-label-02-font-weight, 400);\n  line-height:var(--cds-label-02-line-height, 1.28572);\n  letter-spacing:var(--cds-label-02-letter-spacing, 0.16px);\n  display:flex;\n  align-items:center;\n  animation:cds-aichat-fade-in 600ms forwards;\n  animation-delay:1200ms;\n  block-size:32px;\n  color:var(--cds-text-secondary, #525252);\n  font-style:italic;\n  opacity:0;\n  padding-inline-start:0.125rem;\n}\n:host .cds-aichat__scroll-to-bottom{\n  position:sticky;\n  z-index:1;\n  inline-size:2rem;\n  inset-block-end:1rem;\n  inset-inline-start:50%;\n  margin-block-start:-2rem;\n  transform:translateX(-50%);\n}\n:host .cds-aichat__scroll-to-bottom-button--hidden{\n  display:none;\n}\n:host{\n}\n:host .cds--white{\n  --cds-ai-aura-end:rgba(255, 255, 255, 0);\n  --cds-ai-aura-hover-background:#edf5ff;\n  --cds-ai-aura-hover-end:rgba(255, 255, 255, 0);\n  --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.32);\n  --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n  --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n  --cds-ai-border-end:#78a9ff;\n  --cds-ai-border-start:rgba(166, 200, 255, 0.64);\n  --cds-ai-border-strong:#4589ff;\n  --cds-ai-drop-shadow:rgba(15, 98, 254, 0.1);\n  --cds-ai-inner-shadow:rgba(69, 137, 255, 0.1);\n  --cds-ai-overlay:rgba(0, 17, 65, 0.5);\n  --cds-ai-popover-background:#ffffff;\n  --cds-ai-popover-caret-bottom:#78a9ff;\n  --cds-ai-popover-caret-bottom-background:#eaf1ff;\n  --cds-ai-popover-caret-bottom-background-actions:#e9effa;\n  --cds-ai-popover-caret-center:#a0c3ff;\n  --cds-ai-popover-shadow-outer-01:rgba(0, 67, 206, 0.06);\n  --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.04);\n  --cds-ai-skeleton-background:#d0e2ff;\n  --cds-ai-skeleton-element-background:#4589ff;\n  --cds-background:#ffffff;\n  --cds-background-active:rgba(141, 141, 141, 0.5);\n  --cds-background-brand:#0f62fe;\n  --cds-background-hover:rgba(141, 141, 141, 0.12);\n  --cds-background-inverse:#393939;\n  --cds-background-inverse-hover:#474747;\n  --cds-background-selected:rgba(141, 141, 141, 0.2);\n  --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n  --cds-border-disabled:#c6c6c6;\n  --cds-border-interactive:#0f62fe;\n  --cds-border-inverse:#161616;\n  --cds-border-strong-01:#8d8d8d;\n  --cds-border-strong-02:#8d8d8d;\n  --cds-border-strong-03:#8d8d8d;\n  --cds-border-subtle-00:#e0e0e0;\n  --cds-border-subtle-01:#c6c6c6;\n  --cds-border-subtle-02:#e0e0e0;\n  --cds-border-subtle-03:#c6c6c6;\n  --cds-border-subtle-selected-01:#c6c6c6;\n  --cds-border-subtle-selected-02:#c6c6c6;\n  --cds-border-subtle-selected-03:#c6c6c6;\n  --cds-border-tile-01:#c6c6c6;\n  --cds-border-tile-02:#a8a8a8;\n  --cds-border-tile-03:#c6c6c6;\n  --cds-chat-avatar-agent:#393939;\n  --cds-chat-avatar-bot:#6f6f6f;\n  --cds-chat-avatar-user:#0f62fe;\n  --cds-chat-bubble-agent:#ffffff;\n  --cds-chat-bubble-agent-text:#161616;\n  --cds-chat-bubble-border:#e0e0e0;\n  --cds-chat-bubble-user:#e0e0e0;\n  --cds-chat-bubble-user-text:#161616;\n  --cds-chat-button:#0f62fe;\n  --cds-chat-button-active:rgba(141, 141, 141, 0.5);\n  --cds-chat-button-hover:rgba(141, 141, 141, 0.12);\n  --cds-chat-button-selected:rgba(141, 141, 141, 0.2);\n  --cds-chat-button-text-hover:#0043ce;\n  --cds-chat-button-text-selected:#525252;\n  --cds-chat-header-background:#ffffff;\n  --cds-chat-header-text:#161616;\n  --cds-chat-prompt-background:#ffffff;\n  --cds-chat-prompt-border-end:rgba(244, 244, 244, 0);\n  --cds-chat-prompt-border-start:#f4f4f4;\n  --cds-chat-prompt-text:#161616;\n  --cds-chat-shell-background:#ffffff;\n  --cds-field-01:#f4f4f4;\n  --cds-field-02:#ffffff;\n  --cds-field-03:#f4f4f4;\n  --cds-field-hover-01:#e8e8e8;\n  --cds-field-hover-02:#e8e8e8;\n  --cds-field-hover-03:#e8e8e8;\n  --cds-focus:#0f62fe;\n  --cds-focus-inset:#ffffff;\n  --cds-focus-inverse:#ffffff;\n  --cds-highlight:#d0e2ff;\n  --cds-icon-disabled:rgba(22, 22, 22, 0.25);\n  --cds-icon-interactive:#0f62fe;\n  --cds-icon-inverse:#ffffff;\n  --cds-icon-on-color:#ffffff;\n  --cds-icon-on-color-disabled:#8d8d8d;\n  --cds-icon-primary:#161616;\n  --cds-icon-secondary:#525252;\n  --cds-interactive:#0f62fe;\n  --cds-layer-01:#f4f4f4;\n  --cds-layer-02:#ffffff;\n  --cds-layer-03:#f4f4f4;\n  --cds-layer-accent-01:#e0e0e0;\n  --cds-layer-accent-02:#e0e0e0;\n  --cds-layer-accent-03:#e0e0e0;\n  --cds-layer-accent-active-01:#a8a8a8;\n  --cds-layer-accent-active-02:#a8a8a8;\n  --cds-layer-accent-active-03:#a8a8a8;\n  --cds-layer-accent-hover-01:#d1d1d1;\n  --cds-layer-accent-hover-02:#d1d1d1;\n  --cds-layer-accent-hover-03:#d1d1d1;\n  --cds-layer-active-01:#c6c6c6;\n  --cds-layer-active-02:#c6c6c6;\n  --cds-layer-active-03:#c6c6c6;\n  --cds-layer-background-01:#ffffff;\n  --cds-layer-background-02:#f4f4f4;\n  --cds-layer-background-03:#ffffff;\n  --cds-layer-hover-01:#e8e8e8;\n  --cds-layer-hover-02:#e8e8e8;\n  --cds-layer-hover-03:#e8e8e8;\n  --cds-layer-selected-01:#e0e0e0;\n  --cds-layer-selected-02:#e0e0e0;\n  --cds-layer-selected-03:#e0e0e0;\n  --cds-layer-selected-disabled:#8d8d8d;\n  --cds-layer-selected-hover-01:#d1d1d1;\n  --cds-layer-selected-hover-02:#d1d1d1;\n  --cds-layer-selected-hover-03:#d1d1d1;\n  --cds-layer-selected-inverse:#161616;\n  --cds-link-inverse:#78a9ff;\n  --cds-link-inverse-active:#f4f4f4;\n  --cds-link-inverse-hover:#a6c8ff;\n  --cds-link-inverse-visited:#be95ff;\n  --cds-link-primary:#0f62fe;\n  --cds-link-primary-hover:#0043ce;\n  --cds-link-secondary:#0043ce;\n  --cds-link-visited:#8a3ffc;\n  --cds-overlay:rgba(0, 0, 0, 0.6);\n  --cds-shadow:rgba(0, 0, 0, 0.3);\n  --cds-skeleton-background:#e8e8e8;\n  --cds-skeleton-element:#c6c6c6;\n  --cds-support-caution-major:#ff832b;\n  --cds-support-caution-minor:#f1c21b;\n  --cds-support-caution-undefined:#8a3ffc;\n  --cds-support-error:#da1e28;\n  --cds-support-error-inverse:#fa4d56;\n  --cds-support-info:#0043ce;\n  --cds-support-info-inverse:#4589ff;\n  --cds-support-success:#24a148;\n  --cds-support-success-inverse:#42be65;\n  --cds-support-warning:#f1c21b;\n  --cds-support-warning-inverse:#f1c21b;\n  --cds-syntax-angle-bracket:#697077;\n  --cds-syntax-annotation:#007d79;\n  --cds-syntax-arithmetic-operator:#343a3f;\n  --cds-syntax-atom:#161616;\n  --cds-syntax-attribute:#00539a;\n  --cds-syntax-attribute-name:#00539a;\n  --cds-syntax-attribute-value:#161616;\n  --cds-syntax-bitwise-operator:#343a3f;\n  --cds-syntax-block-comment:#198038;\n  --cds-syntax-bool:#161616;\n  --cds-syntax-brace:#343a3f;\n  --cds-syntax-bracket:#343a3f;\n  --cds-syntax-character:#161616;\n  --cds-syntax-class-name:#007d79;\n  --cds-syntax-color:#161616;\n  --cds-syntax-comment:#198038;\n  --cds-syntax-compare-operator:#343a3f;\n  --cds-syntax-constant:#0f62fe;\n  --cds-syntax-content:#161616;\n  --cds-syntax-content-separator:#343a3f;\n  --cds-syntax-control-keyword:#6929c4;\n  --cds-syntax-control-operator:#6929c4;\n  --cds-syntax-definition:#00539a;\n  --cds-syntax-definition-keyword:#00539a;\n  --cds-syntax-definition-operator:#00539a;\n  --cds-syntax-deref-operator:#343a3f;\n  --cds-syntax-doc-comment:#198038;\n  --cds-syntax-doc-string:#161616;\n  --cds-syntax-document-meta:#198038;\n  --cds-syntax-emphasis:#161616;\n  --cds-syntax-escape:#343a3f;\n  --cds-syntax-float:#198038;\n  --cds-syntax-function:#8e6a00;\n  --cds-syntax-heading:#00539a;\n  --cds-syntax-heading-1:#00539a;\n  --cds-syntax-heading-2:#00539a;\n  --cds-syntax-heading-3:#00539a;\n  --cds-syntax-heading-4:#00539a;\n  --cds-syntax-heading-5:#00539a;\n  --cds-syntax-heading-6:#00539a;\n  --cds-syntax-integer:#198038;\n  --cds-syntax-invalid:#da1e28;\n  --cds-syntax-keyword:#0f62fe;\n  --cds-syntax-label-name:#0f62fe;\n  --cds-syntax-line-comment:#198038;\n  --cds-syntax-link:#0f62fe;\n  --cds-syntax-list:#161616;\n  --cds-syntax-literal:#161616;\n  --cds-syntax-local:#0f62fe;\n  --cds-syntax-logic-operator:#343a3f;\n  --cds-syntax-macro-name:#161616;\n  --cds-syntax-meta:#198038;\n  --cds-syntax-modifier:#0f62fe;\n  --cds-syntax-module-keyword:#6929c4;\n  --cds-syntax-monospace:#161616;\n  --cds-syntax-name:#0f62fe;\n  --cds-syntax-namespace:#007d79;\n  --cds-syntax-null:#161616;\n  --cds-syntax-number:#198038;\n  --cds-syntax-operator:#343a3f;\n  --cds-syntax-operator-keyword:#0f62fe;\n  --cds-syntax-paren:#343a3f;\n  --cds-syntax-processing-instruction:#161616;\n  --cds-syntax-property-name:#00539a;\n  --cds-syntax-punctuation:#343a3f;\n  --cds-syntax-quote:#198038;\n  --cds-syntax-regexp:#6929c4;\n  --cds-syntax-self:#007d79;\n  --cds-syntax-separator:#343a3f;\n  --cds-syntax-special:#0f62fe;\n  --cds-syntax-special-string:#8a3ffc;\n  --cds-syntax-square-bracket:#343a3f;\n  --cds-syntax-standard:#0f62fe;\n  --cds-syntax-strikethrough:#161616;\n  --cds-syntax-string:#161616;\n  --cds-syntax-strong:#161616;\n  --cds-syntax-tag:#007d79;\n  --cds-syntax-tag-name:#007d79;\n  --cds-syntax-type:#007d79;\n  --cds-syntax-type-name:#007d79;\n  --cds-syntax-type-operator:#007d79;\n  --cds-syntax-unit:#198038;\n  --cds-syntax-update-operator:#343a3f;\n  --cds-syntax-url:#343a3f;\n  --cds-syntax-variable:#0f62fe;\n  --cds-syntax-variable-name:#0f62fe;\n  --cds-text-disabled:rgba(22, 22, 22, 0.25);\n  --cds-text-error:#da1e28;\n  --cds-text-helper:#6f6f6f;\n  --cds-text-inverse:#ffffff;\n  --cds-text-on-color:#ffffff;\n  --cds-text-on-color-disabled:#8d8d8d;\n  --cds-text-placeholder:rgba(22, 22, 22, 0.4);\n  --cds-text-primary:#161616;\n  --cds-text-secondary:#525252;\n  --cds-toggle-off:#8d8d8d;\n  --cds-spacing-01:0.125rem;\n  --cds-spacing-02:0.25rem;\n  --cds-spacing-03:0.5rem;\n  --cds-spacing-04:0.75rem;\n  --cds-spacing-05:1rem;\n  --cds-spacing-06:1.5rem;\n  --cds-spacing-07:2rem;\n  --cds-spacing-08:2.5rem;\n  --cds-spacing-09:3rem;\n  --cds-spacing-10:4rem;\n  --cds-spacing-11:5rem;\n  --cds-spacing-12:6rem;\n  --cds-spacing-13:10rem;\n  --cds-fluid-spacing-01:0;\n  --cds-fluid-spacing-02:2vw;\n  --cds-fluid-spacing-03:5vw;\n  --cds-fluid-spacing-04:10vw;\n  --cds-caption-01-font-size:0.75rem;\n  --cds-caption-01-font-weight:400;\n  --cds-caption-01-line-height:1.33333;\n  --cds-caption-01-letter-spacing:0.32px;\n  --cds-caption-02-font-size:0.875rem;\n  --cds-caption-02-font-weight:400;\n  --cds-caption-02-line-height:1.28572;\n  --cds-caption-02-letter-spacing:0.32px;\n  --cds-label-01-font-size:0.75rem;\n  --cds-label-01-font-weight:400;\n  --cds-label-01-line-height:1.33333;\n  --cds-label-01-letter-spacing:0.32px;\n  --cds-label-02-font-size:0.875rem;\n  --cds-label-02-font-weight:400;\n  --cds-label-02-line-height:1.28572;\n  --cds-label-02-letter-spacing:0.16px;\n  --cds-helper-text-01-font-size:0.75rem;\n  --cds-helper-text-01-line-height:1.33333;\n  --cds-helper-text-01-letter-spacing:0.32px;\n  --cds-helper-text-02-font-size:0.875rem;\n  --cds-helper-text-02-font-weight:400;\n  --cds-helper-text-02-line-height:1.28572;\n  --cds-helper-text-02-letter-spacing:0.16px;\n  --cds-body-short-01-font-size:0.875rem;\n  --cds-body-short-01-font-weight:400;\n  --cds-body-short-01-line-height:1.28572;\n  --cds-body-short-01-letter-spacing:0.16px;\n  --cds-body-short-02-font-size:1rem;\n  --cds-body-short-02-font-weight:400;\n  --cds-body-short-02-line-height:1.375;\n  --cds-body-short-02-letter-spacing:0;\n  --cds-body-long-01-font-size:0.875rem;\n  --cds-body-long-01-font-weight:400;\n  --cds-body-long-01-line-height:1.42857;\n  --cds-body-long-01-letter-spacing:0.16px;\n  --cds-body-long-02-font-size:1rem;\n  --cds-body-long-02-font-weight:400;\n  --cds-body-long-02-line-height:1.5;\n  --cds-body-long-02-letter-spacing:0;\n  --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n  --cds-code-01-font-size:0.75rem;\n  --cds-code-01-font-weight:400;\n  --cds-code-01-line-height:1.33333;\n  --cds-code-01-letter-spacing:0.32px;\n  --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n  --cds-code-02-font-size:0.875rem;\n  --cds-code-02-font-weight:400;\n  --cds-code-02-line-height:1.42857;\n  --cds-code-02-letter-spacing:0.32px;\n  --cds-heading-01-font-size:0.875rem;\n  --cds-heading-01-font-weight:600;\n  --cds-heading-01-line-height:1.42857;\n  --cds-heading-01-letter-spacing:0.16px;\n  --cds-heading-02-font-size:1rem;\n  --cds-heading-02-font-weight:600;\n  --cds-heading-02-line-height:1.5;\n  --cds-heading-02-letter-spacing:0;\n  --cds-productive-heading-01-font-size:0.875rem;\n  --cds-productive-heading-01-font-weight:600;\n  --cds-productive-heading-01-line-height:1.28572;\n  --cds-productive-heading-01-letter-spacing:0.16px;\n  --cds-productive-heading-02-font-size:1rem;\n  --cds-productive-heading-02-font-weight:600;\n  --cds-productive-heading-02-line-height:1.375;\n  --cds-productive-heading-02-letter-spacing:0;\n  --cds-productive-heading-03-font-size:1.25rem;\n  --cds-productive-heading-03-font-weight:400;\n  --cds-productive-heading-03-line-height:1.4;\n  --cds-productive-heading-03-letter-spacing:0;\n  --cds-productive-heading-04-font-size:1.75rem;\n  --cds-productive-heading-04-font-weight:400;\n  --cds-productive-heading-04-line-height:1.28572;\n  --cds-productive-heading-04-letter-spacing:0;\n  --cds-productive-heading-05-font-size:2rem;\n  --cds-productive-heading-05-font-weight:400;\n  --cds-productive-heading-05-line-height:1.25;\n  --cds-productive-heading-05-letter-spacing:0;\n  --cds-productive-heading-06-font-size:2.625rem;\n  --cds-productive-heading-06-font-weight:300;\n  --cds-productive-heading-06-line-height:1.199;\n  --cds-productive-heading-06-letter-spacing:0;\n  --cds-productive-heading-07-font-size:3.375rem;\n  --cds-productive-heading-07-font-weight:300;\n  --cds-productive-heading-07-line-height:1.19;\n  --cds-productive-heading-07-letter-spacing:0;\n  --cds-expressive-paragraph-01-font-size:1.5rem;\n  --cds-expressive-paragraph-01-font-weight:300;\n  --cds-expressive-paragraph-01-line-height:1.334;\n  --cds-expressive-paragraph-01-letter-spacing:0;\n  --cds-expressive-heading-01-font-size:0.875rem;\n  --cds-expressive-heading-01-font-weight:600;\n  --cds-expressive-heading-01-line-height:1.42857;\n  --cds-expressive-heading-01-letter-spacing:0.16px;\n  --cds-expressive-heading-02-font-size:1rem;\n  --cds-expressive-heading-02-font-weight:600;\n  --cds-expressive-heading-02-line-height:1.5;\n  --cds-expressive-heading-02-letter-spacing:0;\n  --cds-expressive-heading-03-font-size:1.25rem;\n  --cds-expressive-heading-03-font-weight:400;\n  --cds-expressive-heading-03-line-height:1.4;\n  --cds-expressive-heading-03-letter-spacing:0;\n  --cds-expressive-heading-04-font-size:1.75rem;\n  --cds-expressive-heading-04-font-weight:400;\n  --cds-expressive-heading-04-line-height:1.28572;\n  --cds-expressive-heading-04-letter-spacing:0;\n  --cds-expressive-heading-05-font-size:2rem;\n  --cds-expressive-heading-05-font-weight:400;\n  --cds-expressive-heading-05-line-height:1.25;\n  --cds-expressive-heading-05-letter-spacing:0;\n  --cds-expressive-heading-06-font-size:2rem;\n  --cds-expressive-heading-06-font-weight:600;\n  --cds-expressive-heading-06-line-height:1.25;\n  --cds-expressive-heading-06-letter-spacing:0;\n  --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-quotation-01-font-size:1.25rem;\n  --cds-quotation-01-font-weight:400;\n  --cds-quotation-01-line-height:1.3;\n  --cds-quotation-01-letter-spacing:0;\n  --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-quotation-02-font-size:2rem;\n  --cds-quotation-02-font-weight:300;\n  --cds-quotation-02-line-height:1.25;\n  --cds-quotation-02-letter-spacing:0;\n  --cds-display-01-font-size:2.625rem;\n  --cds-display-01-font-weight:300;\n  --cds-display-01-line-height:1.19;\n  --cds-display-01-letter-spacing:0;\n  --cds-display-02-font-size:2.625rem;\n  --cds-display-02-font-weight:600;\n  --cds-display-02-line-height:1.19;\n  --cds-display-02-letter-spacing:0;\n  --cds-display-03-font-size:2.625rem;\n  --cds-display-03-font-weight:300;\n  --cds-display-03-line-height:1.19;\n  --cds-display-03-letter-spacing:0;\n  --cds-display-04-font-size:2.625rem;\n  --cds-display-04-font-weight:300;\n  --cds-display-04-line-height:1.19;\n  --cds-display-04-letter-spacing:0;\n  --cds-legal-01-font-size:0.75rem;\n  --cds-legal-01-font-weight:400;\n  --cds-legal-01-line-height:1.33333;\n  --cds-legal-01-letter-spacing:0.32px;\n  --cds-legal-02-font-size:0.875rem;\n  --cds-legal-02-font-weight:400;\n  --cds-legal-02-line-height:1.28572;\n  --cds-legal-02-letter-spacing:0.16px;\n  --cds-body-compact-01-font-size:0.875rem;\n  --cds-body-compact-01-font-weight:400;\n  --cds-body-compact-01-line-height:1.28572;\n  --cds-body-compact-01-letter-spacing:0.16px;\n  --cds-body-compact-02-font-size:1rem;\n  --cds-body-compact-02-font-weight:400;\n  --cds-body-compact-02-line-height:1.375;\n  --cds-body-compact-02-letter-spacing:0;\n  --cds-heading-compact-01-font-size:0.875rem;\n  --cds-heading-compact-01-font-weight:600;\n  --cds-heading-compact-01-line-height:1.28572;\n  --cds-heading-compact-01-letter-spacing:0.16px;\n  --cds-heading-compact-02-font-size:1rem;\n  --cds-heading-compact-02-font-weight:600;\n  --cds-heading-compact-02-line-height:1.375;\n  --cds-heading-compact-02-letter-spacing:0;\n  --cds-body-01-font-size:0.875rem;\n  --cds-body-01-font-weight:400;\n  --cds-body-01-line-height:1.42857;\n  --cds-body-01-letter-spacing:0.16px;\n  --cds-body-02-font-size:1rem;\n  --cds-body-02-font-weight:400;\n  --cds-body-02-line-height:1.5;\n  --cds-body-02-letter-spacing:0;\n  --cds-heading-03-font-size:1.25rem;\n  --cds-heading-03-font-weight:400;\n  --cds-heading-03-line-height:1.4;\n  --cds-heading-03-letter-spacing:0;\n  --cds-heading-04-font-size:1.75rem;\n  --cds-heading-04-font-weight:400;\n  --cds-heading-04-line-height:1.28572;\n  --cds-heading-04-letter-spacing:0;\n  --cds-heading-05-font-size:2rem;\n  --cds-heading-05-font-weight:400;\n  --cds-heading-05-line-height:1.25;\n  --cds-heading-05-letter-spacing:0;\n  --cds-heading-06-font-size:2.625rem;\n  --cds-heading-06-font-weight:300;\n  --cds-heading-06-line-height:1.199;\n  --cds-heading-06-letter-spacing:0;\n  --cds-heading-07-font-size:3.375rem;\n  --cds-heading-07-font-weight:300;\n  --cds-heading-07-line-height:1.19;\n  --cds-heading-07-letter-spacing:0;\n  --cds-fluid-heading-03-font-size:1.25rem;\n  --cds-fluid-heading-03-font-weight:400;\n  --cds-fluid-heading-03-line-height:1.4;\n  --cds-fluid-heading-03-letter-spacing:0;\n  --cds-fluid-heading-04-font-size:1.75rem;\n  --cds-fluid-heading-04-font-weight:400;\n  --cds-fluid-heading-04-line-height:1.28572;\n  --cds-fluid-heading-04-letter-spacing:0;\n  --cds-fluid-heading-05-font-size:2rem;\n  --cds-fluid-heading-05-font-weight:400;\n  --cds-fluid-heading-05-line-height:1.25;\n  --cds-fluid-heading-05-letter-spacing:0;\n  --cds-fluid-heading-06-font-size:2rem;\n  --cds-fluid-heading-06-font-weight:600;\n  --cds-fluid-heading-06-line-height:1.25;\n  --cds-fluid-heading-06-letter-spacing:0;\n  --cds-fluid-paragraph-01-font-size:1.5rem;\n  --cds-fluid-paragraph-01-font-weight:300;\n  --cds-fluid-paragraph-01-line-height:1.334;\n  --cds-fluid-paragraph-01-letter-spacing:0;\n  --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-fluid-quotation-01-font-size:1.25rem;\n  --cds-fluid-quotation-01-font-weight:400;\n  --cds-fluid-quotation-01-line-height:1.3;\n  --cds-fluid-quotation-01-letter-spacing:0;\n  --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-fluid-quotation-02-font-size:2rem;\n  --cds-fluid-quotation-02-font-weight:300;\n  --cds-fluid-quotation-02-line-height:1.25;\n  --cds-fluid-quotation-02-letter-spacing:0;\n  --cds-fluid-display-01-font-size:2.625rem;\n  --cds-fluid-display-01-font-weight:300;\n  --cds-fluid-display-01-line-height:1.19;\n  --cds-fluid-display-01-letter-spacing:0;\n  --cds-fluid-display-02-font-size:2.625rem;\n  --cds-fluid-display-02-font-weight:600;\n  --cds-fluid-display-02-line-height:1.19;\n  --cds-fluid-display-02-letter-spacing:0;\n  --cds-fluid-display-03-font-size:2.625rem;\n  --cds-fluid-display-03-font-weight:300;\n  --cds-fluid-display-03-line-height:1.19;\n  --cds-fluid-display-03-letter-spacing:0;\n  --cds-fluid-display-04-font-size:2.625rem;\n  --cds-fluid-display-04-font-weight:300;\n  --cds-fluid-display-04-line-height:1.19;\n  --cds-fluid-display-04-letter-spacing:0;\n  --cds-button-separator:#e0e0e0;\n  --cds-button-primary:#0f62fe;\n  --cds-button-secondary:#393939;\n  --cds-button-tertiary:#0f62fe;\n  --cds-button-danger-primary:#da1e28;\n  --cds-button-danger-secondary:#da1e28;\n  --cds-button-danger-active:#750e13;\n  --cds-button-primary-active:#002d9c;\n  --cds-button-secondary-active:#6f6f6f;\n  --cds-button-tertiary-active:#002d9c;\n  --cds-button-danger-hover:#b81921;\n  --cds-button-primary-hover:#0050e6;\n  --cds-button-secondary-hover:#474747;\n  --cds-button-tertiary-hover:#0050e6;\n  --cds-button-disabled:#c6c6c6;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n  :host .cds--white{\n    --cds-icon-primary:ButtonText;\n    --cds-icon-secondary:ButtonText;\n    --cds-icon-interactive:ButtonText;\n    --cds-icon-disabled:GrayText;\n    --cds-icon-on-color-disabled:GrayText;\n    --cds-icon-inverse:SelectedItemText;\n    --cds-icon-on-color:SelectedItemText;\n    --cds-button-disabled:GrayText;\n    --cds-interactive:ButtonText;\n    --cds-link-primary:LinkText;\n    --cds-link-primary-hover:LinkText;\n    --cds-link-secondary:LinkText;\n    --cds-link-inverse:SelectedItemText;\n    --cds-link-inverse-hover:SelectedItemText;\n    --cds-link-inverse-visited:SelectedItemText;\n    --cds-link-visited:VisitedText;\n    --cds-background-selected:SelectedItem;\n    --cds-background-selected-hover:SelectedItem;\n    --cds-background-inverse:SelectedItem;\n    --cds-layer-selected-inverse:SelectedItem;\n  }\n}\n:host .cds--white{\n  --cds-layer:var(--cds-layer-01, #f4f4f4);\n  --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n  --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n  --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n  --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n  --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n  --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n  --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n  --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n  --cds-field:var(--cds-field-01, #f4f4f4);\n  --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n  --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n  --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n  --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n  --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds--g10{\n  --cds-ai-aura-end:rgba(255, 255, 255, 0);\n  --cds-ai-aura-hover-background:#edf5ff;\n  --cds-ai-aura-hover-end:rgba(255, 255, 255, 0);\n  --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.32);\n  --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n  --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n  --cds-ai-border-end:#78a9ff;\n  --cds-ai-border-start:rgba(166, 200, 255, 0.64);\n  --cds-ai-border-strong:#4589ff;\n  --cds-ai-drop-shadow:rgba(15, 98, 254, 0.1);\n  --cds-ai-inner-shadow:rgba(69, 137, 255, 0.1);\n  --cds-ai-overlay:rgba(0, 17, 65, 0.5);\n  --cds-ai-popover-background:#ffffff;\n  --cds-ai-popover-caret-bottom:#78a9ff;\n  --cds-ai-popover-caret-bottom-background:#eaf1ff;\n  --cds-ai-popover-caret-bottom-background-actions:#e9effa;\n  --cds-ai-popover-caret-center:#a0c3ff;\n  --cds-ai-popover-shadow-outer-01:rgba(0, 67, 206, 0.06);\n  --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.04);\n  --cds-ai-skeleton-background:#d0e2ff;\n  --cds-ai-skeleton-element-background:#4589ff;\n  --cds-background:#f4f4f4;\n  --cds-background-active:rgba(141, 141, 141, 0.5);\n  --cds-background-brand:#0f62fe;\n  --cds-background-hover:rgba(141, 141, 141, 0.12);\n  --cds-background-inverse:#393939;\n  --cds-background-inverse-hover:#474747;\n  --cds-background-selected:rgba(141, 141, 141, 0.2);\n  --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n  --cds-border-disabled:#c6c6c6;\n  --cds-border-interactive:#0f62fe;\n  --cds-border-inverse:#161616;\n  --cds-border-strong-01:#8d8d8d;\n  --cds-border-strong-02:#8d8d8d;\n  --cds-border-strong-03:#8d8d8d;\n  --cds-border-subtle-00:#c6c6c6;\n  --cds-border-subtle-01:#e0e0e0;\n  --cds-border-subtle-02:#c6c6c6;\n  --cds-border-subtle-03:#e0e0e0;\n  --cds-border-subtle-selected-01:#c6c6c6;\n  --cds-border-subtle-selected-02:#c6c6c6;\n  --cds-border-subtle-selected-03:#c6c6c6;\n  --cds-border-tile-01:#a8a8a8;\n  --cds-border-tile-02:#c6c6c6;\n  --cds-border-tile-03:#a8a8a8;\n  --cds-chat-avatar-agent:#393939;\n  --cds-chat-avatar-bot:#6f6f6f;\n  --cds-chat-avatar-user:#0f62fe;\n  --cds-chat-bubble-agent:#ffffff;\n  --cds-chat-bubble-agent-text:#161616;\n  --cds-chat-bubble-border:#e0e0e0;\n  --cds-chat-bubble-user:#e0e0e0;\n  --cds-chat-bubble-user-text:#161616;\n  --cds-chat-button:#0f62fe;\n  --cds-chat-button-active:rgba(141, 141, 141, 0.5);\n  --cds-chat-button-hover:rgba(141, 141, 141, 0.12);\n  --cds-chat-button-selected:rgba(141, 141, 141, 0.2);\n  --cds-chat-button-text-hover:#0043ce;\n  --cds-chat-button-text-selected:#525252;\n  --cds-chat-header-background:#ffffff;\n  --cds-chat-header-text:#161616;\n  --cds-chat-prompt-background:#ffffff;\n  --cds-chat-prompt-border-end:rgba(244, 244, 244, 0);\n  --cds-chat-prompt-border-start:#f4f4f4;\n  --cds-chat-prompt-text:#161616;\n  --cds-chat-shell-background:#ffffff;\n  --cds-field-01:#ffffff;\n  --cds-field-02:#f4f4f4;\n  --cds-field-03:#ffffff;\n  --cds-field-hover-01:#e8e8e8;\n  --cds-field-hover-02:#e8e8e8;\n  --cds-field-hover-03:#e8e8e8;\n  --cds-focus:#0f62fe;\n  --cds-focus-inset:#ffffff;\n  --cds-focus-inverse:#ffffff;\n  --cds-highlight:#d0e2ff;\n  --cds-icon-disabled:rgba(22, 22, 22, 0.25);\n  --cds-icon-interactive:#0f62fe;\n  --cds-icon-inverse:#ffffff;\n  --cds-icon-on-color:#ffffff;\n  --cds-icon-on-color-disabled:#8d8d8d;\n  --cds-icon-primary:#161616;\n  --cds-icon-secondary:#525252;\n  --cds-interactive:#0f62fe;\n  --cds-layer-01:#ffffff;\n  --cds-layer-02:#f4f4f4;\n  --cds-layer-03:#ffffff;\n  --cds-layer-accent-01:#e0e0e0;\n  --cds-layer-accent-02:#e0e0e0;\n  --cds-layer-accent-03:#e0e0e0;\n  --cds-layer-accent-active-01:#a8a8a8;\n  --cds-layer-accent-active-02:#a8a8a8;\n  --cds-layer-accent-active-03:#a8a8a8;\n  --cds-layer-accent-hover-01:#d1d1d1;\n  --cds-layer-accent-hover-02:#d1d1d1;\n  --cds-layer-accent-hover-03:#d1d1d1;\n  --cds-layer-active-01:#c6c6c6;\n  --cds-layer-active-02:#c6c6c6;\n  --cds-layer-active-03:#c6c6c6;\n  --cds-layer-background-01:#f4f4f4;\n  --cds-layer-background-02:#ffffff;\n  --cds-layer-background-03:#f4f4f4;\n  --cds-layer-hover-01:#e8e8e8;\n  --cds-layer-hover-02:#e8e8e8;\n  --cds-layer-hover-03:#e8e8e8;\n  --cds-layer-selected-01:#e0e0e0;\n  --cds-layer-selected-02:#e0e0e0;\n  --cds-layer-selected-03:#e0e0e0;\n  --cds-layer-selected-disabled:#8d8d8d;\n  --cds-layer-selected-hover-01:#d1d1d1;\n  --cds-layer-selected-hover-02:#d1d1d1;\n  --cds-layer-selected-hover-03:#d1d1d1;\n  --cds-layer-selected-inverse:#161616;\n  --cds-link-inverse:#78a9ff;\n  --cds-link-inverse-active:#f4f4f4;\n  --cds-link-inverse-hover:#a6c8ff;\n  --cds-link-inverse-visited:#be95ff;\n  --cds-link-primary:#0f62fe;\n  --cds-link-primary-hover:#0043ce;\n  --cds-link-secondary:#0043ce;\n  --cds-link-visited:#8a3ffc;\n  --cds-overlay:rgba(0, 0, 0, 0.6);\n  --cds-shadow:rgba(0, 0, 0, 0.3);\n  --cds-skeleton-background:#e8e8e8;\n  --cds-skeleton-element:#c6c6c6;\n  --cds-support-caution-major:#ff832b;\n  --cds-support-caution-minor:#f1c21b;\n  --cds-support-caution-undefined:#8a3ffc;\n  --cds-support-error:#da1e28;\n  --cds-support-error-inverse:#fa4d56;\n  --cds-support-info:#0043ce;\n  --cds-support-info-inverse:#4589ff;\n  --cds-support-success:#24a148;\n  --cds-support-success-inverse:#42be65;\n  --cds-support-warning:#f1c21b;\n  --cds-support-warning-inverse:#f1c21b;\n  --cds-syntax-angle-bracket:#697077;\n  --cds-syntax-annotation:#007d79;\n  --cds-syntax-arithmetic-operator:#343a3f;\n  --cds-syntax-atom:#161616;\n  --cds-syntax-attribute:#00539a;\n  --cds-syntax-attribute-name:#00539a;\n  --cds-syntax-attribute-value:#161616;\n  --cds-syntax-bitwise-operator:#343a3f;\n  --cds-syntax-block-comment:#198038;\n  --cds-syntax-bool:#161616;\n  --cds-syntax-brace:#343a3f;\n  --cds-syntax-bracket:#343a3f;\n  --cds-syntax-character:#161616;\n  --cds-syntax-class-name:#007d79;\n  --cds-syntax-color:#161616;\n  --cds-syntax-comment:#198038;\n  --cds-syntax-compare-operator:#343a3f;\n  --cds-syntax-constant:#0f62fe;\n  --cds-syntax-content:#161616;\n  --cds-syntax-content-separator:#343a3f;\n  --cds-syntax-control-keyword:#6929c4;\n  --cds-syntax-control-operator:#6929c4;\n  --cds-syntax-definition:#00539a;\n  --cds-syntax-definition-keyword:#00539a;\n  --cds-syntax-definition-operator:#00539a;\n  --cds-syntax-deref-operator:#343a3f;\n  --cds-syntax-doc-comment:#198038;\n  --cds-syntax-doc-string:#161616;\n  --cds-syntax-document-meta:#198038;\n  --cds-syntax-emphasis:#161616;\n  --cds-syntax-escape:#343a3f;\n  --cds-syntax-float:#198038;\n  --cds-syntax-function:#8e6a00;\n  --cds-syntax-heading:#00539a;\n  --cds-syntax-heading-1:#00539a;\n  --cds-syntax-heading-2:#00539a;\n  --cds-syntax-heading-3:#00539a;\n  --cds-syntax-heading-4:#00539a;\n  --cds-syntax-heading-5:#00539a;\n  --cds-syntax-heading-6:#00539a;\n  --cds-syntax-integer:#198038;\n  --cds-syntax-invalid:#da1e28;\n  --cds-syntax-keyword:#0f62fe;\n  --cds-syntax-label-name:#0f62fe;\n  --cds-syntax-line-comment:#198038;\n  --cds-syntax-link:#0f62fe;\n  --cds-syntax-list:#161616;\n  --cds-syntax-literal:#161616;\n  --cds-syntax-local:#0f62fe;\n  --cds-syntax-logic-operator:#343a3f;\n  --cds-syntax-macro-name:#161616;\n  --cds-syntax-meta:#198038;\n  --cds-syntax-modifier:#0f62fe;\n  --cds-syntax-module-keyword:#6929c4;\n  --cds-syntax-monospace:#161616;\n  --cds-syntax-name:#0f62fe;\n  --cds-syntax-namespace:#007d79;\n  --cds-syntax-null:#161616;\n  --cds-syntax-number:#198038;\n  --cds-syntax-operator:#343a3f;\n  --cds-syntax-operator-keyword:#0f62fe;\n  --cds-syntax-paren:#343a3f;\n  --cds-syntax-processing-instruction:#161616;\n  --cds-syntax-property-name:#00539a;\n  --cds-syntax-punctuation:#343a3f;\n  --cds-syntax-quote:#198038;\n  --cds-syntax-regexp:#6929c4;\n  --cds-syntax-self:#007d79;\n  --cds-syntax-separator:#343a3f;\n  --cds-syntax-special:#0f62fe;\n  --cds-syntax-special-string:#8a3ffc;\n  --cds-syntax-square-bracket:#343a3f;\n  --cds-syntax-standard:#0f62fe;\n  --cds-syntax-strikethrough:#161616;\n  --cds-syntax-string:#161616;\n  --cds-syntax-strong:#161616;\n  --cds-syntax-tag:#007d79;\n  --cds-syntax-tag-name:#007d79;\n  --cds-syntax-type:#007d79;\n  --cds-syntax-type-name:#007d79;\n  --cds-syntax-type-operator:#007d79;\n  --cds-syntax-unit:#198038;\n  --cds-syntax-update-operator:#343a3f;\n  --cds-syntax-url:#343a3f;\n  --cds-syntax-variable:#0f62fe;\n  --cds-syntax-variable-name:#0f62fe;\n  --cds-text-disabled:rgba(22, 22, 22, 0.25);\n  --cds-text-error:#da1e28;\n  --cds-text-helper:#6f6f6f;\n  --cds-text-inverse:#ffffff;\n  --cds-text-on-color:#ffffff;\n  --cds-text-on-color-disabled:#8d8d8d;\n  --cds-text-placeholder:rgba(22, 22, 22, 0.4);\n  --cds-text-primary:#161616;\n  --cds-text-secondary:#525252;\n  --cds-toggle-off:#8d8d8d;\n  --cds-spacing-01:0.125rem;\n  --cds-spacing-02:0.25rem;\n  --cds-spacing-03:0.5rem;\n  --cds-spacing-04:0.75rem;\n  --cds-spacing-05:1rem;\n  --cds-spacing-06:1.5rem;\n  --cds-spacing-07:2rem;\n  --cds-spacing-08:2.5rem;\n  --cds-spacing-09:3rem;\n  --cds-spacing-10:4rem;\n  --cds-spacing-11:5rem;\n  --cds-spacing-12:6rem;\n  --cds-spacing-13:10rem;\n  --cds-fluid-spacing-01:0;\n  --cds-fluid-spacing-02:2vw;\n  --cds-fluid-spacing-03:5vw;\n  --cds-fluid-spacing-04:10vw;\n  --cds-caption-01-font-size:0.75rem;\n  --cds-caption-01-font-weight:400;\n  --cds-caption-01-line-height:1.33333;\n  --cds-caption-01-letter-spacing:0.32px;\n  --cds-caption-02-font-size:0.875rem;\n  --cds-caption-02-font-weight:400;\n  --cds-caption-02-line-height:1.28572;\n  --cds-caption-02-letter-spacing:0.32px;\n  --cds-label-01-font-size:0.75rem;\n  --cds-label-01-font-weight:400;\n  --cds-label-01-line-height:1.33333;\n  --cds-label-01-letter-spacing:0.32px;\n  --cds-label-02-font-size:0.875rem;\n  --cds-label-02-font-weight:400;\n  --cds-label-02-line-height:1.28572;\n  --cds-label-02-letter-spacing:0.16px;\n  --cds-helper-text-01-font-size:0.75rem;\n  --cds-helper-text-01-line-height:1.33333;\n  --cds-helper-text-01-letter-spacing:0.32px;\n  --cds-helper-text-02-font-size:0.875rem;\n  --cds-helper-text-02-font-weight:400;\n  --cds-helper-text-02-line-height:1.28572;\n  --cds-helper-text-02-letter-spacing:0.16px;\n  --cds-body-short-01-font-size:0.875rem;\n  --cds-body-short-01-font-weight:400;\n  --cds-body-short-01-line-height:1.28572;\n  --cds-body-short-01-letter-spacing:0.16px;\n  --cds-body-short-02-font-size:1rem;\n  --cds-body-short-02-font-weight:400;\n  --cds-body-short-02-line-height:1.375;\n  --cds-body-short-02-letter-spacing:0;\n  --cds-body-long-01-font-size:0.875rem;\n  --cds-body-long-01-font-weight:400;\n  --cds-body-long-01-line-height:1.42857;\n  --cds-body-long-01-letter-spacing:0.16px;\n  --cds-body-long-02-font-size:1rem;\n  --cds-body-long-02-font-weight:400;\n  --cds-body-long-02-line-height:1.5;\n  --cds-body-long-02-letter-spacing:0;\n  --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n  --cds-code-01-font-size:0.75rem;\n  --cds-code-01-font-weight:400;\n  --cds-code-01-line-height:1.33333;\n  --cds-code-01-letter-spacing:0.32px;\n  --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n  --cds-code-02-font-size:0.875rem;\n  --cds-code-02-font-weight:400;\n  --cds-code-02-line-height:1.42857;\n  --cds-code-02-letter-spacing:0.32px;\n  --cds-heading-01-font-size:0.875rem;\n  --cds-heading-01-font-weight:600;\n  --cds-heading-01-line-height:1.42857;\n  --cds-heading-01-letter-spacing:0.16px;\n  --cds-heading-02-font-size:1rem;\n  --cds-heading-02-font-weight:600;\n  --cds-heading-02-line-height:1.5;\n  --cds-heading-02-letter-spacing:0;\n  --cds-productive-heading-01-font-size:0.875rem;\n  --cds-productive-heading-01-font-weight:600;\n  --cds-productive-heading-01-line-height:1.28572;\n  --cds-productive-heading-01-letter-spacing:0.16px;\n  --cds-productive-heading-02-font-size:1rem;\n  --cds-productive-heading-02-font-weight:600;\n  --cds-productive-heading-02-line-height:1.375;\n  --cds-productive-heading-02-letter-spacing:0;\n  --cds-productive-heading-03-font-size:1.25rem;\n  --cds-productive-heading-03-font-weight:400;\n  --cds-productive-heading-03-line-height:1.4;\n  --cds-productive-heading-03-letter-spacing:0;\n  --cds-productive-heading-04-font-size:1.75rem;\n  --cds-productive-heading-04-font-weight:400;\n  --cds-productive-heading-04-line-height:1.28572;\n  --cds-productive-heading-04-letter-spacing:0;\n  --cds-productive-heading-05-font-size:2rem;\n  --cds-productive-heading-05-font-weight:400;\n  --cds-productive-heading-05-line-height:1.25;\n  --cds-productive-heading-05-letter-spacing:0;\n  --cds-productive-heading-06-font-size:2.625rem;\n  --cds-productive-heading-06-font-weight:300;\n  --cds-productive-heading-06-line-height:1.199;\n  --cds-productive-heading-06-letter-spacing:0;\n  --cds-productive-heading-07-font-size:3.375rem;\n  --cds-productive-heading-07-font-weight:300;\n  --cds-productive-heading-07-line-height:1.19;\n  --cds-productive-heading-07-letter-spacing:0;\n  --cds-expressive-paragraph-01-font-size:1.5rem;\n  --cds-expressive-paragraph-01-font-weight:300;\n  --cds-expressive-paragraph-01-line-height:1.334;\n  --cds-expressive-paragraph-01-letter-spacing:0;\n  --cds-expressive-heading-01-font-size:0.875rem;\n  --cds-expressive-heading-01-font-weight:600;\n  --cds-expressive-heading-01-line-height:1.42857;\n  --cds-expressive-heading-01-letter-spacing:0.16px;\n  --cds-expressive-heading-02-font-size:1rem;\n  --cds-expressive-heading-02-font-weight:600;\n  --cds-expressive-heading-02-line-height:1.5;\n  --cds-expressive-heading-02-letter-spacing:0;\n  --cds-expressive-heading-03-font-size:1.25rem;\n  --cds-expressive-heading-03-font-weight:400;\n  --cds-expressive-heading-03-line-height:1.4;\n  --cds-expressive-heading-03-letter-spacing:0;\n  --cds-expressive-heading-04-font-size:1.75rem;\n  --cds-expressive-heading-04-font-weight:400;\n  --cds-expressive-heading-04-line-height:1.28572;\n  --cds-expressive-heading-04-letter-spacing:0;\n  --cds-expressive-heading-05-font-size:2rem;\n  --cds-expressive-heading-05-font-weight:400;\n  --cds-expressive-heading-05-line-height:1.25;\n  --cds-expressive-heading-05-letter-spacing:0;\n  --cds-expressive-heading-06-font-size:2rem;\n  --cds-expressive-heading-06-font-weight:600;\n  --cds-expressive-heading-06-line-height:1.25;\n  --cds-expressive-heading-06-letter-spacing:0;\n  --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-quotation-01-font-size:1.25rem;\n  --cds-quotation-01-font-weight:400;\n  --cds-quotation-01-line-height:1.3;\n  --cds-quotation-01-letter-spacing:0;\n  --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-quotation-02-font-size:2rem;\n  --cds-quotation-02-font-weight:300;\n  --cds-quotation-02-line-height:1.25;\n  --cds-quotation-02-letter-spacing:0;\n  --cds-display-01-font-size:2.625rem;\n  --cds-display-01-font-weight:300;\n  --cds-display-01-line-height:1.19;\n  --cds-display-01-letter-spacing:0;\n  --cds-display-02-font-size:2.625rem;\n  --cds-display-02-font-weight:600;\n  --cds-display-02-line-height:1.19;\n  --cds-display-02-letter-spacing:0;\n  --cds-display-03-font-size:2.625rem;\n  --cds-display-03-font-weight:300;\n  --cds-display-03-line-height:1.19;\n  --cds-display-03-letter-spacing:0;\n  --cds-display-04-font-size:2.625rem;\n  --cds-display-04-font-weight:300;\n  --cds-display-04-line-height:1.19;\n  --cds-display-04-letter-spacing:0;\n  --cds-legal-01-font-size:0.75rem;\n  --cds-legal-01-font-weight:400;\n  --cds-legal-01-line-height:1.33333;\n  --cds-legal-01-letter-spacing:0.32px;\n  --cds-legal-02-font-size:0.875rem;\n  --cds-legal-02-font-weight:400;\n  --cds-legal-02-line-height:1.28572;\n  --cds-legal-02-letter-spacing:0.16px;\n  --cds-body-compact-01-font-size:0.875rem;\n  --cds-body-compact-01-font-weight:400;\n  --cds-body-compact-01-line-height:1.28572;\n  --cds-body-compact-01-letter-spacing:0.16px;\n  --cds-body-compact-02-font-size:1rem;\n  --cds-body-compact-02-font-weight:400;\n  --cds-body-compact-02-line-height:1.375;\n  --cds-body-compact-02-letter-spacing:0;\n  --cds-heading-compact-01-font-size:0.875rem;\n  --cds-heading-compact-01-font-weight:600;\n  --cds-heading-compact-01-line-height:1.28572;\n  --cds-heading-compact-01-letter-spacing:0.16px;\n  --cds-heading-compact-02-font-size:1rem;\n  --cds-heading-compact-02-font-weight:600;\n  --cds-heading-compact-02-line-height:1.375;\n  --cds-heading-compact-02-letter-spacing:0;\n  --cds-body-01-font-size:0.875rem;\n  --cds-body-01-font-weight:400;\n  --cds-body-01-line-height:1.42857;\n  --cds-body-01-letter-spacing:0.16px;\n  --cds-body-02-font-size:1rem;\n  --cds-body-02-font-weight:400;\n  --cds-body-02-line-height:1.5;\n  --cds-body-02-letter-spacing:0;\n  --cds-heading-03-font-size:1.25rem;\n  --cds-heading-03-font-weight:400;\n  --cds-heading-03-line-height:1.4;\n  --cds-heading-03-letter-spacing:0;\n  --cds-heading-04-font-size:1.75rem;\n  --cds-heading-04-font-weight:400;\n  --cds-heading-04-line-height:1.28572;\n  --cds-heading-04-letter-spacing:0;\n  --cds-heading-05-font-size:2rem;\n  --cds-heading-05-font-weight:400;\n  --cds-heading-05-line-height:1.25;\n  --cds-heading-05-letter-spacing:0;\n  --cds-heading-06-font-size:2.625rem;\n  --cds-heading-06-font-weight:300;\n  --cds-heading-06-line-height:1.199;\n  --cds-heading-06-letter-spacing:0;\n  --cds-heading-07-font-size:3.375rem;\n  --cds-heading-07-font-weight:300;\n  --cds-heading-07-line-height:1.19;\n  --cds-heading-07-letter-spacing:0;\n  --cds-fluid-heading-03-font-size:1.25rem;\n  --cds-fluid-heading-03-font-weight:400;\n  --cds-fluid-heading-03-line-height:1.4;\n  --cds-fluid-heading-03-letter-spacing:0;\n  --cds-fluid-heading-04-font-size:1.75rem;\n  --cds-fluid-heading-04-font-weight:400;\n  --cds-fluid-heading-04-line-height:1.28572;\n  --cds-fluid-heading-04-letter-spacing:0;\n  --cds-fluid-heading-05-font-size:2rem;\n  --cds-fluid-heading-05-font-weight:400;\n  --cds-fluid-heading-05-line-height:1.25;\n  --cds-fluid-heading-05-letter-spacing:0;\n  --cds-fluid-heading-06-font-size:2rem;\n  --cds-fluid-heading-06-font-weight:600;\n  --cds-fluid-heading-06-line-height:1.25;\n  --cds-fluid-heading-06-letter-spacing:0;\n  --cds-fluid-paragraph-01-font-size:1.5rem;\n  --cds-fluid-paragraph-01-font-weight:300;\n  --cds-fluid-paragraph-01-line-height:1.334;\n  --cds-fluid-paragraph-01-letter-spacing:0;\n  --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-fluid-quotation-01-font-size:1.25rem;\n  --cds-fluid-quotation-01-font-weight:400;\n  --cds-fluid-quotation-01-line-height:1.3;\n  --cds-fluid-quotation-01-letter-spacing:0;\n  --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-fluid-quotation-02-font-size:2rem;\n  --cds-fluid-quotation-02-font-weight:300;\n  --cds-fluid-quotation-02-line-height:1.25;\n  --cds-fluid-quotation-02-letter-spacing:0;\n  --cds-fluid-display-01-font-size:2.625rem;\n  --cds-fluid-display-01-font-weight:300;\n  --cds-fluid-display-01-line-height:1.19;\n  --cds-fluid-display-01-letter-spacing:0;\n  --cds-fluid-display-02-font-size:2.625rem;\n  --cds-fluid-display-02-font-weight:600;\n  --cds-fluid-display-02-line-height:1.19;\n  --cds-fluid-display-02-letter-spacing:0;\n  --cds-fluid-display-03-font-size:2.625rem;\n  --cds-fluid-display-03-font-weight:300;\n  --cds-fluid-display-03-line-height:1.19;\n  --cds-fluid-display-03-letter-spacing:0;\n  --cds-fluid-display-04-font-size:2.625rem;\n  --cds-fluid-display-04-font-weight:300;\n  --cds-fluid-display-04-line-height:1.19;\n  --cds-fluid-display-04-letter-spacing:0;\n  --cds-button-separator:#e0e0e0;\n  --cds-button-primary:#0f62fe;\n  --cds-button-secondary:#393939;\n  --cds-button-tertiary:#0f62fe;\n  --cds-button-danger-primary:#da1e28;\n  --cds-button-danger-secondary:#da1e28;\n  --cds-button-danger-active:#750e13;\n  --cds-button-primary-active:#002d9c;\n  --cds-button-secondary-active:#6f6f6f;\n  --cds-button-tertiary-active:#002d9c;\n  --cds-button-danger-hover:#b81921;\n  --cds-button-primary-hover:#0050e6;\n  --cds-button-secondary-hover:#474747;\n  --cds-button-tertiary-hover:#0050e6;\n  --cds-button-disabled:#c6c6c6;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n  :host .cds--g10{\n    --cds-icon-primary:ButtonText;\n    --cds-icon-secondary:ButtonText;\n    --cds-icon-interactive:ButtonText;\n    --cds-icon-disabled:GrayText;\n    --cds-icon-on-color-disabled:GrayText;\n    --cds-icon-inverse:SelectedItemText;\n    --cds-icon-on-color:SelectedItemText;\n    --cds-button-disabled:GrayText;\n    --cds-interactive:ButtonText;\n    --cds-link-primary:LinkText;\n    --cds-link-primary-hover:LinkText;\n    --cds-link-secondary:LinkText;\n    --cds-link-inverse:SelectedItemText;\n    --cds-link-inverse-hover:SelectedItemText;\n    --cds-link-inverse-visited:SelectedItemText;\n    --cds-link-visited:VisitedText;\n    --cds-background-selected:SelectedItem;\n    --cds-background-selected-hover:SelectedItem;\n    --cds-background-inverse:SelectedItem;\n    --cds-layer-selected-inverse:SelectedItem;\n  }\n}\n:host .cds--g10{\n  --cds-layer:var(--cds-layer-01, #f4f4f4);\n  --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n  --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n  --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n  --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n  --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n  --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n  --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n  --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n  --cds-field:var(--cds-field-01, #f4f4f4);\n  --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n  --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n  --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n  --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n  --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds--g90{\n  --cds-ai-aura-end:rgba(0, 0, 0, 0);\n  --cds-ai-aura-hover-background:#474747;\n  --cds-ai-aura-hover-end:rgba(0, 0, 0, 0);\n  --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.4);\n  --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n  --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n  --cds-ai-border-end:#4589ff;\n  --cds-ai-border-start:rgba(166, 200, 255, 0.36);\n  --cds-ai-border-strong:#78a9ff;\n  --cds-ai-drop-shadow:rgba(0, 0, 0, 0.28);\n  --cds-ai-inner-shadow:rgba(69, 137, 255, 0.16);\n  --cds-ai-overlay:rgba(0, 0, 0, 0.5);\n  --cds-ai-popover-background:#161616;\n  --cds-ai-popover-caret-bottom:#4589ff;\n  --cds-ai-popover-caret-bottom-background:#202d45;\n  --cds-ai-popover-caret-bottom-background-actions:#1e283a;\n  --cds-ai-popover-caret-center:#4870b5;\n  --cds-ai-popover-shadow-outer-01:rgba(0, 0, 0, 0.12);\n  --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.08);\n  --cds-ai-skeleton-background:rgba(120, 169, 255, 0.5);\n  --cds-ai-skeleton-element-background:rgba(120, 169, 255, 0.3);\n  --cds-background:#262626;\n  --cds-background-active:rgba(141, 141, 141, 0.4);\n  --cds-background-brand:#0f62fe;\n  --cds-background-hover:rgba(141, 141, 141, 0.16);\n  --cds-background-inverse:#f4f4f4;\n  --cds-background-inverse-hover:#e8e8e8;\n  --cds-background-selected:rgba(141, 141, 141, 0.24);\n  --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n  --cds-border-disabled:rgba(141, 141, 141, 0.5);\n  --cds-border-interactive:#4589ff;\n  --cds-border-inverse:#f4f4f4;\n  --cds-border-strong-01:#8d8d8d;\n  --cds-border-strong-02:#a8a8a8;\n  --cds-border-strong-03:#c6c6c6;\n  --cds-border-subtle-00:#525252;\n  --cds-border-subtle-01:#6f6f6f;\n  --cds-border-subtle-02:#8d8d8d;\n  --cds-border-subtle-03:#8d8d8d;\n  --cds-border-subtle-selected-01:#8d8d8d;\n  --cds-border-subtle-selected-02:#a8a8a8;\n  --cds-border-subtle-selected-03:#a8a8a8;\n  --cds-border-tile-01:#6f6f6f;\n  --cds-border-tile-02:#8d8d8d;\n  --cds-border-tile-03:#a8a8a8;\n  --cds-chat-avatar-agent:#c6c6c6;\n  --cds-chat-avatar-bot:#8d8d8d;\n  --cds-chat-avatar-user:#4589ff;\n  --cds-chat-bubble-agent:#262626;\n  --cds-chat-bubble-agent-text:#f4f4f4;\n  --cds-chat-bubble-border:#525252;\n  --cds-chat-bubble-user:#393939;\n  --cds-chat-bubble-user-text:#f4f4f4;\n  --cds-chat-button:#78a9ff;\n  --cds-chat-button-active:rgba(141, 141, 141, 0.4);\n  --cds-chat-button-hover:rgba(141, 141, 141, 0.16);\n  --cds-chat-button-selected:rgba(141, 141, 141, 0.24);\n  --cds-chat-button-text-hover:#a6c8ff;\n  --cds-chat-button-text-selected:#c6c6c6;\n  --cds-chat-header-background:#262626;\n  --cds-chat-header-text:#f4f4f4;\n  --cds-chat-prompt-background:#161616;\n  --cds-chat-prompt-border-end:rgba(38, 38, 38, 0);\n  --cds-chat-prompt-border-start:#262626;\n  --cds-chat-prompt-text:#f4f4f4;\n  --cds-chat-shell-background:#262626;\n  --cds-field-01:#393939;\n  --cds-field-02:#525252;\n  --cds-field-03:#6f6f6f;\n  --cds-field-hover-01:#474747;\n  --cds-field-hover-02:#636363;\n  --cds-field-hover-03:#5e5e5e;\n  --cds-focus:#ffffff;\n  --cds-focus-inset:#161616;\n  --cds-focus-inverse:#0f62fe;\n  --cds-highlight:#002d9c;\n  --cds-icon-disabled:rgba(244, 244, 244, 0.25);\n  --cds-icon-interactive:#ffffff;\n  --cds-icon-inverse:#161616;\n  --cds-icon-on-color:#ffffff;\n  --cds-icon-on-color-disabled:rgba(255, 255, 255, 0.25);\n  --cds-icon-primary:#f4f4f4;\n  --cds-icon-secondary:#c6c6c6;\n  --cds-interactive:#4589ff;\n  --cds-layer-01:#393939;\n  --cds-layer-02:#525252;\n  --cds-layer-03:#6f6f6f;\n  --cds-layer-accent-01:#525252;\n  --cds-layer-accent-02:#6f6f6f;\n  --cds-layer-accent-03:#8d8d8d;\n  --cds-layer-accent-active-01:#8d8d8d;\n  --cds-layer-accent-active-02:#393939;\n  --cds-layer-accent-active-03:#525252;\n  --cds-layer-accent-hover-01:#636363;\n  --cds-layer-accent-hover-02:#5e5e5e;\n  --cds-layer-accent-hover-03:#7a7a7a;\n  --cds-layer-active-01:#6f6f6f;\n  --cds-layer-active-02:#8d8d8d;\n  --cds-layer-active-03:#393939;\n  --cds-layer-background-01:#262626;\n  --cds-layer-background-02:#393939;\n  --cds-layer-background-03:#525252;\n  --cds-layer-hover-01:#474747;\n  --cds-layer-hover-02:#636363;\n  --cds-layer-hover-03:#5e5e5e;\n  --cds-layer-selected-01:#525252;\n  --cds-layer-selected-02:#6f6f6f;\n  --cds-layer-selected-03:#525252;\n  --cds-layer-selected-disabled:#a8a8a8;\n  --cds-layer-selected-hover-01:#636363;\n  --cds-layer-selected-hover-02:#5e5e5e;\n  --cds-layer-selected-hover-03:#636363;\n  --cds-layer-selected-inverse:#f4f4f4;\n  --cds-link-inverse:#0f62fe;\n  --cds-link-inverse-active:#161616;\n  --cds-link-inverse-hover:#0043ce;\n  --cds-link-inverse-visited:#8a3ffc;\n  --cds-link-primary:#78a9ff;\n  --cds-link-primary-hover:#a6c8ff;\n  --cds-link-secondary:#a6c8ff;\n  --cds-link-visited:#be95ff;\n  --cds-overlay:rgba(0, 0, 0, 0.6);\n  --cds-shadow:rgba(0, 0, 0, 0.8);\n  --cds-skeleton-background:#333333;\n  --cds-skeleton-element:#525252;\n  --cds-support-caution-major:#ff832b;\n  --cds-support-caution-minor:#f1c21b;\n  --cds-support-caution-undefined:#a56eff;\n  --cds-support-error:#ff8389;\n  --cds-support-error-inverse:#da1e28;\n  --cds-support-info:#4589ff;\n  --cds-support-info-inverse:#0043ce;\n  --cds-support-success:#42be65;\n  --cds-support-success-inverse:#24a148;\n  --cds-support-warning:#f1c21b;\n  --cds-support-warning-inverse:#f1c21b;\n  --cds-syntax-angle-bracket:#8d8d8d;\n  --cds-syntax-annotation:#08bdba;\n  --cds-syntax-arithmetic-operator:#e0e0e0;\n  --cds-syntax-atom:#f4f4f4;\n  --cds-syntax-attribute:#33b1ff;\n  --cds-syntax-attribute-name:#33b1ff;\n  --cds-syntax-attribute-value:#f4f4f4;\n  --cds-syntax-bitwise-operator:#e0e0e0;\n  --cds-syntax-block-comment:#42be65;\n  --cds-syntax-bool:#f4f4f4;\n  --cds-syntax-brace:#e0e0e0;\n  --cds-syntax-bracket:#e0e0e0;\n  --cds-syntax-character:#f4f4f4;\n  --cds-syntax-class-name:#3ddbd9;\n  --cds-syntax-color:#f4f4f4;\n  --cds-syntax-comment:#42be65;\n  --cds-syntax-compare-operator:#e0e0e0;\n  --cds-syntax-constant:#4589ff;\n  --cds-syntax-content:#f4f4f4;\n  --cds-syntax-content-separator:#e0e0e0;\n  --cds-syntax-control-keyword:#be95ff;\n  --cds-syntax-control-operator:#be95ff;\n  --cds-syntax-definition:#33b1ff;\n  --cds-syntax-definition-keyword:#33b1ff;\n  --cds-syntax-definition-operator:#33b1ff;\n  --cds-syntax-deref-operator:#e0e0e0;\n  --cds-syntax-doc-comment:#42be65;\n  --cds-syntax-doc-string:#f4f4f4;\n  --cds-syntax-document-meta:#42be65;\n  --cds-syntax-emphasis:#f4f4f4;\n  --cds-syntax-escape:#e0e0e0;\n  --cds-syntax-float:#6fdc8c;\n  --cds-syntax-function:#f1c21b;\n  --cds-syntax-heading:#33b1ff;\n  --cds-syntax-heading-1:#33b1ff;\n  --cds-syntax-heading-2:#33b1ff;\n  --cds-syntax-heading-3:#33b1ff;\n  --cds-syntax-heading-4:#33b1ff;\n  --cds-syntax-heading-5:#33b1ff;\n  --cds-syntax-heading-6:#33b1ff;\n  --cds-syntax-integer:#6fdc8c;\n  --cds-syntax-invalid:#fa4d56;\n  --cds-syntax-keyword:#4589ff;\n  --cds-syntax-label-name:#a6c8ff;\n  --cds-syntax-line-comment:#42be65;\n  --cds-syntax-link:#4589ff;\n  --cds-syntax-list:#f4f4f4;\n  --cds-syntax-literal:#f4f4f4;\n  --cds-syntax-local:#a6c8ff;\n  --cds-syntax-logic-operator:#e0e0e0;\n  --cds-syntax-macro-name:#f4f4f4;\n  --cds-syntax-meta:#42be65;\n  --cds-syntax-modifier:#4589ff;\n  --cds-syntax-module-keyword:#be95ff;\n  --cds-syntax-monospace:#f4f4f4;\n  --cds-syntax-name:#a6c8ff;\n  --cds-syntax-namespace:#3ddbd9;\n  --cds-syntax-null:#f4f4f4;\n  --cds-syntax-number:#6fdc8c;\n  --cds-syntax-operator:#e0e0e0;\n  --cds-syntax-operator-keyword:#4589ff;\n  --cds-syntax-paren:#e0e0e0;\n  --cds-syntax-processing-instruction:#f4f4f4;\n  --cds-syntax-property-name:#33b1ff;\n  --cds-syntax-punctuation:#e0e0e0;\n  --cds-syntax-quote:#42be65;\n  --cds-syntax-regexp:#be95ff;\n  --cds-syntax-self:#3ddbd9;\n  --cds-syntax-separator:#e0e0e0;\n  --cds-syntax-special:#4589ff;\n  --cds-syntax-special-string:#be95ff;\n  --cds-syntax-square-bracket:#e0e0e0;\n  --cds-syntax-standard:#4589ff;\n  --cds-syntax-strikethrough:#f4f4f4;\n  --cds-syntax-string:#f4f4f4;\n  --cds-syntax-strong:#f4f4f4;\n  --cds-syntax-tag:#3ddbd9;\n  --cds-syntax-tag-name:#3ddbd9;\n  --cds-syntax-type:#3ddbd9;\n  --cds-syntax-type-name:#3ddbd9;\n  --cds-syntax-type-operator:#3ddbd9;\n  --cds-syntax-unit:#6fdc8c;\n  --cds-syntax-update-operator:#e0e0e0;\n  --cds-syntax-url:#e0e0e0;\n  --cds-syntax-variable:#a6c8ff;\n  --cds-syntax-variable-name:#a6c8ff;\n  --cds-text-disabled:rgba(244, 244, 244, 0.25);\n  --cds-text-error:#ffb3b8;\n  --cds-text-helper:#c6c6c6;\n  --cds-text-inverse:#161616;\n  --cds-text-on-color:#ffffff;\n  --cds-text-on-color-disabled:rgba(255, 255, 255, 0.25);\n  --cds-text-placeholder:rgba(244, 244, 244, 0.4);\n  --cds-text-primary:#f4f4f4;\n  --cds-text-secondary:#c6c6c6;\n  --cds-toggle-off:#8d8d8d;\n  --cds-spacing-01:0.125rem;\n  --cds-spacing-02:0.25rem;\n  --cds-spacing-03:0.5rem;\n  --cds-spacing-04:0.75rem;\n  --cds-spacing-05:1rem;\n  --cds-spacing-06:1.5rem;\n  --cds-spacing-07:2rem;\n  --cds-spacing-08:2.5rem;\n  --cds-spacing-09:3rem;\n  --cds-spacing-10:4rem;\n  --cds-spacing-11:5rem;\n  --cds-spacing-12:6rem;\n  --cds-spacing-13:10rem;\n  --cds-fluid-spacing-01:0;\n  --cds-fluid-spacing-02:2vw;\n  --cds-fluid-spacing-03:5vw;\n  --cds-fluid-spacing-04:10vw;\n  --cds-caption-01-font-size:0.75rem;\n  --cds-caption-01-font-weight:400;\n  --cds-caption-01-line-height:1.33333;\n  --cds-caption-01-letter-spacing:0.32px;\n  --cds-caption-02-font-size:0.875rem;\n  --cds-caption-02-font-weight:400;\n  --cds-caption-02-line-height:1.28572;\n  --cds-caption-02-letter-spacing:0.32px;\n  --cds-label-01-font-size:0.75rem;\n  --cds-label-01-font-weight:400;\n  --cds-label-01-line-height:1.33333;\n  --cds-label-01-letter-spacing:0.32px;\n  --cds-label-02-font-size:0.875rem;\n  --cds-label-02-font-weight:400;\n  --cds-label-02-line-height:1.28572;\n  --cds-label-02-letter-spacing:0.16px;\n  --cds-helper-text-01-font-size:0.75rem;\n  --cds-helper-text-01-line-height:1.33333;\n  --cds-helper-text-01-letter-spacing:0.32px;\n  --cds-helper-text-02-font-size:0.875rem;\n  --cds-helper-text-02-font-weight:400;\n  --cds-helper-text-02-line-height:1.28572;\n  --cds-helper-text-02-letter-spacing:0.16px;\n  --cds-body-short-01-font-size:0.875rem;\n  --cds-body-short-01-font-weight:400;\n  --cds-body-short-01-line-height:1.28572;\n  --cds-body-short-01-letter-spacing:0.16px;\n  --cds-body-short-02-font-size:1rem;\n  --cds-body-short-02-font-weight:400;\n  --cds-body-short-02-line-height:1.375;\n  --cds-body-short-02-letter-spacing:0;\n  --cds-body-long-01-font-size:0.875rem;\n  --cds-body-long-01-font-weight:400;\n  --cds-body-long-01-line-height:1.42857;\n  --cds-body-long-01-letter-spacing:0.16px;\n  --cds-body-long-02-font-size:1rem;\n  --cds-body-long-02-font-weight:400;\n  --cds-body-long-02-line-height:1.5;\n  --cds-body-long-02-letter-spacing:0;\n  --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n  --cds-code-01-font-size:0.75rem;\n  --cds-code-01-font-weight:400;\n  --cds-code-01-line-height:1.33333;\n  --cds-code-01-letter-spacing:0.32px;\n  --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n  --cds-code-02-font-size:0.875rem;\n  --cds-code-02-font-weight:400;\n  --cds-code-02-line-height:1.42857;\n  --cds-code-02-letter-spacing:0.32px;\n  --cds-heading-01-font-size:0.875rem;\n  --cds-heading-01-font-weight:600;\n  --cds-heading-01-line-height:1.42857;\n  --cds-heading-01-letter-spacing:0.16px;\n  --cds-heading-02-font-size:1rem;\n  --cds-heading-02-font-weight:600;\n  --cds-heading-02-line-height:1.5;\n  --cds-heading-02-letter-spacing:0;\n  --cds-productive-heading-01-font-size:0.875rem;\n  --cds-productive-heading-01-font-weight:600;\n  --cds-productive-heading-01-line-height:1.28572;\n  --cds-productive-heading-01-letter-spacing:0.16px;\n  --cds-productive-heading-02-font-size:1rem;\n  --cds-productive-heading-02-font-weight:600;\n  --cds-productive-heading-02-line-height:1.375;\n  --cds-productive-heading-02-letter-spacing:0;\n  --cds-productive-heading-03-font-size:1.25rem;\n  --cds-productive-heading-03-font-weight:400;\n  --cds-productive-heading-03-line-height:1.4;\n  --cds-productive-heading-03-letter-spacing:0;\n  --cds-productive-heading-04-font-size:1.75rem;\n  --cds-productive-heading-04-font-weight:400;\n  --cds-productive-heading-04-line-height:1.28572;\n  --cds-productive-heading-04-letter-spacing:0;\n  --cds-productive-heading-05-font-size:2rem;\n  --cds-productive-heading-05-font-weight:400;\n  --cds-productive-heading-05-line-height:1.25;\n  --cds-productive-heading-05-letter-spacing:0;\n  --cds-productive-heading-06-font-size:2.625rem;\n  --cds-productive-heading-06-font-weight:300;\n  --cds-productive-heading-06-line-height:1.199;\n  --cds-productive-heading-06-letter-spacing:0;\n  --cds-productive-heading-07-font-size:3.375rem;\n  --cds-productive-heading-07-font-weight:300;\n  --cds-productive-heading-07-line-height:1.19;\n  --cds-productive-heading-07-letter-spacing:0;\n  --cds-expressive-paragraph-01-font-size:1.5rem;\n  --cds-expressive-paragraph-01-font-weight:300;\n  --cds-expressive-paragraph-01-line-height:1.334;\n  --cds-expressive-paragraph-01-letter-spacing:0;\n  --cds-expressive-heading-01-font-size:0.875rem;\n  --cds-expressive-heading-01-font-weight:600;\n  --cds-expressive-heading-01-line-height:1.42857;\n  --cds-expressive-heading-01-letter-spacing:0.16px;\n  --cds-expressive-heading-02-font-size:1rem;\n  --cds-expressive-heading-02-font-weight:600;\n  --cds-expressive-heading-02-line-height:1.5;\n  --cds-expressive-heading-02-letter-spacing:0;\n  --cds-expressive-heading-03-font-size:1.25rem;\n  --cds-expressive-heading-03-font-weight:400;\n  --cds-expressive-heading-03-line-height:1.4;\n  --cds-expressive-heading-03-letter-spacing:0;\n  --cds-expressive-heading-04-font-size:1.75rem;\n  --cds-expressive-heading-04-font-weight:400;\n  --cds-expressive-heading-04-line-height:1.28572;\n  --cds-expressive-heading-04-letter-spacing:0;\n  --cds-expressive-heading-05-font-size:2rem;\n  --cds-expressive-heading-05-font-weight:400;\n  --cds-expressive-heading-05-line-height:1.25;\n  --cds-expressive-heading-05-letter-spacing:0;\n  --cds-expressive-heading-06-font-size:2rem;\n  --cds-expressive-heading-06-font-weight:600;\n  --cds-expressive-heading-06-line-height:1.25;\n  --cds-expressive-heading-06-letter-spacing:0;\n  --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-quotation-01-font-size:1.25rem;\n  --cds-quotation-01-font-weight:400;\n  --cds-quotation-01-line-height:1.3;\n  --cds-quotation-01-letter-spacing:0;\n  --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-quotation-02-font-size:2rem;\n  --cds-quotation-02-font-weight:300;\n  --cds-quotation-02-line-height:1.25;\n  --cds-quotation-02-letter-spacing:0;\n  --cds-display-01-font-size:2.625rem;\n  --cds-display-01-font-weight:300;\n  --cds-display-01-line-height:1.19;\n  --cds-display-01-letter-spacing:0;\n  --cds-display-02-font-size:2.625rem;\n  --cds-display-02-font-weight:600;\n  --cds-display-02-line-height:1.19;\n  --cds-display-02-letter-spacing:0;\n  --cds-display-03-font-size:2.625rem;\n  --cds-display-03-font-weight:300;\n  --cds-display-03-line-height:1.19;\n  --cds-display-03-letter-spacing:0;\n  --cds-display-04-font-size:2.625rem;\n  --cds-display-04-font-weight:300;\n  --cds-display-04-line-height:1.19;\n  --cds-display-04-letter-spacing:0;\n  --cds-legal-01-font-size:0.75rem;\n  --cds-legal-01-font-weight:400;\n  --cds-legal-01-line-height:1.33333;\n  --cds-legal-01-letter-spacing:0.32px;\n  --cds-legal-02-font-size:0.875rem;\n  --cds-legal-02-font-weight:400;\n  --cds-legal-02-line-height:1.28572;\n  --cds-legal-02-letter-spacing:0.16px;\n  --cds-body-compact-01-font-size:0.875rem;\n  --cds-body-compact-01-font-weight:400;\n  --cds-body-compact-01-line-height:1.28572;\n  --cds-body-compact-01-letter-spacing:0.16px;\n  --cds-body-compact-02-font-size:1rem;\n  --cds-body-compact-02-font-weight:400;\n  --cds-body-compact-02-line-height:1.375;\n  --cds-body-compact-02-letter-spacing:0;\n  --cds-heading-compact-01-font-size:0.875rem;\n  --cds-heading-compact-01-font-weight:600;\n  --cds-heading-compact-01-line-height:1.28572;\n  --cds-heading-compact-01-letter-spacing:0.16px;\n  --cds-heading-compact-02-font-size:1rem;\n  --cds-heading-compact-02-font-weight:600;\n  --cds-heading-compact-02-line-height:1.375;\n  --cds-heading-compact-02-letter-spacing:0;\n  --cds-body-01-font-size:0.875rem;\n  --cds-body-01-font-weight:400;\n  --cds-body-01-line-height:1.42857;\n  --cds-body-01-letter-spacing:0.16px;\n  --cds-body-02-font-size:1rem;\n  --cds-body-02-font-weight:400;\n  --cds-body-02-line-height:1.5;\n  --cds-body-02-letter-spacing:0;\n  --cds-heading-03-font-size:1.25rem;\n  --cds-heading-03-font-weight:400;\n  --cds-heading-03-line-height:1.4;\n  --cds-heading-03-letter-spacing:0;\n  --cds-heading-04-font-size:1.75rem;\n  --cds-heading-04-font-weight:400;\n  --cds-heading-04-line-height:1.28572;\n  --cds-heading-04-letter-spacing:0;\n  --cds-heading-05-font-size:2rem;\n  --cds-heading-05-font-weight:400;\n  --cds-heading-05-line-height:1.25;\n  --cds-heading-05-letter-spacing:0;\n  --cds-heading-06-font-size:2.625rem;\n  --cds-heading-06-font-weight:300;\n  --cds-heading-06-line-height:1.199;\n  --cds-heading-06-letter-spacing:0;\n  --cds-heading-07-font-size:3.375rem;\n  --cds-heading-07-font-weight:300;\n  --cds-heading-07-line-height:1.19;\n  --cds-heading-07-letter-spacing:0;\n  --cds-fluid-heading-03-font-size:1.25rem;\n  --cds-fluid-heading-03-font-weight:400;\n  --cds-fluid-heading-03-line-height:1.4;\n  --cds-fluid-heading-03-letter-spacing:0;\n  --cds-fluid-heading-04-font-size:1.75rem;\n  --cds-fluid-heading-04-font-weight:400;\n  --cds-fluid-heading-04-line-height:1.28572;\n  --cds-fluid-heading-04-letter-spacing:0;\n  --cds-fluid-heading-05-font-size:2rem;\n  --cds-fluid-heading-05-font-weight:400;\n  --cds-fluid-heading-05-line-height:1.25;\n  --cds-fluid-heading-05-letter-spacing:0;\n  --cds-fluid-heading-06-font-size:2rem;\n  --cds-fluid-heading-06-font-weight:600;\n  --cds-fluid-heading-06-line-height:1.25;\n  --cds-fluid-heading-06-letter-spacing:0;\n  --cds-fluid-paragraph-01-font-size:1.5rem;\n  --cds-fluid-paragraph-01-font-weight:300;\n  --cds-fluid-paragraph-01-line-height:1.334;\n  --cds-fluid-paragraph-01-letter-spacing:0;\n  --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-fluid-quotation-01-font-size:1.25rem;\n  --cds-fluid-quotation-01-font-weight:400;\n  --cds-fluid-quotation-01-line-height:1.3;\n  --cds-fluid-quotation-01-letter-spacing:0;\n  --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-fluid-quotation-02-font-size:2rem;\n  --cds-fluid-quotation-02-font-weight:300;\n  --cds-fluid-quotation-02-line-height:1.25;\n  --cds-fluid-quotation-02-letter-spacing:0;\n  --cds-fluid-display-01-font-size:2.625rem;\n  --cds-fluid-display-01-font-weight:300;\n  --cds-fluid-display-01-line-height:1.19;\n  --cds-fluid-display-01-letter-spacing:0;\n  --cds-fluid-display-02-font-size:2.625rem;\n  --cds-fluid-display-02-font-weight:600;\n  --cds-fluid-display-02-line-height:1.19;\n  --cds-fluid-display-02-letter-spacing:0;\n  --cds-fluid-display-03-font-size:2.625rem;\n  --cds-fluid-display-03-font-weight:300;\n  --cds-fluid-display-03-line-height:1.19;\n  --cds-fluid-display-03-letter-spacing:0;\n  --cds-fluid-display-04-font-size:2.625rem;\n  --cds-fluid-display-04-font-weight:300;\n  --cds-fluid-display-04-line-height:1.19;\n  --cds-fluid-display-04-letter-spacing:0;\n  --cds-button-separator:#161616;\n  --cds-button-primary:#0f62fe;\n  --cds-button-secondary:#6f6f6f;\n  --cds-button-tertiary:#ffffff;\n  --cds-button-danger-primary:#da1e28;\n  --cds-button-danger-secondary:#ff8389;\n  --cds-button-danger-active:#750e13;\n  --cds-button-primary-active:#002d9c;\n  --cds-button-secondary-active:#393939;\n  --cds-button-tertiary-active:#c6c6c6;\n  --cds-button-danger-hover:#b81921;\n  --cds-button-primary-hover:#0050e6;\n  --cds-button-secondary-hover:#5e5e5e;\n  --cds-button-tertiary-hover:#f4f4f4;\n  --cds-button-disabled:rgba(141, 141, 141, 0.3);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n  :host .cds--g90{\n    --cds-icon-primary:ButtonText;\n    --cds-icon-secondary:ButtonText;\n    --cds-icon-interactive:ButtonText;\n    --cds-icon-disabled:GrayText;\n    --cds-icon-on-color-disabled:GrayText;\n    --cds-icon-inverse:SelectedItemText;\n    --cds-icon-on-color:SelectedItemText;\n    --cds-button-disabled:GrayText;\n    --cds-interactive:ButtonText;\n    --cds-link-primary:LinkText;\n    --cds-link-primary-hover:LinkText;\n    --cds-link-secondary:LinkText;\n    --cds-link-inverse:SelectedItemText;\n    --cds-link-inverse-hover:SelectedItemText;\n    --cds-link-inverse-visited:SelectedItemText;\n    --cds-link-visited:VisitedText;\n    --cds-background-selected:SelectedItem;\n    --cds-background-selected-hover:SelectedItem;\n    --cds-background-inverse:SelectedItem;\n    --cds-layer-selected-inverse:SelectedItem;\n  }\n}\n:host .cds--g90{\n  --cds-layer:var(--cds-layer-01, #f4f4f4);\n  --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n  --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n  --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n  --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n  --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n  --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n  --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n  --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n  --cds-field:var(--cds-field-01, #f4f4f4);\n  --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n  --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n  --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n  --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n  --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds--g100{\n  --cds-ai-aura-end:rgba(0, 0, 0, 0);\n  --cds-ai-aura-hover-background:#333333;\n  --cds-ai-aura-hover-end:rgba(0, 0, 0, 0);\n  --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.4);\n  --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n  --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n  --cds-ai-border-end:#4589ff;\n  --cds-ai-border-start:rgba(166, 200, 255, 0.36);\n  --cds-ai-border-strong:#78a9ff;\n  --cds-ai-drop-shadow:rgba(0, 0, 0, 0.28);\n  --cds-ai-inner-shadow:rgba(69, 137, 255, 0.16);\n  --cds-ai-overlay:rgba(0, 0, 0, 0.5);\n  --cds-ai-popover-background:#161616;\n  --cds-ai-popover-caret-bottom:#4589ff;\n  --cds-ai-popover-caret-bottom-background:#202d45;\n  --cds-ai-popover-caret-bottom-background-actions:#1e283a;\n  --cds-ai-popover-caret-center:#4870b5;\n  --cds-ai-popover-shadow-outer-01:rgba(0, 0, 0, 0.12);\n  --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.08);\n  --cds-ai-skeleton-background:rgba(120, 169, 255, 0.5);\n  --cds-ai-skeleton-element-background:rgba(120, 169, 255, 0.3);\n  --cds-background:#161616;\n  --cds-background-active:rgba(141, 141, 141, 0.4);\n  --cds-background-brand:#0f62fe;\n  --cds-background-hover:rgba(141, 141, 141, 0.16);\n  --cds-background-inverse:#f4f4f4;\n  --cds-background-inverse-hover:#e8e8e8;\n  --cds-background-selected:rgba(141, 141, 141, 0.24);\n  --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n  --cds-border-disabled:rgba(141, 141, 141, 0.5);\n  --cds-border-interactive:#4589ff;\n  --cds-border-inverse:#f4f4f4;\n  --cds-border-strong-01:#6f6f6f;\n  --cds-border-strong-02:#8d8d8d;\n  --cds-border-strong-03:#a8a8a8;\n  --cds-border-subtle-00:#393939;\n  --cds-border-subtle-01:#525252;\n  --cds-border-subtle-02:#6f6f6f;\n  --cds-border-subtle-03:#6f6f6f;\n  --cds-border-subtle-selected-01:#6f6f6f;\n  --cds-border-subtle-selected-02:#8d8d8d;\n  --cds-border-subtle-selected-03:#8d8d8d;\n  --cds-border-tile-01:#525252;\n  --cds-border-tile-02:#6f6f6f;\n  --cds-border-tile-03:#8d8d8d;\n  --cds-chat-avatar-agent:#c6c6c6;\n  --cds-chat-avatar-bot:#8d8d8d;\n  --cds-chat-avatar-user:#4589ff;\n  --cds-chat-bubble-agent:#262626;\n  --cds-chat-bubble-agent-text:#f4f4f4;\n  --cds-chat-bubble-border:#525252;\n  --cds-chat-bubble-user:#393939;\n  --cds-chat-bubble-user-text:#f4f4f4;\n  --cds-chat-button:#78a9ff;\n  --cds-chat-button-active:rgba(141, 141, 141, 0.4);\n  --cds-chat-button-hover:rgba(141, 141, 141, 0.16);\n  --cds-chat-button-selected:rgba(141, 141, 141, 0.24);\n  --cds-chat-button-text-hover:#a6c8ff;\n  --cds-chat-button-text-selected:#c6c6c6;\n  --cds-chat-header-background:#262626;\n  --cds-chat-header-text:#f4f4f4;\n  --cds-chat-prompt-background:#161616;\n  --cds-chat-prompt-border-end:rgba(38, 38, 38, 0);\n  --cds-chat-prompt-border-start:#262626;\n  --cds-chat-prompt-text:#f4f4f4;\n  --cds-chat-shell-background:#262626;\n  --cds-field-01:#262626;\n  --cds-field-02:#393939;\n  --cds-field-03:#525252;\n  --cds-field-hover-01:#333333;\n  --cds-field-hover-02:#474747;\n  --cds-field-hover-03:#636363;\n  --cds-focus:#ffffff;\n  --cds-focus-inset:#161616;\n  --cds-focus-inverse:#0f62fe;\n  --cds-highlight:#001d6c;\n  --cds-icon-disabled:rgba(244, 244, 244, 0.25);\n  --cds-icon-interactive:#ffffff;\n  --cds-icon-inverse:#161616;\n  --cds-icon-on-color:#ffffff;\n  --cds-icon-on-color-disabled:rgba(255, 255, 255, 0.25);\n  --cds-icon-primary:#f4f4f4;\n  --cds-icon-secondary:#c6c6c6;\n  --cds-interactive:#4589ff;\n  --cds-layer-01:#262626;\n  --cds-layer-02:#393939;\n  --cds-layer-03:#525252;\n  --cds-layer-accent-01:#393939;\n  --cds-layer-accent-02:#525252;\n  --cds-layer-accent-03:#6f6f6f;\n  --cds-layer-accent-active-01:#6f6f6f;\n  --cds-layer-accent-active-02:#8d8d8d;\n  --cds-layer-accent-active-03:#393939;\n  --cds-layer-accent-hover-01:#474747;\n  --cds-layer-accent-hover-02:#636363;\n  --cds-layer-accent-hover-03:#5e5e5e;\n  --cds-layer-active-01:#525252;\n  --cds-layer-active-02:#6f6f6f;\n  --cds-layer-active-03:#8d8d8d;\n  --cds-layer-background-01:#161616;\n  --cds-layer-background-02:#262626;\n  --cds-layer-background-03:#393939;\n  --cds-layer-hover-01:#333333;\n  --cds-layer-hover-02:#474747;\n  --cds-layer-hover-03:#636363;\n  --cds-layer-selected-01:#393939;\n  --cds-layer-selected-02:#525252;\n  --cds-layer-selected-03:#6f6f6f;\n  --cds-layer-selected-disabled:#a8a8a8;\n  --cds-layer-selected-hover-01:#474747;\n  --cds-layer-selected-hover-02:#636363;\n  --cds-layer-selected-hover-03:#5e5e5e;\n  --cds-layer-selected-inverse:#f4f4f4;\n  --cds-link-inverse:#0f62fe;\n  --cds-link-inverse-active:#161616;\n  --cds-link-inverse-hover:#0043ce;\n  --cds-link-inverse-visited:#8a3ffc;\n  --cds-link-primary:#78a9ff;\n  --cds-link-primary-hover:#a6c8ff;\n  --cds-link-secondary:#a6c8ff;\n  --cds-link-visited:#be95ff;\n  --cds-overlay:rgba(0, 0, 0, 0.6);\n  --cds-shadow:rgba(0, 0, 0, 0.8);\n  --cds-skeleton-background:#292929;\n  --cds-skeleton-element:#393939;\n  --cds-support-caution-major:#ff832b;\n  --cds-support-caution-minor:#f1c21b;\n  --cds-support-caution-undefined:#a56eff;\n  --cds-support-error:#fa4d56;\n  --cds-support-error-inverse:#da1e28;\n  --cds-support-info:#4589ff;\n  --cds-support-info-inverse:#0043ce;\n  --cds-support-success:#42be65;\n  --cds-support-success-inverse:#24a148;\n  --cds-support-warning:#f1c21b;\n  --cds-support-warning-inverse:#f1c21b;\n  --cds-syntax-angle-bracket:#8d8d8d;\n  --cds-syntax-annotation:#08bdba;\n  --cds-syntax-arithmetic-operator:#e0e0e0;\n  --cds-syntax-atom:#f4f4f4;\n  --cds-syntax-attribute:#33b1ff;\n  --cds-syntax-attribute-name:#33b1ff;\n  --cds-syntax-attribute-value:#f4f4f4;\n  --cds-syntax-bitwise-operator:#e0e0e0;\n  --cds-syntax-block-comment:#42be65;\n  --cds-syntax-bool:#f4f4f4;\n  --cds-syntax-brace:#e0e0e0;\n  --cds-syntax-bracket:#e0e0e0;\n  --cds-syntax-character:#f4f4f4;\n  --cds-syntax-class-name:#3ddbd9;\n  --cds-syntax-color:#f4f4f4;\n  --cds-syntax-comment:#42be65;\n  --cds-syntax-compare-operator:#e0e0e0;\n  --cds-syntax-constant:#4589ff;\n  --cds-syntax-content:#f4f4f4;\n  --cds-syntax-content-separator:#e0e0e0;\n  --cds-syntax-control-keyword:#be95ff;\n  --cds-syntax-control-operator:#be95ff;\n  --cds-syntax-definition:#33b1ff;\n  --cds-syntax-definition-keyword:#33b1ff;\n  --cds-syntax-definition-operator:#33b1ff;\n  --cds-syntax-deref-operator:#e0e0e0;\n  --cds-syntax-doc-comment:#42be65;\n  --cds-syntax-doc-string:#f4f4f4;\n  --cds-syntax-document-meta:#42be65;\n  --cds-syntax-emphasis:#f4f4f4;\n  --cds-syntax-escape:#e0e0e0;\n  --cds-syntax-float:#6fdc8c;\n  --cds-syntax-function:#f1c21b;\n  --cds-syntax-heading:#33b1ff;\n  --cds-syntax-heading-1:#33b1ff;\n  --cds-syntax-heading-2:#33b1ff;\n  --cds-syntax-heading-3:#33b1ff;\n  --cds-syntax-heading-4:#33b1ff;\n  --cds-syntax-heading-5:#33b1ff;\n  --cds-syntax-heading-6:#33b1ff;\n  --cds-syntax-integer:#6fdc8c;\n  --cds-syntax-invalid:#fa4d56;\n  --cds-syntax-keyword:#4589ff;\n  --cds-syntax-label-name:#a6c8ff;\n  --cds-syntax-line-comment:#42be65;\n  --cds-syntax-link:#4589ff;\n  --cds-syntax-list:#f4f4f4;\n  --cds-syntax-literal:#f4f4f4;\n  --cds-syntax-local:#a6c8ff;\n  --cds-syntax-logic-operator:#e0e0e0;\n  --cds-syntax-macro-name:#f4f4f4;\n  --cds-syntax-meta:#42be65;\n  --cds-syntax-modifier:#4589ff;\n  --cds-syntax-module-keyword:#be95ff;\n  --cds-syntax-monospace:#f4f4f4;\n  --cds-syntax-name:#a6c8ff;\n  --cds-syntax-namespace:#3ddbd9;\n  --cds-syntax-null:#f4f4f4;\n  --cds-syntax-number:#6fdc8c;\n  --cds-syntax-operator:#e0e0e0;\n  --cds-syntax-operator-keyword:#4589ff;\n  --cds-syntax-paren:#e0e0e0;\n  --cds-syntax-processing-instruction:#f4f4f4;\n  --cds-syntax-property-name:#33b1ff;\n  --cds-syntax-punctuation:#e0e0e0;\n  --cds-syntax-quote:#42be65;\n  --cds-syntax-regexp:#be95ff;\n  --cds-syntax-self:#3ddbd9;\n  --cds-syntax-separator:#e0e0e0;\n  --cds-syntax-special:#4589ff;\n  --cds-syntax-special-string:#be95ff;\n  --cds-syntax-square-bracket:#e0e0e0;\n  --cds-syntax-standard:#4589ff;\n  --cds-syntax-strikethrough:#f4f4f4;\n  --cds-syntax-string:#f4f4f4;\n  --cds-syntax-strong:#f4f4f4;\n  --cds-syntax-tag:#3ddbd9;\n  --cds-syntax-tag-name:#3ddbd9;\n  --cds-syntax-type:#3ddbd9;\n  --cds-syntax-type-name:#3ddbd9;\n  --cds-syntax-type-operator:#3ddbd9;\n  --cds-syntax-unit:#6fdc8c;\n  --cds-syntax-update-operator:#e0e0e0;\n  --cds-syntax-url:#e0e0e0;\n  --cds-syntax-variable:#a6c8ff;\n  --cds-syntax-variable-name:#a6c8ff;\n  --cds-text-disabled:rgba(244, 244, 244, 0.25);\n  --cds-text-error:#ff8389;\n  --cds-text-helper:#a8a8a8;\n  --cds-text-inverse:#161616;\n  --cds-text-on-color:#ffffff;\n  --cds-text-on-color-disabled:rgba(255, 255, 255, 0.25);\n  --cds-text-placeholder:rgba(244, 244, 244, 0.4);\n  --cds-text-primary:#f4f4f4;\n  --cds-text-secondary:#c6c6c6;\n  --cds-toggle-off:#6f6f6f;\n  --cds-spacing-01:0.125rem;\n  --cds-spacing-02:0.25rem;\n  --cds-spacing-03:0.5rem;\n  --cds-spacing-04:0.75rem;\n  --cds-spacing-05:1rem;\n  --cds-spacing-06:1.5rem;\n  --cds-spacing-07:2rem;\n  --cds-spacing-08:2.5rem;\n  --cds-spacing-09:3rem;\n  --cds-spacing-10:4rem;\n  --cds-spacing-11:5rem;\n  --cds-spacing-12:6rem;\n  --cds-spacing-13:10rem;\n  --cds-fluid-spacing-01:0;\n  --cds-fluid-spacing-02:2vw;\n  --cds-fluid-spacing-03:5vw;\n  --cds-fluid-spacing-04:10vw;\n  --cds-caption-01-font-size:0.75rem;\n  --cds-caption-01-font-weight:400;\n  --cds-caption-01-line-height:1.33333;\n  --cds-caption-01-letter-spacing:0.32px;\n  --cds-caption-02-font-size:0.875rem;\n  --cds-caption-02-font-weight:400;\n  --cds-caption-02-line-height:1.28572;\n  --cds-caption-02-letter-spacing:0.32px;\n  --cds-label-01-font-size:0.75rem;\n  --cds-label-01-font-weight:400;\n  --cds-label-01-line-height:1.33333;\n  --cds-label-01-letter-spacing:0.32px;\n  --cds-label-02-font-size:0.875rem;\n  --cds-label-02-font-weight:400;\n  --cds-label-02-line-height:1.28572;\n  --cds-label-02-letter-spacing:0.16px;\n  --cds-helper-text-01-font-size:0.75rem;\n  --cds-helper-text-01-line-height:1.33333;\n  --cds-helper-text-01-letter-spacing:0.32px;\n  --cds-helper-text-02-font-size:0.875rem;\n  --cds-helper-text-02-font-weight:400;\n  --cds-helper-text-02-line-height:1.28572;\n  --cds-helper-text-02-letter-spacing:0.16px;\n  --cds-body-short-01-font-size:0.875rem;\n  --cds-body-short-01-font-weight:400;\n  --cds-body-short-01-line-height:1.28572;\n  --cds-body-short-01-letter-spacing:0.16px;\n  --cds-body-short-02-font-size:1rem;\n  --cds-body-short-02-font-weight:400;\n  --cds-body-short-02-line-height:1.375;\n  --cds-body-short-02-letter-spacing:0;\n  --cds-body-long-01-font-size:0.875rem;\n  --cds-body-long-01-font-weight:400;\n  --cds-body-long-01-line-height:1.42857;\n  --cds-body-long-01-letter-spacing:0.16px;\n  --cds-body-long-02-font-size:1rem;\n  --cds-body-long-02-font-weight:400;\n  --cds-body-long-02-line-height:1.5;\n  --cds-body-long-02-letter-spacing:0;\n  --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n  --cds-code-01-font-size:0.75rem;\n  --cds-code-01-font-weight:400;\n  --cds-code-01-line-height:1.33333;\n  --cds-code-01-letter-spacing:0.32px;\n  --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n  --cds-code-02-font-size:0.875rem;\n  --cds-code-02-font-weight:400;\n  --cds-code-02-line-height:1.42857;\n  --cds-code-02-letter-spacing:0.32px;\n  --cds-heading-01-font-size:0.875rem;\n  --cds-heading-01-font-weight:600;\n  --cds-heading-01-line-height:1.42857;\n  --cds-heading-01-letter-spacing:0.16px;\n  --cds-heading-02-font-size:1rem;\n  --cds-heading-02-font-weight:600;\n  --cds-heading-02-line-height:1.5;\n  --cds-heading-02-letter-spacing:0;\n  --cds-productive-heading-01-font-size:0.875rem;\n  --cds-productive-heading-01-font-weight:600;\n  --cds-productive-heading-01-line-height:1.28572;\n  --cds-productive-heading-01-letter-spacing:0.16px;\n  --cds-productive-heading-02-font-size:1rem;\n  --cds-productive-heading-02-font-weight:600;\n  --cds-productive-heading-02-line-height:1.375;\n  --cds-productive-heading-02-letter-spacing:0;\n  --cds-productive-heading-03-font-size:1.25rem;\n  --cds-productive-heading-03-font-weight:400;\n  --cds-productive-heading-03-line-height:1.4;\n  --cds-productive-heading-03-letter-spacing:0;\n  --cds-productive-heading-04-font-size:1.75rem;\n  --cds-productive-heading-04-font-weight:400;\n  --cds-productive-heading-04-line-height:1.28572;\n  --cds-productive-heading-04-letter-spacing:0;\n  --cds-productive-heading-05-font-size:2rem;\n  --cds-productive-heading-05-font-weight:400;\n  --cds-productive-heading-05-line-height:1.25;\n  --cds-productive-heading-05-letter-spacing:0;\n  --cds-productive-heading-06-font-size:2.625rem;\n  --cds-productive-heading-06-font-weight:300;\n  --cds-productive-heading-06-line-height:1.199;\n  --cds-productive-heading-06-letter-spacing:0;\n  --cds-productive-heading-07-font-size:3.375rem;\n  --cds-productive-heading-07-font-weight:300;\n  --cds-productive-heading-07-line-height:1.19;\n  --cds-productive-heading-07-letter-spacing:0;\n  --cds-expressive-paragraph-01-font-size:1.5rem;\n  --cds-expressive-paragraph-01-font-weight:300;\n  --cds-expressive-paragraph-01-line-height:1.334;\n  --cds-expressive-paragraph-01-letter-spacing:0;\n  --cds-expressive-heading-01-font-size:0.875rem;\n  --cds-expressive-heading-01-font-weight:600;\n  --cds-expressive-heading-01-line-height:1.42857;\n  --cds-expressive-heading-01-letter-spacing:0.16px;\n  --cds-expressive-heading-02-font-size:1rem;\n  --cds-expressive-heading-02-font-weight:600;\n  --cds-expressive-heading-02-line-height:1.5;\n  --cds-expressive-heading-02-letter-spacing:0;\n  --cds-expressive-heading-03-font-size:1.25rem;\n  --cds-expressive-heading-03-font-weight:400;\n  --cds-expressive-heading-03-line-height:1.4;\n  --cds-expressive-heading-03-letter-spacing:0;\n  --cds-expressive-heading-04-font-size:1.75rem;\n  --cds-expressive-heading-04-font-weight:400;\n  --cds-expressive-heading-04-line-height:1.28572;\n  --cds-expressive-heading-04-letter-spacing:0;\n  --cds-expressive-heading-05-font-size:2rem;\n  --cds-expressive-heading-05-font-weight:400;\n  --cds-expressive-heading-05-line-height:1.25;\n  --cds-expressive-heading-05-letter-spacing:0;\n  --cds-expressive-heading-06-font-size:2rem;\n  --cds-expressive-heading-06-font-weight:600;\n  --cds-expressive-heading-06-line-height:1.25;\n  --cds-expressive-heading-06-letter-spacing:0;\n  --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-quotation-01-font-size:1.25rem;\n  --cds-quotation-01-font-weight:400;\n  --cds-quotation-01-line-height:1.3;\n  --cds-quotation-01-letter-spacing:0;\n  --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-quotation-02-font-size:2rem;\n  --cds-quotation-02-font-weight:300;\n  --cds-quotation-02-line-height:1.25;\n  --cds-quotation-02-letter-spacing:0;\n  --cds-display-01-font-size:2.625rem;\n  --cds-display-01-font-weight:300;\n  --cds-display-01-line-height:1.19;\n  --cds-display-01-letter-spacing:0;\n  --cds-display-02-font-size:2.625rem;\n  --cds-display-02-font-weight:600;\n  --cds-display-02-line-height:1.19;\n  --cds-display-02-letter-spacing:0;\n  --cds-display-03-font-size:2.625rem;\n  --cds-display-03-font-weight:300;\n  --cds-display-03-line-height:1.19;\n  --cds-display-03-letter-spacing:0;\n  --cds-display-04-font-size:2.625rem;\n  --cds-display-04-font-weight:300;\n  --cds-display-04-line-height:1.19;\n  --cds-display-04-letter-spacing:0;\n  --cds-legal-01-font-size:0.75rem;\n  --cds-legal-01-font-weight:400;\n  --cds-legal-01-line-height:1.33333;\n  --cds-legal-01-letter-spacing:0.32px;\n  --cds-legal-02-font-size:0.875rem;\n  --cds-legal-02-font-weight:400;\n  --cds-legal-02-line-height:1.28572;\n  --cds-legal-02-letter-spacing:0.16px;\n  --cds-body-compact-01-font-size:0.875rem;\n  --cds-body-compact-01-font-weight:400;\n  --cds-body-compact-01-line-height:1.28572;\n  --cds-body-compact-01-letter-spacing:0.16px;\n  --cds-body-compact-02-font-size:1rem;\n  --cds-body-compact-02-font-weight:400;\n  --cds-body-compact-02-line-height:1.375;\n  --cds-body-compact-02-letter-spacing:0;\n  --cds-heading-compact-01-font-size:0.875rem;\n  --cds-heading-compact-01-font-weight:600;\n  --cds-heading-compact-01-line-height:1.28572;\n  --cds-heading-compact-01-letter-spacing:0.16px;\n  --cds-heading-compact-02-font-size:1rem;\n  --cds-heading-compact-02-font-weight:600;\n  --cds-heading-compact-02-line-height:1.375;\n  --cds-heading-compact-02-letter-spacing:0;\n  --cds-body-01-font-size:0.875rem;\n  --cds-body-01-font-weight:400;\n  --cds-body-01-line-height:1.42857;\n  --cds-body-01-letter-spacing:0.16px;\n  --cds-body-02-font-size:1rem;\n  --cds-body-02-font-weight:400;\n  --cds-body-02-line-height:1.5;\n  --cds-body-02-letter-spacing:0;\n  --cds-heading-03-font-size:1.25rem;\n  --cds-heading-03-font-weight:400;\n  --cds-heading-03-line-height:1.4;\n  --cds-heading-03-letter-spacing:0;\n  --cds-heading-04-font-size:1.75rem;\n  --cds-heading-04-font-weight:400;\n  --cds-heading-04-line-height:1.28572;\n  --cds-heading-04-letter-spacing:0;\n  --cds-heading-05-font-size:2rem;\n  --cds-heading-05-font-weight:400;\n  --cds-heading-05-line-height:1.25;\n  --cds-heading-05-letter-spacing:0;\n  --cds-heading-06-font-size:2.625rem;\n  --cds-heading-06-font-weight:300;\n  --cds-heading-06-line-height:1.199;\n  --cds-heading-06-letter-spacing:0;\n  --cds-heading-07-font-size:3.375rem;\n  --cds-heading-07-font-weight:300;\n  --cds-heading-07-line-height:1.19;\n  --cds-heading-07-letter-spacing:0;\n  --cds-fluid-heading-03-font-size:1.25rem;\n  --cds-fluid-heading-03-font-weight:400;\n  --cds-fluid-heading-03-line-height:1.4;\n  --cds-fluid-heading-03-letter-spacing:0;\n  --cds-fluid-heading-04-font-size:1.75rem;\n  --cds-fluid-heading-04-font-weight:400;\n  --cds-fluid-heading-04-line-height:1.28572;\n  --cds-fluid-heading-04-letter-spacing:0;\n  --cds-fluid-heading-05-font-size:2rem;\n  --cds-fluid-heading-05-font-weight:400;\n  --cds-fluid-heading-05-line-height:1.25;\n  --cds-fluid-heading-05-letter-spacing:0;\n  --cds-fluid-heading-06-font-size:2rem;\n  --cds-fluid-heading-06-font-weight:600;\n  --cds-fluid-heading-06-line-height:1.25;\n  --cds-fluid-heading-06-letter-spacing:0;\n  --cds-fluid-paragraph-01-font-size:1.5rem;\n  --cds-fluid-paragraph-01-font-weight:300;\n  --cds-fluid-paragraph-01-line-height:1.334;\n  --cds-fluid-paragraph-01-letter-spacing:0;\n  --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-fluid-quotation-01-font-size:1.25rem;\n  --cds-fluid-quotation-01-font-weight:400;\n  --cds-fluid-quotation-01-line-height:1.3;\n  --cds-fluid-quotation-01-letter-spacing:0;\n  --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-fluid-quotation-02-font-size:2rem;\n  --cds-fluid-quotation-02-font-weight:300;\n  --cds-fluid-quotation-02-line-height:1.25;\n  --cds-fluid-quotation-02-letter-spacing:0;\n  --cds-fluid-display-01-font-size:2.625rem;\n  --cds-fluid-display-01-font-weight:300;\n  --cds-fluid-display-01-line-height:1.19;\n  --cds-fluid-display-01-letter-spacing:0;\n  --cds-fluid-display-02-font-size:2.625rem;\n  --cds-fluid-display-02-font-weight:600;\n  --cds-fluid-display-02-line-height:1.19;\n  --cds-fluid-display-02-letter-spacing:0;\n  --cds-fluid-display-03-font-size:2.625rem;\n  --cds-fluid-display-03-font-weight:300;\n  --cds-fluid-display-03-line-height:1.19;\n  --cds-fluid-display-03-letter-spacing:0;\n  --cds-fluid-display-04-font-size:2.625rem;\n  --cds-fluid-display-04-font-weight:300;\n  --cds-fluid-display-04-line-height:1.19;\n  --cds-fluid-display-04-letter-spacing:0;\n  --cds-button-separator:#161616;\n  --cds-button-primary:#0f62fe;\n  --cds-button-secondary:#6f6f6f;\n  --cds-button-tertiary:#ffffff;\n  --cds-button-danger-primary:#da1e28;\n  --cds-button-danger-secondary:#fa4d56;\n  --cds-button-danger-active:#750e13;\n  --cds-button-primary-active:#002d9c;\n  --cds-button-secondary-active:#393939;\n  --cds-button-tertiary-active:#c6c6c6;\n  --cds-button-danger-hover:#b81921;\n  --cds-button-primary-hover:#0050e6;\n  --cds-button-secondary-hover:#5e5e5e;\n  --cds-button-tertiary-hover:#f4f4f4;\n  --cds-button-disabled:rgba(141, 141, 141, 0.3);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n  :host .cds--g100{\n    --cds-icon-primary:ButtonText;\n    --cds-icon-secondary:ButtonText;\n    --cds-icon-interactive:ButtonText;\n    --cds-icon-disabled:GrayText;\n    --cds-icon-on-color-disabled:GrayText;\n    --cds-icon-inverse:SelectedItemText;\n    --cds-icon-on-color:SelectedItemText;\n    --cds-button-disabled:GrayText;\n    --cds-interactive:ButtonText;\n    --cds-link-primary:LinkText;\n    --cds-link-primary-hover:LinkText;\n    --cds-link-secondary:LinkText;\n    --cds-link-inverse:SelectedItemText;\n    --cds-link-inverse-hover:SelectedItemText;\n    --cds-link-inverse-visited:SelectedItemText;\n    --cds-link-visited:VisitedText;\n    --cds-background-selected:SelectedItem;\n    --cds-background-selected-hover:SelectedItem;\n    --cds-background-inverse:SelectedItem;\n    --cds-layer-selected-inverse:SelectedItem;\n  }\n}\n:host .cds--g100{\n  --cds-layer:var(--cds-layer-01, #f4f4f4);\n  --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n  --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n  --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n  --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n  --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n  --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n  --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n  --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n  --cds-field:var(--cds-field-01, #f4f4f4);\n  --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n  --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n  --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n  --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n  --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host{\n}\n:host .cds-aichat--dark,\n:host .cds--g90,\n:host .cds--g100{\n  scrollbar-color:var(--cds-layer-03, #f4f4f4) var(--cds-layer-01, #f4f4f4);\n}\n:host{\n}\n:host .cds-aichat--widget--expand-to-fit{\n  block-size:100%;\n  inline-size:100%;\n  max-block-size:100%;\n  max-inline-size:100%;\n  min-block-size:0;\n  min-inline-size:0;\n}\n:host .cds-aichat--workspace-writeable-element ::slotted(*){\n  block-size:100%;\n  max-block-size:100%;\n}\n:host .cds-aichat--hidden{\n  display:none;\n}\n:host .cds-aichat--widget__break-word{\n  overflow-wrap:break-word;\n  word-break:break-word;\n  word-wrap:break-word;\n}\n:host .cds-aichat--widget__text-ellipsis{\n  overflow:hidden;\n  overflow-wrap:break-word;\n  text-overflow:ellipsis;\n  white-space:nowrap;\n  word-wrap:break-word;\n}\n:host{\n}\n:host .cds-aichat--container--render{\n  box-sizing:border-box;\n  block-size:100%;\n  color:var(--cds-text-primary, #161616);\n  inline-size:100%;\n}\n:host .cds-aichat--container--render[dir=rtl]{\n  direction:rtl;\n}\n:host{\n}\n:host .cds-aichat--container--render > div > div[role=log]{\n  position:absolute;\n  overflow:hidden;\n  block-size:1px;\n  inline-size:1px;\n  inset-inline-start:-10000px;\n}\n:host{\n}\n:host .cds-aichat--widget{\n  position:relative;\n  z-index:1;\n  display:flex;\n  flex:1;\n  flex-direction:column;\n  block-size:100%;\n  -webkit-font-smoothing:antialiased;\n  -moz-osx-font-smoothing:grayscale;\n  inline-size:100%;\n  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);\n  text-rendering:optimizelegibility;\n  visibility:visible;\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host{\n}\n:host .cds-aichat--widget.cds-aichat--widget--closed{\n  overflow:hidden;\n}\n:host .cds-aichat--widget.cds-aichat--widget--default-element.cds-aichat--widget--closed{\n  display:none;\n}\n:host .cds-aichat--widget.cds-aichat--widget.cds-aichat--widget--closed,\n:host .cds-aichat--ai-theme .cds-aichat--widget.cds-aichat--widget.cds-aichat--widget--closed{\n  border:none;\n  box-shadow:none;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n  :host .cds-aichat--widget.cds-aichat--widget--launched.cds-aichat--widget--default-element{\n    animation:none;\n  }\n}\n:host .cds-aichat--widget.cds-aichat--widget--launched.cds-aichat--widget--default-element:not(.cds-aichat--is-phone){\n  animation:cds-aichat-widget-in 240ms cubic-bezier(0, 0, 0.3, 1) both;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n  :host .cds-aichat--widget.cds-aichat--widget--closing.cds-aichat--widget--default-element{\n    animation:none;\n  }\n}\n:host .cds-aichat--widget.cds-aichat--widget--closing.cds-aichat--widget--default-element{\n  animation:cds-aichat-widget-out 110ms cubic-bezier(0.4, 0.14, 1, 1) both;\n}\n:host{\n}\n:host .cds-aichat--widget.cds-aichat--widget--default-element{\n  position:fixed;\n  z-index:var(--cds-aichat-z-index, 99999);\n  block-size:var(--cds-aichat-height, calc(100vh - 2 * 2rem));\n  inline-size:var(--cds-aichat-width, 380px);\n  inset:var(--cds-aichat-top-position, auto) var(--cds-aichat-right-position, 2rem) var(--cds-aichat-bottom-position, 3rem) var(--cds-aichat-left-position, auto);\n  max-block-size:var(--cds-aichat-max-height, 640px);\n  max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n  min-block-size:var(--cds-aichat-min-height, 150px);\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--widget.cds-aichat--widget--default-element{\n  inset-inline:var(--cds-aichat-right-position, 2rem) var(--cds-aichat-left-position, auto);\n}\n:host{\n}\n:host .cds-aichat--is-phone:not(.cds-aichat--container-disable-mobile-enhancements) .cds-aichat--widget{\n  position:fixed;\n  z-index:var(--cds-aichat-z-index, 99999);\n  block-size:var(--cds-aichat-height, calc(100vh - 2 * 2rem));\n  inline-size:var(--cds-aichat-width, 380px);\n  inset:var(--cds-aichat-top-position, auto) var(--cds-aichat-right-position, 2rem) var(--cds-aichat-bottom-position, 3rem) var(--cds-aichat-left-position, auto);\n  max-block-size:var(--cds-aichat-max-height, 640px);\n  min-block-size:var(--cds-aichat-min-height, 150px);\n}\n:host .cds-aichat--is-phone:not(.cds-aichat--container-disable-mobile-enhancements) .cds-aichat--widget.cds-aichat--widget--launched.cds-aichat--widget--default-element{\n  animation:cds-aichat-widget-in-mobile 240ms cubic-bezier(0, 0, 0.3, 1) both;\n  inset-block-end:1px;\n  inset-inline-start:1px;\n}\n:host .cds-aichat--is-phone[dir=rtl]:not(.cds-aichat--container-disable-mobile-enhancements) .cds-aichat--widget{\n  inset-inline:var(--cds-aichat-right-position, 2rem) var(--cds-aichat-left-position, auto);\n}\n:host{\n}\n:host .cds-aichat{\n  display:flex;\n  box-sizing:border-box;\n  flex:1;\n  flex-direction:column;\n  align-content:stretch;\n  align-items:stretch;\n  border-radius:0;\n  margin:0;\n  background-color:var(--cds-chat-shell-background, #ffffff);\n  block-size:100%;\n  color:var(--cds-text-primary, #161616);\n  inline-size:100%;\n  text-align:start;\n}\n:host{\n}\n:host .cds-aichat--ai-theme .cds-aichat{\n  background-image:linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);\n  border-block-end-color:var(--cds-ai-border-strong, #4589ff);\n  background-color:var(--cds-chat-shell-background, #ffffff);\n  box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1))), 0 4px 10px 2px var(--cds-ai-drop-shadow, var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1))), -40px 44px 60px -24px var(--cds-ai-popover-shadow-outer-01, var(--cds-ai-popover-shadow-outer-01, rgba(0, 67, 206, 0.06))), -56px 64px 64px -24px var(--cds-ai-popover-shadow-outer-02, var(--cds-ai-popover-shadow-outer-02, rgba(0, 0, 0, 0.04)));\n}\n:host .cds-aichat--ai-theme .cds-aichat--frameless .cds-aichat{\n  box-shadow:none;\n}\n:host{\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--direction-has-reversible-svg svg{\n  transform:scaleX(-1);\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--direction-has-reversible-svg.cds-aichat--reverse-icon svg{\n  transform:scaleX(1);\n}\n:host{\n}\n:host .cds-aichat--widget__layer{\n  block-size:100%;\n  inline-size:100%;\n}\n:host .cds-aichat--widget__layer--hidden{\n  display:none;\n}\n:host .cds-aichat--widget--max-width{\n  --cds-aichat-border-radius:0;\n}\n:host .cds-aichat--panel-header-content{\n  margin:auto;\n  max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host .cds-aichat--panel-header{\n  border-block-end:1px solid var(--cds-border-subtle-01, #c6c6c6);\n}\n:host .cds-aichat--panel-header--full-width .cds-aichat--panel-header-content{\n  max-inline-size:100%;\n}";
+var css_248z = ".cds--layout--size-xs{\n  --cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);\n  --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-xs{\n  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));\n}\n\n.cds--layout-constraint--size__min-xs{\n  --cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem);\n}\n\n.cds--layout-constraint--size__max-xs{\n  --cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem);\n}\n\n.cds--layout--size-sm{\n  --cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);\n  --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-sm{\n  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));\n}\n\n.cds--layout-constraint--size__min-sm{\n  --cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem);\n}\n\n.cds--layout-constraint--size__max-sm{\n  --cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem);\n}\n\n.cds--layout--size-md{\n  --cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);\n  --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-md{\n  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));\n}\n\n.cds--layout-constraint--size__min-md{\n  --cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem);\n}\n\n.cds--layout-constraint--size__max-md{\n  --cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem);\n}\n\n.cds--layout--size-lg{\n  --cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);\n  --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-lg{\n  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));\n}\n\n.cds--layout-constraint--size__min-lg{\n  --cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem);\n}\n\n.cds--layout-constraint--size__max-lg{\n  --cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem);\n}\n\n.cds--layout--size-xl{\n  --cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);\n  --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-xl{\n  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));\n}\n\n.cds--layout-constraint--size__min-xl{\n  --cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem);\n}\n\n.cds--layout-constraint--size__max-xl{\n  --cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem);\n}\n\n.cds--layout--size-2xl{\n  --cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);\n  --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n\n.cds--layout-constraint--size__default-2xl{\n  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));\n}\n\n.cds--layout-constraint--size__min-2xl{\n  --cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem);\n}\n\n.cds--layout-constraint--size__max-2xl{\n  --cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem);\n}\n\n.cds--layout--density-condensed{\n  --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n  --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n\n.cds--layout-constraint--density__default-condensed{\n  --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));\n}\n\n.cds--layout-constraint--density__min-condensed{\n  --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n\n.cds--layout-constraint--density__max-condensed{\n  --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n\n.cds--layout--density-normal{\n  --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);\n  --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n\n.cds--layout-constraint--density__default-normal{\n  --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));\n}\n\n.cds--layout-constraint--density__min-normal{\n  --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n\n.cds--layout-constraint--density__max-normal{\n  --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n\n:root{\n  --cds-layout-size-height-xs:1.5rem;\n  --cds-layout-size-height-sm:2rem;\n  --cds-layout-size-height-md:2.5rem;\n  --cds-layout-size-height-lg:3rem;\n  --cds-layout-size-height-xl:4rem;\n  --cds-layout-size-height-2xl:5rem;\n  --cds-layout-size-height-min:0px;\n  --cds-layout-size-height-max:999999999px;\n  --cds-layout-density-padding-inline-condensed:0.5rem;\n  --cds-layout-density-padding-inline-normal:1rem;\n  --cds-layout-density-padding-inline-min:0px;\n  --cds-layout-density-padding-inline-max:999999999px;\n}\n\n:host{\n  --cds-layout-size-height-xs:1.5rem;\n  --cds-layout-size-height-sm:2rem;\n  --cds-layout-size-height-md:2.5rem;\n  --cds-layout-size-height-lg:3rem;\n  --cds-layout-size-height-xl:4rem;\n  --cds-layout-size-height-2xl:5rem;\n  --cds-layout-size-height-min:0px;\n  --cds-layout-size-height-max:999999999px;\n  --cds-layout-density-padding-inline-condensed:0.5rem;\n  --cds-layout-density-padding-inline-normal:1rem;\n  --cds-layout-density-padding-inline-min:0px;\n  --cds-layout-density-padding-inline-max:999999999px;\n  box-sizing:border-box;\n  padding:0;\n  border:0;\n  margin:0;\n  font-family:inherit;\n  font-size:100%;\n  vertical-align:baseline;\n}\n:host *,\n:host *::before,\n:host *::after{\n  box-sizing:inherit;\n}\n\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo{\n  padding:0;\n  border:0;\n  margin:0;\n  font:inherit;\n  font-size:1em;\n  vertical-align:baseline;\n}\n\nbutton,\nselect,\ninput,\ntextarea{\n  border-radius:0;\n  font-family:inherit;\n}\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection{\n  display:block;\n}\n\nol,\nul{\n  list-style:none;\n}\n\nblockquote,\nq{\n  quotes:none;\n}\n\nblockquote::before,\nblockquote::after,\nq::before,\nq::after{\n  content:none;\n}\n\ntable{\n  border-collapse:collapse;\n  border-spacing:0;\n}\n\n:host{\n  block-size:100%;\n  font-family:'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n}\n@keyframes cds-aichat-fade-in{\n  0%{\n    opacity:0;\n  }\n  100%{\n    opacity:1;\n  }\n}\n@keyframes cds-aichat-fade-in-up{\n  0%{\n    opacity:0;\n    transform:translateY(32px);\n  }\n  50%{\n    transform:translateY(0);\n  }\n  100%{\n    opacity:1;\n  }\n}\n@keyframes cds-aichat-fade-out{\n  0%{\n    opacity:1;\n  }\n  100%{\n    opacity:0;\n  }\n}\n@keyframes cds-aichat-fade-in-img{\n  0%{\n    filter:grayscale(100%);\n    opacity:0;\n  }\n  100%{\n    filter:grayscale(0%);\n    opacity:1;\n  }\n}\n@keyframes cds-aichat-slide-in-from-right{\n  from{\n    inset-inline-start:100%;\n  }\n  to{\n    inset-inline-start:0;\n  }\n}\n@keyframes cds-aichat-slide-out-to-right{\n  from{\n    inset-inline-start:0;\n  }\n  to{\n    inset-inline-start:100%;\n  }\n}\n@keyframes cds-aichat-slide-out-to-top{\n  from{\n    inset-block-start:0;\n  }\n  to{\n    inset-block-start:-100%;\n  }\n}\n@keyframes cds-aichat-slide-in-from-left{\n  from{\n    inset-inline-end:100%;\n  }\n  to{\n    inset-inline-end:0;\n  }\n}\n@keyframes cds-aichat-slide-out-to-left{\n  from{\n    inset-inline-end:0;\n  }\n  to{\n    inset-inline-end:100%;\n  }\n}\n@keyframes cds-aichat-slide-in-from-bottom{\n  from{\n    inset-block-start:100%;\n  }\n  to{\n    inset-block-start:0;\n  }\n}\n@keyframes cds-aichat-slide-out-to-bottom{\n  from{\n    inset-block-start:0;\n  }\n  to{\n    inset-block-start:100%;\n  }\n}\n@keyframes cds-aichat-widget-in{\n  0%{\n    inset-block-end:0;\n    opacity:0;\n  }\n  100%{\n    inset-block-end:var(--cds-aichat-bottom-position, 3rem);\n    opacity:1;\n  }\n}\n@keyframes cds-aichat-widget-in-mobile{\n  0%{\n    opacity:0;\n  }\n  100%{\n    opacity:1;\n  }\n}\n@keyframes cds-aichat-widget-out{\n  0%{\n    opacity:1;\n  }\n  100%{\n    opacity:0;\n  }\n}\n@keyframes cds-aichat-fade-in-up-back-button{\n  0%{\n    opacity:0;\n    transform:translate(-50%, calc(-100% - 1rem + 2rem));\n  }\n  15%{\n    opacity:0;\n  }\n  50%{\n    transform:translate(-50%, calc(-100% - 1rem));\n  }\n  100%{\n    opacity:1;\n  }\n}\n@keyframes cds-aichat-widget-in{\n  0%{\n    inset-block-end:calc(var(--cds-aichat-bottom-position, 3rem) - 2rem);\n    opacity:0;\n  }\n  100%{\n    inset-block-end:var(--cds-aichat-bottom-position, 3rem);\n    opacity:1;\n  }\n}\n@keyframes cds-aichat-widget-out{\n  0%{\n    opacity:1;\n  }\n  100%{\n    opacity:0;\n  }\n}\n:host{\n}\n:host :root{\n  --cds-aichat-messages-max-width:672px;\n  --cds-aichat-messages-min-width:320px;\n  --cds-aichat-workspace-min-width:480px;\n  --cds-aichat-history-width:320px;\n  --cds-aichat-card-max-width:424px;\n  --cds-aichat-border-radius:0;\n  --cds-aichat-card-border-radius:0.5rem;\n  --cds-aichat-border-radius:0;\n  --cds-aichat-border-radius-start-start:0.5rem;\n  --cds-aichat-border-radius-start-end:0.5rem;\n  --cds-aichat-border-radius-end-start:0.5rem;\n  --cds-aichat-border-radius-end-end:0.5rem;\n}\n:host .cds-aichat--container--render{\n  --cds-aichat-max-height:640px;\n  --cds-aichat-min-height:max(\n    150px,\n    calc(min(256px, 100vh) - var(--cds-aichat-bottom-position))\n  );\n  --cds-aichat-bottom-position:3rem;\n  --cds-aichat-right-position:2rem;\n  --cds-aichat-top-position:auto;\n  --cds-aichat-left-position:auto;\n  --cds-aichat-width:min(380px, var(--cds-aichat-max-width));\n  --cds-aichat-height:calc(100vh - (2 * 2rem));\n  --cds-aichat-z-index:99999;\n  --cds-aichat-launcher-default-size:56px;\n  --cds-aichat-launcher-position-bottom:3rem;\n  --cds-aichat-launcher-position-right:2rem;\n  --cds-aichat-launcher-extended-width:280px;\n  --cds-aichat-launcher-color-background:var(--cds-button-primary, #0f62fe);\n  --cds-aichat-launcher-color-avatar:var(--cds-text-on-color, #ffffff);\n  --cds-aichat-launcher-color-background-hover:var(--cds-button-primary-hover, #0050e6);\n  --cds-aichat-launcher-color-background-active:var(--cds-button-primary-active, #002d9c);\n  --cds-aichat-launcher-color-focus-border:var(--cds-text-on-color, #ffffff);\n  --cds-aichat-launcher-mobile-color-text:var(--cds-text-on-color, #ffffff);\n  --cds-aichat-launcher-expanded-message-color-text:var(--cds-text-on-color, #ffffff);\n  --cds-aichat-launcher-expanded-message-color-background:var(--cds-button-primary, #0f62fe);\n  --cds-aichat-launcher-expanded-message-color-background-hover:var(--cds-button-primary-hover, #0050e6);\n  --cds-aichat-launcher-expanded-message-color-background-active:var(--cds-button-primary-active, #002d9c);\n  --cds-aichat-launcher-expanded-message-color-focus-border:var(--cds-text-on-color, #ffffff);\n  --cds-aichat-unread-indicator-color-background:var(--cds-support-error, #da1e28);\n  --cds-aichat-unread-indicator-color-text:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-aichat--container--render .cds-aichat--widget--rounded{\n  --cds-aichat-border-radius:0.5rem;\n}\n:host .cds-aichat--container--render.cds-aichat--is-phone{\n  --cds-aichat-width:calc(100vw - 4px);\n  --cds-aichat-height:calc(100vh - 4px);\n  --cds-aichat-left-position:2;\n  --cds-aichat-top-position:2;\n  --cds-aichat-max-width:auto;\n  --cds-aichat-max-height:auto;\n  --cds-aichat-min-height:auto;\n  --cds-aichat-right-position:auto;\n}\n@supports (height: 100dvh){\n  :host .cds-aichat--container--render.cds-aichat--is-phone{\n    --cds-aichat-width:calc(100dvw - 4px);\n    --cds-aichat-height:calc(100dvh - 4px);\n  }\n}\n:host{\n}\n:host .cds-aichat--widget--max-width .cds-aichat--header-bottom-element{\n  margin:auto;\n  max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host .cds-aichat--header__container{\n  margin:auto;\n  background-color:var(--cds-chat-shell-background, #ffffff);\n  border-start-end-radius:var(--cds-aichat-border-radius-start-end, 0);\n  border-start-start-radius:var(--cds-aichat-border-radius-start-start, 0);\n  inline-size:100%;\n  max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host .cds-aichat--header__slug-description{\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--header__slug-label{\n  color:var(--cds-text-secondary, #525252);\n  padding-block-end:0.75rem;\n  font-size:var(--cds-body-compact-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-compact-01-font-weight, 400);\n  line-height:var(--cds-body-compact-01-line-height, 1.28572);\n  letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--header__slug-title{\n  padding-block-end:0.75rem;\n}\n:host{\n}\n:host .cds-aichat--overlay-panel--catastrophic_panel .cds-aichat--overlay-panel{\n  display:flex;\n  flex-direction:column;\n}\n:host .cds-aichat--catastrophic-error{\n  display:flex;\n  flex:1;\n  flex-direction:column;\n  justify-content:center;\n  border-radius:0.5rem;\n}\n:host .cds-aichat--catastrophic-error .cds-aichat--catastrophic-error__error-text-container > svg{\n  margin-inline-start:calc(2rem * -1);\n  max-block-size:128px;\n  max-inline-size:128px;\n  padding-inline-start:0.25rem;\n}\n:host .cds-aichat--catastrophic-error__error-text-container{\n  margin-block-start:1.5rem;\n  margin-inline:2rem;\n}\n:host .cds-aichat--catastrophic-error__error-heading{\n  font-size:var(--cds-heading-04-font-size, 1.75rem);\n  font-weight:var(--cds-heading-04-font-weight, 400);\n  line-height:var(--cds-heading-04-line-height, 1.28572);\n  letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n}\n:host .cds-aichat--catastrophic-error__error-body{\n  color:var(--cds-text-secondary, #525252);\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n  margin-block-start:1rem;\n}\n:host .cds-aichat--catastrophic-error__restart-button{\n  display:block;\n  margin-block-start:1rem;\n}\n:host{\n}\n:host .cds-aichat--disclaimer__content.cds-aichat--panel-content,\n:host .cds-aichat--wide-width .cds-aichat--disclaimer__content.cds-aichat--panel-content{\n  box-sizing:border-box;\n  padding:0 2rem 0 2rem;\n  color:var(--cds-text-primary, #161616);\n  min-block-size:100%;\n}\n:host .cds-aichat--disclaimer__icon{\n  padding:1.5rem 0 1.5rem 0;\n  margin-inline-start:calc(1.5rem * -1);\n}\n:host .cds-aichat--disclaimer__icon > svg{\n  block-size:128px;\n  inline-size:128px;\n}\n:host .cds-aichat--disclaimer__title{\n  display:block;\n  font-size:var(--cds-heading-04-font-size, 1.75rem);\n  font-weight:var(--cds-heading-04-font-weight, 400);\n  line-height:var(--cds-heading-04-line-height, 1.28572);\n  letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n  inline-size:100%;\n  padding-block-end:1rem;\n}\n:host .cds-aichat--disclaimer__description{\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n  padding-block-end:1rem;\n}\n:host .cds-aichat--disclaimer__footer{\n  display:flex;\n  justify-content:flex-end;\n}\n:host .cds-aichat--disclaimer__accept-button{\n  margin-inline-start:auto;\n}\n:host .cds-aichat--wide-width cds-button.cds-aichat--disclaimer__accept-button{\n  inline-size:288px;\n}\n:host .cds-aichat--narrow-width .cds-aichat--disclaimer__footer,\n:host .cds-aichat--standard-width .cds-aichat--disclaimer__footer{\n  justify-content:stretch;\n}\n:host .cds-aichat--narrow-width cds-button.cds-aichat--disclaimer__accept-button,\n:host .cds-aichat--standard-width cds-button.cds-aichat--disclaimer__accept-button{\n  inline-size:100%;\n  margin-inline-start:0;\n  max-inline-size:unset;\n}\n:host{\n}\n:host .cds-aichat--hydrating-container{\n  display:flex;\n  overflow:hidden;\n  flex-direction:column;\n  block-size:100%;\n}\n:host .cds-aichat--hydrating{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  block-size:100%;\n}\n:host .cds-aichat--hydrating .cds-aichat--loading-spinner{\n  block-size:48px;\n  inline-size:48px;\n  margin-block-start:-64px;\n}\n:host .cds-aichat--hydrating .cds-aichat--loading-spinner path{\n  stroke:var(--cds-interactive, #0f62fe);\n}\n:host{\n}\n:host .cds-aichat--i-frame-panel{\n  position:relative;\n  display:flex;\n  flex-direction:column;\n  background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-aichat--i-frame-panel__content{\n  position:relative;\n  display:flex;\n  flex:1;\n}\n:host .cds-aichat--i-frame-panel__content .cds-aichat--i-frame-component__status-container{\n  background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-aichat--i-frame-panel__content .cds-aichat--i-frame-component__wrapper{\n  flex:1;\n  block-size:unset;\n}\n:host{\n}\n:host .cds-aichat--i-frame-panel,\n:host .cds-aichat--view-source-panel,\n:host .cds-aichat--custom-panel{\n  box-sizing:border-box;\n  block-size:100%;\n  border-end-end-radius:var(--cds-aichat-border-radius-end-end, 0);\n  border-end-start-radius:var(--cds-aichat-border-radius-end-start, 0);\n  border-start-end-radius:var(--cds-aichat-border-radius-start-end, 0);\n  border-start-start-radius:var(--cds-aichat-border-radius-start-start, 0);\n}\n:host{\n}\n:host .cds-aichat--confirm-modal{\n  position:absolute;\n  z-index:100;\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  background-color:var(--cds-overlay, rgba(0, 0, 0, 0.6));\n  block-size:100%;\n  inline-size:100%;\n  inset-block-start:0;\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--confirm-modal .cds-aichat--confirm-modal__container{\n  margin:auto;\n  background-color:var(--cds-background, #ffffff);\n  max-inline-size:min(var(--cds-aichat-messages-max-width, 672px) - 1rem * 2, 512px);\n}\n:host .cds-aichat--confirm-modal .cds-aichat--confirm-modal__title{\n  padding:1rem;\n  font-size:var(--cds-heading-compact-01-font-size, 0.875rem);\n  font-weight:var(--cds-heading-compact-01-font-weight, 600);\n  line-height:var(--cds-heading-compact-01-line-height, 1.28572);\n  letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--confirm-modal .cds-aichat--confirm-modal__message{\n  padding:0 1rem 3rem 1rem;\n}\n:host .cds-aichat--confirm-modal .cds-aichat--confirm-modal__no-button{\n  margin-inline-end:1px;\n}\n:host .cds-aichat--confirm-modal .cds-aichat--confirm-modal__button-container{\n  display:flex;\n  border-block-start:solid 1px var(--cds-layer-03, #f4f4f4);\n}\n:host .cds-aichat--confirm-modal .cds-aichat--confirm-modal__button-container *{\n  flex:1;\n}\n:host{\n}\n:host .cds-aichat--modal-host{\n  position:fixed;\n  z-index:calc(var(--cds-aichat-z-index, 99999) + 1);\n  display:none;\n  block-size:100vh;\n  inline-size:100vw;\n  inset-block-start:0;\n  inset-inline-start:0;\n  pointer-events:none;\n}\n:host{\n}\n:host .cds-aichat--modal-host:has(> *){\n  display:block;\n  pointer-events:auto;\n}\n:host .cds-aichat--modal-host > *{\n  pointer-events:auto;\n}\n:host{\n}\n:host .cds-aichat--icon-holder{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  block-size:100%;\n  inline-size:100%;\n}\n:host{\n}\n:host .cds-aichat--visually-hidden{\n  position:absolute;\n  overflow:hidden;\n  block-size:1px;\n  clip:rect(0 0 0 0);\n  clip-path:inset(50%);\n  inline-size:1px;\n  inset-block-start:0;\n  white-space:nowrap;\n}\n:host{\n}\n:host .cds-aichat--widget--max-width .cds-aichat--home-screen__home-screen-bottom-element,\n:host .cds-aichat--home-screen{\n  margin:auto;\n  max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host .cds-aichat--home-screen{\n  position:relative;\n  display:flex;\n  flex-direction:column;\n  block-size:100%;\n}\n:host{\n}\n:host .cds-aichat--home-screen__content{\n  display:flex;\n  overflow:hidden;\n  flex:1;\n  flex-direction:column;\n}\n:host .cds-aichat--home-screen__body-wrapper{\n  position:relative;\n  display:flex;\n  overflow:auto;\n  flex:1;\n  flex-direction:column;\n}\n:host .cds-aichat--home-screen__body{\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  padding:0 1rem 2rem;\n}\n:host{\n}\n:host .cds-aichat--home-screen__body--custom-content{\n  flex-grow:1;\n  flex-shrink:0;\n  min-block-size:90%;\n}\n:host .cds-aichat--home-screen__body--custom-content > *{\n  flex-shrink:0;\n}\n:host{\n}\n:host .cds-aichat--home-screen__body--no-custom-content{\n  flex:1;\n  padding-block-end:0;\n}\n:host .cds-aichat--home-screen__greeting{\n  color:var(--cds-text-primary, #161616);\n  font-size:var(--cds-heading-04-font-size, 1.75rem);\n  font-weight:var(--cds-heading-04-font-weight, 400);\n  line-height:var(--cds-heading-04-line-height, 1.28572);\n  letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n  margin-block-start:2rem;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n  :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__greeting{\n    animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in-up 70ms both;\n  }\n}\n:host .cds-aichat--home-screen__starters{\n  margin-block-start:2rem;\n}\n:host{\n}\n:host .cds-aichat--home-screen__body--no-custom-content .cds-aichat--home-screen__starters{\n  margin-block-end:2rem;\n}\n:host{\n}\n:host .cds-aichat--home-screen__body--custom-content-only{\n  flex-grow:unset;\n  flex-shrink:unset;\n  padding:0;\n  margin:0;\n  min-block-size:unset;\n}\n:host .cds-aichat--home-screen__starter-wrapper{\n  display:block;\n  margin-block-end:0.75rem;\n}\n:host .cds-aichat--home-screen__starter-wrapper:last-child{\n  margin-block-end:0;\n}\n:host cds-aichat-button.cds-aichat--home-screen__starter{\n  display:block;\n  max-inline-size:100%;\n  will-change:opacity;\n  word-break:break-word;\n}\n:host .cds-aichat--home-screen__starter-wrapper:nth-child(1){\n  --cds-aichat-homescreen-starter-index:1;\n}\n:host .cds-aichat--home-screen__starter-wrapper:nth-child(2){\n  --cds-aichat-homescreen-starter-index:2;\n}\n:host .cds-aichat--home-screen__starter-wrapper:nth-child(3){\n  --cds-aichat-homescreen-starter-index:3;\n}\n:host .cds-aichat--home-screen__starter-wrapper:nth-child(4){\n  --cds-aichat-homescreen-starter-index:4;\n}\n:host .cds-aichat--home-screen__starter-wrapper:nth-child(5){\n  --cds-aichat-homescreen-starter-index:5;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n  :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__starter-wrapper{\n    animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in-up calc(var(--cds-aichat-homescreen-starter-index) * 120ms) both;\n  }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n  :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__starters--animate-group .cds-aichat--home-screen__starter-wrapper{\n    animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in-up 120ms both;\n  }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n  :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__custom-content--animation{\n    animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in-up 330ms both;\n  }\n}\n:host .cds-aichat--home-screen__back-button{\n  display:block;\n  margin-block-end:1rem;\n  margin-block-start:auto;\n  margin-inline:auto;\n}\n:host .cds-aichat--home-screen__back-button .cds-aichat--home-screen__back-button-content{\n  display:flex;\n}\n:host .cds-aichat--home-screen__back-button .cds-aichat--home-screen__back-button-content .cds-aichat--home-screen__back-button-content-text{\n  margin-inline-end:0.5rem;\n  white-space:nowrap;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--home-screen__back-button .cds-aichat--home-screen__back-button-content .cds-aichat--home-screen__back-button-content-text{\n  margin-inline:0.5rem unset;\n}\n@keyframes cds-aichat-fade-in-up-back-button{\n  0%{\n    opacity:0;\n    transform:translateY(2rem);\n  }\n  15%{\n    opacity:0;\n  }\n  50%{\n    transform:translateY(0);\n  }\n  100%{\n    opacity:1;\n  }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n  :host .cds-aichat--home-screen.cds-aichat--home-screen--hydration-complete .cds-aichat--home-screen__back-button{\n    animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in-up-back-button 350ms both;\n  }\n}\n:host{\n}\n:host .cds--layout--size-xs{\n  --cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);\n  --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-xs{\n  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));\n}\n:host .cds--layout-constraint--size__min-xs{\n  --cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem);\n}\n:host .cds--layout-constraint--size__max-xs{\n  --cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem);\n}\n:host .cds--layout--size-sm{\n  --cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);\n  --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-sm{\n  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));\n}\n:host .cds--layout-constraint--size__min-sm{\n  --cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem);\n}\n:host .cds--layout-constraint--size__max-sm{\n  --cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem);\n}\n:host .cds--layout--size-md{\n  --cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);\n  --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-md{\n  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));\n}\n:host .cds--layout-constraint--size__min-md{\n  --cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem);\n}\n:host .cds--layout-constraint--size__max-md{\n  --cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem);\n}\n:host .cds--layout--size-lg{\n  --cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);\n  --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-lg{\n  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));\n}\n:host .cds--layout-constraint--size__min-lg{\n  --cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem);\n}\n:host .cds--layout-constraint--size__max-lg{\n  --cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem);\n}\n:host .cds--layout--size-xl{\n  --cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);\n  --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-xl{\n  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));\n}\n:host .cds--layout-constraint--size__min-xl{\n  --cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem);\n}\n:host .cds--layout-constraint--size__max-xl{\n  --cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem);\n}\n:host .cds--layout--size-2xl{\n  --cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);\n  --cds-layout-size-height:var(--cds-layout-size-height-context);\n}\n:host .cds--layout-constraint--size__default-2xl{\n  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));\n}\n:host .cds--layout-constraint--size__min-2xl{\n  --cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem);\n}\n:host .cds--layout-constraint--size__max-2xl{\n  --cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem);\n}\n:host .cds--layout--density-condensed{\n  --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n  --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n:host .cds--layout-constraint--density__default-condensed{\n  --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));\n}\n:host .cds--layout-constraint--density__min-condensed{\n  --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n:host .cds--layout-constraint--density__max-condensed{\n  --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem);\n}\n:host .cds--layout--density-normal{\n  --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);\n  --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);\n}\n:host .cds--layout-constraint--density__default-normal{\n  --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));\n}\n:host .cds--layout-constraint--density__min-normal{\n  --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n:host .cds--layout-constraint--density__max-normal{\n  --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n:host :root{\n  --cds-layout-size-height-xs:1.5rem;\n  --cds-layout-size-height-sm:2rem;\n  --cds-layout-size-height-md:2.5rem;\n  --cds-layout-size-height-lg:3rem;\n  --cds-layout-size-height-xl:4rem;\n  --cds-layout-size-height-2xl:5rem;\n  --cds-layout-size-height-min:0px;\n  --cds-layout-size-height-max:999999999px;\n  --cds-layout-density-padding-inline-condensed:0.5rem;\n  --cds-layout-density-padding-inline-normal:1rem;\n  --cds-layout-density-padding-inline-min:0px;\n  --cds-layout-density-padding-inline-max:999999999px;\n}\n:host{\n}\n:host :root{\n  --cds-layer:var(--cds-layer-01, #f4f4f4);\n  --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n  --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n  --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n  --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n  --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n  --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n  --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n  --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n  --cds-field:var(--cds-field-01, #f4f4f4);\n  --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n  --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n  --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n  --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n  --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds--layer-one{\n  --cds-layer:var(--cds-layer-01, #f4f4f4);\n  --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n  --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n  --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n  --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n  --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n  --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n  --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n  --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n  --cds-field:var(--cds-field-01, #f4f4f4);\n  --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n  --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n  --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n  --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n  --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds--layer-two{\n  --cds-layer:var(--cds-layer-02, #ffffff);\n  --cds-layer-active:var(--cds-layer-active-02, #c6c6c6);\n  --cds-layer-background:var(--cds-layer-background-02, #f4f4f4);\n  --cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);\n  --cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);\n  --cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);\n  --cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);\n  --cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);\n  --cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);\n  --cds-field:var(--cds-field-02, #ffffff);\n  --cds-field-hover:var(--cds-field-hover-02, #e8e8e8);\n  --cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);\n  --cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);\n  --cds-border-strong:var(--cds-border-strong-02, #8d8d8d);\n  --cds-border-tile:var(--cds-border-tile-02, #a8a8a8);\n}\n:host .cds--layer-three{\n  --cds-layer:var(--cds-layer-03, #f4f4f4);\n  --cds-layer-active:var(--cds-layer-active-03, #c6c6c6);\n  --cds-layer-background:var(--cds-layer-background-03, #ffffff);\n  --cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);\n  --cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);\n  --cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);\n  --cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);\n  --cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);\n  --cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);\n  --cds-field:var(--cds-field-03, #f4f4f4);\n  --cds-field-hover:var(--cds-field-hover-03, #e8e8e8);\n  --cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);\n  --cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);\n  --cds-border-strong:var(--cds-border-strong-03, #8d8d8d);\n  --cds-border-tile:var(--cds-border-tile-03, #c6c6c6);\n}\n:host .cds--layer-one.cds--layer__with-background{\n  background-color:var(--cds-layer-background);\n}\n:host .cds--layer-two.cds--layer__with-background{\n  background-color:var(--cds-layer-background);\n}\n:host .cds--layer-three.cds--layer__with-background{\n  background-color:var(--cds-layer-background);\n}\n@keyframes cds--hide-feedback{\n  0%{\n    opacity:1;\n    visibility:inherit;\n  }\n  100%{\n    opacity:0;\n    visibility:hidden;\n  }\n}\n@keyframes cds--show-feedback{\n  0%{\n    opacity:0;\n    visibility:hidden;\n  }\n  100%{\n    opacity:1;\n    visibility:inherit;\n  }\n}\n@keyframes cds--skeleton{\n  0%{\n    opacity:0.3;\n    transform:scaleX(0);\n    transform-origin:left;\n  }\n  20%{\n    opacity:1;\n    transform:scaleX(1);\n    transform-origin:left;\n  }\n  28%{\n    transform:scaleX(1);\n    transform-origin:right;\n  }\n  51%{\n    transform:scaleX(0);\n    transform-origin:right;\n  }\n  58%{\n    transform:scaleX(0);\n    transform-origin:right;\n  }\n  82%{\n    transform:scaleX(1);\n    transform-origin:right;\n  }\n  83%{\n    transform:scaleX(1);\n    transform-origin:left;\n  }\n  96%{\n    transform:scaleX(0);\n    transform-origin:left;\n  }\n  100%{\n    opacity:0.3;\n    transform:scaleX(0);\n    transform-origin:left;\n  }\n}\n:host .cds--assistive-text,\n:host .cds--visually-hidden{\n  position:absolute;\n  overflow:hidden;\n  padding:0;\n  border:0;\n  margin:-1px;\n  block-size:1px;\n  clip:rect(0, 0, 0, 0);\n  inline-size:1px;\n  visibility:inherit;\n  white-space:nowrap;\n}\n:host .cds--popover-container{\n  display:inline-block;\n}\n:host .cds--popover-container:not(.cds--popover--auto-align){\n  position:relative;\n}\n:host .cds--popover--high-contrast .cds--popover{\n  --cds-popover-background-color:var(--cds-background-inverse, #393939);\n  --cds-popover-text-color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds--popover--drop-shadow .cds--popover{\n  filter:var(--cds-popover-drop-shadow, drop-shadow(0 0.125rem 0.125rem rgba(0, 0, 0, 0.2)));\n}\n:host .cds--popover--border > .cds--popover > .cds--popover-content{\n  outline:1px solid var(--cds-popover-border-color, var(--cds-border-subtle));\n  outline-offset:-1px;\n}\n:host .cds--popover--caret{\n  --cds-popover-offset:0.625rem;\n}\n:host .cds--popover{\n  position:absolute;\n  z-index:6000;\n  inset:0;\n  pointer-events:none;\n}\n:host .cds--popover-content{\n  --cds-layout-size-height-sm:2rem;\n}\n:host .cds--popover-content.cds--layout--size-sm, :host .cds--layout--size-sm :where(.cds--popover-content){\n  --cds-layout-size-height:var(--cds-layout-size-height-sm);\n}\n:host .cds--popover-content{\n  --cds-layout-size-height-md:2.5rem;\n}\n:host .cds--popover-content.cds--layout--size-md, :host .cds--layout--size-md :where(.cds--popover-content){\n  --cds-layout-size-height:var(--cds-layout-size-height-md);\n}\n:host .cds--popover-content{\n  --cds-layout-size-height-lg:3rem;\n}\n:host .cds--popover-content.cds--layout--size-lg, :host .cds--layout--size-lg :where(.cds--popover-content){\n  --cds-layout-size-height:var(--cds-layout-size-height-lg);\n}\n:host .cds--popover-content{\n  box-sizing:border-box;\n  padding:0;\n  border:0;\n  margin:0;\n  font-family:inherit;\n  font-size:100%;\n  vertical-align:baseline;\n}\n:host .cds--popover-content *,\n:host .cds--popover-content *::before,\n:host .cds--popover-content *::after{\n  box-sizing:inherit;\n}\n:host .cds--popover-content{\n  position:absolute;\n  z-index:6000;\n  display:none;\n  border-radius:var(--cds-popover-border-radius, 2px);\n  background-color:var(--cds-popover-background-color, var(--cds-layer));\n  color:var(--cds-popover-text-color, var(--cds-text-primary, #161616));\n  inline-size:-moz-max-content;\n  inline-size:max-content;\n  max-inline-size:23rem;\n  pointer-events:auto;\n}\n:host .cds--popover--open > .cds--popover > .cds--popover-content{\n  display:block;\n}\n:host .cds--popover--background-token__background > .cds--popover > .cds--popover-content{\n  background-color:var(--cds-background, #ffffff);\n}\n:host .cds--popover-content::before{\n  position:absolute;\n  display:none;\n  content:\"\";\n}\n:host .cds--popover--open > .cds--popover > .cds--popover-content::before{\n  display:block;\n}\n:host .cds--popover-caret,\n:host .cds--popover--auto-align.cds--popover-caret{\n  position:absolute;\n  z-index:6000;\n  display:none;\n  will-change:transform;\n}\n:host .cds--popover-caret::after,\n:host .cds--popover--auto-align.cds--popover-caret::after{\n  position:absolute;\n  display:block;\n  background-color:var(--cds-popover-background-color, var(--cds-layer));\n  content:\"\";\n}\n:host .cds--popover-caret::before,\n:host .cds--popover--auto-align.cds--popover-caret::before{\n  position:absolute;\n  display:none;\n  background-color:var(--cds-popover-border-color, var(--cds-border-subtle));\n  content:\"\";\n}\n:host .cds--popover--background-token__background > .cds--popover > .cds--popover-caret::after{\n  background-color:var(--cds-background, #ffffff);\n}\n:host .cds--popover--border .cds--popover-caret::before,\n:host .cds--popover--border .cds--popover--auto-align.cds--popover-caret::before{\n  display:block;\n}\n:host .cds--popover--caret.cds--popover--open > .cds--popover > .cds--popover-caret{\n  display:block;\n}\n:host .cds--popover--auto-align.cds--popover--caret.cds--popover--open > .cds--popover > .cds--popover-content > .cds--popover-caret{\n  display:block;\n}\n:host .cds--popover--tab-tip > .cds--popover > .cds--popover-caret{\n  display:none;\n}\n:host .cds--popover--bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-block-end:0;\n  inset-inline-start:50%;\n  transform:translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host .cds--popover--bottom:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,\n:host .cds--popover--bottom-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,\n:host .cds--popover--bottom-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content{\n  inset-block-end:-0.25rem;\n}\n:host .cds--popover--top:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,\n:host .cds--popover--top-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,\n:host .cds--popover--top-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content{\n  inset-block-start:-0.25rem;\n}\n:host .cds--popover--top-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,\n:host .cds--popover--bottom-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content{\n  inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem) - 1rem);\n}\n:host .cds--popover--top-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,\n:host .cds--popover--bottom-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content{\n  inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem) - 1rem);\n}\n:host .cds--popover--right:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,\n:host .cds--popover--right-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,\n:host .cds--popover--right-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content{\n  inset-inline-start:calc(100% + 0.25rem);\n}\n:host .cds--popover--left:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,\n:host .cds--popover--left-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,\n:host .cds--popover--left-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content{\n  inset-inline-end:calc(100% + 0.25rem);\n}\n:host [dir=rtl] .cds--popover--bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  transform:translate(50%, calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host .cds--popover--bottom-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-block-end:0;\n  inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n  transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--bottom-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n  inset-inline-start:initial;\n}\n:host .cds--popover--bottom-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-block-end:0;\n  inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n  transform:translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--bottom-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n}\n:host .cds--popover--bottom > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--bottom-left > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--bottom-start > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--bottom-right > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--bottom-end > .cds--popover > .cds--popover-content::before{\n  block-size:var(--cds-popover-offset, 0rem);\n  inset-block-start:0;\n  inset-inline:0;\n  transform:translateY(-100%);\n}\n:host .cds--popover--bottom > .cds--popover > .cds--popover-caret,\n:host .cds--popover--bottom-left > .cds--popover > .cds--popover-caret,\n:host .cds--popover--bottom-start > .cds--popover > .cds--popover-caret,\n:host .cds--popover--bottom-right > .cds--popover > .cds--popover-caret,\n:host .cds--popover--bottom-end > .cds--popover > .cds--popover-caret{\n  block-size:var(--cds-popover-caret-height, 0.375rem);\n  inline-size:var(--cds-popover-caret-width, 0.75rem);\n  inset-block-end:0;\n  inset-inline-start:50%;\n  transform:translate(-50%, var(--cds-popover-offset, 0rem));\n}\n:host .cds--popover--bottom > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--bottom-left > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--bottom-start > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--bottom-right > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--bottom-end > .cds--popover > .cds--popover-caret::after{\n  block-size:var(--cds-popover-caret-height, 0.375rem);\n  clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n  inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--bottom > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-left > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-start > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-right > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-end > .cds--popover > .cds--popover-caret::before{\n  block-size:var(--cds-popover-caret-height, 0.375rem);\n  clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n  inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--bottom > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-left > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-start > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-right > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-end > .cds--popover > .cds--popover-caret::after{\n  inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n  inset-block-start:1px;\n  inset-inline-start:0.5px;\n}\n:host [dir=rtl] .cds--popover--bottom > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--bottom-left > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--bottom-start > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--bottom-right > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--bottom-end > .cds--popover > .cds--popover-caret{\n  transform:translate(50%, var(--cds-popover-offset, 0rem));\n}\n:host .cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret{\n  block-size:var(--cds-popover-caret-height, 0.375rem);\n  inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n  block-size:var(--cds-popover-caret-height, 0.375rem);\n  clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n  inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before{\n  block-size:var(--cds-popover-caret-height, 0.375rem);\n  clip-path:polygon(0% 100%, 50% 0%, 100% 100%);\n  inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n  inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n  inset-block-start:1px;\n  inset-inline-start:0.5px;\n}\n:host .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-block-start:0;\n  inset-inline-start:50%;\n  transform:translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  transform:translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-block-start:0;\n  inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n  transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n  inset-inline-start:initial;\n}\n:host .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-block-start:0;\n  inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n  transform:translate(var(--cds-popover-offset, 0rem), calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n}\n:host .cds--popover--top > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--top-left > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--top-start > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--top-right > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--top-end > .cds--popover > .cds--popover-content::before{\n  block-size:var(--cds-popover-offset, 0rem);\n  inset-block-end:0;\n  inset-inline:0;\n  transform:translateY(100%);\n}\n:host .cds--popover--top > .cds--popover > .cds--popover-caret,\n:host .cds--popover--top-left > .cds--popover > .cds--popover-caret,\n:host .cds--popover--top-start > .cds--popover > .cds--popover-caret,\n:host .cds--popover--top-right > .cds--popover > .cds--popover-caret,\n:host .cds--popover--top-end > .cds--popover > .cds--popover-caret{\n  block-size:var(--cds-popover-caret-height, 0.375rem);\n  inline-size:var(--cds-popover-caret-width, 0.75rem);\n  inset-block-start:0;\n  inset-inline-start:50%;\n  transform:translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));\n}\n:host .cds--popover--top > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--top-left > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--top-start > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--top-right > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--top-end > .cds--popover > .cds--popover-caret::after{\n  block-size:var(--cds-popover-caret-height, 0.375rem);\n  clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n  inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--top > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-left > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-start > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-right > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-end > .cds--popover > .cds--popover-caret::before{\n  block-size:var(--cds-popover-caret-height, 0.375rem);\n  clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n  inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--top > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-left > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-start > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-right > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-end > .cds--popover > .cds--popover-caret::after{\n  inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n  inset-block-start:-1px;\n  inset-inline-start:0.5px;\n}\n:host [dir=rtl] .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret{\n  transform:translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));\n}\n:host .cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret{\n  block-size:var(--cds-popover-caret-height, 0.375rem);\n  inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n  block-size:var(--cds-popover-caret-height, 0.375rem);\n  clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n  inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before{\n  block-size:var(--cds-popover-caret-height, 0.375rem);\n  clip-path:polygon(0% 0%, 50% 100%, 100% 0%);\n  inline-size:var(--cds-popover-caret-width, 0.75rem);\n}\n:host .cds--popover--border.cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n  inline-size:calc(var(--cds-popover-caret-width, 0.75rem) - 1px);\n  inset-block-start:-1px;\n  inset-inline-start:0.5px;\n}\n:host .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-block-start:50%;\n  inset-inline-start:100%;\n  transform:translate(var(--cds-popover-offset, 0rem), -50%);\n}\n:host .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-block-start:50%;\n  inset-inline-start:100%;\n  transform:translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) * -1 - 16px));\n}\n:host .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-block-end:50%;\n  inset-inline-start:100%;\n  transform:translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));\n}\n:host [dir=rtl] .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-inline-end:100%;\n  inset-inline-start:initial;\n}\n:host .cds--popover--right > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--right-top > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--right-start > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--right-bottom > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--right-end > .cds--popover > .cds--popover-content::before{\n  inline-size:var(--cds-popover-offset, 0rem);\n  inset-block:0;\n  inset-inline-start:0;\n  transform:translateX(-100%);\n}\n:host .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret{\n  block-size:var(--cds-popover-caret-width, 0.75rem);\n  inline-size:var(--cds-popover-caret-height, 0.375rem);\n  inset-block-start:50%;\n  inset-inline-start:100%;\n  transform:translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%);\n}\n:host .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after{\n  block-size:var(--cds-popover-caret-width, 0.75rem);\n  clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n  inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host [dir=rtl] .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret{\n  inset-inline-end:100%;\n  inset-inline-start:initial;\n}\n:host .cds--popover--border.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before{\n  block-size:var(--cds-popover-caret-width, 0.75rem);\n  clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n  inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--border.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after{\n  inset-inline-start:1px;\n}\n:host [dir=rtl] .cds--popover--border.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after{\n  inset-inline-start:-1px;\n}\n:host .cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret{\n  block-size:var(--cds-popover-caret-width, 0.75rem);\n  inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n  block-size:var(--cds-popover-caret-width, 0.75rem);\n  clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n  inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before{\n  block-size:var(--cds-popover-caret-width, 0.75rem);\n  clip-path:polygon(0% 50%, 100% 0%, 100% 100%);\n  inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n  inset-inline-start:1px;\n}\n:host [dir=rtl] .cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before{\n  margin-inline-start:1px;\n}\n:host [dir=rtl] .cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n  inset-inline-start:0;\n}\n:host .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-block-start:50%;\n  inset-inline-end:100%;\n  transform:translate(calc(-1 * var(--cds-popover-offset, 0rem) + 0.1px), -50%);\n}\n:host .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-block-start:50%;\n  inset-inline-end:100%;\n  transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) - 16px));\n}\n:host .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-block-end:50%;\n  inset-inline-end:100%;\n  transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));\n}\n:host [dir=rtl] .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-inline-end:initial;\n  inset-inline-start:100%;\n}\n:host .cds--popover--left > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--left-top > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--left-start > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--left-bottom > .cds--popover > .cds--popover-content::before,\n:host .cds--popover--left-end > .cds--popover > .cds--popover-content::before{\n  inline-size:var(--cds-popover-offset, 0rem);\n  inset-block:0;\n  inset-inline-end:0;\n  transform:translateX(100%);\n}\n:host .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret{\n  block-size:var(--cds-popover-caret-width, 0.75rem);\n  inline-size:var(--cds-popover-caret-height, 0.375rem);\n  inset-block-start:50%;\n  inset-inline-end:100%;\n  transform:translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%);\n}\n:host .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after{\n  block-size:var(--cds-popover-caret-width, 0.75rem);\n  clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n  inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host [dir=rtl] .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,\n:host [dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret{\n  inset-inline-end:initial;\n  inset-inline-start:100%;\n}\n:host .cds--popover--border.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before{\n  block-size:var(--cds-popover-caret-width, 0.75rem);\n  clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n  inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--border.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after{\n  inset-inline-start:-1px;\n}\n:host [dir=rtl] .cds--popover--border.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after{\n  inset-inline-start:1px;\n}\n:host .cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,\n:host .cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret{\n  block-size:var(--cds-popover-caret-width, 0.75rem);\n  inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n  block-size:var(--cds-popover-caret-width, 0.75rem);\n  clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n  inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before{\n  block-size:var(--cds-popover-caret-width, 0.75rem);\n  clip-path:polygon(0% 0%, 100% 50%, 0% 100%);\n  inline-size:var(--cds-popover-caret-height, 0.375rem);\n}\n:host .cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n  inset-inline-start:-1px;\n}\n:host [dir=rtl] .cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before{\n  margin-inline-start:-1px;\n}\n:host [dir=rtl] .cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host [dir=rtl] .cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after{\n  inset-inline-start:0;\n}\n:host .cds--popover--tab-tip > .cds--popover > .cds--popover-content{\n  border-radius:0;\n}\n:host .cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-inline-start:0;\n}\n:host .cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host .cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,\n:host [dir=rtl] .cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content{\n  inset-inline-end:0;\n  inset-inline-start:initial;\n}\n:host .cds--popover--tab-tip .cds--popover{\n  will-change:filter;\n}\n:host .cds--popover--tab-tip__button{\n  display:inline-block;\n  padding:0;\n  border:0;\n  -webkit-appearance:none;\n     -moz-appearance:none;\n          appearance:none;\n  background:none;\n  cursor:pointer;\n  text-align:start;\n  inline-size:100%;\n  box-sizing:border-box;\n  padding:0;\n  border:0;\n  margin:0;\n  font-family:inherit;\n  font-size:100%;\n  vertical-align:baseline;\n}\n:host .cds--popover--tab-tip__button *,\n:host .cds--popover--tab-tip__button *::before,\n:host .cds--popover--tab-tip__button *::after{\n  box-sizing:inherit;\n}\n:host .cds--popover--tab-tip__button::-moz-focus-inner{\n  border:0;\n}\n:host .cds--popover--tab-tip__button{\n  position:relative;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  block-size:2rem;\n  inline-size:2rem;\n}\n:host .cds--popover--tab-tip__button:focus{\n  outline:2px solid var(--cds-focus, #0f62fe);\n  outline-offset:-2px;\n}\n@media screen and (prefers-contrast){\n  :host .cds--popover--tab-tip__button:focus{\n    outline-style:dotted;\n  }\n}\n:host .cds--popover--tab-tip__button:hover{\n  background-color:var(--cds-layer-hover);\n}\n:host .cds--popover--tab-tip__button svg{\n  fill:var(--cds-icon-primary, #161616);\n}\n:host .cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{\n  background:var(--cds-layer);\n  box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);\n}\n:host .cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after{\n  position:absolute;\n  z-index:6001;\n  background:var(--cds-layer);\n  block-size:2px;\n  content:\"\";\n  inline-size:100%;\n  inset-block-end:0;\n}\n:host .cds--popover--tab-tip__button svg{\n  fill:var(--cds-icon-primary, #161616);\n}\n:host .cds--tooltip{\n  --cds-popover-offset:12px;\n}\n:host .cds--tooltip-content{\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n  padding:var(--cds-tooltip-padding-block, 1rem) var(--cds-tooltip-padding-inline, 1rem);\n  max-inline-size:18rem;\n  overflow-wrap:break-word;\n}\n:host .cds--icon-tooltip{\n  --cds-tooltip-padding-block:0.125rem;\n  --cds-popover-caret-width:0.5rem;\n  --cds-popover-caret-height:0.25rem;\n  --cds-popover-offset:0.5rem;\n}\n:host .cds--icon-tooltip .cds--tooltip-content{\n  font-size:var(--cds-body-compact-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-compact-01-font-weight, 400);\n  line-height:var(--cds-body-compact-01-line-height, 1.28572);\n  letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);\n}\n:host .cds--definition-term{\n  display:inline-block;\n  padding:0;\n  border:0;\n  -webkit-appearance:none;\n     -moz-appearance:none;\n          appearance:none;\n  background:none;\n  cursor:pointer;\n  text-align:start;\n  inline-size:100%;\n  box-sizing:border-box;\n  padding:0;\n  border:0;\n  margin:0;\n  font-family:inherit;\n  font-size:100%;\n  vertical-align:baseline;\n}\n:host .cds--definition-term *,\n:host .cds--definition-term *::before,\n:host .cds--definition-term *::after{\n  box-sizing:inherit;\n}\n:host .cds--definition-term::-moz-focus-inner{\n  border:0;\n}\n:host .cds--definition-term{\n  border-radius:0;\n  border-block-end:1px dotted var(--cds-border-strong);\n  color:var(--cds-text-primary, #161616);\n}\n:host .cds--definition-term:focus{\n  outline:1px solid var(--cds-focus, #0f62fe);\n}\n@media screen and (prefers-contrast){\n  :host .cds--definition-term:focus{\n    outline-style:dotted;\n  }\n}\n:host .cds--definition-term:focus{\n  border-block-end-color:var(--cds-border-interactive, #0f62fe);\n}\n:host .cds--definition-term:hover{\n  border-block-end-color:var(--cds-border-interactive, #0f62fe);\n}\n:host .cds--definition-tooltip{\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n  padding:0.5rem 1rem;\n  max-inline-size:11rem;\n  text-wrap:auto;\n  word-break:break-word;\n}\n:host{\n}\n:host .cds--btn{\n  --cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-2xl)));\n  --cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));\n  --temp-1lh:(\n    var(--cds-body-compact-01-line-height, 1.28572) * 1em\n  );\n  --temp-expressive-1lh:(\n    var(--cds-body-compact-02-line-height, 1.375) * 1em\n  );\n  --temp-padding-block-max:calc(\n    (var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 -\n      0.0625rem\n  );\n  box-sizing:border-box;\n  padding:0;\n  border:0;\n  margin:0;\n  font-family:inherit;\n  font-size:100%;\n  vertical-align:baseline;\n}\n:host .cds--btn *,\n:host .cds--btn *::before,\n:host .cds--btn *::after{\n  box-sizing:inherit;\n}\n:host .cds--btn{\n  font-size:var(--cds-body-compact-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-compact-01-font-weight, 400);\n  line-height:var(--cds-body-compact-01-line-height, 1.28572);\n  letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);\n  position:relative;\n  display:inline-flex;\n  flex-shrink:0;\n  justify-content:space-between;\n  border-radius:0;\n  margin:0;\n  cursor:pointer;\n  inline-size:-moz-max-content;\n  inline-size:max-content;\n  max-inline-size:20rem;\n  min-block-size:var(--cds-layout-size-height-local);\n  outline:none;\n  padding-block:min((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));\n  padding-inline:calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem) calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - 0.0625rem);\n  text-align:start;\n  text-decoration:none;\n  transition:background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);\n  vertical-align:top;\n}\n:host .cds--btn:disabled, :host .cds--btn:hover:disabled, :host .cds--btn:focus:disabled, :host .cds--btn.cds--btn--disabled, :host .cds--btn.cds--btn--disabled:hover, :host .cds--btn.cds--btn--disabled:focus{\n  border-color:var(--cds-button-disabled, #c6c6c6);\n  background:var(--cds-button-disabled, #c6c6c6);\n  box-shadow:none;\n  color:var(--cds-text-on-color-disabled, #8d8d8d);\n  cursor:not-allowed;\n}\n:host .cds--btn .cds--btn__icon{\n  position:absolute;\n  flex-shrink:0;\n  block-size:1rem;\n  inline-size:1rem;\n  inset-block-start:min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));\n  inset-inline-end:var(--cds-layout-density-padding-inline-local);\n  margin-block-start:0.0625rem;\n}\n:host .cds--btn::-moz-focus-inner{\n  padding:0;\n  border:0;\n}\n:host .cds--btn--primary{\n  border-width:1px;\n  border-style:solid;\n  border-color:transparent;\n  background-color:var(--cds-button-primary, #0f62fe);\n  color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--primary:hover{\n  background-color:var(--cds-button-primary-hover, #0050e6);\n}\n:host .cds--btn--primary:focus{\n  border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n  box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--primary:active{\n  background-color:var(--cds-button-primary-active, #002d9c);\n}\n:host .cds--btn--primary .cds--btn__icon,\n:host .cds--btn--primary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){\n  fill:currentColor;\n}\n:host .cds--btn--primary:hover{\n  color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--secondary{\n  border-width:1px;\n  border-style:solid;\n  border-color:transparent;\n  background-color:var(--cds-button-secondary, #393939);\n  color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--secondary:hover{\n  background-color:var(--cds-button-secondary-hover, #474747);\n}\n:host .cds--btn--secondary:focus{\n  border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n  box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--secondary:active{\n  background-color:var(--cds-button-secondary-active, #6f6f6f);\n}\n:host .cds--btn--secondary .cds--btn__icon,\n:host .cds--btn--secondary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){\n  fill:currentColor;\n}\n:host .cds--btn--secondary:hover, :host .cds--btn--secondary:focus{\n  color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--tertiary{\n  border-width:1px;\n  border-style:solid;\n  border-color:var(--cds-button-tertiary, #0f62fe);\n  background-color:transparent;\n  color:var(--cds-button-tertiary, #0f62fe);\n}\n:host .cds--btn--tertiary:hover{\n  background-color:var(--cds-button-tertiary-hover, #0050e6);\n}\n:host .cds--btn--tertiary:focus{\n  border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n  box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--tertiary:active{\n  background-color:var(--cds-button-tertiary-active, #002d9c);\n}\n:host .cds--btn--tertiary .cds--btn__icon,\n:host .cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){\n  fill:currentColor;\n}\n:host .cds--btn--tertiary:hover{\n  color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds--btn--tertiary:focus{\n  background-color:var(--cds-button-tertiary, #0f62fe);\n  color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds--btn--tertiary:active{\n  border-color:transparent;\n  background-color:var(--cds-button-tertiary-active, #002d9c);\n  color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds--btn--tertiary:disabled, :host .cds--btn--tertiary:hover:disabled, :host .cds--btn--tertiary:focus:disabled, :host .cds--btn--tertiary.cds--btn--disabled, :host .cds--btn--tertiary.cds--btn--disabled:hover, :host .cds--btn--tertiary.cds--btn--disabled:focus{\n  background:transparent;\n  color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  outline:none;\n}\n:host .cds--btn--ghost{\n  border-width:1px;\n  border-style:solid;\n  border-color:transparent;\n  background-color:transparent;\n  color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds--btn--ghost:hover{\n  background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n}\n:host .cds--btn--ghost:focus{\n  border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n  box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--ghost:active{\n  background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds--btn--ghost .cds--btn__icon,\n:host .cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){\n  fill:currentColor;\n}\n:host .cds--btn--ghost{\n  padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);\n}\n:host .cds--btn--ghost .cds--btn__icon{\n  position:static;\n  align-self:center;\n  margin-inline-start:0.5rem;\n}\n:host .cds--btn--ghost:hover, :host .cds--btn--ghost:active{\n  color:var(--cds-link-primary-hover, #0043ce);\n}\n:host .cds--btn--ghost:active{\n  background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds--btn--ghost:disabled, :host .cds--btn--ghost:hover:disabled, :host .cds--btn--ghost:focus:disabled, :host .cds--btn--ghost.cds--btn--disabled, :host .cds--btn--ghost.cds--btn--disabled:hover, :host .cds--btn--ghost.cds--btn--disabled:focus{\n  border-color:transparent;\n  background:transparent;\n  color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  outline:none;\n}\n:host .cds--btn--ghost:not([disabled]) svg{\n  fill:var(--cds-icon-primary, #161616);\n}\n:host .cds--btn--icon-only{\n  align-items:center;\n  justify-content:center;\n  padding:0;\n  block-size:var(--cds-layout-size-height-local);\n  inline-size:var(--cds-layout-size-height-local);\n  padding-block-start:0;\n}\n:host .cds--btn--icon-only > :first-child{\n  min-inline-size:1rem;\n}\n:host .cds--btn--icon-only .cds--btn__icon{\n  position:static;\n}\n:host .cds--btn--icon-only.cds--btn--ghost:focus{\n  background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n  box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n}\n:host .cds--btn--icon-only.cds--btn--ghost .cds--btn__icon, :host .cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon{\n  margin:0;\n}\n:host .cds--btn--icon-only.cds--btn--danger--ghost{\n  padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 1rem);\n}\n:host .cds--btn--xs:not(.cds--btn--icon-only){\n  padding-block-start:1.5px;\n}\n:host .cds--btn--xs:not(.cds--btn--icon-only) .cds--btn__icon,\n:host .cds--btn--sm:not(.cds--btn--icon-only) .cds--btn__icon,\n:host .cds--btn--md:not(.cds--btn--icon-only) .cds--btn__icon{\n  margin-block-start:0;\n}\n:host .cds--btn--icon-only.cds--btn--selected{\n  background:var(--cds-background-selected, rgba(141, 141, 141, 0.2));\n}\n:host .cds--btn path[data-icon-path=inner-path]{\n  fill:none;\n}\n:host .cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]),\n:host .cds--btn--ghost.cds--btn--icon-only .cds--btn__icon{\n  fill:var(--cds-icon-primary, #161616);\n}\n:host .cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon path:not([data-icon-path]):not([fill=none]),\n:host .cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,\n:host .cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover .cds--btn__icon{\n  fill:var(--cds-icon-on-color-disabled, #8d8d8d);\n}\n:host .cds--btn--ghost.cds--btn--icon-only[disabled]{\n  cursor:not-allowed;\n}\n:host .cds--icon-tooltip--disabled .cds--tooltip-trigger__wrapper{\n  cursor:not-allowed;\n}\n:host .cds--icon-tooltip--disabled .cds--btn--icon-only[disabled]{\n  pointer-events:none;\n}\n:host .cds--btn--danger{\n  border-width:1px;\n  border-style:solid;\n  border-color:transparent;\n  background-color:var(--cds-button-danger-primary, #da1e28);\n  color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger:hover{\n  background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds--btn--danger:focus{\n  border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n  box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--danger:active{\n  background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds--btn--danger .cds--btn__icon,\n:host .cds--btn--danger .cds--btn__icon path:not([data-icon-path]):not([fill=none]){\n  fill:currentColor;\n}\n:host .cds--btn--danger:hover{\n  color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger--tertiary{\n  border-width:1px;\n  border-style:solid;\n  border-color:var(--cds-button-danger-secondary, #da1e28);\n  background-color:transparent;\n  color:var(--cds-button-danger-secondary, #da1e28);\n}\n:host .cds--btn--danger--tertiary:hover{\n  background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds--btn--danger--tertiary:focus{\n  border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n  box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--danger--tertiary:active{\n  background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds--btn--danger--tertiary .cds--btn__icon,\n:host .cds--btn--danger--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){\n  fill:currentColor;\n}\n:host .cds--btn--danger--tertiary:hover{\n  border-color:var(--cds-button-danger-hover, #b81921);\n  color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger--tertiary:focus{\n  background-color:var(--cds-button-danger-primary, #da1e28);\n  color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger--tertiary:active{\n  border-color:var(--cds-button-danger-active, #750e13);\n  background-color:var(--cds-button-danger-active, #750e13);\n  color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger--tertiary:disabled, :host .cds--btn--danger--tertiary:hover:disabled, :host .cds--btn--danger--tertiary:focus:disabled, :host .cds--btn--danger--tertiary.cds--btn--disabled, :host .cds--btn--danger--tertiary.cds--btn--disabled:hover, :host .cds--btn--danger--tertiary.cds--btn--disabled:focus{\n  background:transparent;\n  color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  outline:none;\n}\n:host .cds--btn--danger--ghost{\n  border-width:1px;\n  border-style:solid;\n  border-color:transparent;\n  background-color:transparent;\n  color:var(--cds-button-danger-secondary, #da1e28);\n}\n:host .cds--btn--danger--ghost:hover{\n  background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds--btn--danger--ghost:focus{\n  border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));\n  box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);\n}\n:host .cds--btn--danger--ghost:active{\n  background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds--btn--danger--ghost .cds--btn__icon,\n:host .cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){\n  fill:currentColor;\n}\n:host .cds--btn--danger--ghost{\n  padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);\n}\n:host .cds--btn--danger--ghost .cds--btn__icon{\n  position:static;\n  margin-inline-start:0.5rem;\n}\n:host .cds--btn--danger--ghost:hover, :host .cds--btn--danger--ghost:active{\n  color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds--btn--danger--ghost:disabled, :host .cds--btn--danger--ghost:hover:disabled, :host .cds--btn--danger--ghost:focus:disabled, :host .cds--btn--danger--ghost.cds--btn--disabled, :host .cds--btn--danger--ghost.cds--btn--disabled:hover, :host .cds--btn--danger--ghost.cds--btn--disabled:focus{\n  border-color:transparent;\n  background:transparent;\n  color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));\n  outline:none;\n}\n:host .cds--btn--expressive{\n  font-size:var(--cds-body-compact-02-font-size, 1rem);\n  font-weight:var(--cds-body-compact-02-font-weight, 400);\n  line-height:var(--cds-body-compact-02-line-height, 1.375);\n  letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);\n  padding-block:min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));\n}\n:host .cds--btn--icon-only.cds--btn--expressive{\n  padding:12px 13px;\n}\n:host .cds--btn.cds--btn--expressive .cds--btn__icon{\n  block-size:1.25rem;\n  inline-size:1.25rem;\n}\n:host .cds--btn-set .cds--btn.cds--btn--expressive{\n  max-inline-size:20rem;\n}\n:host .cds--btn.cds--skeleton{\n  position:relative;\n  padding:0;\n  border:none;\n  background:var(--cds-skeleton-background, #e8e8e8);\n  box-shadow:none;\n  pointer-events:none;\n}\n:host .cds--btn.cds--skeleton:hover, :host .cds--btn.cds--skeleton:focus, :host .cds--btn.cds--skeleton:active{\n  border:none;\n  cursor:default;\n  outline:none;\n}\n:host .cds--btn.cds--skeleton::before{\n  position:absolute;\n  animation:3000ms ease-in-out cds--skeleton infinite;\n  background:var(--cds-skeleton-element, #c6c6c6);\n  block-size:100%;\n  content:\"\";\n  inline-size:100%;\n  inset-inline-start:0;\n  will-change:transform-origin, transform, opacity;\n}\n@media (prefers-reduced-motion: reduce){\n  :host .cds--btn.cds--skeleton::before{\n    animation:none;\n  }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n  :host .cds--btn.cds--skeleton{\n    background:CanvasText;\n  }\n  :host .cds--btn.cds--skeleton::before{\n    background:Canvas;\n    forced-color-adjust:none;\n  }\n}\n:host .cds--btn.cds--skeleton{\n  inline-size:9.375rem;\n}\n:host .cds--btn-set{\n  display:flex;\n}\n:host .cds--btn-set--stacked{\n  flex-direction:column;\n}\n:host .cds--btn-set .cds--btn{\n  inline-size:100%;\n  max-inline-size:12.25rem;\n}\n:host .cds--btn-set .cds--btn:not(:focus){\n  box-shadow:-0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds--btn-set .cds--btn:first-of-type:not(:focus){\n  box-shadow:inherit;\n}\n:host .cds--btn-set .cds--btn:focus + .cds--btn{\n  box-shadow:inherit;\n}\n:host .cds--btn-set--stacked .cds--btn:not(:focus){\n  box-shadow:0 -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds--btn-set--stacked .cds--btn:first-of-type:not(:focus){\n  box-shadow:inherit;\n}\n:host .cds--btn-set .cds--btn.cds--btn--disabled{\n  box-shadow:-0.0625rem 0 0 0 var(--cds-icon-on-color-disabled, #8d8d8d);\n}\n:host .cds--btn-set .cds--btn.cds--btn--disabled:first-of-type{\n  box-shadow:none;\n}\n:host .cds--btn-set--stacked .cds--btn.cds--btn--disabled{\n  box-shadow:0 -0.0625rem 0 0 var(--cds-layer-selected-disabled, #8d8d8d);\n}\n:host .cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type{\n  box-shadow:none;\n}\n:host .cds--btn-set .cds--btn.cds--btn--loading{\n  border-color:transparent;\n  background-color:transparent;\n  box-shadow:none;\n}\n:host .cds--btn--sm .cds--badge-indicator{\n  margin-block-start:0.25rem;\n  margin-inline-end:0.25rem;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n  :host .cds--btn:focus{\n    color:Highlight;\n    outline:1px solid Highlight;\n  }\n}\n:host [dir=rtl] .cds--btn-set .cds--btn:not(:focus){\n  box-shadow:0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds--btn-set--fluid{\n  container-type:inline-size;\n}\n:host .cds--btn-set--fluid .cds--btn-set__fluid-inner{\n  --flex-direction:row;\n  display:flex;\n  flex-direction:var(--flex-direction);\n  align-items:stretch;\n  justify-content:flex-end;\n  inline-size:100%;\n}\n:host .cds--btn-set--fluid .cds--btn-set__fluid-inner .cds--btn{\n  flex:0 1 25%;\n  max-inline-size:14.5rem;\n}\n:host .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack .cds--btn{\n  min-inline-size:11rem;\n}\n:host .cds--btn-set--fluid .cds--btn-set__fluid-inner .cds--btn--ghost,\n:host .cds--btn-set--fluid .cds--btn-set__fluid-inner .cds--btn--danger--ghost{\n  flex:1 1 25%;\n  max-inline-size:none;\n  padding-inline-start:2rem;\n}\n@container (width <= 11rem){\n  :host .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child){\n    --flex-direction:column;\n  }\n  :host .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child) .cds--btn{\n    flex:initial;\n    inline-size:100%;\n    max-inline-size:none;\n  }\n  :host .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child) .cds--btn--ghost{\n    padding-inline-start:1rem;\n  }\n}\n@container (width <= 22rem){\n  :host .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child){\n    --flex-direction:column;\n  }\n  :host .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) .cds--btn{\n    flex:initial;\n    inline-size:100%;\n    max-inline-size:none;\n  }\n  :host .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) .cds--btn--ghost{\n    padding-inline-start:1rem;\n  }\n}\n@container (width <= 33rem){\n  :host .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child){\n    --flex-direction:column;\n  }\n  :host .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) .cds--btn{\n    flex:initial;\n    inline-size:100%;\n    max-inline-size:none;\n  }\n  :host .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) .cds--btn--ghost{\n    padding-inline-start:1rem;\n  }\n}\n@container (width <= 44rem){\n  :host .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child){\n    --flex-direction:column;\n  }\n  :host .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) .cds--btn{\n    flex:initial;\n    inline-size:100%;\n    max-inline-size:none;\n  }\n  :host .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) .cds--btn--ghost{\n    padding-inline-start:1rem;\n  }\n}\n@container (width <= 44rem){\n  :host .cds--btn-set--fluid .cds--btn-set__fluid-inner:has(:nth-child(2):last-child) .cds--btn{\n    flex-basis:50%;\n    max-inline-size:none;\n  }\n}\n@container (width <= 33rem){\n  :host .cds--btn-set--fluid .cds--btn-set__fluid-inner:has(:nth-child(1):last-child) .cds--btn{\n    flex:1 1 100%;\n    max-inline-size:none;\n  }\n}\n:host .cds-aichat--response-user-avatar img{\n  block-size:100%;\n  inline-size:100%;\n}\n:host .cds-aichat--response-user-avatar svg{\n  fill:currentcolor;\n}\n:host .cds-aichat--response-user-avatar .cds-aichat--response-user-avatar__circle{\n  border:2px solid currentcolor;\n  border-radius:50%;\n  background-color:transparent;\n  font-weight:bold;\n}\n:host .cds-aichat--response-user-avatar .cds-aichat--response-user-avatar__circle .cds-aichat--response-user-avatar__letter{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  block-size:100%;\n  text-align:center;\n}\n:host{\n}\n:host .cds-aichat--human-agent-banner__body{\n  display:flex;\n  align-items:center;\n  padding:1rem;\n  background-color:var(--cds-chat-shell-background, #ffffff);\n  border-block-end:1px solid var(--cds-border-subtle-01, #c6c6c6);\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--widget--max-width .cds-aichat--human-agent-banner__body{\n  margin:0 auto;\n  max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host .cds-aichat--human-agent-banner .cds-aichat--response-user-avatar{\n  margin:0 0.75rem 0 0;\n  block-size:32px;\n  inline-size:32px;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--human-agent-banner .cds-aichat--response-user-avatar{\n  margin:0 0 0 0.75rem;\n}\n:host .cds-aichat--human-agent-banner .cds-aichat--response-user-avatar img{\n  border-radius:16px;\n}\n:host .cds-aichat--human-agent-banner__human-agent-info{\n  display:flex;\n  flex:1;\n  flex-direction:column;\n  justify-content:center;\n  padding:0 1rem 0 0;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--human-agent-banner__human-agent-info{\n  padding:0 0 0 1rem;\n}\n:host .cds-aichat--human-agent-banner__human-agent-line1{\n  font-weight:600;\n}\n:host .cds-aichat--human-agent-banner--connected .cds-aichat--agent-banner__agent-line1{\n  font-size:var(--cds-body-02-font-size, 1rem);\n  font-weight:var(--cds-body-02-font-weight, 400);\n  line-height:var(--cds-body-02-line-height, 1.5);\n  letter-spacing:var(--cds-body-02-letter-spacing, 0);\n}\n:host .cds-aichat--human-agent-banner__human-agent-line2{\n  padding-block-start:0.25rem;\n}\n:host .cds-aichat--human-agent-banner__human-agent-line2,\n:host .cds-aichat--human-agent-banner__human-agent-line2 p{\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--agent-banner__stop-sharing-button{\n  inline-size:100%;\n  max-inline-size:unset;\n}\n:host{\n}\n:host .cds-aichat--input-and-completions{\n  position:relative;\n  border-end-end-radius:var(--cds-aichat-border-radius-end-end, 0);\n  border-end-start-radius:var(--cds-aichat-border-radius-end-start, 0);\n  inline-size:100%;\n}\n:host .cds-aichat--input-container{\n  position:relative;\n  z-index:1;\n  display:flex;\n  box-sizing:border-box;\n  align-items:center;\n  background-color:var(--cds-chat-prompt-background, #ffffff);\n  border-block-start:1px solid var(--cds-border-subtle-01, #c6c6c6);\n  border-end-end-radius:var(--cds-aichat-border-radius-end-end, 0);\n  border-end-start-radius:var(--cds-aichat-border-radius-end-start, 0);\n  color:var(--cds-text-primary, #161616);\n  inline-size:100%;\n  min-block-size:0;\n  outline:2px solid transparent;\n  outline-offset:-2px;\n  padding-block:0.75rem;\n  padding-inline:1rem 0.5rem;\n}\n:host .cds-aichat--container--render.cds-aichat--container-disable-mobile-enhancements .cds-aichat--widget--max-width .cds-aichat--input-and-completions,\n:host .cds-aichat--container--render:not(.cds-aichat--is-phone-portrait-mode) .cds-aichat--widget--max-width .cds-aichat--input-and-completions{\n  margin:0 auto;\n  max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host .cds-aichat--container--render.cds-aichat--container-disable-mobile-enhancements .cds-aichat--widget--max-width .cds-aichat--input-container,\n:host .cds-aichat--container--render:not(.cds-aichat--is-phone-portrait-mode) .cds-aichat--widget--max-width .cds-aichat--input-container{\n  border:1px solid var(--cds-border-subtle-00, #e0e0e0);\n  border-radius:0.5rem;\n}\n:host .cds-aichat--ai-theme .cds-aichat--input-container{\n  border:1px solid transparent;\n  background:linear-gradient(to bottom, var(--cds-chat-prompt-background, #ffffff), var(--cds-chat-prompt-background, #ffffff)) padding-box, linear-gradient(to bottom, var(--cds-border-subtle-00, #e0e0e0), var(--cds-chat-prompt-background, #ffffff)) border-box;\n}\n:host .cds-aichat--input-container--show-upload-button{\n  padding-inline-start:0.5rem;\n}\n:host .cds-aichat--input-container__text-and-upload{\n  display:flex;\n  align-items:center;\n}\n:host .cds-aichat--input-container__text-and-upload > *:not(:last-child),\n:host .cds-aichat--input-container > *:not(:last-child){\n  margin-inline-end:0.5rem;\n}\n:host .cds-aichat--input-container__files-container{\n  overflow:auto;\n  margin-block-start:0.5rem;\n  max-block-size:200px;\n}\n:host .cds-aichat--input-container__files-container cds-file-uploader-item{\n  margin-block-end:0;\n}\n:host .cds-aichat--input-container__upload-button-container{\n  display:inline-block;\n  inline-size:32px;\n  vertical-align:top;\n}\n:host .cds-aichat--input-container .cds-aichat--input-container__upload-button{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  block-size:32px;\n  color:var(--cds-text-primary, #161616);\n  cursor:pointer;\n  inline-size:32px;\n}\n:host .cds-aichat--input-container__upload-input:focus + .cds-aichat--input-container__upload-button{\n  box-shadow:inset 0 0 0 2px var(--cds-focus, #0f62fe);\n}\n:host .cds-aichat--input-container__upload-button:hover{\n  background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n}\n:host .cds-aichat--input-container__upload-button:active{\n  background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds-aichat--input-container .cds-aichat--input-container__upload-button--disabled{\n  cursor:default;\n  opacity:0.5;\n}\n:host label.cds-aichat--input-container__upload-button--disabled:hover{\n  background-color:transparent;\n}\n:host .cds-aichat--input-container__left-container{\n  position:relative;\n  display:flex;\n  overflow:hidden;\n  flex:1 0;\n  flex-direction:column;\n  justify-content:center;\n  block-size:100%;\n}\n:host .cds-aichat--input-container--has-focus{\n  outline-color:var(--cds-focus, #0f62fe);\n}\n:host .cds-aichat--input-container .cds-aichat--input-container__left-container .cds-aichat--text-area .cds-aichat--text-area-textarea{\n  border:none;\n}\n:host .cds-aichat--assistant-container .cds-aichat--input-container{\n  display:flex;\n}\n:host .cds-aichat--input-container .cds-aichat--text-area{\n  display:inline-block;\n  overflow:hidden;\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n  inline-size:100%;\n  min-block-size:0;\n}\n:host .cds-aichat--input-container--show-upload-button .cds-aichat--text-area{\n  inline-size:calc(100% - 32px);\n}\n:host .cds-aichat--input-container .cds-aichat--text-area .cds-aichat--text-area-textarea{\n  position:relative;\n  display:block;\n  border:none;\n  margin:0;\n  background:transparent;\n  color:var(--cds-text-primary, #161616);\n}\n:host .cds-aichat--input-container .cds-aichat--text-area .cds-aichat--text-area-textarea,\n:host .cds-aichat--input-container .cds-aichat--text-area .cds-aichat--text-area-sizer{\n  max-block-size:157px;\n}\n:host .cds-aichat--input-container .cds-aichat--text-area-placeholder{\n  position:absolute;\n  z-index:1;\n  color:var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\n  inset:0;\n  pointer-events:none;\n  white-space:pre-wrap;\n  word-wrap:break-word;\n  font-size:var(--cds-body-02-font-size, 1rem);\n  font-weight:var(--cds-body-02-font-weight, 400);\n  line-height:var(--cds-body-02-line-height, 1.5);\n  letter-spacing:var(--cds-body-02-letter-spacing, 0);\n}\n:host .cds-aichat--input-container .cds-aichat--text-area-textarea{\n  position:relative;\n  z-index:2;\n}\n:host .cds-aichat--input-container__send-button-container,\n:host .cds-aichat--input-container__upload-button-container{\n  display:flex;\n  flex:0 1;\n  align-self:flex-start;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--input-container__send-button svg{\n  transform:scale(-1, 1);\n}\n:host cds-button.cds-aichat--input-container__send-button svg{\n  block-size:1rem;\n  cursor:inherit;\n  fill:var(--cds-interactive, #0f62fe);\n  inline-size:1rem;\n}\n:host cds-button.cds-aichat--input-container__send-button:active svg,\n:host cds-button.cds-aichat--input-container__send-button:focus svg,\n:host cds-button.cds-aichat--input-container__send-button:active:focus svg{\n  fill:var(--cds-interactive, #0f62fe);\n}\n:host cds-button.cds-aichat--input-container__send-button[disabled]:hover svg,\n:host cds-button.cds-aichat--input-container__send-button[disabled] svg{\n  fill:var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host .cds-aichat--before-input-element{\n  margin:auto;\n  max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host{\n}\n:host .cds-aichat--launcher__button-container{\n  position:fixed;\n  z-index:var(--cds-aichat-z-index, 99999);\n  border-radius:28px;\n  background-color:var(--cds-background, #ffffff);\n  block-size:var(--cds-aichat-launcher-default-size, 56px);\n  box-shadow:var(--cds-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n  inline-size:var(--cds-aichat-launcher-default-size, 56px);\n  inset-block-end:var(--cds-aichat-launcher-position-bottom, 3rem);\n  inset-inline-end:var(--cds-aichat-launcher-position-right, 2rem);\n}\n@media (prefers-reduced-motion: no-preference){\n  :host .cds-aichat--launcher__button-container{\n    animation:cds-aichat-launcher-in 150ms cubic-bezier(0, 0, 0.3, 1) both;\n    transition:inline-size 240ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  }\n}\n:host .cds-aichat--launcher__button-container--hidden{\n  visibility:hidden;\n}\n:host .cds-aichat--count-indicator{\n  position:absolute;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  padding:0 4px;\n  border-radius:10px;\n  background-color:var(--cds-aichat-unread-indicator-color-background, var(--cds-support-error, #da1e28));\n  box-shadow:1px 0.125rem 0.125rem rgba(23, 23, 23, 0.3);\n  color:var(--cds-aichat-unread-indicator-color-text, var(--cds-text-on-color, #ffffff));\n  inset-block-start:calc(-1 * 0.25rem);\n  inset-inline-end:calc(-1 * 0.25rem);\n  min-block-size:20px;\n  min-inline-size:20px;\n  font-size:var(--cds-caption-01-font-size, 0.75rem);\n  font-weight:var(--cds-caption-01-font-weight, 400);\n  line-height:var(--cds-caption-01-line-height, 1.33333);\n  letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n}\n:host cds-button.cds-aichat--launcher__button::part(button){\n  position:static;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  padding:0;\n  border-radius:28px;\n  background-color:var(--cds-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n  block-size:var(--cds-aichat-launcher-default-size, 56px);\n  inline-size:var(--cds-aichat-launcher-default-size, 56px);\n}\n@media (prefers-reduced-motion: no-preference){\n  :host cds-button.cds-aichat--launcher__button::part(button){\n    transition:inline-size 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background 250ms ease-in-out, transform 150ms ease;\n  }\n}\n:host cds-button.cds-aichat--launcher__button::part(button) svg{\n  block-size:24px;\n  fill:var(--cds-aichat-launcher-color-avatar, var(--cds-text-on-color, #ffffff));\n  inline-size:24px;\n}\n:host cds-button.cds-aichat--launcher__button::part(button):focus{\n  border-width:2px;\n  box-shadow:inset 0 0 0 2px var(--cds-aichat-launcher-color-focus-border, var(--cds-text-on-color, #ffffff));\n}\n:host .cds-aichat--launcher__svg{\n  fill:currentcolor;\n}\n:host .cds-aichat--launcher__avatar{\n  border-radius:50%;\n  block-size:32px;\n  inline-size:32px;\n  -webkit-user-select:none;\n     -moz-user-select:none;\n          user-select:none;\n}\n:host .cds-aichat--launcher__wrapper{\n  display:flex;\n}\n:host .cds-aichat--launcher__icon-holder{\n  display:flex;\n  align-items:center;\n}\n:host .cds-aichat--launcher-extended__text-holder{\n  overflow:hidden;\n  flex:1;\n  padding:0.75rem 0 0.75rem 0.75rem;\n  inline-size:0;\n  text-align:start;\n}\n:host .cds-aichat--launcher-extended__greeting{\n  display:flex;\n  align-items:center;\n  block-size:100%;\n  color:var(--cds-aichat-launcher-mobile-color-text, var(--cds-text-on-color, #ffffff));\n  inline-size:calc(100% - 12px);\n  inset-block-end:0;\n  opacity:0;\n  word-break:break-word;\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--launcher-extended__greeting-text{\n  display:-webkit-box;\n  overflow:hidden;\n  -webkit-box-orient:vertical;\n  -webkit-line-clamp:2;\n  line-clamp:2;\n  text-overflow:ellipsis;\n}\n:host .cds-aichat--launcher__skip-link{\n  position:absolute;\n  overflow:hidden;\n  padding:0;\n  border:0;\n  margin:-1px;\n  block-size:1px;\n  clip:rect(0 0 0 0);\n  inline-size:1px;\n  white-space:nowrap;\n}\n:host .cds-aichat--launcher__skip-link:focus{\n  position:static;\n  padding:0.125rem 0.25rem;\n  border-radius:999px;\n  margin:0 0 0.25rem 0;\n  background:var(--cds-background-inverse, #393939);\n  block-size:auto;\n  clip:auto;\n  color:var(--cds-text-on-color, #ffffff);\n  inline-size:auto;\n  white-space:normal;\n}\n:host cds-button.cds-aichat--launcher-extended__close-button{\n  position:absolute;\n  z-index:2;\n  inset-block-start:-24px;\n  inset-inline-end:0;\n  transform:translate(50%, 50%);\n}\n:host cds-button.cds-aichat--launcher-extended__close-button::part(button){\n  padding:0;\n  border-radius:50%;\n  block-size:24px;\n  inline-size:24px;\n}\n:host{\n}\n@keyframes cds-aichat-launcher-opening-text-holder{\n  from{\n    inline-size:0;\n  }\n  to{\n    inline-size:var(--cds-aichat-launcher-extended-width, 280px);\n  }\n}\n@keyframes cds-aichat-launcher-closing-text-holder{\n  from{\n    inline-size:var(--cds-aichat-launcher-extended-width, 280px);\n  }\n  to{\n    inline-size:0;\n  }\n}\n@keyframes cds-aichat-launcher-opening-greeting{\n  from{\n    opacity:0;\n  }\n  to{\n    opacity:1;\n  }\n}\n@keyframes cds-aichat-launcher-closing-greeting{\n  from{\n    opacity:1;\n  }\n  to{\n    opacity:0;\n  }\n}\n:host{\n}\n@media (prefers-reduced-motion: no-preference){\n  :host .cds-aichat--launcher__button-container--opening .cds-aichat--launcher-extended__text-holder{\n    animation:cds-aichat-launcher-opening-text-holder 240ms cubic-bezier(0.2, 0, 0.38, 0.9) forwards;\n  }\n  :host .cds-aichat--launcher__button-container--opening .cds-aichat--launcher-extended__greeting{\n    animation:cds-aichat-launcher-opening-greeting 70ms cubic-bezier(0.2, 0, 0.38, 0.9) forwards;\n    animation-delay:240ms;\n  }\n}\n:host{\n}\n:host .cds-aichat--launcher__button-container--open .cds-aichat--launcher-extended__text-holder{\n  inline-size:var(--cds-aichat-launcher-extended-width, 280px);\n}\n:host .cds-aichat--launcher__button-container--open .cds-aichat--launcher-extended__greeting{\n  opacity:1;\n}\n:host{\n}\n@media (prefers-reduced-motion: no-preference){\n  :host .cds-aichat--launcher__button-container--closing .cds-aichat--launcher-extended__greeting{\n    animation:cds-aichat-launcher-closing-greeting 70ms cubic-bezier(0.2, 0, 0.38, 0.9) forwards;\n  }\n  :host .cds-aichat--launcher__button-container--closing .cds-aichat--launcher-extended__text-holder{\n    animation:cds-aichat-launcher-closing-text-holder 240ms cubic-bezier(0.2, 0, 0.38, 0.9) forwards;\n    animation-delay:70ms;\n  }\n}\n:host{\n}\n:host .cds-aichat--launcher__button-container--closed .cds-aichat--launcher-extended__text-holder{\n  display:none;\n  inline-size:0;\n}\n:host .cds-aichat--launcher__button-container--closed .cds-aichat--launcher-extended__greeting{\n  opacity:0;\n}\n:host .cds-aichat--launcher__button-container--closed .cds-aichat--launcher-extended__close-button{\n  display:none;\n}\n:host{\n}\n:host .cds-aichat--launcher__button-container--opening,\n:host .cds-aichat--launcher__button-container--open{\n  inline-size:calc(var(--cds-aichat-launcher-extended-width, 280px) + var(--cds-aichat-launcher-default-size, 56px));\n}\n:host .cds-aichat--launcher__button-container--opening cds-button.cds-aichat--launcher__button::part(button),\n:host .cds-aichat--launcher__button-container--open cds-button.cds-aichat--launcher__button::part(button){\n  inline-size:calc(var(--cds-aichat-launcher-extended-width, 280px) + var(--cds-aichat-launcher-default-size, 56px));\n}\n:host{\n}\n:host .cds-aichat--launcher__button-container--closing,\n:host .cds-aichat--launcher__button-container--closed{\n  inline-size:var(--cds-aichat-launcher-default-size, 56px);\n}\n:host .cds-aichat--launcher__button-container--closing cds-button.cds-aichat--launcher__button::part(button),\n:host .cds-aichat--launcher__button-container--closed cds-button.cds-aichat--launcher__button::part(button){\n  inline-size:var(--cds-aichat-launcher-default-size, 56px);\n}\n:host [dir=rtl] .cds-aichat--count-indicator{\n  inset-inline:calc(-1 * 0.125rem) unset;\n}\n:host [dir=rtl] cds-button.cds-aichat--launcher-extended__close-button{\n  transform:translate(-50%, 50%);\n}\n:host [dir=rtl] .cds-aichat--launcher__button-container .cds-aichat--launcher-extended__wrapper{\n  inset-inline:0 unset;\n}\n:host [dir=rtl] .cds-aichat--launcher__button-container .cds-aichat--launcher-extended__text-holder{\n  padding:0.75rem 0.75rem 0.75rem 0;\n}\n@keyframes cds-aichat-launcher-in{\n  0%{\n    inset-block-end:calc(var(--cds-aichat-launcher-position-bottom, 3rem) - 1rem);\n    opacity:0;\n  }\n  100%{\n    inset-block-end:var(--cds-aichat-launcher-position-bottom, 3rem);\n    opacity:1;\n  }\n}\n:host{\n}\n:host .cds-aichat--max-width-small{\n  max-inline-size:291px;\n}\n:host .cds-aichat--max-width-medium{\n  max-inline-size:438px;\n}\n:host .cds-aichat--max-width-large{\n  max-inline-size:585px;\n}\n:host{\n}\n:host .cds-aichat--connect-to-human-agent{\n  max-inline-size:var(--cds-aichat-card-max-width, 424px);\n}\n:host .cds-aichat--connect-to-human-agent__title{\n  font-size:var(--cds-heading-02-font-size, 1rem);\n  font-weight:var(--cds-heading-02-font-weight, 600);\n  line-height:var(--cds-heading-02-line-height, 1.5);\n  letter-spacing:var(--cds-heading-02-letter-spacing, 0);\n  padding-block-end:0.25rem;\n}\n:host .cds-aichat--connect-to-human-agent__text{\n  padding-block-end:1.5rem;\n}\n:host .cds-aichat--connect-to-agent__text p,\n:host .cds-aichat--connect-to-human-agent__request-button svg{\n  margin-inline-start:2rem;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--connect-to-human-agent__request-button svg{\n  margin-inline:0 2rem;\n  transform:scaleX(-1);\n}\n:host .cds-aichat--message .cds-aichat--connect-to-human-agent__warning a,\n:host .cds-aichat--message .cds-aichat--connect-to-human-agent__warning a:visited{\n  color:var(--cds-link-inverse, #78a9ff);\n}\n:host .cds-aichat--connect-to-human-agent__suspended-warning{\n  color:var(--cds-support-error, #da1e28);\n  padding-block-start:0.75rem;\n}\n:host{\n}\n:host .cds-aichat--card-message-component{\n  overflow:hidden;\n  padding:0;\n}\n:host{\n}\n:host .cds-aichat-preview-card__sm{\n  max-inline-size:18.1875rem;\n}\n:host .cds-aichat-preview-card [slot=body]{\n  padding:1rem;\n}\n:host .cds-aichat-preview-card [slot=body] .cds-aichat-preview-card--title{\n  font-size:var(--cds-body-compact-02-font-size, 1rem);\n  font-weight:var(--cds-body-compact-02-font-weight, 400);\n  line-height:var(--cds-body-compact-02-line-height, 1.375);\n  letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);\n  margin-block-end:0.125rem;\n}\n:host .cds-aichat-preview-card [slot=body] .cds-aichat-preview-card--subtitle{\n  font-size:var(--cds-helper-text-01-font-size, 0.75rem);\n  line-height:var(--cds-helper-text-01-line-height, 1.33333);\n  letter-spacing:var(--cds-helper-text-01-letter-spacing, 0.32px);\n  color:var(--cds-text-secondary, #525252);\n}\n:host{\n}\n:host :root{\n  --swiper-theme-color:#007aff;\n}\n:host :host{\n  position:relative;\n  display:block;\n  margin-left:auto;\n  margin-right:auto;\n  z-index:1;\n}\n:host .swiper{\n  margin-left:auto;\n  margin-right:auto;\n  position:relative;\n  overflow:hidden;\n  list-style:none;\n  padding:0;\n  z-index:1;\n  display:block;\n}\n:host .swiper-vertical > .swiper-wrapper{\n  flex-direction:column;\n}\n:host .swiper-wrapper{\n  position:relative;\n  width:100%;\n  height:100%;\n  z-index:1;\n  display:flex;\n  transition-property:transform;\n  transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);\n  box-sizing:content-box;\n}\n:host .swiper-android .swiper-slide,\n:host .swiper-ios .swiper-slide,\n:host .swiper-wrapper{\n  transform:translate3d(0px, 0, 0);\n}\n:host .swiper-horizontal{\n  touch-action:pan-y;\n}\n:host .swiper-vertical{\n  touch-action:pan-x;\n}\n:host .swiper-slide{\n  flex-shrink:0;\n  width:100%;\n  height:100%;\n  position:relative;\n  transition-property:transform;\n  display:block;\n}\n:host .swiper-slide-invisible-blank{\n  visibility:hidden;\n}\n:host{\n}\n:host .swiper-autoheight,\n:host .swiper-autoheight .swiper-slide{\n  height:auto;\n}\n:host .swiper-autoheight .swiper-wrapper{\n  align-items:flex-start;\n  transition-property:transform, height;\n}\n:host .swiper-backface-hidden .swiper-slide{\n  transform:translateZ(0);\n  backface-visibility:hidden;\n}\n:host{\n}\n:host .swiper-3d.swiper-css-mode .swiper-wrapper{\n  perspective:1200px;\n}\n:host .swiper-3d .swiper-wrapper{\n  transform-style:preserve-3d;\n}\n:host .swiper-3d{\n  perspective:1200px;\n}\n:host .swiper-3d .swiper-slide,\n:host .swiper-3d .swiper-cube-shadow{\n  transform-style:preserve-3d;\n}\n:host{\n}\n:host .swiper-css-mode > .swiper-wrapper{\n  overflow:auto;\n  scrollbar-width:none;\n  -ms-overflow-style:none;\n}\n:host .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar{\n  display:none;\n}\n:host .swiper-css-mode > .swiper-wrapper > .swiper-slide{\n  scroll-snap-align:start start;\n}\n:host .swiper-css-mode.swiper-horizontal > .swiper-wrapper{\n  scroll-snap-type:x mandatory;\n}\n:host .swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child{\n  margin-inline-start:var(--swiper-slides-offset-before);\n  scroll-margin-inline-start:var(--swiper-slides-offset-before);\n}\n:host .swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:last-child{\n  margin-inline-end:var(--swiper-slides-offset-after);\n}\n:host .swiper-css-mode.swiper-vertical > .swiper-wrapper{\n  scroll-snap-type:y mandatory;\n}\n:host .swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child{\n  margin-block-start:var(--swiper-slides-offset-before);\n  scroll-margin-block-start:var(--swiper-slides-offset-before);\n}\n:host .swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:last-child{\n  margin-block-end:var(--swiper-slides-offset-after);\n}\n:host .swiper-css-mode.swiper-free-mode > .swiper-wrapper{\n  scroll-snap-type:none;\n}\n:host .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide{\n  scroll-snap-align:none;\n}\n:host .swiper-css-mode.swiper-centered > .swiper-wrapper::before{\n  content:\"\";\n  flex-shrink:0;\n  order:9999;\n}\n:host .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide{\n  scroll-snap-align:center center;\n  scroll-snap-stop:always;\n}\n:host .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child{\n  margin-inline-start:var(--swiper-centered-offset-before);\n}\n:host .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before{\n  height:100%;\n  min-height:1px;\n  width:var(--swiper-centered-offset-after);\n}\n:host .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child{\n  margin-block-start:var(--swiper-centered-offset-before);\n}\n:host .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before{\n  width:100%;\n  min-width:1px;\n  height:var(--swiper-centered-offset-after);\n}\n:host{\n}\n:host .swiper-3d .swiper-slide-shadow,\n:host .swiper-3d .swiper-slide-shadow-left,\n:host .swiper-3d .swiper-slide-shadow-right,\n:host .swiper-3d .swiper-slide-shadow-top,\n:host .swiper-3d .swiper-slide-shadow-bottom,\n:host .swiper-3d .swiper-slide-shadow,\n:host .swiper-3d .swiper-slide-shadow-left,\n:host .swiper-3d .swiper-slide-shadow-right,\n:host .swiper-3d .swiper-slide-shadow-top,\n:host .swiper-3d .swiper-slide-shadow-bottom{\n  position:absolute;\n  left:0;\n  top:0;\n  width:100%;\n  height:100%;\n  pointer-events:none;\n  z-index:10;\n}\n:host .swiper-3d .swiper-slide-shadow{\n  background:rgba(0, 0, 0, 0.15);\n}\n:host .swiper-3d .swiper-slide-shadow-left{\n  background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-3d .swiper-slide-shadow-right{\n  background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-3d .swiper-slide-shadow-top{\n  background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-3d .swiper-slide-shadow-bottom{\n  background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-lazy-preloader{\n  width:42px;\n  height:42px;\n  position:absolute;\n  left:50%;\n  top:50%;\n  margin-left:-21px;\n  margin-top:-21px;\n  z-index:10;\n  transform-origin:50%;\n  box-sizing:border-box;\n  border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));\n  border-radius:50%;\n  border-top-color:transparent;\n}\n:host .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,\n:host .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{\n  animation:swiper-preloader-spin 1s infinite linear;\n}\n:host .swiper-lazy-preloader-white{\n  --swiper-preloader-color:#fff;\n}\n:host .swiper-lazy-preloader-black{\n  --swiper-preloader-color:#000;\n}\n@keyframes swiper-preloader-spin{\n  0%{\n    transform:rotate(0deg);\n  }\n  100%{\n    transform:rotate(360deg);\n  }\n}\n:host{\n}\n:host button.cds-aichat--carousel-container__navigation-button,\n:host .cds-aichat--carousel-container__controls{\n  display:flex;\n  align-items:center;\n  color:var(--cds-text-secondary, #525252);\n  -moz-column-gap:0.5rem;\n       column-gap:0.5rem;\n}\n:host .cds-aichat--carousel-container__navigation{\n  display:flex;\n  align-items:center;\n  justify-content:flex-end;\n  inline-size:100%;\n  max-inline-size:var(--cds-aichat-card-max-width, 424px);\n}\n:host .cds-aichat--carousel-container__navigation cds-button::part(button){\n  color:currentcolor;\n}\n:host .cds-aichat--carousel-container__navigation-button{\n  padding:0;\n  color:currentcolor;\n  inline-size:32px;\n}\n:host .cds-aichat--carousel-container__navigation-button:first-of-type{\n  margin-inline-end:0.5rem;\n}\n:host .cds-aichat--carousel-container__navigation-button:last-of-type{\n  margin-inline-start:0.5rem;\n}\n:host button.cds-aichat--carousel-container__navigation-button > svg{\n  fill:var(--cds-text-secondary, #525252);\n}\n:host .swiper .cds-aichat--body-message-components{\n  flex:1;\n}\n:host .cds-aichat--carousel-container__slide--wide.swiper-slide{\n  max-inline-size:100%;\n}\n:host .cds-aichat--carousel-container__controls--standard,\n:host .cds-aichat--carousel-container__controls--wide{\n  padding-block-start:0.5rem;\n  padding-inline:12px 16px;\n}\n:host .cds-aichat--carousel-container--one-slide{\n  max-inline-size:var(--cds-aichat-card-max-width, 424px);\n}\n:host .swiper,\n:host .swiper-wrapper{\n  z-index:unset;\n}\n:host .swiper-wrapper{\n  align-items:stretch;\n  block-size:unset;\n}\n:host .swiper-wrapper .swiper-slide{\n  block-size:unset;\n}\n:host .swiper-slide,\n:host .swiper-slide > *{\n  max-inline-size:var(--cds-aichat-card-max-width, 424px);\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n  :host .cds-aichat--conversational-search-citations{\n    animation:none;\n    padding-block-start:16px;\n  }\n}\n:host .cds-aichat--conversational-search-citations{\n  animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-chat-fade-in both;\n  padding-block-start:16px;\n}\n:host .cds-aichat--conversational-search-citations .swiper-slide{\n  block-size:unset;\n}\n:host .cds-aichat--conversational-search .cds-aichat--carousel-container__controls{\n  padding-block-end:0;\n}\n:host .cds-aichat--standard-width .cds-aichat--conversational-search .cds-aichat--carousel-container--one-slide,\n:host .cds-aichat--wide-width .cds-aichat--conversational-search .cds-aichat--carousel-container--one-slide,\n:host .cds-aichat--wide-width .cds-aichat--conversational-search-disclaimer,\n:host .cds-aichat--standard-width .cds-aichat--conversational-search-disclaimer{\n  margin-inline:56px 16px;\n}\n:host .cds-aichat--narrow-width .cds-aichat--conversational-search .cds-aichat--carousel-container--one-slide,\n:host .cds-aichat--narrow-width .cds-aichat--conversational-search-disclaimer{\n  margin-inline:16px;\n}\n:host{\n}\n:host .cds-aichat--conversational-search-text__CitationsToggleContainer{\n  padding-block-start:0.75rem;\n}\n:host .cds-aichat--narrow-width .cds-aichat--received--conversational-search .cds-aichat--received--feedback,\n:host .cds-aichat--narrow-width .cds-aichat--conversational-search-text{\n  margin-inline-start:16px;\n}\n:host .cds-aichat--conversational-search-text__citations-toggle-container{\n  display:block;\n  padding-block-start:0.25rem;\n}\n:host .cds-aichat--conversational-search-text__citations-toggle{\n  margin:0;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--conversational-search-text__segment:nth-last-child(1 of .cds-aichat--conversational-search-text__segment){\n  margin-inline:0.25rem 0;\n}\n:host{\n}\n:host .cds-aichat--date-picker__confirm-button{\n  display:block;\n}\n:host .cds-aichat--date-picker__confirm-button::part(button){\n  display:block;\n  margin-block-start:0.75rem;\n  margin-inline-start:auto;\n}\n:host{\n}\n:host .cds-aichat--inline-error{\n  display:flex;\n  flex-direction:row;\n  margin-inline-start:-16px;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--inline-error{\n  margin-inline:unset -16px;\n}\n:host .cds-aichat--inline-error--icon-holder{\n  display:flex;\n  flex:0 0 1rem;\n  align-items:flex-start;\n  margin:0.125rem 0.5rem 0 1rem;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--inline-error--icon-holder{\n  margin:0.125rem 1rem 0 0.5rem;\n}\n:host .cds-aichat--inline-error--icon{\n  block-size:1rem;\n  inline-size:1rem;\n}\n:host .cds-aichat--inline-error--text{\n  flex:1;\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n  margin-block-start:1px;\n}\n:host .cds-aichat--inline-error .cds-aichat--inline-error--text{\n  color:var(--cds-text-error, #da1e28);\n}\n:host{\n}\n:host .cds-aichat--grid{\n  display:flex;\n  flex-direction:column;\n  inline-size:100%;\n  row-gap:0.5rem;\n}\n:host .cds-aichat--grid__row{\n  display:flex;\n  -moz-column-gap:0.5rem;\n       column-gap:0.5rem;\n  inline-size:100%;\n}\n:host .cds-aichat--grid__cell{\n  display:flex;\n  flex-direction:column;\n  inline-size:100%;\n  row-gap:0.5rem;\n}\n:host .cds-aichat--grid__cell .cds-aichat--message-user-defined-response{\n  inline-size:100%;\n}\n:host .cds-aichat--grid .cds-aichat--image{\n  border:none;\n}\n:host .cds-aichat--grid .cds-aichat--image__image-wrapper{\n  background-color:transparent;\n}\n:host .cds-aichat--grid .cds-aichat--image__skeleton{\n  display:none;\n}\n:host .cds-aichat--grid .cds-aichat--media-player__skeleton{\n  display:none;\n}\n:host .cds-aichat--grid .cds-aichat--media-player__root{\n  inline-size:100%;\n}\n:host .cds-aichat--grid .cds-aichat--media-player__root .cds-aichat--grid .cds-aichat--image,\n:host .cds-aichat--grid .cds-aichat--media-player__root .cds-aichat--grid .cds-aichat--media-player,\n:host .cds-aichat--grid .cds-aichat--media-player__root .cds-aichat--grid .cds-aichat--media-player__skeleton{\n  border-radius:0;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n  :host .cds-aichat--i-frame-preview-card .cds-aichat--image{\n    position:unset;\n    transition:none;\n  }\n}\n:host .cds-aichat--i-frame-preview-card .cds-aichat--image{\n  position:unset;\n  transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds-aichat--i-frame-preview-card:focus .cds-aichat--image{\n  outline:2px solid var(--cds-focus, #0f62fe);\n}\n:host .cds-aichat--i-frame-preview-card:hover .cds-aichat--image{\n  background-color:var(--cds-layer-hover);\n  text-decoration:underline;\n}\n:host{\n}\n:host .cds-aichat--inline-i-frame{\n  position:relative;\n  overflow:hidden;\n  background:transparent;\n  inline-size:100%;\n  padding-block-start:var(--padding-top, 0);\n}\n:host .cds-aichat--inline-i-frame .cds-aichat--i-frame-component__wrapper{\n  position:absolute;\n  inset-block-start:0;\n  inset-inline-start:0;\n}\n:host{\n}\n:host .cds-aichat--i-frame-component__wrapper{\n  position:relative;\n  overflow:hidden;\n  background:transparent;\n}\n:host .cds-aichat--i-frame-component__wrapper,\n:host .cds-aichat--i-frame-component__i-frame{\n  block-size:100%;\n  inline-size:100%;\n}\n:host .cds-aichat--i-frame-component__status-container{\n  position:absolute;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background-color:var(--cds-chat-shell-background, #ffffff);\n  block-size:100%;\n  inline-size:100%;\n  inset-block-start:0;\n  inset-inline-start:0;\n}\n:host .cds-aichat--i-frame-component__status-container .cds-aichat--loading-spinner{\n  block-size:48px;\n  inline-size:48px;\n}\n:host .cds-aichat--i-frame-panel .cds-aichat--panel-content{\n  display:flex;\n  flex:1;\n  flex-direction:column;\n}\n:host .cds-aichat--i-frame-panel__content{\n  block-size:100%;\n  inline-size:100%;\n}\n:host{\n}\n:host .cds-aichat--image{\n  overflow:hidden;\n  padding:0;\n  min-block-size:0;\n  min-inline-size:0;\n}\n:host cds-ai-skeleton-placeholder.cds-aichat--image__skeleton::part(skeleton-placeholder\n  ),\n:host cds-skeleton-placeholder.cds-aichat--image__skeleton::part(placeholder){\n  block-size:192px;\n  inline-size:100%;\n}\n:host .cds-aichat--image__image-wrapper{\n  background-color:var(--cds-layer-02, #ffffff);\n}\n:host .cds-aichat--image__image{\n  display:none;\n  block-size:0;\n  max-inline-size:100%;\n  opacity:0;\n}\n@media screen and (prefers-reduced-motion: reduce){\n  :host .cds-aichat--image__image--loaded{\n    animation:none;\n    animation-duration:110ms;\n    animation-iteration-count:1;\n    animation-timing-function:cubic-bezier(0.2, 0, 0.38, 0.9);\n    block-size:auto;\n    opacity:1;\n  }\n}\n:host .cds-aichat--image__image--loaded{\n  animation-duration:110ms;\n  animation-iteration-count:1;\n  animation-name:cds-chat-fade-in-img;\n  animation-timing-function:cubic-bezier(0.2, 0, 0.38, 0.9);\n  block-size:auto;\n  opacity:1;\n}\n:host{\n}\n:host .cds-aichat--image .cds-aichat--image__image--loaded{\n  display:block;\n  margin:auto;\n}\n:host .cds-aichat--image__text-and-icon .cds-aichat--text-holder-tile__url{\n  padding-inline-end:calc(1rem + 2px);\n}\n:host .cds-aichat--image__icon-only .cds-aichat--image__icon{\n  padding:0.75rem;\n  border-radius:var(--cds-aichat-card-border-radius, 0.5rem);\n  background-color:var(--cds-overlay, rgba(0, 0, 0, 0.6));\n  fill:var(--cds-icon-on-color, #ffffff);\n}\n:host svg.cds-aichat--image__icon{\n  display:block;\n  margin-block-end:1rem;\n  margin-inline:auto 1rem;\n}\n:host .cds-aichat--image__icon-only .cds-aichat--image__icon,\n:host svg.cds-aichat--image__icon--link{\n  position:absolute;\n  margin:0;\n  inset-block-end:1rem;\n  inset-inline-end:1rem;\n}\n:host svg.cds-aichat--image__icon--link{\n  color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-aichat--container--render[dir=rtl] svg.cds-aichat--image__icon--link{\n  inset-inline:0.5rem unset;\n}\n:host{\n}\n:host .cds-aichat--button-holder{\n  margin-block-start:0.5rem;\n}\n:host .cds-aichat--button-holder ul{\n  padding:0;\n  margin:0;\n  list-style:none;\n}\n:host .cds-aichat--button-holder ul li{\n  display:inline-block;\n  padding:0 0.5rem 0.5rem 0;\n  margin:0;\n}\n:host{\n}\n:host .cds-aichat--select-holder{\n  padding:0 1px;\n  inline-size:100%;\n  margin-block-start:1rem;\n  max-inline-size:380px;\n}\n:host{\n}\n:host .cds-aichat--text-area{\n  position:relative;\n  block-size:-moz-fit-content;\n  block-size:fit-content;\n}\n:host .cds-aichat--text-area .cds-aichat--text-area-textarea,\n:host .cds-aichat--text-area .cds-aichat--text-area-sizer{\n  font-size:var(--cds-body-02-font-size, 1rem);\n  font-weight:var(--cds-body-02-font-weight, 400);\n  line-height:var(--cds-body-02-line-height, 1.5);\n  letter-spacing:var(--cds-body-02-letter-spacing, 0);\n  padding:0;\n  border:2px solid transparent;\n  margin:0;\n  block-size:100%;\n  inline-size:100%;\n  white-space:pre-wrap;\n  word-wrap:break-word;\n}\n:host .cds-aichat--text-area .cds-aichat--text-area-textarea:focus{\n  border:2px solid var(--cds-focus, #0f62fe);\n  border-radius:0;\n  outline:0;\n}\n:host .cds-aichat--text-area .cds-aichat--text-area-textarea::-moz-focus-inner{\n  border:2px solid var(--cds-focus, #0f62fe);\n  border-radius:0;\n  outline:0;\n}\n:host .cds-aichat--text-area.cds-aichat--text-area--auto-size .cds-aichat--text-area-textarea{\n  position:absolute;\n  overflow:hidden;\n  inset-block-start:0;\n  resize:none;\n}\n:host{\n}\n:host .cds-aichat--text-area .cds-aichat--text-area-sizer{\n  padding-block-end:1px;\n  visibility:hidden;\n  white-space:pre-wrap;\n  word-wrap:break-word;\n}\n:host{\n}\n:host .cds-aichat--body-message-components__message-wrapper{\n  padding:1rem;\n}\n:host .cds-aichat--body-message-components__message-wrapper.cds-aichat--body-message-components__message-wrapper--short-bottom-padding{\n  padding-block-end:0.75rem;\n}\n:host .cds-aichat--body-message-components .cds-aichat--media-player__skeleton,\n:host .cds-aichat--body-message-components .cds-aichat--media-player,\n:host .cds-aichat--body-message-components .cds-aichat--image{\n  border:none;\n}\n:host{\n}\n:host .cds-aichat--body-message-components__message-wrapper.cds-aichat--body-message-components__message-wrapper--short-bottom-padding + .cds-aichat--body-message-components__message-wrapper:not(.cds-aichat--body-message-components__message-wrapper--full-width){\n  padding-block-start:0;\n}\n:host .cds-aichat--body-message-components__message-wrapper.cds-aichat--body-message-components__message-wrapper--full-width{\n  padding:0;\n}\n:host .cds-aichat--body-message-components__message-wrapper.cds-aichat--body-message-components__message-wrapper--full-width .cds-aichat--body-message-components__message-wrapper .cds-aichat--image,\n:host .cds-aichat--body-message-components__message-wrapper.cds-aichat--body-message-components__message-wrapper--full-width .cds-aichat--body-message-components__message-wrapper .cds-aichat--media-player,\n:host .cds-aichat--body-message-components__message-wrapper.cds-aichat--body-message-components__message-wrapper--full-width .cds-aichat--body-message-components__message-wrapper .cds-aichat--media-player__skeleton{\n  border-radius:0;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n  :host .cds-aichat--clickable-image{\n    position:relative;\n    overflow:hidden;\n    padding:0;\n    border:none;\n    border-radius:var(--cds-aichat-card-border-radius, 0.5rem);\n    background-color:unset;\n    color:unset;\n    cursor:pointer;\n    inline-size:100%;\n    max-inline-size:var(--cds-aichat-card-max-width, 424px);\n    outline:none;\n    outline-offset:-2px;\n    text-align:unset;\n    transition:none;\n  }\n}\n:host .cds-aichat--clickable-image{\n  position:relative;\n  overflow:hidden;\n  padding:0;\n  border:none;\n  border-radius:var(--cds-aichat-card-border-radius, 0.5rem);\n  background-color:unset;\n  color:unset;\n  cursor:pointer;\n  inline-size:100%;\n  max-inline-size:var(--cds-aichat-card-max-width, 424px);\n  outline:none;\n  outline-offset:-2px;\n  text-align:unset;\n  transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host a.cds-aichat--clickable-image .cds-aichat--text-holder-tile__title{\n  color:var(--cds-text-primary, #161616);\n}\n@media screen and (prefers-reduced-motion: reduce){\n  :host .cds-aichat--clickable-image .cds-aichat--image{\n    position:unset;\n    transition:none;\n  }\n}\n:host .cds-aichat--clickable-image .cds-aichat--image{\n  position:unset;\n  transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds-aichat--clickable-image .cds-aichat--image__image{\n  -webkit-user-select:none;\n     -moz-user-select:none;\n          user-select:none;\n}\n:host .cds-aichat--clickable-image:disabled{\n  cursor:not-allowed;\n}\n:host .cds-aichat--clickable-image:disabled .cds-aichat--image{\n  opacity:0.5;\n}\n:host .cds-aichat--clickable-image:enabled:focus{\n  outline:2px solid var(--cds-focus, #0f62fe);\n}\n:host .cds-aichat--clickable-image:enabled:hover .cds-aichat--image{\n  background-color:var(--cds-layer-hover);\n  text-decoration:underline;\n}\n:host .cds-aichat--clickable-image:enabled:hover .cds-aichat--image__image{\n  opacity:0.8;\n}\n:host{\n}\n:host .cds-aichat--description{\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--disclaimer__title,\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--disclaimer__description{\n  text-align:end;\n}\n:host{\n}\n:host .cds-aichat--footer-button-components{\n  display:flex;\n  inline-size:100%;\n}\n:host .cds-aichat--footer-button-components cds-button.cds-aichat--button-item{\n  flex:auto;\n}\n:host .cds-aichat--footer-button-components cds-button[href][kind=ghost] svg{\n  fill:var(--cds-link-primary, #0f62fe);\n}\n:host cds-aichat-card .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column){\n  gap:0.0625rem;\n}\n:host cds-aichat-card .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column):not(:has([kind=ghost])){\n  background-color:var(--cds-button-separator, #e0e0e0);\n}\n:host cds-aichat-card .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column):has([kind=ghost]){\n  border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host cds-aichat-card .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column) .cds-aichat--button-item:first-child::part(button){\n  border-end-start-radius:max(0px, 0.5rem - 0.0625rem);\n}\n:host cds-aichat-card .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column) .cds-aichat--button-item:last-child::part(button){\n  border-end-end-radius:max(0px, 0.5rem - 0.0625rem);\n}\n:host cds-aichat-card .cds-aichat--footer-button-components.cds-aichat--footer-button-components--column{\n  flex-direction:column;\n}\n:host cds-aichat-card .cds-aichat--footer-button-components.cds-aichat--footer-button-components--column .cds-aichat--button-item[kind=ghost]{\n  border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host cds-aichat-card .cds-aichat--footer-button-components.cds-aichat--footer-button-components--column .cds-aichat--button-item:last-child::part(button){\n  border-end-end-radius:max(0px, 0.5rem - 0.0625rem);\n  border-end-start-radius:max(0px, 0.5rem - 0.0625rem);\n}\n:host .cds-aichat--overlay-panel .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column){\n  gap:0.0625rem;\n}\n:host .cds-aichat--overlay-panel .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column):not(:has([kind=ghost])){\n  background-color:var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-aichat--overlay-panel .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column):has([kind=ghost]){\n  border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host .cds-aichat--overlay-panel .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column) .cds-aichat--button-item:first-child::part(button){\n  border-end-start-radius:max(0px, var(--cds-aichat-border-radius-end-end, 0) - 0.0625rem);\n}\n:host .cds-aichat--overlay-panel .cds-aichat--footer-button-components:not(.cds-aichat--footer-button-components--column) .cds-aichat--button-item:last-child::part(button){\n  border-end-end-radius:max(0px, var(--cds-aichat-border-radius-end-end, 0) - 0.0625rem);\n}\n:host .cds-aichat--overlay-panel .cds-aichat--footer-button-components.cds-aichat--footer-button-components--column{\n  flex-direction:column;\n}\n:host .cds-aichat--overlay-panel .cds-aichat--footer-button-components.cds-aichat--footer-button-components--column .cds-aichat--button-item[kind=ghost]{\n  border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host .cds-aichat--overlay-panel .cds-aichat--footer-button-components.cds-aichat--footer-button-components--column .cds-aichat--button-item:last-child::part(button){\n  border-end-end-radius:max(0px, var(--cds-aichat-border-radius-end-end, 0) - 0.0625rem);\n  border-end-start-radius:max(0px, var(--cds-aichat-border-radius-end-end, 0) - 0.0625rem);\n}\n:host .cds-aichat--widget--with-branding-banner .cds-aichat--overlay-panel .cds-aichat--footer-button-components .cds-aichat--button-item:first-child::part(button),\n:host .cds-aichat--widget:not(.cds-aichat--widget--rounded,\n.cds-aichat--widget--with-branding-banner) .cds-aichat--overlay-panel .cds-aichat--footer-button-components .cds-aichat--button-item:first-child::part(button){\n  border-end-start-radius:0;\n}\n:host .cds-aichat--widget--with-branding-banner .cds-aichat--overlay-panel .cds-aichat--footer-button-components .cds-aichat--button-item:last-child::part(button),\n:host .cds-aichat--widget:not(.cds-aichat--widget--rounded,\n.cds-aichat--widget--with-branding-banner) .cds-aichat--overlay-panel .cds-aichat--footer-button-components .cds-aichat--button-item:last-child::part(button){\n  border-end-end-radius:0;\n}\n:host .cds-aichat--widget--with-branding-banner .cds-aichat--overlay-panel .cds-aichat--footer-button-components--column .cds-aichat--button-item.cds-aichat--button-item:last-child::part(button),\n:host .cds-aichat--footer-button-components.cds-aichat--footer-button-components--column .cds-aichat--button-item.cds-aichat--button-item:not(:last-child::part(button)){\n  border-end-end-radius:0;\n  border-end-start-radius:0;\n}\n:host{\n}\n:host .cds-aichat--media-player,\n:host .cds-aichat--media-player__skeleton{\n  overflow:hidden;\n  padding:0;\n}\n:host .cds-aichat--media-player__wrapper{\n  overflow:hidden;\n}\n:host .cds-aichat--media-player__skeleton-container,\n:host .cds-aichat--media-player__wrapper{\n  position:relative;\n  padding-block-start:0;\n}\n:host .cds-aichat--media-player__background{\n  background-color:var(--cds-layer-accent-01, #e0e0e0);\n}\n:host .cds-aichat--media-player__background--audio{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n:host .cds-aichat--media-player__player iframe{\n  block-size:100%;\n  inline-size:100%;\n  max-block-size:100%;\n  max-inline-size:100%;\n}\n:host .cds-aichat--media-player__music-icon{\n  fill:var(--cds-icon-on-color, #ffffff);\n}\n:host cds-ai-skeleton-placeholder.cds-aichat--media-player__skeleton-player::part(skeleton-placeholder\n  ),\n:host cds-skeleton-placeholder.cds-aichat--media-player__skeleton-player::part(placeholder\n  ),\n:host .cds-aichat--media-player__background,\n:host .cds-aichat--media-player__player{\n  position:absolute;\n  border-radius:0;\n  inset-block-start:0;\n  inset-inline-start:0;\n}\n:host cds-ai-skeleton-placeholder.cds-aichat--media-player__skeleton-player::part(skeleton-placeholder\n  ),\n:host cds-skeleton-placeholder.cds-aichat--media-player__skeleton-player::part(placeholder\n  ),\n:host .cds-aichat--media-player__background{\n  block-size:100%;\n  inline-size:100%;\n}\n:host .cds-aichat--media-player__root{\n  inline-size:100%;\n}\n:host .cds-aichat--media-player__skeleton-text-container{\n  padding:1rem;\n}\n:host .cds-aichat--media-transcript{\n  padding:0 1rem 1rem 1rem;\n}\n:host .cds-aichat--media-transcript__toggle{\n  font-size:var(--cds-label-01-font-size, 0.75rem);\n  font-weight:var(--cds-label-01-font-weight, 400);\n  line-height:var(--cds-label-01-line-height, 1.33333);\n  letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  padding:0;\n  border:0;\n  margin:0;\n  background-color:transparent;\n  color:var(--cds-text-secondary, #525252);\n  cursor:pointer;\n  text-align:start;\n}\n:host .cds-aichat--media-transcript__toggle:hover{\n  background-color:var(--cds-layer-hover-01, #e8e8e8);\n}\n:host .cds-aichat--media-transcript__toggle:focus{\n  outline:2px solid var(--cds-focus, #0f62fe);\n  outline-offset:-2px;\n}\n:host .cds-aichat--media-transcript__toggle-label{\n  display:flex;\n  align-items:center;\n  font-weight:600;\n}\n:host .cds-aichat--media-transcript__language{\n  color:var(--cds-text-secondary, #525252);\n  font-weight:400;\n}\n:host .cds-aichat--media-transcript__toggle-icon{\n  flex-shrink:0;\n  margin-inline-start:0.5rem;\n}\n:host .cds-aichat--media-transcript__content--visible{\n  padding-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-aichat--received--metablock{\n  color:var(--cds-text-primary, #161616);\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--received--metablock-content:nth-child(2){\n  margin-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-aichat--text-holder-tile{\n  display:flex;\n  padding:1rem;\n  min-block-size:initial;\n}\n:host .cds-aichat--text-holder-tile__icon{\n  flex:0 1 auto;\n  margin:0.125rem 0.5rem 0 0;\n}\n:host .cds-aichat--text-holder-tile__wrapper{\n  flex:1 1;\n  align-self:center;\n}\n:host .cds-aichat--text-holder-tile__title{\n  font-size:var(--cds-body-02-font-size, 1rem);\n  font-weight:var(--cds-body-02-font-weight, 400);\n  line-height:var(--cds-body-02-line-height, 1.5);\n  letter-spacing:var(--cds-body-02-letter-spacing, 0);\n  font-weight:400;\n  min-block-size:unset;\n}\n:host .cds-aichat--text-holder-tile__description{\n  color:var(--cds-text-secondary, #525252);\n}\n:host .cds-aichat--text-holder-tile__description,\n:host .cds-aichat--text-holder-tile__url{\n  font-size:var(--cds-caption-01-font-size, 0.75rem);\n  font-weight:var(--cds-caption-01-font-weight, 400);\n  line-height:var(--cds-caption-01-line-height, 1.33333);\n  letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n  min-block-size:unset;\n}\n:host .cds-aichat--text-holder-tile__description-margin{\n  margin-block-start:0.125rem;\n}\n:host .cds-aichat--text-holder-tile__url{\n  color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-aichat--text-holder-tile__url-margin{\n  margin-block-start:1rem;\n}\n@supports (-webkit-line-clamp: 3){\n  :host .cds-aichat--text-holder-tile__description{\n    display:-webkit-box;\n    overflow:hidden;\n    -webkit-box-orient:vertical;\n    -webkit-line-clamp:3;\n    white-space:normal;\n  }\n}\n@supports (-webkit-line-clamp: 2){\n  :host .cds-aichat--text-holder-tile__title{\n    display:-webkit-box;\n    overflow:hidden;\n    -webkit-box-orient:vertical;\n    -webkit-line-clamp:2;\n    white-space:normal;\n  }\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--text-holder-tile__icon{\n  margin-inline:0.5rem 0;\n}\n:host{\n}\n:host .cds-aichat--search-result-highlight{\n  background-color:var(--cds-highlight, #d0e2ff);\n}\n:host{\n}\n:host .cds-aichat--citation-card{\n  display:block;\n  inline-size:100%;\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable{\n  padding:0;\n  border:none;\n  border-radius:0.5rem;\n  cursor:pointer;\n  inline-size:100%;\n  padding-inline-end:0;\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable cds-aichat-card,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable cds-aichat-card{\n  border:none;\n  box-shadow:0 0 0 1px inset var(--cds-chat-bubble-border, #e0e0e0);\n  transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n@media screen and (prefers-reduced-motion: reduce){\n  :host .cds-aichat--message a.cds-aichat--citation-card--clickable cds-aichat-card,\n  :host .cds-aichat--message button.cds-aichat--citation-card--clickable cds-aichat-card{\n    border:none;\n    box-shadow:0 0 0 1px inset var(--cds-chat-bubble-border, #e0e0e0);\n    transition:none;\n  }\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable:focus,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable:focus{\n  text-decoration:none;\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable:focus cds-aichat-card,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable:focus cds-aichat-card{\n  box-shadow:0 0 0 2px inset var(--cds-focus, #0f62fe);\n  text-decoration:none;\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable:hover,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable:hover{\n  text-decoration:none;\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable:hover cds-aichat-card,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable:hover cds-aichat-card{\n  background:var(--cds-layer-hover-01, #e8e8e8);\n  text-decoration:none;\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable:active,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable:active{\n  text-decoration:none;\n}\n:host .cds-aichat--message a.cds-aichat--citation-card--clickable:active cds-aichat-card,\n:host .cds-aichat--message button.cds-aichat--citation-card--clickable:active cds-aichat-card{\n  box-shadow:0 0 0 2px inset var(--cds-focus, #0f62fe);\n  text-decoration:none;\n}\n:host .cds-aichat--citation-card-header{\n  block-size:128px;\n}\n:host .cds-aichat--citation-card-title{\n  color:var(--cds-text-secondary, #525252);\n  font-size:var(--cds-body-02-font-size, 1rem);\n  font-weight:var(--cds-body-02-font-weight, 400);\n  line-height:var(--cds-body-02-line-height, 1.5);\n  letter-spacing:var(--cds-body-02-letter-spacing, 0);\n  padding-block-end:0.5rem;\n}\n:host .cds-aichat--citation-card-text{\n  display:-webkit-box;\n  overflow:hidden;\n  -webkit-box-orient:vertical;\n  color:var(--cds-text-secondary, #525252);\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n  -webkit-line-clamp:5;\n  line-clamp:5;\n  text-align:start;\n  white-space:normal;\n}\n:host .cds-aichat--citation-card-footer{\n  display:flex;\n  justify-content:space-between;\n  color:var(--cds-link-primary, #0f62fe);\n  padding-block-start:1rem;\n}\n:host .cds-aichat--citation-card-label,\n:host .cds-aichat--citation-card-icon{\n  font-size:var(--cds-caption-01-font-size, 0.75rem);\n  font-weight:var(--cds-caption-01-font-weight, 400);\n  line-height:var(--cds-caption-01-line-height, 1.33333);\n  letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n}\n:host .cds-aichat--citation-card-icon{\n  display:flex;\n  align-items:center;\n}\n:host .cds-aichat--message a:hover.cds-aichat--citation-card--clickable{\n  cursor:pointer;\n  text-decoration:none;\n}\n:host{\n}\n:host .cds-aichat--view-source-panel{\n  position:relative;\n  display:flex;\n  flex-direction:column;\n  block-size:100%;\n}\n:host .cds-aichat--view-source-panel .cds-aichat--panel-content{\n  flex:1;\n}\n:host .cds-aichat--view-source-panel__content{\n  overflow:auto;\n  background-color:var(--cds-background, #ffffff);\n  block-size:100%;\n}\n:host{\n}\n:host .cds-aichat--error-icon{\n  fill:var(--cds-support-error, #da1e28);\n  vertical-align:middle;\n}\n:host .cds-aichat--error-icon path[data-icon-path=inner-path]{\n  fill:var(--cds-icon-on-color, #ffffff);\n  opacity:1;\n}\n:host{\n}\n:host .cds-aichat--response-stopped{\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n  color:var(--cds-text-secondary, #525252);\n  font-style:italic;\n  margin-block-start:1rem;\n  text-align:center;\n}\n:host .cds-aichat--standard-width .cds-aichat--conversational-search + .cds-aichat--response-stopped,\n:host .cds-aichat--wide-width .cds-aichat--conversational-search + .cds-aichat--response-stopped{\n  padding-inline-start:56px;\n}\n:host .cds-aichat--narrow-width .cds-aichat--conversational-search + .cds-aichat--response-stopped{\n  padding-inline-start:16px;\n}\n:host{\n}\n:host .cds-aichat--system-message-standalone{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  padding:1rem 0.5rem;\n  margin:0.5rem 0;\n}\n:host .cds-aichat--system-message-standalone-text{\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n  padding:0.5rem 1rem;\n  border-radius:0.25rem;\n  background-color:transparent;\n  color:var(--cds-text-secondary, #525252);\n  font-style:italic;\n  max-inline-size:600px;\n  text-align:center;\n}\n:host .cds-aichat--received .cds-aichat--system-message-inline,\n:host .cds-aichat--sent .cds-aichat--system-message-inline{\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n  padding:0.5rem 0;\n  margin:0.5rem 0;\n  border-block-end:1px solid var(--cds-border-subtle-01, #c6c6c6);\n  border-block-start:1px solid var(--cds-border-subtle-01, #c6c6c6);\n  color:var(--cds-text-secondary, #525252);\n  font-style:italic;\n  text-align:center;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n  :host .cds-aichat--message{\n    position:relative;\n    display:block;\n    margin:0;\n    animation:none;\n  }\n}\n:host .cds-aichat--message{\n  position:relative;\n  display:block;\n  margin:0;\n  --cds-aichat-border-radius-start-start:0;\n  --cds-aichat-border-radius-start-end:0;\n  --cds-aichat-border-radius-end-start:0;\n  --cds-aichat-border-radius-end-end:0;\n}\n:host .cds-aichat--message.cds-aichat--message--has-focus::after{\n  position:absolute;\n  box-sizing:border-box;\n  border:solid 2px var(--cds-focus, #0f62fe);\n  block-size:100%;\n  content:\"\";\n  inline-size:100%;\n  inset-block-start:0;\n  pointer-events:none;\n}\n:host{\n}\n:host .cds-aichat--message.cds-aichat--message--first-message.cds-aichat--message--has-focus::after{\n  block-size:calc(100% - 0.5rem);\n  inset-block-start:0.5rem;\n}\n:host .cds-aichat--message.cds-aichat--message--last-message.cds-aichat--message--has-focus::after{\n  block-size:calc(100% - 2rem + 0.5rem);\n  inset-block-end:calc(2rem - 0.5rem);\n}\n:host .cds-aichat--message .cds-aichat--message-vertical-padding,\n:host .cds-aichat--message .cds-aichat--ui-customization-element--response{\n  padding-block-start:1rem;\n}\n:host .cds-aichat--message--with-avatar-line .cds-aichat--message-vertical-padding,\n:host .cds-aichat--message--with-avatar-line .cds-aichat--ui-customization-element--response,\n:host .cds-aichat--message--option-response-without-title-or-description .cds-aichat--message-vertical-padding{\n  padding-block-start:0;\n}\n:host .cds-aichat--message--option-response-without-title-or-description .cds-aichat--ui-customization-element--response{\n  padding-block-start:0;\n}\n:host .cds-aichat--message.cds-aichat--message--custom .cds-aichat--message-vertical-padding,\n:host .cds-aichat--message.cds-aichat--message--custom .cds-aichat--ui-customization-element--response{\n  padding-block:0;\n}\n:host .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received,\n:host .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received.cds-aichat--received--carousel:not(.cds-aichat--received--carousel-single):first-child,\n:host .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received.cds-aichat--received--full-width:first-child{\n  margin-block-start:0.5rem;\n}\n:host .cds-aichat--message.cds-aichat--message--last-message .cds-aichat--message--padding{\n  padding-block-end:1.5rem;\n}\n:host .cds-aichat--sent-container{\n  display:flex;\n  justify-content:flex-end;\n}\n:host .cds-aichat--message .cds-aichat--received,\n:host .cds-aichat--message .cds-aichat--sent-container{\n  flex-grow:1;\n  margin-inline:1rem;\n  min-inline-size:0;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n  :host .cds-aichat--message .cds-aichat--received .cds-aichat--message .cds-aichat--received,\n  :host .cds-aichat--message .cds-aichat--received .cds-aichat--message .cds-aichat--sent-container,\n  :host .cds-aichat--message .cds-aichat--sent-container .cds-aichat--message .cds-aichat--received,\n  :host .cds-aichat--message .cds-aichat--sent-container .cds-aichat--message .cds-aichat--sent-container{\n    transition:margin-inline 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  }\n  :host .cds-aichat--message .cds-aichat--received .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received,\n  :host .cds-aichat--message .cds-aichat--sent-container .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received{\n    transition:margin-block-start 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  }\n  :host .cds-aichat--message .cds-aichat--received .cds-aichat--message .cds-aichat--received.cds-aichat--received--agent-status-message,\n  :host .cds-aichat--message .cds-aichat--sent-container .cds-aichat--message .cds-aichat--received.cds-aichat--received--agent-status-message{\n    transition:margin-inline 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  }\n}\n:host .cds-aichat--wide-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--conversational-search,\n:host .cds-aichat--wide-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--search,\n:host .cds-aichat--wide-width .cds-aichat--message .cds-aichat--received--carousel:not(.cds-aichat--received--carousel-single),\n:host .cds-aichat--wide-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--full-width,\n:host .cds-aichat--narrow-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--conversational-search,\n:host .cds-aichat--narrow-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--search,\n:host .cds-aichat--narrow-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--full-width,\n:host .cds-aichat--standard-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--conversational-search,\n:host .cds-aichat--standard-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--search,\n:host .cds-aichat--standard-width .cds-aichat--message .cds-aichat--received--carousel:not(.cds-aichat--received--carousel-single),\n:host .cds-aichat--standard-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--full-width{\n  margin-inline:0 1rem;\n}\n:host .cds-aichat--message a:not(button){\n  color:var(--cds-link-primary, #0f62fe);\n  outline:none;\n  text-decoration:none;\n}\n:host .cds-aichat--message a:visited:not(button){\n  color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-aichat--message a:hover:not(button){\n  text-decoration:underline;\n}\n:host .cds-aichat--message a:focus:not(button){\n  text-decoration:underline;\n}\n:host .cds-aichat--message::after{\n  display:table;\n  clear:both;\n  content:\"\";\n}\n:host .cds-aichat--messages--welcome.cds-aichat--messages--welcome--typing{\n  min-block-size:100%;\n}\n:host .cds-aichat--assistant-message{\n  position:relative;\n  display:flex;\n  flex-direction:row;\n  max-inline-size:100%;\n}\n:host .cds-aichat--received--inline-error,\n:host .cds-aichat--received--text,\n:host .cds-aichat--message-user-defined-response{\n  position:relative;\n  color:var(--cds-text-primary, #161616);\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n  overflow-wrap:break-word;\n  word-break:break-word;\n  word-wrap:break-word;\n}\n:host .cds-aichat--message-user-defined-response{\n  max-inline-size:100%;\n}\n:host .cds-aichat--received--image{\n  position:relative;\n  inline-size:90%;\n  overflow-wrap:break-word;\n  word-break:break-word;\n  word-wrap:break-word;\n}\n:host .cds-aichat--received--video,\n:host .cds-aichat--received--audio{\n  inline-size:100%;\n  overflow-wrap:break-word;\n  word-break:break-word;\n  word-wrap:break-word;\n}\n:host{\n}\n:host .cds-aichat--sent-and-message-state-container{\n  display:flex;\n  flex-direction:row;\n  justify-content:flex-end;\n}\n:host{\n}\n:host .cds-aichat--message-status{\n  display:flex;\n  align-items:center;\n  margin-inline:8px;\n}\n:host{\n}\n:host .cds-aichat--sent-and-message-state--below-message{\n  display:flex;\n  flex-direction:column;\n  align-items:flex-end;\n}\n:host .cds-aichat--sent-and-message-state--below-message .cds-aichat--message-status{\n  margin-inline:0;\n  padding-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-aichat--message-status .cds-aichat--loading-spinner circle{\n  stroke-width:6;\n}\n@media screen and (prefers-reduced-motion: reduce){\n  :host .cds-aichat--sent-container .cds-aichat--message-status-file-success svg{\n    animation:none;\n    fill:var(--cds-interactive, #0f62fe);\n  }\n}\n:host .cds-aichat--sent-container .cds-aichat--message-status-file-success svg{\n  animation:150ms cubic-bezier(0.4, 0.14, 1, 1) 2000ms cds-chat-fade-out forwards;\n  fill:var(--cds-interactive, #0f62fe);\n}\n:host .cds-aichat--received--loading,\n:host .cds-aichat--search-result,\n:host .cds-aichat--sent--bubble{\n  position:relative;\n  opacity:1;\n  overflow-wrap:break-word;\n  word-break:break-word;\n  word-wrap:break-word;\n}\n:host .cds-aichat--received--loading .cds-aichat--received--inner{\n  position:relative;\n}\n:host .cds-aichat--sent--text > span{\n  flex:1;\n  white-space:pre-wrap;\n}\n:host .cds-aichat--sent--text{\n  display:flex;\n}\n:host svg.cds-aichat--sent-file-icon{\n  margin-inline-end:8px;\n}\n:host .cds-aichat--sent{\n  display:flex;\n  flex-direction:column;\n  inline-size:100%;\n}\n:host .cds-aichat--sent--bubble{\n  align-self:end;\n  padding:0.5rem 0.75rem;\n  border:solid 1px var(--cds-chat-bubble-user, #e0e0e0);\n  border-radius:0.5rem 0 0.5rem 0.5rem;\n  background:var(--cds-chat-bubble-user, #e0e0e0);\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--sent--bubble{\n  border-radius:0 0.5rem 0.5rem 0.5rem;\n}\n:host .cds-aichat--received--options,\n:host .cds-aichat--received--suggestion{\n  position:relative;\n  overflow-wrap:break-word;\n  word-break:break-word;\n  word-wrap:break-word;\n}\n:host .cds-aichat--received--iframe-preview-card{\n  overflow:hidden;\n  inline-size:100%;\n}\n:host .cds-aichat--assistant-message .cds-aichat--received--agent-status-message{\n  color:var(--cds-text-helper, #6f6f6f);\n  font-size:var(--cds-caption-01-font-size, 0.75rem);\n  font-weight:var(--cds-caption-01-font-weight, 400);\n  line-height:var(--cds-caption-01-line-height, 1.33333);\n  letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n  padding-inline:1rem;\n  text-align:center;\n}\n:host .cds-aichat--assistant-message .cds-aichat--received--chat-status-message{\n  color:var(--cds-text-secondary, #525252);\n  font-size:var(--cds-caption-01-font-size, 0.75rem);\n  font-weight:var(--cds-caption-01-font-weight, 400);\n  line-height:var(--cds-caption-01-line-height, 1.33333);\n  letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n}\n:host .cds-aichat--message--system-message{\n  padding-block-start:28px;\n}\n:host .cds-aichat--message__avatar-line{\n  display:flex;\n  padding-block-start:28px;\n}\n:host .cds-aichat--message__avatar-line .cds-aichat--message__label{\n  color:var(--cds-text-secondary, #525252);\n  font-size:var(--cds-caption-01-font-size, 0.75rem);\n  font-weight:var(--cds-caption-01-font-weight, 400);\n  line-height:var(--cds-caption-01-line-height, 1.33333);\n  letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);\n}\n:host .cds-aichat--message__avatar-line .cds-aichat--message__reasoning{\n  display:flex;\n  align-items:center;\n}\n:host .cds-aichat--message__avatar-line .cds-aichat--message__reasoning-separator{\n  color:var(--cds-text-secondary, #525252);\n  margin-inline-end:0.5rem;\n}\n:host .cds-aichat--message__avatar-line .cds-aichat--message__avatar{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  block-size:2rem;\n  inline-size:2rem;\n}\n:host .cds-aichat--message__avatar-line .cds-aichat--message__avatar--assistant svg{\n  block-size:28px;\n  inline-size:28px;\n}\n:host .cds-aichat--message__avatar-line .cds-aichat--image-with-fallback{\n  display:flex;\n}\n:host .cds-aichat--message__avatar-line .cds-aichat--image-with-fallback img,\n:host .cds-aichat--message__avatar-line .cds-aichat--image-with-fallback .cds-aichat--icon-holder{\n  border-radius:14px;\n  block-size:28px;\n  inline-size:28px;\n}\n:host .cds-aichat--message__avatar-line .cds-aichat--image-with-fallback img svg,\n:host .cds-aichat--message__avatar-line .cds-aichat--image-with-fallback .cds-aichat--icon-holder svg{\n  block-size:16px;\n  fill:var(--cds-icon-inverse, #ffffff);\n  inline-size:16px;\n}\n:host .cds-aichat--message--request .cds-aichat--message__avatar-line{\n  justify-content:flex-end;\n  padding-inline-end:1rem;\n}\n:host .cds-aichat--message--request .cds-aichat--message__avatar-line .cds-aichat--message__label{\n  padding-block-end:0.5rem;\n  padding-inline-start:0.5rem;\n}\n:host{\n}\n:host .cds-aichat--message--response .cds-aichat--message__avatar-line{\n  padding-inline-start:0.5rem;\n}\n:host .cds-aichat--message--response .cds-aichat--message__avatar-line .cds-aichat--message__label{\n  padding-block:0.5rem;\n  padding-inline:0.5rem;\n}\n:host .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message + .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message,\n:host .cds-aichat--message--request + .cds-aichat--message--request{\n  padding-block-start:0.5rem;\n}\n:host .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message + .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message .cds-aichat--message__avatar-line,\n:host .cds-aichat--message--request + .cds-aichat--message--request .cds-aichat--message__avatar-line{\n  display:none;\n}\n:host .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message + .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message .cds-aichat--received--from-human,\n:host .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message + .cds-aichat--message--response:not(.cds-aichat--message--system-message).cds-aichat--message--agent-message .cds-aichat--sent--bubble,\n:host .cds-aichat--message--request + .cds-aichat--message--request .cds-aichat--received--from-human,\n:host .cds-aichat--message--request + .cds-aichat--message--request .cds-aichat--sent--bubble{\n  border-radius:0.5rem;\n}\n:host .cds-aichat--message--response:not(.cds-aichat--message--agent-message) .cds-aichat--message__avatar-line + .cds-aichat--message--padding{\n  padding-block-start:0.25rem;\n}\n:host .cds-aichat--message__avatar--agent .cds-aichat--image-with-fallback .cds-aichat--icon-holder{\n  background-color:var(--cds-chat-avatar-agent, #393939);\n}\n:host .cds-aichat--received--from-human.cds-aichat--received--text{\n  padding:0.5rem 0.75rem;\n  border:solid 1px var(--cds-chat-bubble-border, #e0e0e0);\n  border-radius:0 0.5rem 0.5rem 0.5rem;\n  background-color:var(--cds-chat-bubble-agent, #ffffff);\n}\n:host .cds-aichat--received--chain-of-thought{\n  margin-block-start:0.75rem;\n}\n:host .cds-aichat--message__reasoning-steps{\n  display:none;\n}\n:host .cds-aichat--message__reasoning-steps--open{\n  display:block;\n  padding-block-end:0.75rem;\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--received--from-agent.cds-aichat--received--text{\n  border-radius:0.5rem 0 0.5rem 0.5rem;\n}\n:host .cds-aichat--message__avatar--assistant .cds-aichat--image-with-fallback .cds-aichat--icon-holder{\n  background-color:var(--cds-chat-avatar-bot, #6f6f6f);\n}\n:host{\n}\n:host .cds-aichat--container--render{\n}\n:host .cds-aichat--container--render :where(cds-aichat-shell).cds-aichat--standard-width .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received, :host .cds-aichat--container--render :where(cds-aichat-shell).cds-aichat--wide-width .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received{\n  margin-block-start:0;\n}\n:host .cds-aichat--container--render :where(cds-aichat-shell).cds-aichat--standard-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--agent-status-message, :host .cds-aichat--container--render :where(cds-aichat-shell).cds-aichat--wide-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--agent-status-message{\n  margin-inline:0;\n}\n:host .cds-aichat--container--render :where(cds-aichat-shell){\n}\n:host .cds-aichat--container--render :where(cds-aichat-shell).cds-aichat--wide-width .cds-aichat--message .cds-aichat--received, :host .cds-aichat--container--render :where(cds-aichat-shell).cds-aichat--standard-width .cds-aichat--message .cds-aichat--received, :host .cds-aichat--container--render :where(cds-aichat-shell).cds-aichat--wide-width .cds-aichat--message .cds-aichat--sent-container, :host .cds-aichat--container--render :where(cds-aichat-shell).cds-aichat--standard-width .cds-aichat--message .cds-aichat--sent-container{\n  margin-inline:calc(0.5rem + 2rem + 0.5rem) 1rem;\n}\n:host .cds-aichat--container--render{\n}\n:host .cds-aichat--container--render :where(cds-aichat-shell[workspace-in-container]).cds-aichat--standard-width .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received, :host .cds-aichat--container--render :where(cds-aichat-shell[workspace-in-container]).cds-aichat--wide-width .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received{\n  margin-block-start:0.5rem;\n}\n:host .cds-aichat--container--render :where(cds-aichat-shell[workspace-in-container]).cds-aichat--standard-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--agent-status-message, :host .cds-aichat--container--render :where(cds-aichat-shell[workspace-in-container]).cds-aichat--wide-width .cds-aichat--message .cds-aichat--received.cds-aichat--received--agent-status-message{\n  margin-inline:1rem;\n}\n:host .cds-aichat--container--render :where(cds-aichat-shell[workspace-in-container]){\n}\n:host .cds-aichat--container--render :where(cds-aichat-shell[workspace-in-container]).cds-aichat--wide-width .cds-aichat--message .cds-aichat--received, :host .cds-aichat--container--render :where(cds-aichat-shell[workspace-in-container]).cds-aichat--standard-width .cds-aichat--message .cds-aichat--received, :host .cds-aichat--container--render :where(cds-aichat-shell[workspace-in-container]).cds-aichat--wide-width .cds-aichat--message .cds-aichat--sent-container, :host .cds-aichat--container--render :where(cds-aichat-shell[workspace-in-container]).cds-aichat--standard-width .cds-aichat--message .cds-aichat--sent-container{\n  margin-inline:1rem;\n}\n:host .cds-aichat--container--render{\n}\n:host .cds-aichat--container--render :where(cds-aichat-shell[show-workspace]) .cds-aichat--message__avatar-line + .cds-aichat--message--padding .cds-aichat--assistant-message > div.cds-aichat--received{\n  margin-block-start:0;\n}\n:host .cds-aichat--message-footer{\n  display:flex;\n  margin-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-aichat--typing-indicator--hidden{\n  visibility:hidden;\n}\n:host .cds-aichat--messages--holder{\n  display:flex;\n  overflow:hidden;\n  flex:1;\n  flex-direction:column;\n  block-size:100%;\n  inline-size:100%;\n}\n:host .cds-aichat--messages__wrapper{\n  position:relative;\n  overflow:hidden auto;\n  flex:1;\n  block-size:100%;\n  inline-size:100%;\n}\n:host .cds-aichat--messages__wrapper:focus{\n  outline:none;\n}\n:host .cds-aichat--message--focus-handle,\n:host .cds-aichat--messages--scroll-handle{\n  position:absolute;\n  display:block;\n  overflow:hidden;\n  padding:0;\n  border:none;\n  margin:0;\n  block-size:1px;\n  clip:rect(0 0 0 0);\n  clip-path:inset(50%);\n  inline-size:1px;\n  outline:none;\n  white-space:nowrap;\n}\n:host .cds-aichat--messages--scroll-handle-desktop{\n  overflow:hidden;\n  padding:0 1rem;\n  margin:auto;\n  block-size:0;\n  max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n  pointer-events:none;\n}\n:host .cds-aichat--messages--scroll-handle-desktop:focus{\n  padding:1rem;\n  block-size:auto;\n  pointer-events:auto;\n}\n:host .cds-aichat--messages{\n  block-size:100%;\n  inline-size:100%;\n}\n:host .cds-aichat--widget--max-width .cds-aichat--messages{\n  margin:0 auto;\n  max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host .cds-aichat--processing{\n  display:flex;\n  align-items:center;\n}\n:host .cds-aichat--processing-component{\n  block-size:32px;\n}\n:host .cds-aichat--processing-label{\n  font-size:var(--cds-label-02-font-size, 0.875rem);\n  font-weight:var(--cds-label-02-font-weight, 400);\n  line-height:var(--cds-label-02-line-height, 1.28572);\n  letter-spacing:var(--cds-label-02-letter-spacing, 0.16px);\n  display:flex;\n  align-items:center;\n  block-size:32px;\n  color:var(--cds-text-secondary, #525252);\n  font-style:italic;\n  opacity:0;\n  padding-inline-start:0.125rem;\n}\n@media (prefers-reduced-motion: no-preference){\n  :host .cds-aichat--processing-label{\n    animation:cds-aichat-fade-in 600ms forwards;\n    animation-delay:1200ms;\n  }\n}\n:host .cds-aichat__scroll-to-bottom{\n  position:sticky;\n  z-index:1;\n  inline-size:2rem;\n  inset-block-end:1rem;\n  inset-inline-start:50%;\n  margin-block-start:-2rem;\n  transform:translateX(-50%);\n}\n:host .cds-aichat__scroll-to-bottom-button--hidden{\n  display:none;\n}\n:host{\n}\n:host .cds--white{\n  --cds-ai-aura-end:rgba(255, 255, 255, 0);\n  --cds-ai-aura-hover-background:#edf5ff;\n  --cds-ai-aura-hover-end:rgba(255, 255, 255, 0);\n  --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.32);\n  --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n  --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n  --cds-ai-border-end:#78a9ff;\n  --cds-ai-border-start:rgba(166, 200, 255, 0.64);\n  --cds-ai-border-strong:#4589ff;\n  --cds-ai-drop-shadow:rgba(15, 98, 254, 0.1);\n  --cds-ai-inner-shadow:rgba(69, 137, 255, 0.1);\n  --cds-ai-overlay:rgba(0, 17, 65, 0.5);\n  --cds-ai-popover-background:#ffffff;\n  --cds-ai-popover-caret-bottom:#78a9ff;\n  --cds-ai-popover-caret-bottom-background:#eaf1ff;\n  --cds-ai-popover-caret-bottom-background-actions:#e9effa;\n  --cds-ai-popover-caret-center:#a0c3ff;\n  --cds-ai-popover-shadow-outer-01:rgba(0, 67, 206, 0.06);\n  --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.04);\n  --cds-ai-skeleton-background:#d0e2ff;\n  --cds-ai-skeleton-element-background:#4589ff;\n  --cds-background:#ffffff;\n  --cds-background-active:rgba(141, 141, 141, 0.5);\n  --cds-background-brand:#0f62fe;\n  --cds-background-hover:rgba(141, 141, 141, 0.12);\n  --cds-background-inverse:#393939;\n  --cds-background-inverse-hover:#474747;\n  --cds-background-selected:rgba(141, 141, 141, 0.2);\n  --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n  --cds-border-disabled:#c6c6c6;\n  --cds-border-interactive:#0f62fe;\n  --cds-border-inverse:#161616;\n  --cds-border-strong-01:#8d8d8d;\n  --cds-border-strong-02:#8d8d8d;\n  --cds-border-strong-03:#8d8d8d;\n  --cds-border-subtle-00:#e0e0e0;\n  --cds-border-subtle-01:#c6c6c6;\n  --cds-border-subtle-02:#e0e0e0;\n  --cds-border-subtle-03:#c6c6c6;\n  --cds-border-subtle-selected-01:#c6c6c6;\n  --cds-border-subtle-selected-02:#c6c6c6;\n  --cds-border-subtle-selected-03:#c6c6c6;\n  --cds-border-tile-01:#c6c6c6;\n  --cds-border-tile-02:#a8a8a8;\n  --cds-border-tile-03:#c6c6c6;\n  --cds-chat-avatar-agent:#393939;\n  --cds-chat-avatar-bot:#6f6f6f;\n  --cds-chat-avatar-user:#0f62fe;\n  --cds-chat-bubble-agent:#ffffff;\n  --cds-chat-bubble-agent-text:#161616;\n  --cds-chat-bubble-border:#e0e0e0;\n  --cds-chat-bubble-user:#e0e0e0;\n  --cds-chat-bubble-user-text:#161616;\n  --cds-chat-button:#0f62fe;\n  --cds-chat-button-active:rgba(141, 141, 141, 0.5);\n  --cds-chat-button-hover:rgba(141, 141, 141, 0.12);\n  --cds-chat-button-selected:rgba(141, 141, 141, 0.2);\n  --cds-chat-button-text-hover:#0043ce;\n  --cds-chat-button-text-selected:#525252;\n  --cds-chat-header-background:#ffffff;\n  --cds-chat-header-text:#161616;\n  --cds-chat-prompt-background:#ffffff;\n  --cds-chat-prompt-border-end:rgba(244, 244, 244, 0);\n  --cds-chat-prompt-border-start:#f4f4f4;\n  --cds-chat-prompt-text:#161616;\n  --cds-chat-shell-background:#ffffff;\n  --cds-color-scheme:light;\n  --cds-field-01:#f4f4f4;\n  --cds-field-02:#ffffff;\n  --cds-field-03:#f4f4f4;\n  --cds-field-hover-01:#e8e8e8;\n  --cds-field-hover-02:#e8e8e8;\n  --cds-field-hover-03:#e8e8e8;\n  --cds-focus:#0f62fe;\n  --cds-focus-inset:#ffffff;\n  --cds-focus-inverse:#ffffff;\n  --cds-highlight:#d0e2ff;\n  --cds-icon-disabled:rgba(22, 22, 22, 0.25);\n  --cds-icon-interactive:#0f62fe;\n  --cds-icon-inverse:#ffffff;\n  --cds-icon-on-color:#ffffff;\n  --cds-icon-on-color-disabled:#8d8d8d;\n  --cds-icon-primary:#161616;\n  --cds-icon-secondary:#525252;\n  --cds-interactive:#0f62fe;\n  --cds-layer-01:#f4f4f4;\n  --cds-layer-02:#ffffff;\n  --cds-layer-03:#f4f4f4;\n  --cds-layer-accent-01:#e0e0e0;\n  --cds-layer-accent-02:#e0e0e0;\n  --cds-layer-accent-03:#e0e0e0;\n  --cds-layer-accent-active-01:#a8a8a8;\n  --cds-layer-accent-active-02:#a8a8a8;\n  --cds-layer-accent-active-03:#a8a8a8;\n  --cds-layer-accent-hover-01:#d1d1d1;\n  --cds-layer-accent-hover-02:#d1d1d1;\n  --cds-layer-accent-hover-03:#d1d1d1;\n  --cds-layer-active-01:#c6c6c6;\n  --cds-layer-active-02:#c6c6c6;\n  --cds-layer-active-03:#c6c6c6;\n  --cds-layer-background-01:#ffffff;\n  --cds-layer-background-02:#f4f4f4;\n  --cds-layer-background-03:#ffffff;\n  --cds-layer-hover-01:#e8e8e8;\n  --cds-layer-hover-02:#e8e8e8;\n  --cds-layer-hover-03:#e8e8e8;\n  --cds-layer-selected-01:#e0e0e0;\n  --cds-layer-selected-02:#e0e0e0;\n  --cds-layer-selected-03:#e0e0e0;\n  --cds-layer-selected-disabled:#8d8d8d;\n  --cds-layer-selected-hover-01:#d1d1d1;\n  --cds-layer-selected-hover-02:#d1d1d1;\n  --cds-layer-selected-hover-03:#d1d1d1;\n  --cds-layer-selected-inverse:#161616;\n  --cds-link-inverse:#78a9ff;\n  --cds-link-inverse-active:#f4f4f4;\n  --cds-link-inverse-hover:#a6c8ff;\n  --cds-link-inverse-visited:#be95ff;\n  --cds-link-primary:#0f62fe;\n  --cds-link-primary-hover:#0043ce;\n  --cds-link-secondary:#0043ce;\n  --cds-link-visited:#8a3ffc;\n  --cds-overlay:rgba(0, 0, 0, 0.6);\n  --cds-shadow:rgba(0, 0, 0, 0.3);\n  --cds-skeleton-background:#e8e8e8;\n  --cds-skeleton-element:#c6c6c6;\n  --cds-support-caution-major:#ff832b;\n  --cds-support-caution-minor:#f1c21b;\n  --cds-support-caution-undefined:#8a3ffc;\n  --cds-support-error:#da1e28;\n  --cds-support-error-inverse:#fa4d56;\n  --cds-support-info:#0043ce;\n  --cds-support-info-inverse:#4589ff;\n  --cds-support-success:#24a148;\n  --cds-support-success-inverse:#42be65;\n  --cds-support-warning:#f1c21b;\n  --cds-support-warning-inverse:#f1c21b;\n  --cds-syntax-angle-bracket:#697077;\n  --cds-syntax-annotation:#007d79;\n  --cds-syntax-arithmetic-operator:#343a3f;\n  --cds-syntax-atom:#161616;\n  --cds-syntax-attribute:#00539a;\n  --cds-syntax-attribute-name:#00539a;\n  --cds-syntax-attribute-value:#161616;\n  --cds-syntax-bitwise-operator:#343a3f;\n  --cds-syntax-block-comment:#198038;\n  --cds-syntax-bool:#161616;\n  --cds-syntax-brace:#343a3f;\n  --cds-syntax-bracket:#343a3f;\n  --cds-syntax-character:#161616;\n  --cds-syntax-class-name:#007d79;\n  --cds-syntax-color:#161616;\n  --cds-syntax-comment:#198038;\n  --cds-syntax-compare-operator:#343a3f;\n  --cds-syntax-constant:#0f62fe;\n  --cds-syntax-content:#161616;\n  --cds-syntax-content-separator:#343a3f;\n  --cds-syntax-control-keyword:#6929c4;\n  --cds-syntax-control-operator:#6929c4;\n  --cds-syntax-definition:#00539a;\n  --cds-syntax-definition-keyword:#00539a;\n  --cds-syntax-definition-operator:#00539a;\n  --cds-syntax-deref-operator:#343a3f;\n  --cds-syntax-doc-comment:#198038;\n  --cds-syntax-doc-string:#161616;\n  --cds-syntax-document-meta:#198038;\n  --cds-syntax-emphasis:#161616;\n  --cds-syntax-escape:#343a3f;\n  --cds-syntax-float:#198038;\n  --cds-syntax-function:#8e6a00;\n  --cds-syntax-heading:#00539a;\n  --cds-syntax-heading-1:#00539a;\n  --cds-syntax-heading-2:#00539a;\n  --cds-syntax-heading-3:#00539a;\n  --cds-syntax-heading-4:#00539a;\n  --cds-syntax-heading-5:#00539a;\n  --cds-syntax-heading-6:#00539a;\n  --cds-syntax-integer:#198038;\n  --cds-syntax-invalid:#da1e28;\n  --cds-syntax-keyword:#0f62fe;\n  --cds-syntax-label-name:#0f62fe;\n  --cds-syntax-line-comment:#198038;\n  --cds-syntax-link:#0f62fe;\n  --cds-syntax-list:#161616;\n  --cds-syntax-literal:#161616;\n  --cds-syntax-local:#0f62fe;\n  --cds-syntax-logic-operator:#343a3f;\n  --cds-syntax-macro-name:#161616;\n  --cds-syntax-meta:#198038;\n  --cds-syntax-modifier:#0f62fe;\n  --cds-syntax-module-keyword:#6929c4;\n  --cds-syntax-monospace:#161616;\n  --cds-syntax-name:#0f62fe;\n  --cds-syntax-namespace:#007d79;\n  --cds-syntax-null:#161616;\n  --cds-syntax-number:#198038;\n  --cds-syntax-operator:#343a3f;\n  --cds-syntax-operator-keyword:#0f62fe;\n  --cds-syntax-paren:#343a3f;\n  --cds-syntax-processing-instruction:#161616;\n  --cds-syntax-property-name:#00539a;\n  --cds-syntax-punctuation:#343a3f;\n  --cds-syntax-quote:#198038;\n  --cds-syntax-regexp:#6929c4;\n  --cds-syntax-self:#007d79;\n  --cds-syntax-separator:#343a3f;\n  --cds-syntax-special:#0f62fe;\n  --cds-syntax-special-string:#8a3ffc;\n  --cds-syntax-square-bracket:#343a3f;\n  --cds-syntax-standard:#0f62fe;\n  --cds-syntax-strikethrough:#161616;\n  --cds-syntax-string:#161616;\n  --cds-syntax-strong:#161616;\n  --cds-syntax-tag:#007d79;\n  --cds-syntax-tag-name:#007d79;\n  --cds-syntax-type:#007d79;\n  --cds-syntax-type-name:#007d79;\n  --cds-syntax-type-operator:#007d79;\n  --cds-syntax-unit:#198038;\n  --cds-syntax-update-operator:#343a3f;\n  --cds-syntax-url:#343a3f;\n  --cds-syntax-variable:#0f62fe;\n  --cds-syntax-variable-name:#0f62fe;\n  --cds-text-disabled:rgba(22, 22, 22, 0.25);\n  --cds-text-error:#da1e28;\n  --cds-text-helper:#6f6f6f;\n  --cds-text-inverse:#ffffff;\n  --cds-text-on-color:#ffffff;\n  --cds-text-on-color-disabled:#8d8d8d;\n  --cds-text-placeholder:rgba(22, 22, 22, 0.4);\n  --cds-text-primary:#161616;\n  --cds-text-secondary:#525252;\n  --cds-toggle-off:#8d8d8d;\n  --cds-spacing-01:0.125rem;\n  --cds-spacing-02:0.25rem;\n  --cds-spacing-03:0.5rem;\n  --cds-spacing-04:0.75rem;\n  --cds-spacing-05:1rem;\n  --cds-spacing-06:1.5rem;\n  --cds-spacing-07:2rem;\n  --cds-spacing-08:2.5rem;\n  --cds-spacing-09:3rem;\n  --cds-spacing-10:4rem;\n  --cds-spacing-11:5rem;\n  --cds-spacing-12:6rem;\n  --cds-spacing-13:10rem;\n  --cds-fluid-spacing-01:0;\n  --cds-fluid-spacing-02:2vw;\n  --cds-fluid-spacing-03:5vw;\n  --cds-fluid-spacing-04:10vw;\n  --cds-caption-01-font-size:0.75rem;\n  --cds-caption-01-font-weight:400;\n  --cds-caption-01-line-height:1.33333;\n  --cds-caption-01-letter-spacing:0.32px;\n  --cds-caption-02-font-size:0.875rem;\n  --cds-caption-02-font-weight:400;\n  --cds-caption-02-line-height:1.28572;\n  --cds-caption-02-letter-spacing:0.32px;\n  --cds-label-01-font-size:0.75rem;\n  --cds-label-01-font-weight:400;\n  --cds-label-01-line-height:1.33333;\n  --cds-label-01-letter-spacing:0.32px;\n  --cds-label-02-font-size:0.875rem;\n  --cds-label-02-font-weight:400;\n  --cds-label-02-line-height:1.28572;\n  --cds-label-02-letter-spacing:0.16px;\n  --cds-helper-text-01-font-size:0.75rem;\n  --cds-helper-text-01-line-height:1.33333;\n  --cds-helper-text-01-letter-spacing:0.32px;\n  --cds-helper-text-02-font-size:0.875rem;\n  --cds-helper-text-02-font-weight:400;\n  --cds-helper-text-02-line-height:1.28572;\n  --cds-helper-text-02-letter-spacing:0.16px;\n  --cds-body-short-01-font-size:0.875rem;\n  --cds-body-short-01-font-weight:400;\n  --cds-body-short-01-line-height:1.28572;\n  --cds-body-short-01-letter-spacing:0.16px;\n  --cds-body-short-02-font-size:1rem;\n  --cds-body-short-02-font-weight:400;\n  --cds-body-short-02-line-height:1.375;\n  --cds-body-short-02-letter-spacing:0;\n  --cds-body-long-01-font-size:0.875rem;\n  --cds-body-long-01-font-weight:400;\n  --cds-body-long-01-line-height:1.42857;\n  --cds-body-long-01-letter-spacing:0.16px;\n  --cds-body-long-02-font-size:1rem;\n  --cds-body-long-02-font-weight:400;\n  --cds-body-long-02-line-height:1.5;\n  --cds-body-long-02-letter-spacing:0;\n  --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n  --cds-code-01-font-size:0.75rem;\n  --cds-code-01-font-weight:400;\n  --cds-code-01-line-height:1.33333;\n  --cds-code-01-letter-spacing:0.32px;\n  --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n  --cds-code-02-font-size:0.875rem;\n  --cds-code-02-font-weight:400;\n  --cds-code-02-line-height:1.42857;\n  --cds-code-02-letter-spacing:0.32px;\n  --cds-heading-01-font-size:0.875rem;\n  --cds-heading-01-font-weight:600;\n  --cds-heading-01-line-height:1.42857;\n  --cds-heading-01-letter-spacing:0.16px;\n  --cds-heading-02-font-size:1rem;\n  --cds-heading-02-font-weight:600;\n  --cds-heading-02-line-height:1.5;\n  --cds-heading-02-letter-spacing:0;\n  --cds-productive-heading-01-font-size:0.875rem;\n  --cds-productive-heading-01-font-weight:600;\n  --cds-productive-heading-01-line-height:1.28572;\n  --cds-productive-heading-01-letter-spacing:0.16px;\n  --cds-productive-heading-02-font-size:1rem;\n  --cds-productive-heading-02-font-weight:600;\n  --cds-productive-heading-02-line-height:1.375;\n  --cds-productive-heading-02-letter-spacing:0;\n  --cds-productive-heading-03-font-size:1.25rem;\n  --cds-productive-heading-03-font-weight:400;\n  --cds-productive-heading-03-line-height:1.4;\n  --cds-productive-heading-03-letter-spacing:0;\n  --cds-productive-heading-04-font-size:1.75rem;\n  --cds-productive-heading-04-font-weight:400;\n  --cds-productive-heading-04-line-height:1.28572;\n  --cds-productive-heading-04-letter-spacing:0;\n  --cds-productive-heading-05-font-size:2rem;\n  --cds-productive-heading-05-font-weight:400;\n  --cds-productive-heading-05-line-height:1.25;\n  --cds-productive-heading-05-letter-spacing:0;\n  --cds-productive-heading-06-font-size:2.625rem;\n  --cds-productive-heading-06-font-weight:300;\n  --cds-productive-heading-06-line-height:1.199;\n  --cds-productive-heading-06-letter-spacing:0;\n  --cds-productive-heading-07-font-size:3.375rem;\n  --cds-productive-heading-07-font-weight:300;\n  --cds-productive-heading-07-line-height:1.19;\n  --cds-productive-heading-07-letter-spacing:0;\n  --cds-expressive-paragraph-01-font-size:1.5rem;\n  --cds-expressive-paragraph-01-font-weight:300;\n  --cds-expressive-paragraph-01-line-height:1.334;\n  --cds-expressive-paragraph-01-letter-spacing:0;\n  --cds-expressive-heading-01-font-size:0.875rem;\n  --cds-expressive-heading-01-font-weight:600;\n  --cds-expressive-heading-01-line-height:1.42857;\n  --cds-expressive-heading-01-letter-spacing:0.16px;\n  --cds-expressive-heading-02-font-size:1rem;\n  --cds-expressive-heading-02-font-weight:600;\n  --cds-expressive-heading-02-line-height:1.5;\n  --cds-expressive-heading-02-letter-spacing:0;\n  --cds-expressive-heading-03-font-size:1.25rem;\n  --cds-expressive-heading-03-font-weight:400;\n  --cds-expressive-heading-03-line-height:1.4;\n  --cds-expressive-heading-03-letter-spacing:0;\n  --cds-expressive-heading-04-font-size:1.75rem;\n  --cds-expressive-heading-04-font-weight:400;\n  --cds-expressive-heading-04-line-height:1.28572;\n  --cds-expressive-heading-04-letter-spacing:0;\n  --cds-expressive-heading-05-font-size:2rem;\n  --cds-expressive-heading-05-font-weight:400;\n  --cds-expressive-heading-05-line-height:1.25;\n  --cds-expressive-heading-05-letter-spacing:0;\n  --cds-expressive-heading-06-font-size:2rem;\n  --cds-expressive-heading-06-font-weight:600;\n  --cds-expressive-heading-06-line-height:1.25;\n  --cds-expressive-heading-06-letter-spacing:0;\n  --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-quotation-01-font-size:1.25rem;\n  --cds-quotation-01-font-weight:400;\n  --cds-quotation-01-line-height:1.3;\n  --cds-quotation-01-letter-spacing:0;\n  --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-quotation-02-font-size:2rem;\n  --cds-quotation-02-font-weight:300;\n  --cds-quotation-02-line-height:1.25;\n  --cds-quotation-02-letter-spacing:0;\n  --cds-display-01-font-size:2.625rem;\n  --cds-display-01-font-weight:300;\n  --cds-display-01-line-height:1.19;\n  --cds-display-01-letter-spacing:0;\n  --cds-display-02-font-size:2.625rem;\n  --cds-display-02-font-weight:600;\n  --cds-display-02-line-height:1.19;\n  --cds-display-02-letter-spacing:0;\n  --cds-display-03-font-size:2.625rem;\n  --cds-display-03-font-weight:300;\n  --cds-display-03-line-height:1.19;\n  --cds-display-03-letter-spacing:0;\n  --cds-display-04-font-size:2.625rem;\n  --cds-display-04-font-weight:300;\n  --cds-display-04-line-height:1.19;\n  --cds-display-04-letter-spacing:0;\n  --cds-legal-01-font-size:0.75rem;\n  --cds-legal-01-font-weight:400;\n  --cds-legal-01-line-height:1.33333;\n  --cds-legal-01-letter-spacing:0.32px;\n  --cds-legal-02-font-size:0.875rem;\n  --cds-legal-02-font-weight:400;\n  --cds-legal-02-line-height:1.28572;\n  --cds-legal-02-letter-spacing:0.16px;\n  --cds-body-compact-01-font-size:0.875rem;\n  --cds-body-compact-01-font-weight:400;\n  --cds-body-compact-01-line-height:1.28572;\n  --cds-body-compact-01-letter-spacing:0.16px;\n  --cds-body-compact-02-font-size:1rem;\n  --cds-body-compact-02-font-weight:400;\n  --cds-body-compact-02-line-height:1.375;\n  --cds-body-compact-02-letter-spacing:0;\n  --cds-heading-compact-01-font-size:0.875rem;\n  --cds-heading-compact-01-font-weight:600;\n  --cds-heading-compact-01-line-height:1.28572;\n  --cds-heading-compact-01-letter-spacing:0.16px;\n  --cds-heading-compact-02-font-size:1rem;\n  --cds-heading-compact-02-font-weight:600;\n  --cds-heading-compact-02-line-height:1.375;\n  --cds-heading-compact-02-letter-spacing:0;\n  --cds-body-01-font-size:0.875rem;\n  --cds-body-01-font-weight:400;\n  --cds-body-01-line-height:1.42857;\n  --cds-body-01-letter-spacing:0.16px;\n  --cds-body-02-font-size:1rem;\n  --cds-body-02-font-weight:400;\n  --cds-body-02-line-height:1.5;\n  --cds-body-02-letter-spacing:0;\n  --cds-heading-03-font-size:1.25rem;\n  --cds-heading-03-font-weight:400;\n  --cds-heading-03-line-height:1.4;\n  --cds-heading-03-letter-spacing:0;\n  --cds-heading-04-font-size:1.75rem;\n  --cds-heading-04-font-weight:400;\n  --cds-heading-04-line-height:1.28572;\n  --cds-heading-04-letter-spacing:0;\n  --cds-heading-05-font-size:2rem;\n  --cds-heading-05-font-weight:400;\n  --cds-heading-05-line-height:1.25;\n  --cds-heading-05-letter-spacing:0;\n  --cds-heading-06-font-size:2.625rem;\n  --cds-heading-06-font-weight:300;\n  --cds-heading-06-line-height:1.199;\n  --cds-heading-06-letter-spacing:0;\n  --cds-heading-07-font-size:3.375rem;\n  --cds-heading-07-font-weight:300;\n  --cds-heading-07-line-height:1.19;\n  --cds-heading-07-letter-spacing:0;\n  --cds-fluid-heading-03-font-size:1.25rem;\n  --cds-fluid-heading-03-font-weight:400;\n  --cds-fluid-heading-03-line-height:1.4;\n  --cds-fluid-heading-03-letter-spacing:0;\n  --cds-fluid-heading-04-font-size:1.75rem;\n  --cds-fluid-heading-04-font-weight:400;\n  --cds-fluid-heading-04-line-height:1.28572;\n  --cds-fluid-heading-04-letter-spacing:0;\n  --cds-fluid-heading-05-font-size:2rem;\n  --cds-fluid-heading-05-font-weight:400;\n  --cds-fluid-heading-05-line-height:1.25;\n  --cds-fluid-heading-05-letter-spacing:0;\n  --cds-fluid-heading-06-font-size:2rem;\n  --cds-fluid-heading-06-font-weight:600;\n  --cds-fluid-heading-06-line-height:1.25;\n  --cds-fluid-heading-06-letter-spacing:0;\n  --cds-fluid-paragraph-01-font-size:1.5rem;\n  --cds-fluid-paragraph-01-font-weight:300;\n  --cds-fluid-paragraph-01-line-height:1.334;\n  --cds-fluid-paragraph-01-letter-spacing:0;\n  --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-fluid-quotation-01-font-size:1.25rem;\n  --cds-fluid-quotation-01-font-weight:400;\n  --cds-fluid-quotation-01-line-height:1.3;\n  --cds-fluid-quotation-01-letter-spacing:0;\n  --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-fluid-quotation-02-font-size:2rem;\n  --cds-fluid-quotation-02-font-weight:300;\n  --cds-fluid-quotation-02-line-height:1.25;\n  --cds-fluid-quotation-02-letter-spacing:0;\n  --cds-fluid-display-01-font-size:2.625rem;\n  --cds-fluid-display-01-font-weight:300;\n  --cds-fluid-display-01-line-height:1.19;\n  --cds-fluid-display-01-letter-spacing:0;\n  --cds-fluid-display-02-font-size:2.625rem;\n  --cds-fluid-display-02-font-weight:600;\n  --cds-fluid-display-02-line-height:1.19;\n  --cds-fluid-display-02-letter-spacing:0;\n  --cds-fluid-display-03-font-size:2.625rem;\n  --cds-fluid-display-03-font-weight:300;\n  --cds-fluid-display-03-line-height:1.19;\n  --cds-fluid-display-03-letter-spacing:0;\n  --cds-fluid-display-04-font-size:2.625rem;\n  --cds-fluid-display-04-font-weight:300;\n  --cds-fluid-display-04-line-height:1.19;\n  --cds-fluid-display-04-letter-spacing:0;\n  --cds-button-separator:#e0e0e0;\n  --cds-button-primary:#0f62fe;\n  --cds-button-secondary:#393939;\n  --cds-button-tertiary:#0f62fe;\n  --cds-button-danger-primary:#da1e28;\n  --cds-button-danger-secondary:#da1e28;\n  --cds-button-danger-active:#750e13;\n  --cds-button-primary-active:#002d9c;\n  --cds-button-secondary-active:#6f6f6f;\n  --cds-button-tertiary-active:#002d9c;\n  --cds-button-danger-hover:#b81921;\n  --cds-button-primary-hover:#0050e6;\n  --cds-button-secondary-hover:#474747;\n  --cds-button-tertiary-hover:#0050e6;\n  --cds-button-disabled:#c6c6c6;\n  color-scheme:var(--cds-color-scheme, light);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n  :host .cds--white{\n    --cds-icon-primary:ButtonText;\n    --cds-icon-secondary:ButtonText;\n    --cds-icon-interactive:ButtonText;\n    --cds-icon-disabled:GrayText;\n    --cds-icon-on-color-disabled:GrayText;\n    --cds-icon-inverse:SelectedItemText;\n    --cds-icon-on-color:SelectedItemText;\n    --cds-button-disabled:GrayText;\n    --cds-interactive:ButtonText;\n    --cds-link-primary:LinkText;\n    --cds-link-primary-hover:LinkText;\n    --cds-link-secondary:LinkText;\n    --cds-link-inverse:SelectedItemText;\n    --cds-link-inverse-hover:SelectedItemText;\n    --cds-link-inverse-visited:SelectedItemText;\n    --cds-link-visited:VisitedText;\n    --cds-background-selected:SelectedItem;\n    --cds-background-selected-hover:SelectedItem;\n    --cds-background-inverse:SelectedItem;\n    --cds-layer-selected-inverse:SelectedItem;\n  }\n}\n:host .cds--white{\n  --cds-layer:var(--cds-layer-01, #f4f4f4);\n  --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n  --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n  --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n  --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n  --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n  --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n  --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n  --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n  --cds-field:var(--cds-field-01, #f4f4f4);\n  --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n  --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n  --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n  --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n  --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds--g10{\n  --cds-ai-aura-end:rgba(255, 255, 255, 0);\n  --cds-ai-aura-hover-background:#edf5ff;\n  --cds-ai-aura-hover-end:rgba(255, 255, 255, 0);\n  --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.32);\n  --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n  --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n  --cds-ai-border-end:#78a9ff;\n  --cds-ai-border-start:rgba(166, 200, 255, 0.64);\n  --cds-ai-border-strong:#4589ff;\n  --cds-ai-drop-shadow:rgba(15, 98, 254, 0.1);\n  --cds-ai-inner-shadow:rgba(69, 137, 255, 0.1);\n  --cds-ai-overlay:rgba(0, 17, 65, 0.5);\n  --cds-ai-popover-background:#ffffff;\n  --cds-ai-popover-caret-bottom:#78a9ff;\n  --cds-ai-popover-caret-bottom-background:#eaf1ff;\n  --cds-ai-popover-caret-bottom-background-actions:#e9effa;\n  --cds-ai-popover-caret-center:#a0c3ff;\n  --cds-ai-popover-shadow-outer-01:rgba(0, 67, 206, 0.06);\n  --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.04);\n  --cds-ai-skeleton-background:#d0e2ff;\n  --cds-ai-skeleton-element-background:#4589ff;\n  --cds-background:#f4f4f4;\n  --cds-background-active:rgba(141, 141, 141, 0.5);\n  --cds-background-brand:#0f62fe;\n  --cds-background-hover:rgba(141, 141, 141, 0.12);\n  --cds-background-inverse:#393939;\n  --cds-background-inverse-hover:#474747;\n  --cds-background-selected:rgba(141, 141, 141, 0.2);\n  --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n  --cds-border-disabled:#c6c6c6;\n  --cds-border-interactive:#0f62fe;\n  --cds-border-inverse:#161616;\n  --cds-border-strong-01:#8d8d8d;\n  --cds-border-strong-02:#8d8d8d;\n  --cds-border-strong-03:#8d8d8d;\n  --cds-border-subtle-00:#c6c6c6;\n  --cds-border-subtle-01:#e0e0e0;\n  --cds-border-subtle-02:#c6c6c6;\n  --cds-border-subtle-03:#e0e0e0;\n  --cds-border-subtle-selected-01:#c6c6c6;\n  --cds-border-subtle-selected-02:#c6c6c6;\n  --cds-border-subtle-selected-03:#c6c6c6;\n  --cds-border-tile-01:#a8a8a8;\n  --cds-border-tile-02:#c6c6c6;\n  --cds-border-tile-03:#a8a8a8;\n  --cds-chat-avatar-agent:#393939;\n  --cds-chat-avatar-bot:#6f6f6f;\n  --cds-chat-avatar-user:#0f62fe;\n  --cds-chat-bubble-agent:#ffffff;\n  --cds-chat-bubble-agent-text:#161616;\n  --cds-chat-bubble-border:#e0e0e0;\n  --cds-chat-bubble-user:#e0e0e0;\n  --cds-chat-bubble-user-text:#161616;\n  --cds-chat-button:#0f62fe;\n  --cds-chat-button-active:rgba(141, 141, 141, 0.5);\n  --cds-chat-button-hover:rgba(141, 141, 141, 0.12);\n  --cds-chat-button-selected:rgba(141, 141, 141, 0.2);\n  --cds-chat-button-text-hover:#0043ce;\n  --cds-chat-button-text-selected:#525252;\n  --cds-chat-header-background:#ffffff;\n  --cds-chat-header-text:#161616;\n  --cds-chat-prompt-background:#ffffff;\n  --cds-chat-prompt-border-end:rgba(244, 244, 244, 0);\n  --cds-chat-prompt-border-start:#f4f4f4;\n  --cds-chat-prompt-text:#161616;\n  --cds-chat-shell-background:#ffffff;\n  --cds-color-scheme:light;\n  --cds-field-01:#ffffff;\n  --cds-field-02:#f4f4f4;\n  --cds-field-03:#ffffff;\n  --cds-field-hover-01:#e8e8e8;\n  --cds-field-hover-02:#e8e8e8;\n  --cds-field-hover-03:#e8e8e8;\n  --cds-focus:#0f62fe;\n  --cds-focus-inset:#ffffff;\n  --cds-focus-inverse:#ffffff;\n  --cds-highlight:#d0e2ff;\n  --cds-icon-disabled:rgba(22, 22, 22, 0.25);\n  --cds-icon-interactive:#0f62fe;\n  --cds-icon-inverse:#ffffff;\n  --cds-icon-on-color:#ffffff;\n  --cds-icon-on-color-disabled:#8d8d8d;\n  --cds-icon-primary:#161616;\n  --cds-icon-secondary:#525252;\n  --cds-interactive:#0f62fe;\n  --cds-layer-01:#ffffff;\n  --cds-layer-02:#f4f4f4;\n  --cds-layer-03:#ffffff;\n  --cds-layer-accent-01:#e0e0e0;\n  --cds-layer-accent-02:#e0e0e0;\n  --cds-layer-accent-03:#e0e0e0;\n  --cds-layer-accent-active-01:#a8a8a8;\n  --cds-layer-accent-active-02:#a8a8a8;\n  --cds-layer-accent-active-03:#a8a8a8;\n  --cds-layer-accent-hover-01:#d1d1d1;\n  --cds-layer-accent-hover-02:#d1d1d1;\n  --cds-layer-accent-hover-03:#d1d1d1;\n  --cds-layer-active-01:#c6c6c6;\n  --cds-layer-active-02:#c6c6c6;\n  --cds-layer-active-03:#c6c6c6;\n  --cds-layer-background-01:#f4f4f4;\n  --cds-layer-background-02:#ffffff;\n  --cds-layer-background-03:#f4f4f4;\n  --cds-layer-hover-01:#e8e8e8;\n  --cds-layer-hover-02:#e8e8e8;\n  --cds-layer-hover-03:#e8e8e8;\n  --cds-layer-selected-01:#e0e0e0;\n  --cds-layer-selected-02:#e0e0e0;\n  --cds-layer-selected-03:#e0e0e0;\n  --cds-layer-selected-disabled:#8d8d8d;\n  --cds-layer-selected-hover-01:#d1d1d1;\n  --cds-layer-selected-hover-02:#d1d1d1;\n  --cds-layer-selected-hover-03:#d1d1d1;\n  --cds-layer-selected-inverse:#161616;\n  --cds-link-inverse:#78a9ff;\n  --cds-link-inverse-active:#f4f4f4;\n  --cds-link-inverse-hover:#a6c8ff;\n  --cds-link-inverse-visited:#be95ff;\n  --cds-link-primary:#0f62fe;\n  --cds-link-primary-hover:#0043ce;\n  --cds-link-secondary:#0043ce;\n  --cds-link-visited:#8a3ffc;\n  --cds-overlay:rgba(0, 0, 0, 0.6);\n  --cds-shadow:rgba(0, 0, 0, 0.3);\n  --cds-skeleton-background:#e8e8e8;\n  --cds-skeleton-element:#c6c6c6;\n  --cds-support-caution-major:#ff832b;\n  --cds-support-caution-minor:#f1c21b;\n  --cds-support-caution-undefined:#8a3ffc;\n  --cds-support-error:#da1e28;\n  --cds-support-error-inverse:#fa4d56;\n  --cds-support-info:#0043ce;\n  --cds-support-info-inverse:#4589ff;\n  --cds-support-success:#24a148;\n  --cds-support-success-inverse:#42be65;\n  --cds-support-warning:#f1c21b;\n  --cds-support-warning-inverse:#f1c21b;\n  --cds-syntax-angle-bracket:#697077;\n  --cds-syntax-annotation:#007d79;\n  --cds-syntax-arithmetic-operator:#343a3f;\n  --cds-syntax-atom:#161616;\n  --cds-syntax-attribute:#00539a;\n  --cds-syntax-attribute-name:#00539a;\n  --cds-syntax-attribute-value:#161616;\n  --cds-syntax-bitwise-operator:#343a3f;\n  --cds-syntax-block-comment:#198038;\n  --cds-syntax-bool:#161616;\n  --cds-syntax-brace:#343a3f;\n  --cds-syntax-bracket:#343a3f;\n  --cds-syntax-character:#161616;\n  --cds-syntax-class-name:#007d79;\n  --cds-syntax-color:#161616;\n  --cds-syntax-comment:#198038;\n  --cds-syntax-compare-operator:#343a3f;\n  --cds-syntax-constant:#0f62fe;\n  --cds-syntax-content:#161616;\n  --cds-syntax-content-separator:#343a3f;\n  --cds-syntax-control-keyword:#6929c4;\n  --cds-syntax-control-operator:#6929c4;\n  --cds-syntax-definition:#00539a;\n  --cds-syntax-definition-keyword:#00539a;\n  --cds-syntax-definition-operator:#00539a;\n  --cds-syntax-deref-operator:#343a3f;\n  --cds-syntax-doc-comment:#198038;\n  --cds-syntax-doc-string:#161616;\n  --cds-syntax-document-meta:#198038;\n  --cds-syntax-emphasis:#161616;\n  --cds-syntax-escape:#343a3f;\n  --cds-syntax-float:#198038;\n  --cds-syntax-function:#8e6a00;\n  --cds-syntax-heading:#00539a;\n  --cds-syntax-heading-1:#00539a;\n  --cds-syntax-heading-2:#00539a;\n  --cds-syntax-heading-3:#00539a;\n  --cds-syntax-heading-4:#00539a;\n  --cds-syntax-heading-5:#00539a;\n  --cds-syntax-heading-6:#00539a;\n  --cds-syntax-integer:#198038;\n  --cds-syntax-invalid:#da1e28;\n  --cds-syntax-keyword:#0f62fe;\n  --cds-syntax-label-name:#0f62fe;\n  --cds-syntax-line-comment:#198038;\n  --cds-syntax-link:#0f62fe;\n  --cds-syntax-list:#161616;\n  --cds-syntax-literal:#161616;\n  --cds-syntax-local:#0f62fe;\n  --cds-syntax-logic-operator:#343a3f;\n  --cds-syntax-macro-name:#161616;\n  --cds-syntax-meta:#198038;\n  --cds-syntax-modifier:#0f62fe;\n  --cds-syntax-module-keyword:#6929c4;\n  --cds-syntax-monospace:#161616;\n  --cds-syntax-name:#0f62fe;\n  --cds-syntax-namespace:#007d79;\n  --cds-syntax-null:#161616;\n  --cds-syntax-number:#198038;\n  --cds-syntax-operator:#343a3f;\n  --cds-syntax-operator-keyword:#0f62fe;\n  --cds-syntax-paren:#343a3f;\n  --cds-syntax-processing-instruction:#161616;\n  --cds-syntax-property-name:#00539a;\n  --cds-syntax-punctuation:#343a3f;\n  --cds-syntax-quote:#198038;\n  --cds-syntax-regexp:#6929c4;\n  --cds-syntax-self:#007d79;\n  --cds-syntax-separator:#343a3f;\n  --cds-syntax-special:#0f62fe;\n  --cds-syntax-special-string:#8a3ffc;\n  --cds-syntax-square-bracket:#343a3f;\n  --cds-syntax-standard:#0f62fe;\n  --cds-syntax-strikethrough:#161616;\n  --cds-syntax-string:#161616;\n  --cds-syntax-strong:#161616;\n  --cds-syntax-tag:#007d79;\n  --cds-syntax-tag-name:#007d79;\n  --cds-syntax-type:#007d79;\n  --cds-syntax-type-name:#007d79;\n  --cds-syntax-type-operator:#007d79;\n  --cds-syntax-unit:#198038;\n  --cds-syntax-update-operator:#343a3f;\n  --cds-syntax-url:#343a3f;\n  --cds-syntax-variable:#0f62fe;\n  --cds-syntax-variable-name:#0f62fe;\n  --cds-text-disabled:rgba(22, 22, 22, 0.25);\n  --cds-text-error:#da1e28;\n  --cds-text-helper:#6f6f6f;\n  --cds-text-inverse:#ffffff;\n  --cds-text-on-color:#ffffff;\n  --cds-text-on-color-disabled:#8d8d8d;\n  --cds-text-placeholder:rgba(22, 22, 22, 0.4);\n  --cds-text-primary:#161616;\n  --cds-text-secondary:#525252;\n  --cds-toggle-off:#8d8d8d;\n  --cds-spacing-01:0.125rem;\n  --cds-spacing-02:0.25rem;\n  --cds-spacing-03:0.5rem;\n  --cds-spacing-04:0.75rem;\n  --cds-spacing-05:1rem;\n  --cds-spacing-06:1.5rem;\n  --cds-spacing-07:2rem;\n  --cds-spacing-08:2.5rem;\n  --cds-spacing-09:3rem;\n  --cds-spacing-10:4rem;\n  --cds-spacing-11:5rem;\n  --cds-spacing-12:6rem;\n  --cds-spacing-13:10rem;\n  --cds-fluid-spacing-01:0;\n  --cds-fluid-spacing-02:2vw;\n  --cds-fluid-spacing-03:5vw;\n  --cds-fluid-spacing-04:10vw;\n  --cds-caption-01-font-size:0.75rem;\n  --cds-caption-01-font-weight:400;\n  --cds-caption-01-line-height:1.33333;\n  --cds-caption-01-letter-spacing:0.32px;\n  --cds-caption-02-font-size:0.875rem;\n  --cds-caption-02-font-weight:400;\n  --cds-caption-02-line-height:1.28572;\n  --cds-caption-02-letter-spacing:0.32px;\n  --cds-label-01-font-size:0.75rem;\n  --cds-label-01-font-weight:400;\n  --cds-label-01-line-height:1.33333;\n  --cds-label-01-letter-spacing:0.32px;\n  --cds-label-02-font-size:0.875rem;\n  --cds-label-02-font-weight:400;\n  --cds-label-02-line-height:1.28572;\n  --cds-label-02-letter-spacing:0.16px;\n  --cds-helper-text-01-font-size:0.75rem;\n  --cds-helper-text-01-line-height:1.33333;\n  --cds-helper-text-01-letter-spacing:0.32px;\n  --cds-helper-text-02-font-size:0.875rem;\n  --cds-helper-text-02-font-weight:400;\n  --cds-helper-text-02-line-height:1.28572;\n  --cds-helper-text-02-letter-spacing:0.16px;\n  --cds-body-short-01-font-size:0.875rem;\n  --cds-body-short-01-font-weight:400;\n  --cds-body-short-01-line-height:1.28572;\n  --cds-body-short-01-letter-spacing:0.16px;\n  --cds-body-short-02-font-size:1rem;\n  --cds-body-short-02-font-weight:400;\n  --cds-body-short-02-line-height:1.375;\n  --cds-body-short-02-letter-spacing:0;\n  --cds-body-long-01-font-size:0.875rem;\n  --cds-body-long-01-font-weight:400;\n  --cds-body-long-01-line-height:1.42857;\n  --cds-body-long-01-letter-spacing:0.16px;\n  --cds-body-long-02-font-size:1rem;\n  --cds-body-long-02-font-weight:400;\n  --cds-body-long-02-line-height:1.5;\n  --cds-body-long-02-letter-spacing:0;\n  --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n  --cds-code-01-font-size:0.75rem;\n  --cds-code-01-font-weight:400;\n  --cds-code-01-line-height:1.33333;\n  --cds-code-01-letter-spacing:0.32px;\n  --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n  --cds-code-02-font-size:0.875rem;\n  --cds-code-02-font-weight:400;\n  --cds-code-02-line-height:1.42857;\n  --cds-code-02-letter-spacing:0.32px;\n  --cds-heading-01-font-size:0.875rem;\n  --cds-heading-01-font-weight:600;\n  --cds-heading-01-line-height:1.42857;\n  --cds-heading-01-letter-spacing:0.16px;\n  --cds-heading-02-font-size:1rem;\n  --cds-heading-02-font-weight:600;\n  --cds-heading-02-line-height:1.5;\n  --cds-heading-02-letter-spacing:0;\n  --cds-productive-heading-01-font-size:0.875rem;\n  --cds-productive-heading-01-font-weight:600;\n  --cds-productive-heading-01-line-height:1.28572;\n  --cds-productive-heading-01-letter-spacing:0.16px;\n  --cds-productive-heading-02-font-size:1rem;\n  --cds-productive-heading-02-font-weight:600;\n  --cds-productive-heading-02-line-height:1.375;\n  --cds-productive-heading-02-letter-spacing:0;\n  --cds-productive-heading-03-font-size:1.25rem;\n  --cds-productive-heading-03-font-weight:400;\n  --cds-productive-heading-03-line-height:1.4;\n  --cds-productive-heading-03-letter-spacing:0;\n  --cds-productive-heading-04-font-size:1.75rem;\n  --cds-productive-heading-04-font-weight:400;\n  --cds-productive-heading-04-line-height:1.28572;\n  --cds-productive-heading-04-letter-spacing:0;\n  --cds-productive-heading-05-font-size:2rem;\n  --cds-productive-heading-05-font-weight:400;\n  --cds-productive-heading-05-line-height:1.25;\n  --cds-productive-heading-05-letter-spacing:0;\n  --cds-productive-heading-06-font-size:2.625rem;\n  --cds-productive-heading-06-font-weight:300;\n  --cds-productive-heading-06-line-height:1.199;\n  --cds-productive-heading-06-letter-spacing:0;\n  --cds-productive-heading-07-font-size:3.375rem;\n  --cds-productive-heading-07-font-weight:300;\n  --cds-productive-heading-07-line-height:1.19;\n  --cds-productive-heading-07-letter-spacing:0;\n  --cds-expressive-paragraph-01-font-size:1.5rem;\n  --cds-expressive-paragraph-01-font-weight:300;\n  --cds-expressive-paragraph-01-line-height:1.334;\n  --cds-expressive-paragraph-01-letter-spacing:0;\n  --cds-expressive-heading-01-font-size:0.875rem;\n  --cds-expressive-heading-01-font-weight:600;\n  --cds-expressive-heading-01-line-height:1.42857;\n  --cds-expressive-heading-01-letter-spacing:0.16px;\n  --cds-expressive-heading-02-font-size:1rem;\n  --cds-expressive-heading-02-font-weight:600;\n  --cds-expressive-heading-02-line-height:1.5;\n  --cds-expressive-heading-02-letter-spacing:0;\n  --cds-expressive-heading-03-font-size:1.25rem;\n  --cds-expressive-heading-03-font-weight:400;\n  --cds-expressive-heading-03-line-height:1.4;\n  --cds-expressive-heading-03-letter-spacing:0;\n  --cds-expressive-heading-04-font-size:1.75rem;\n  --cds-expressive-heading-04-font-weight:400;\n  --cds-expressive-heading-04-line-height:1.28572;\n  --cds-expressive-heading-04-letter-spacing:0;\n  --cds-expressive-heading-05-font-size:2rem;\n  --cds-expressive-heading-05-font-weight:400;\n  --cds-expressive-heading-05-line-height:1.25;\n  --cds-expressive-heading-05-letter-spacing:0;\n  --cds-expressive-heading-06-font-size:2rem;\n  --cds-expressive-heading-06-font-weight:600;\n  --cds-expressive-heading-06-line-height:1.25;\n  --cds-expressive-heading-06-letter-spacing:0;\n  --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-quotation-01-font-size:1.25rem;\n  --cds-quotation-01-font-weight:400;\n  --cds-quotation-01-line-height:1.3;\n  --cds-quotation-01-letter-spacing:0;\n  --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-quotation-02-font-size:2rem;\n  --cds-quotation-02-font-weight:300;\n  --cds-quotation-02-line-height:1.25;\n  --cds-quotation-02-letter-spacing:0;\n  --cds-display-01-font-size:2.625rem;\n  --cds-display-01-font-weight:300;\n  --cds-display-01-line-height:1.19;\n  --cds-display-01-letter-spacing:0;\n  --cds-display-02-font-size:2.625rem;\n  --cds-display-02-font-weight:600;\n  --cds-display-02-line-height:1.19;\n  --cds-display-02-letter-spacing:0;\n  --cds-display-03-font-size:2.625rem;\n  --cds-display-03-font-weight:300;\n  --cds-display-03-line-height:1.19;\n  --cds-display-03-letter-spacing:0;\n  --cds-display-04-font-size:2.625rem;\n  --cds-display-04-font-weight:300;\n  --cds-display-04-line-height:1.19;\n  --cds-display-04-letter-spacing:0;\n  --cds-legal-01-font-size:0.75rem;\n  --cds-legal-01-font-weight:400;\n  --cds-legal-01-line-height:1.33333;\n  --cds-legal-01-letter-spacing:0.32px;\n  --cds-legal-02-font-size:0.875rem;\n  --cds-legal-02-font-weight:400;\n  --cds-legal-02-line-height:1.28572;\n  --cds-legal-02-letter-spacing:0.16px;\n  --cds-body-compact-01-font-size:0.875rem;\n  --cds-body-compact-01-font-weight:400;\n  --cds-body-compact-01-line-height:1.28572;\n  --cds-body-compact-01-letter-spacing:0.16px;\n  --cds-body-compact-02-font-size:1rem;\n  --cds-body-compact-02-font-weight:400;\n  --cds-body-compact-02-line-height:1.375;\n  --cds-body-compact-02-letter-spacing:0;\n  --cds-heading-compact-01-font-size:0.875rem;\n  --cds-heading-compact-01-font-weight:600;\n  --cds-heading-compact-01-line-height:1.28572;\n  --cds-heading-compact-01-letter-spacing:0.16px;\n  --cds-heading-compact-02-font-size:1rem;\n  --cds-heading-compact-02-font-weight:600;\n  --cds-heading-compact-02-line-height:1.375;\n  --cds-heading-compact-02-letter-spacing:0;\n  --cds-body-01-font-size:0.875rem;\n  --cds-body-01-font-weight:400;\n  --cds-body-01-line-height:1.42857;\n  --cds-body-01-letter-spacing:0.16px;\n  --cds-body-02-font-size:1rem;\n  --cds-body-02-font-weight:400;\n  --cds-body-02-line-height:1.5;\n  --cds-body-02-letter-spacing:0;\n  --cds-heading-03-font-size:1.25rem;\n  --cds-heading-03-font-weight:400;\n  --cds-heading-03-line-height:1.4;\n  --cds-heading-03-letter-spacing:0;\n  --cds-heading-04-font-size:1.75rem;\n  --cds-heading-04-font-weight:400;\n  --cds-heading-04-line-height:1.28572;\n  --cds-heading-04-letter-spacing:0;\n  --cds-heading-05-font-size:2rem;\n  --cds-heading-05-font-weight:400;\n  --cds-heading-05-line-height:1.25;\n  --cds-heading-05-letter-spacing:0;\n  --cds-heading-06-font-size:2.625rem;\n  --cds-heading-06-font-weight:300;\n  --cds-heading-06-line-height:1.199;\n  --cds-heading-06-letter-spacing:0;\n  --cds-heading-07-font-size:3.375rem;\n  --cds-heading-07-font-weight:300;\n  --cds-heading-07-line-height:1.19;\n  --cds-heading-07-letter-spacing:0;\n  --cds-fluid-heading-03-font-size:1.25rem;\n  --cds-fluid-heading-03-font-weight:400;\n  --cds-fluid-heading-03-line-height:1.4;\n  --cds-fluid-heading-03-letter-spacing:0;\n  --cds-fluid-heading-04-font-size:1.75rem;\n  --cds-fluid-heading-04-font-weight:400;\n  --cds-fluid-heading-04-line-height:1.28572;\n  --cds-fluid-heading-04-letter-spacing:0;\n  --cds-fluid-heading-05-font-size:2rem;\n  --cds-fluid-heading-05-font-weight:400;\n  --cds-fluid-heading-05-line-height:1.25;\n  --cds-fluid-heading-05-letter-spacing:0;\n  --cds-fluid-heading-06-font-size:2rem;\n  --cds-fluid-heading-06-font-weight:600;\n  --cds-fluid-heading-06-line-height:1.25;\n  --cds-fluid-heading-06-letter-spacing:0;\n  --cds-fluid-paragraph-01-font-size:1.5rem;\n  --cds-fluid-paragraph-01-font-weight:300;\n  --cds-fluid-paragraph-01-line-height:1.334;\n  --cds-fluid-paragraph-01-letter-spacing:0;\n  --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-fluid-quotation-01-font-size:1.25rem;\n  --cds-fluid-quotation-01-font-weight:400;\n  --cds-fluid-quotation-01-line-height:1.3;\n  --cds-fluid-quotation-01-letter-spacing:0;\n  --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-fluid-quotation-02-font-size:2rem;\n  --cds-fluid-quotation-02-font-weight:300;\n  --cds-fluid-quotation-02-line-height:1.25;\n  --cds-fluid-quotation-02-letter-spacing:0;\n  --cds-fluid-display-01-font-size:2.625rem;\n  --cds-fluid-display-01-font-weight:300;\n  --cds-fluid-display-01-line-height:1.19;\n  --cds-fluid-display-01-letter-spacing:0;\n  --cds-fluid-display-02-font-size:2.625rem;\n  --cds-fluid-display-02-font-weight:600;\n  --cds-fluid-display-02-line-height:1.19;\n  --cds-fluid-display-02-letter-spacing:0;\n  --cds-fluid-display-03-font-size:2.625rem;\n  --cds-fluid-display-03-font-weight:300;\n  --cds-fluid-display-03-line-height:1.19;\n  --cds-fluid-display-03-letter-spacing:0;\n  --cds-fluid-display-04-font-size:2.625rem;\n  --cds-fluid-display-04-font-weight:300;\n  --cds-fluid-display-04-line-height:1.19;\n  --cds-fluid-display-04-letter-spacing:0;\n  --cds-button-separator:#e0e0e0;\n  --cds-button-primary:#0f62fe;\n  --cds-button-secondary:#393939;\n  --cds-button-tertiary:#0f62fe;\n  --cds-button-danger-primary:#da1e28;\n  --cds-button-danger-secondary:#da1e28;\n  --cds-button-danger-active:#750e13;\n  --cds-button-primary-active:#002d9c;\n  --cds-button-secondary-active:#6f6f6f;\n  --cds-button-tertiary-active:#002d9c;\n  --cds-button-danger-hover:#b81921;\n  --cds-button-primary-hover:#0050e6;\n  --cds-button-secondary-hover:#474747;\n  --cds-button-tertiary-hover:#0050e6;\n  --cds-button-disabled:#c6c6c6;\n  color-scheme:var(--cds-color-scheme, light);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n  :host .cds--g10{\n    --cds-icon-primary:ButtonText;\n    --cds-icon-secondary:ButtonText;\n    --cds-icon-interactive:ButtonText;\n    --cds-icon-disabled:GrayText;\n    --cds-icon-on-color-disabled:GrayText;\n    --cds-icon-inverse:SelectedItemText;\n    --cds-icon-on-color:SelectedItemText;\n    --cds-button-disabled:GrayText;\n    --cds-interactive:ButtonText;\n    --cds-link-primary:LinkText;\n    --cds-link-primary-hover:LinkText;\n    --cds-link-secondary:LinkText;\n    --cds-link-inverse:SelectedItemText;\n    --cds-link-inverse-hover:SelectedItemText;\n    --cds-link-inverse-visited:SelectedItemText;\n    --cds-link-visited:VisitedText;\n    --cds-background-selected:SelectedItem;\n    --cds-background-selected-hover:SelectedItem;\n    --cds-background-inverse:SelectedItem;\n    --cds-layer-selected-inverse:SelectedItem;\n  }\n}\n:host .cds--g10{\n  --cds-layer:var(--cds-layer-01, #f4f4f4);\n  --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n  --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n  --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n  --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n  --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n  --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n  --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n  --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n  --cds-field:var(--cds-field-01, #f4f4f4);\n  --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n  --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n  --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n  --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n  --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds--g90{\n  --cds-ai-aura-end:rgba(0, 0, 0, 0);\n  --cds-ai-aura-hover-background:#474747;\n  --cds-ai-aura-hover-end:rgba(0, 0, 0, 0);\n  --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.4);\n  --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n  --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n  --cds-ai-border-end:#4589ff;\n  --cds-ai-border-start:rgba(166, 200, 255, 0.36);\n  --cds-ai-border-strong:#78a9ff;\n  --cds-ai-drop-shadow:rgba(0, 0, 0, 0.28);\n  --cds-ai-inner-shadow:rgba(69, 137, 255, 0.16);\n  --cds-ai-overlay:rgba(0, 0, 0, 0.5);\n  --cds-ai-popover-background:#161616;\n  --cds-ai-popover-caret-bottom:#4589ff;\n  --cds-ai-popover-caret-bottom-background:#202d45;\n  --cds-ai-popover-caret-bottom-background-actions:#1e283a;\n  --cds-ai-popover-caret-center:#4870b5;\n  --cds-ai-popover-shadow-outer-01:rgba(0, 0, 0, 0.12);\n  --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.08);\n  --cds-ai-skeleton-background:rgba(120, 169, 255, 0.5);\n  --cds-ai-skeleton-element-background:rgba(120, 169, 255, 0.3);\n  --cds-background:#262626;\n  --cds-background-active:rgba(141, 141, 141, 0.4);\n  --cds-background-brand:#0f62fe;\n  --cds-background-hover:rgba(141, 141, 141, 0.16);\n  --cds-background-inverse:#f4f4f4;\n  --cds-background-inverse-hover:#e8e8e8;\n  --cds-background-selected:rgba(141, 141, 141, 0.24);\n  --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n  --cds-border-disabled:rgba(141, 141, 141, 0.5);\n  --cds-border-interactive:#4589ff;\n  --cds-border-inverse:#f4f4f4;\n  --cds-border-strong-01:#8d8d8d;\n  --cds-border-strong-02:#a8a8a8;\n  --cds-border-strong-03:#c6c6c6;\n  --cds-border-subtle-00:#525252;\n  --cds-border-subtle-01:#6f6f6f;\n  --cds-border-subtle-02:#8d8d8d;\n  --cds-border-subtle-03:#8d8d8d;\n  --cds-border-subtle-selected-01:#8d8d8d;\n  --cds-border-subtle-selected-02:#a8a8a8;\n  --cds-border-subtle-selected-03:#a8a8a8;\n  --cds-border-tile-01:#6f6f6f;\n  --cds-border-tile-02:#8d8d8d;\n  --cds-border-tile-03:#a8a8a8;\n  --cds-chat-avatar-agent:#c6c6c6;\n  --cds-chat-avatar-bot:#8d8d8d;\n  --cds-chat-avatar-user:#4589ff;\n  --cds-chat-bubble-agent:#262626;\n  --cds-chat-bubble-agent-text:#f4f4f4;\n  --cds-chat-bubble-border:#525252;\n  --cds-chat-bubble-user:#393939;\n  --cds-chat-bubble-user-text:#f4f4f4;\n  --cds-chat-button:#78a9ff;\n  --cds-chat-button-active:rgba(141, 141, 141, 0.4);\n  --cds-chat-button-hover:rgba(141, 141, 141, 0.16);\n  --cds-chat-button-selected:rgba(141, 141, 141, 0.24);\n  --cds-chat-button-text-hover:#a6c8ff;\n  --cds-chat-button-text-selected:#c6c6c6;\n  --cds-chat-header-background:#262626;\n  --cds-chat-header-text:#f4f4f4;\n  --cds-chat-prompt-background:#161616;\n  --cds-chat-prompt-border-end:rgba(38, 38, 38, 0);\n  --cds-chat-prompt-border-start:#262626;\n  --cds-chat-prompt-text:#f4f4f4;\n  --cds-chat-shell-background:#262626;\n  --cds-color-scheme:dark;\n  --cds-field-01:#393939;\n  --cds-field-02:#525252;\n  --cds-field-03:#6f6f6f;\n  --cds-field-hover-01:#474747;\n  --cds-field-hover-02:#636363;\n  --cds-field-hover-03:#5e5e5e;\n  --cds-focus:#ffffff;\n  --cds-focus-inset:#161616;\n  --cds-focus-inverse:#0f62fe;\n  --cds-highlight:#002d9c;\n  --cds-icon-disabled:rgba(244, 244, 244, 0.25);\n  --cds-icon-interactive:#ffffff;\n  --cds-icon-inverse:#161616;\n  --cds-icon-on-color:#ffffff;\n  --cds-icon-on-color-disabled:rgba(255, 255, 255, 0.25);\n  --cds-icon-primary:#f4f4f4;\n  --cds-icon-secondary:#c6c6c6;\n  --cds-interactive:#4589ff;\n  --cds-layer-01:#393939;\n  --cds-layer-02:#525252;\n  --cds-layer-03:#6f6f6f;\n  --cds-layer-accent-01:#525252;\n  --cds-layer-accent-02:#6f6f6f;\n  --cds-layer-accent-03:#8d8d8d;\n  --cds-layer-accent-active-01:#8d8d8d;\n  --cds-layer-accent-active-02:#393939;\n  --cds-layer-accent-active-03:#525252;\n  --cds-layer-accent-hover-01:#636363;\n  --cds-layer-accent-hover-02:#5e5e5e;\n  --cds-layer-accent-hover-03:#7a7a7a;\n  --cds-layer-active-01:#6f6f6f;\n  --cds-layer-active-02:#8d8d8d;\n  --cds-layer-active-03:#393939;\n  --cds-layer-background-01:#262626;\n  --cds-layer-background-02:#393939;\n  --cds-layer-background-03:#525252;\n  --cds-layer-hover-01:#474747;\n  --cds-layer-hover-02:#636363;\n  --cds-layer-hover-03:#5e5e5e;\n  --cds-layer-selected-01:#525252;\n  --cds-layer-selected-02:#6f6f6f;\n  --cds-layer-selected-03:#525252;\n  --cds-layer-selected-disabled:#a8a8a8;\n  --cds-layer-selected-hover-01:#636363;\n  --cds-layer-selected-hover-02:#5e5e5e;\n  --cds-layer-selected-hover-03:#636363;\n  --cds-layer-selected-inverse:#f4f4f4;\n  --cds-link-inverse:#0f62fe;\n  --cds-link-inverse-active:#161616;\n  --cds-link-inverse-hover:#0043ce;\n  --cds-link-inverse-visited:#8a3ffc;\n  --cds-link-primary:#78a9ff;\n  --cds-link-primary-hover:#a6c8ff;\n  --cds-link-secondary:#a6c8ff;\n  --cds-link-visited:#be95ff;\n  --cds-overlay:rgba(0, 0, 0, 0.6);\n  --cds-shadow:rgba(0, 0, 0, 0.8);\n  --cds-skeleton-background:#333333;\n  --cds-skeleton-element:#525252;\n  --cds-support-caution-major:#ff832b;\n  --cds-support-caution-minor:#f1c21b;\n  --cds-support-caution-undefined:#a56eff;\n  --cds-support-error:#ff8389;\n  --cds-support-error-inverse:#da1e28;\n  --cds-support-info:#4589ff;\n  --cds-support-info-inverse:#0043ce;\n  --cds-support-success:#42be65;\n  --cds-support-success-inverse:#24a148;\n  --cds-support-warning:#f1c21b;\n  --cds-support-warning-inverse:#f1c21b;\n  --cds-syntax-angle-bracket:#8d8d8d;\n  --cds-syntax-annotation:#08bdba;\n  --cds-syntax-arithmetic-operator:#e0e0e0;\n  --cds-syntax-atom:#f4f4f4;\n  --cds-syntax-attribute:#33b1ff;\n  --cds-syntax-attribute-name:#33b1ff;\n  --cds-syntax-attribute-value:#f4f4f4;\n  --cds-syntax-bitwise-operator:#e0e0e0;\n  --cds-syntax-block-comment:#42be65;\n  --cds-syntax-bool:#f4f4f4;\n  --cds-syntax-brace:#e0e0e0;\n  --cds-syntax-bracket:#e0e0e0;\n  --cds-syntax-character:#f4f4f4;\n  --cds-syntax-class-name:#3ddbd9;\n  --cds-syntax-color:#f4f4f4;\n  --cds-syntax-comment:#42be65;\n  --cds-syntax-compare-operator:#e0e0e0;\n  --cds-syntax-constant:#4589ff;\n  --cds-syntax-content:#f4f4f4;\n  --cds-syntax-content-separator:#e0e0e0;\n  --cds-syntax-control-keyword:#be95ff;\n  --cds-syntax-control-operator:#be95ff;\n  --cds-syntax-definition:#33b1ff;\n  --cds-syntax-definition-keyword:#33b1ff;\n  --cds-syntax-definition-operator:#33b1ff;\n  --cds-syntax-deref-operator:#e0e0e0;\n  --cds-syntax-doc-comment:#42be65;\n  --cds-syntax-doc-string:#f4f4f4;\n  --cds-syntax-document-meta:#42be65;\n  --cds-syntax-emphasis:#f4f4f4;\n  --cds-syntax-escape:#e0e0e0;\n  --cds-syntax-float:#6fdc8c;\n  --cds-syntax-function:#f1c21b;\n  --cds-syntax-heading:#33b1ff;\n  --cds-syntax-heading-1:#33b1ff;\n  --cds-syntax-heading-2:#33b1ff;\n  --cds-syntax-heading-3:#33b1ff;\n  --cds-syntax-heading-4:#33b1ff;\n  --cds-syntax-heading-5:#33b1ff;\n  --cds-syntax-heading-6:#33b1ff;\n  --cds-syntax-integer:#6fdc8c;\n  --cds-syntax-invalid:#fa4d56;\n  --cds-syntax-keyword:#4589ff;\n  --cds-syntax-label-name:#a6c8ff;\n  --cds-syntax-line-comment:#42be65;\n  --cds-syntax-link:#4589ff;\n  --cds-syntax-list:#f4f4f4;\n  --cds-syntax-literal:#f4f4f4;\n  --cds-syntax-local:#a6c8ff;\n  --cds-syntax-logic-operator:#e0e0e0;\n  --cds-syntax-macro-name:#f4f4f4;\n  --cds-syntax-meta:#42be65;\n  --cds-syntax-modifier:#4589ff;\n  --cds-syntax-module-keyword:#be95ff;\n  --cds-syntax-monospace:#f4f4f4;\n  --cds-syntax-name:#a6c8ff;\n  --cds-syntax-namespace:#3ddbd9;\n  --cds-syntax-null:#f4f4f4;\n  --cds-syntax-number:#6fdc8c;\n  --cds-syntax-operator:#e0e0e0;\n  --cds-syntax-operator-keyword:#4589ff;\n  --cds-syntax-paren:#e0e0e0;\n  --cds-syntax-processing-instruction:#f4f4f4;\n  --cds-syntax-property-name:#33b1ff;\n  --cds-syntax-punctuation:#e0e0e0;\n  --cds-syntax-quote:#42be65;\n  --cds-syntax-regexp:#be95ff;\n  --cds-syntax-self:#3ddbd9;\n  --cds-syntax-separator:#e0e0e0;\n  --cds-syntax-special:#4589ff;\n  --cds-syntax-special-string:#be95ff;\n  --cds-syntax-square-bracket:#e0e0e0;\n  --cds-syntax-standard:#4589ff;\n  --cds-syntax-strikethrough:#f4f4f4;\n  --cds-syntax-string:#f4f4f4;\n  --cds-syntax-strong:#f4f4f4;\n  --cds-syntax-tag:#3ddbd9;\n  --cds-syntax-tag-name:#3ddbd9;\n  --cds-syntax-type:#3ddbd9;\n  --cds-syntax-type-name:#3ddbd9;\n  --cds-syntax-type-operator:#3ddbd9;\n  --cds-syntax-unit:#6fdc8c;\n  --cds-syntax-update-operator:#e0e0e0;\n  --cds-syntax-url:#e0e0e0;\n  --cds-syntax-variable:#a6c8ff;\n  --cds-syntax-variable-name:#a6c8ff;\n  --cds-text-disabled:rgba(244, 244, 244, 0.25);\n  --cds-text-error:#ffb3b8;\n  --cds-text-helper:#c6c6c6;\n  --cds-text-inverse:#161616;\n  --cds-text-on-color:#ffffff;\n  --cds-text-on-color-disabled:rgba(255, 255, 255, 0.25);\n  --cds-text-placeholder:rgba(244, 244, 244, 0.4);\n  --cds-text-primary:#f4f4f4;\n  --cds-text-secondary:#c6c6c6;\n  --cds-toggle-off:#8d8d8d;\n  --cds-spacing-01:0.125rem;\n  --cds-spacing-02:0.25rem;\n  --cds-spacing-03:0.5rem;\n  --cds-spacing-04:0.75rem;\n  --cds-spacing-05:1rem;\n  --cds-spacing-06:1.5rem;\n  --cds-spacing-07:2rem;\n  --cds-spacing-08:2.5rem;\n  --cds-spacing-09:3rem;\n  --cds-spacing-10:4rem;\n  --cds-spacing-11:5rem;\n  --cds-spacing-12:6rem;\n  --cds-spacing-13:10rem;\n  --cds-fluid-spacing-01:0;\n  --cds-fluid-spacing-02:2vw;\n  --cds-fluid-spacing-03:5vw;\n  --cds-fluid-spacing-04:10vw;\n  --cds-caption-01-font-size:0.75rem;\n  --cds-caption-01-font-weight:400;\n  --cds-caption-01-line-height:1.33333;\n  --cds-caption-01-letter-spacing:0.32px;\n  --cds-caption-02-font-size:0.875rem;\n  --cds-caption-02-font-weight:400;\n  --cds-caption-02-line-height:1.28572;\n  --cds-caption-02-letter-spacing:0.32px;\n  --cds-label-01-font-size:0.75rem;\n  --cds-label-01-font-weight:400;\n  --cds-label-01-line-height:1.33333;\n  --cds-label-01-letter-spacing:0.32px;\n  --cds-label-02-font-size:0.875rem;\n  --cds-label-02-font-weight:400;\n  --cds-label-02-line-height:1.28572;\n  --cds-label-02-letter-spacing:0.16px;\n  --cds-helper-text-01-font-size:0.75rem;\n  --cds-helper-text-01-line-height:1.33333;\n  --cds-helper-text-01-letter-spacing:0.32px;\n  --cds-helper-text-02-font-size:0.875rem;\n  --cds-helper-text-02-font-weight:400;\n  --cds-helper-text-02-line-height:1.28572;\n  --cds-helper-text-02-letter-spacing:0.16px;\n  --cds-body-short-01-font-size:0.875rem;\n  --cds-body-short-01-font-weight:400;\n  --cds-body-short-01-line-height:1.28572;\n  --cds-body-short-01-letter-spacing:0.16px;\n  --cds-body-short-02-font-size:1rem;\n  --cds-body-short-02-font-weight:400;\n  --cds-body-short-02-line-height:1.375;\n  --cds-body-short-02-letter-spacing:0;\n  --cds-body-long-01-font-size:0.875rem;\n  --cds-body-long-01-font-weight:400;\n  --cds-body-long-01-line-height:1.42857;\n  --cds-body-long-01-letter-spacing:0.16px;\n  --cds-body-long-02-font-size:1rem;\n  --cds-body-long-02-font-weight:400;\n  --cds-body-long-02-line-height:1.5;\n  --cds-body-long-02-letter-spacing:0;\n  --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n  --cds-code-01-font-size:0.75rem;\n  --cds-code-01-font-weight:400;\n  --cds-code-01-line-height:1.33333;\n  --cds-code-01-letter-spacing:0.32px;\n  --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n  --cds-code-02-font-size:0.875rem;\n  --cds-code-02-font-weight:400;\n  --cds-code-02-line-height:1.42857;\n  --cds-code-02-letter-spacing:0.32px;\n  --cds-heading-01-font-size:0.875rem;\n  --cds-heading-01-font-weight:600;\n  --cds-heading-01-line-height:1.42857;\n  --cds-heading-01-letter-spacing:0.16px;\n  --cds-heading-02-font-size:1rem;\n  --cds-heading-02-font-weight:600;\n  --cds-heading-02-line-height:1.5;\n  --cds-heading-02-letter-spacing:0;\n  --cds-productive-heading-01-font-size:0.875rem;\n  --cds-productive-heading-01-font-weight:600;\n  --cds-productive-heading-01-line-height:1.28572;\n  --cds-productive-heading-01-letter-spacing:0.16px;\n  --cds-productive-heading-02-font-size:1rem;\n  --cds-productive-heading-02-font-weight:600;\n  --cds-productive-heading-02-line-height:1.375;\n  --cds-productive-heading-02-letter-spacing:0;\n  --cds-productive-heading-03-font-size:1.25rem;\n  --cds-productive-heading-03-font-weight:400;\n  --cds-productive-heading-03-line-height:1.4;\n  --cds-productive-heading-03-letter-spacing:0;\n  --cds-productive-heading-04-font-size:1.75rem;\n  --cds-productive-heading-04-font-weight:400;\n  --cds-productive-heading-04-line-height:1.28572;\n  --cds-productive-heading-04-letter-spacing:0;\n  --cds-productive-heading-05-font-size:2rem;\n  --cds-productive-heading-05-font-weight:400;\n  --cds-productive-heading-05-line-height:1.25;\n  --cds-productive-heading-05-letter-spacing:0;\n  --cds-productive-heading-06-font-size:2.625rem;\n  --cds-productive-heading-06-font-weight:300;\n  --cds-productive-heading-06-line-height:1.199;\n  --cds-productive-heading-06-letter-spacing:0;\n  --cds-productive-heading-07-font-size:3.375rem;\n  --cds-productive-heading-07-font-weight:300;\n  --cds-productive-heading-07-line-height:1.19;\n  --cds-productive-heading-07-letter-spacing:0;\n  --cds-expressive-paragraph-01-font-size:1.5rem;\n  --cds-expressive-paragraph-01-font-weight:300;\n  --cds-expressive-paragraph-01-line-height:1.334;\n  --cds-expressive-paragraph-01-letter-spacing:0;\n  --cds-expressive-heading-01-font-size:0.875rem;\n  --cds-expressive-heading-01-font-weight:600;\n  --cds-expressive-heading-01-line-height:1.42857;\n  --cds-expressive-heading-01-letter-spacing:0.16px;\n  --cds-expressive-heading-02-font-size:1rem;\n  --cds-expressive-heading-02-font-weight:600;\n  --cds-expressive-heading-02-line-height:1.5;\n  --cds-expressive-heading-02-letter-spacing:0;\n  --cds-expressive-heading-03-font-size:1.25rem;\n  --cds-expressive-heading-03-font-weight:400;\n  --cds-expressive-heading-03-line-height:1.4;\n  --cds-expressive-heading-03-letter-spacing:0;\n  --cds-expressive-heading-04-font-size:1.75rem;\n  --cds-expressive-heading-04-font-weight:400;\n  --cds-expressive-heading-04-line-height:1.28572;\n  --cds-expressive-heading-04-letter-spacing:0;\n  --cds-expressive-heading-05-font-size:2rem;\n  --cds-expressive-heading-05-font-weight:400;\n  --cds-expressive-heading-05-line-height:1.25;\n  --cds-expressive-heading-05-letter-spacing:0;\n  --cds-expressive-heading-06-font-size:2rem;\n  --cds-expressive-heading-06-font-weight:600;\n  --cds-expressive-heading-06-line-height:1.25;\n  --cds-expressive-heading-06-letter-spacing:0;\n  --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-quotation-01-font-size:1.25rem;\n  --cds-quotation-01-font-weight:400;\n  --cds-quotation-01-line-height:1.3;\n  --cds-quotation-01-letter-spacing:0;\n  --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-quotation-02-font-size:2rem;\n  --cds-quotation-02-font-weight:300;\n  --cds-quotation-02-line-height:1.25;\n  --cds-quotation-02-letter-spacing:0;\n  --cds-display-01-font-size:2.625rem;\n  --cds-display-01-font-weight:300;\n  --cds-display-01-line-height:1.19;\n  --cds-display-01-letter-spacing:0;\n  --cds-display-02-font-size:2.625rem;\n  --cds-display-02-font-weight:600;\n  --cds-display-02-line-height:1.19;\n  --cds-display-02-letter-spacing:0;\n  --cds-display-03-font-size:2.625rem;\n  --cds-display-03-font-weight:300;\n  --cds-display-03-line-height:1.19;\n  --cds-display-03-letter-spacing:0;\n  --cds-display-04-font-size:2.625rem;\n  --cds-display-04-font-weight:300;\n  --cds-display-04-line-height:1.19;\n  --cds-display-04-letter-spacing:0;\n  --cds-legal-01-font-size:0.75rem;\n  --cds-legal-01-font-weight:400;\n  --cds-legal-01-line-height:1.33333;\n  --cds-legal-01-letter-spacing:0.32px;\n  --cds-legal-02-font-size:0.875rem;\n  --cds-legal-02-font-weight:400;\n  --cds-legal-02-line-height:1.28572;\n  --cds-legal-02-letter-spacing:0.16px;\n  --cds-body-compact-01-font-size:0.875rem;\n  --cds-body-compact-01-font-weight:400;\n  --cds-body-compact-01-line-height:1.28572;\n  --cds-body-compact-01-letter-spacing:0.16px;\n  --cds-body-compact-02-font-size:1rem;\n  --cds-body-compact-02-font-weight:400;\n  --cds-body-compact-02-line-height:1.375;\n  --cds-body-compact-02-letter-spacing:0;\n  --cds-heading-compact-01-font-size:0.875rem;\n  --cds-heading-compact-01-font-weight:600;\n  --cds-heading-compact-01-line-height:1.28572;\n  --cds-heading-compact-01-letter-spacing:0.16px;\n  --cds-heading-compact-02-font-size:1rem;\n  --cds-heading-compact-02-font-weight:600;\n  --cds-heading-compact-02-line-height:1.375;\n  --cds-heading-compact-02-letter-spacing:0;\n  --cds-body-01-font-size:0.875rem;\n  --cds-body-01-font-weight:400;\n  --cds-body-01-line-height:1.42857;\n  --cds-body-01-letter-spacing:0.16px;\n  --cds-body-02-font-size:1rem;\n  --cds-body-02-font-weight:400;\n  --cds-body-02-line-height:1.5;\n  --cds-body-02-letter-spacing:0;\n  --cds-heading-03-font-size:1.25rem;\n  --cds-heading-03-font-weight:400;\n  --cds-heading-03-line-height:1.4;\n  --cds-heading-03-letter-spacing:0;\n  --cds-heading-04-font-size:1.75rem;\n  --cds-heading-04-font-weight:400;\n  --cds-heading-04-line-height:1.28572;\n  --cds-heading-04-letter-spacing:0;\n  --cds-heading-05-font-size:2rem;\n  --cds-heading-05-font-weight:400;\n  --cds-heading-05-line-height:1.25;\n  --cds-heading-05-letter-spacing:0;\n  --cds-heading-06-font-size:2.625rem;\n  --cds-heading-06-font-weight:300;\n  --cds-heading-06-line-height:1.199;\n  --cds-heading-06-letter-spacing:0;\n  --cds-heading-07-font-size:3.375rem;\n  --cds-heading-07-font-weight:300;\n  --cds-heading-07-line-height:1.19;\n  --cds-heading-07-letter-spacing:0;\n  --cds-fluid-heading-03-font-size:1.25rem;\n  --cds-fluid-heading-03-font-weight:400;\n  --cds-fluid-heading-03-line-height:1.4;\n  --cds-fluid-heading-03-letter-spacing:0;\n  --cds-fluid-heading-04-font-size:1.75rem;\n  --cds-fluid-heading-04-font-weight:400;\n  --cds-fluid-heading-04-line-height:1.28572;\n  --cds-fluid-heading-04-letter-spacing:0;\n  --cds-fluid-heading-05-font-size:2rem;\n  --cds-fluid-heading-05-font-weight:400;\n  --cds-fluid-heading-05-line-height:1.25;\n  --cds-fluid-heading-05-letter-spacing:0;\n  --cds-fluid-heading-06-font-size:2rem;\n  --cds-fluid-heading-06-font-weight:600;\n  --cds-fluid-heading-06-line-height:1.25;\n  --cds-fluid-heading-06-letter-spacing:0;\n  --cds-fluid-paragraph-01-font-size:1.5rem;\n  --cds-fluid-paragraph-01-font-weight:300;\n  --cds-fluid-paragraph-01-line-height:1.334;\n  --cds-fluid-paragraph-01-letter-spacing:0;\n  --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-fluid-quotation-01-font-size:1.25rem;\n  --cds-fluid-quotation-01-font-weight:400;\n  --cds-fluid-quotation-01-line-height:1.3;\n  --cds-fluid-quotation-01-letter-spacing:0;\n  --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-fluid-quotation-02-font-size:2rem;\n  --cds-fluid-quotation-02-font-weight:300;\n  --cds-fluid-quotation-02-line-height:1.25;\n  --cds-fluid-quotation-02-letter-spacing:0;\n  --cds-fluid-display-01-font-size:2.625rem;\n  --cds-fluid-display-01-font-weight:300;\n  --cds-fluid-display-01-line-height:1.19;\n  --cds-fluid-display-01-letter-spacing:0;\n  --cds-fluid-display-02-font-size:2.625rem;\n  --cds-fluid-display-02-font-weight:600;\n  --cds-fluid-display-02-line-height:1.19;\n  --cds-fluid-display-02-letter-spacing:0;\n  --cds-fluid-display-03-font-size:2.625rem;\n  --cds-fluid-display-03-font-weight:300;\n  --cds-fluid-display-03-line-height:1.19;\n  --cds-fluid-display-03-letter-spacing:0;\n  --cds-fluid-display-04-font-size:2.625rem;\n  --cds-fluid-display-04-font-weight:300;\n  --cds-fluid-display-04-line-height:1.19;\n  --cds-fluid-display-04-letter-spacing:0;\n  --cds-button-separator:#161616;\n  --cds-button-primary:#0f62fe;\n  --cds-button-secondary:#6f6f6f;\n  --cds-button-tertiary:#ffffff;\n  --cds-button-danger-primary:#da1e28;\n  --cds-button-danger-secondary:#ff8389;\n  --cds-button-danger-active:#750e13;\n  --cds-button-primary-active:#002d9c;\n  --cds-button-secondary-active:#393939;\n  --cds-button-tertiary-active:#c6c6c6;\n  --cds-button-danger-hover:#b81921;\n  --cds-button-primary-hover:#0050e6;\n  --cds-button-secondary-hover:#5e5e5e;\n  --cds-button-tertiary-hover:#f4f4f4;\n  --cds-button-disabled:rgba(141, 141, 141, 0.3);\n  color-scheme:var(--cds-color-scheme, light);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n  :host .cds--g90{\n    --cds-icon-primary:ButtonText;\n    --cds-icon-secondary:ButtonText;\n    --cds-icon-interactive:ButtonText;\n    --cds-icon-disabled:GrayText;\n    --cds-icon-on-color-disabled:GrayText;\n    --cds-icon-inverse:SelectedItemText;\n    --cds-icon-on-color:SelectedItemText;\n    --cds-button-disabled:GrayText;\n    --cds-interactive:ButtonText;\n    --cds-link-primary:LinkText;\n    --cds-link-primary-hover:LinkText;\n    --cds-link-secondary:LinkText;\n    --cds-link-inverse:SelectedItemText;\n    --cds-link-inverse-hover:SelectedItemText;\n    --cds-link-inverse-visited:SelectedItemText;\n    --cds-link-visited:VisitedText;\n    --cds-background-selected:SelectedItem;\n    --cds-background-selected-hover:SelectedItem;\n    --cds-background-inverse:SelectedItem;\n    --cds-layer-selected-inverse:SelectedItem;\n  }\n}\n:host .cds--g90{\n  --cds-layer:var(--cds-layer-01, #f4f4f4);\n  --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n  --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n  --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n  --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n  --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n  --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n  --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n  --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n  --cds-field:var(--cds-field-01, #f4f4f4);\n  --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n  --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n  --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n  --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n  --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host .cds--g100{\n  --cds-ai-aura-end:rgba(0, 0, 0, 0);\n  --cds-ai-aura-hover-background:#333333;\n  --cds-ai-aura-hover-end:rgba(0, 0, 0, 0);\n  --cds-ai-aura-hover-start:rgba(69, 137, 255, 0.4);\n  --cds-ai-aura-start:rgba(69, 137, 255, 0.1);\n  --cds-ai-aura-start-sm:rgba(69, 137, 255, 0.16);\n  --cds-ai-border-end:#4589ff;\n  --cds-ai-border-start:rgba(166, 200, 255, 0.36);\n  --cds-ai-border-strong:#78a9ff;\n  --cds-ai-drop-shadow:rgba(0, 0, 0, 0.28);\n  --cds-ai-inner-shadow:rgba(69, 137, 255, 0.16);\n  --cds-ai-overlay:rgba(0, 0, 0, 0.5);\n  --cds-ai-popover-background:#161616;\n  --cds-ai-popover-caret-bottom:#4589ff;\n  --cds-ai-popover-caret-bottom-background:#202d45;\n  --cds-ai-popover-caret-bottom-background-actions:#1e283a;\n  --cds-ai-popover-caret-center:#4870b5;\n  --cds-ai-popover-shadow-outer-01:rgba(0, 0, 0, 0.12);\n  --cds-ai-popover-shadow-outer-02:rgba(0, 0, 0, 0.08);\n  --cds-ai-skeleton-background:rgba(120, 169, 255, 0.5);\n  --cds-ai-skeleton-element-background:rgba(120, 169, 255, 0.3);\n  --cds-background:#161616;\n  --cds-background-active:rgba(141, 141, 141, 0.4);\n  --cds-background-brand:#0f62fe;\n  --cds-background-hover:rgba(141, 141, 141, 0.16);\n  --cds-background-inverse:#f4f4f4;\n  --cds-background-inverse-hover:#e8e8e8;\n  --cds-background-selected:rgba(141, 141, 141, 0.24);\n  --cds-background-selected-hover:rgba(141, 141, 141, 0.32);\n  --cds-border-disabled:rgba(141, 141, 141, 0.5);\n  --cds-border-interactive:#4589ff;\n  --cds-border-inverse:#f4f4f4;\n  --cds-border-strong-01:#6f6f6f;\n  --cds-border-strong-02:#8d8d8d;\n  --cds-border-strong-03:#a8a8a8;\n  --cds-border-subtle-00:#393939;\n  --cds-border-subtle-01:#525252;\n  --cds-border-subtle-02:#6f6f6f;\n  --cds-border-subtle-03:#6f6f6f;\n  --cds-border-subtle-selected-01:#6f6f6f;\n  --cds-border-subtle-selected-02:#8d8d8d;\n  --cds-border-subtle-selected-03:#8d8d8d;\n  --cds-border-tile-01:#525252;\n  --cds-border-tile-02:#6f6f6f;\n  --cds-border-tile-03:#8d8d8d;\n  --cds-chat-avatar-agent:#c6c6c6;\n  --cds-chat-avatar-bot:#8d8d8d;\n  --cds-chat-avatar-user:#4589ff;\n  --cds-chat-bubble-agent:#262626;\n  --cds-chat-bubble-agent-text:#f4f4f4;\n  --cds-chat-bubble-border:#525252;\n  --cds-chat-bubble-user:#393939;\n  --cds-chat-bubble-user-text:#f4f4f4;\n  --cds-chat-button:#78a9ff;\n  --cds-chat-button-active:rgba(141, 141, 141, 0.4);\n  --cds-chat-button-hover:rgba(141, 141, 141, 0.16);\n  --cds-chat-button-selected:rgba(141, 141, 141, 0.24);\n  --cds-chat-button-text-hover:#a6c8ff;\n  --cds-chat-button-text-selected:#c6c6c6;\n  --cds-chat-header-background:#262626;\n  --cds-chat-header-text:#f4f4f4;\n  --cds-chat-prompt-background:#161616;\n  --cds-chat-prompt-border-end:rgba(38, 38, 38, 0);\n  --cds-chat-prompt-border-start:#262626;\n  --cds-chat-prompt-text:#f4f4f4;\n  --cds-chat-shell-background:#262626;\n  --cds-color-scheme:dark;\n  --cds-field-01:#262626;\n  --cds-field-02:#393939;\n  --cds-field-03:#525252;\n  --cds-field-hover-01:#333333;\n  --cds-field-hover-02:#474747;\n  --cds-field-hover-03:#636363;\n  --cds-focus:#ffffff;\n  --cds-focus-inset:#161616;\n  --cds-focus-inverse:#0f62fe;\n  --cds-highlight:#001d6c;\n  --cds-icon-disabled:rgba(244, 244, 244, 0.25);\n  --cds-icon-interactive:#ffffff;\n  --cds-icon-inverse:#161616;\n  --cds-icon-on-color:#ffffff;\n  --cds-icon-on-color-disabled:rgba(255, 255, 255, 0.25);\n  --cds-icon-primary:#f4f4f4;\n  --cds-icon-secondary:#c6c6c6;\n  --cds-interactive:#4589ff;\n  --cds-layer-01:#262626;\n  --cds-layer-02:#393939;\n  --cds-layer-03:#525252;\n  --cds-layer-accent-01:#393939;\n  --cds-layer-accent-02:#525252;\n  --cds-layer-accent-03:#6f6f6f;\n  --cds-layer-accent-active-01:#6f6f6f;\n  --cds-layer-accent-active-02:#8d8d8d;\n  --cds-layer-accent-active-03:#393939;\n  --cds-layer-accent-hover-01:#474747;\n  --cds-layer-accent-hover-02:#636363;\n  --cds-layer-accent-hover-03:#5e5e5e;\n  --cds-layer-active-01:#525252;\n  --cds-layer-active-02:#6f6f6f;\n  --cds-layer-active-03:#8d8d8d;\n  --cds-layer-background-01:#161616;\n  --cds-layer-background-02:#262626;\n  --cds-layer-background-03:#393939;\n  --cds-layer-hover-01:#333333;\n  --cds-layer-hover-02:#474747;\n  --cds-layer-hover-03:#636363;\n  --cds-layer-selected-01:#393939;\n  --cds-layer-selected-02:#525252;\n  --cds-layer-selected-03:#6f6f6f;\n  --cds-layer-selected-disabled:#a8a8a8;\n  --cds-layer-selected-hover-01:#474747;\n  --cds-layer-selected-hover-02:#636363;\n  --cds-layer-selected-hover-03:#5e5e5e;\n  --cds-layer-selected-inverse:#f4f4f4;\n  --cds-link-inverse:#0f62fe;\n  --cds-link-inverse-active:#161616;\n  --cds-link-inverse-hover:#0043ce;\n  --cds-link-inverse-visited:#8a3ffc;\n  --cds-link-primary:#78a9ff;\n  --cds-link-primary-hover:#a6c8ff;\n  --cds-link-secondary:#a6c8ff;\n  --cds-link-visited:#be95ff;\n  --cds-overlay:rgba(0, 0, 0, 0.6);\n  --cds-shadow:rgba(0, 0, 0, 0.8);\n  --cds-skeleton-background:#292929;\n  --cds-skeleton-element:#393939;\n  --cds-support-caution-major:#ff832b;\n  --cds-support-caution-minor:#f1c21b;\n  --cds-support-caution-undefined:#a56eff;\n  --cds-support-error:#fa4d56;\n  --cds-support-error-inverse:#da1e28;\n  --cds-support-info:#4589ff;\n  --cds-support-info-inverse:#0043ce;\n  --cds-support-success:#42be65;\n  --cds-support-success-inverse:#24a148;\n  --cds-support-warning:#f1c21b;\n  --cds-support-warning-inverse:#f1c21b;\n  --cds-syntax-angle-bracket:#8d8d8d;\n  --cds-syntax-annotation:#08bdba;\n  --cds-syntax-arithmetic-operator:#e0e0e0;\n  --cds-syntax-atom:#f4f4f4;\n  --cds-syntax-attribute:#33b1ff;\n  --cds-syntax-attribute-name:#33b1ff;\n  --cds-syntax-attribute-value:#f4f4f4;\n  --cds-syntax-bitwise-operator:#e0e0e0;\n  --cds-syntax-block-comment:#42be65;\n  --cds-syntax-bool:#f4f4f4;\n  --cds-syntax-brace:#e0e0e0;\n  --cds-syntax-bracket:#e0e0e0;\n  --cds-syntax-character:#f4f4f4;\n  --cds-syntax-class-name:#3ddbd9;\n  --cds-syntax-color:#f4f4f4;\n  --cds-syntax-comment:#42be65;\n  --cds-syntax-compare-operator:#e0e0e0;\n  --cds-syntax-constant:#4589ff;\n  --cds-syntax-content:#f4f4f4;\n  --cds-syntax-content-separator:#e0e0e0;\n  --cds-syntax-control-keyword:#be95ff;\n  --cds-syntax-control-operator:#be95ff;\n  --cds-syntax-definition:#33b1ff;\n  --cds-syntax-definition-keyword:#33b1ff;\n  --cds-syntax-definition-operator:#33b1ff;\n  --cds-syntax-deref-operator:#e0e0e0;\n  --cds-syntax-doc-comment:#42be65;\n  --cds-syntax-doc-string:#f4f4f4;\n  --cds-syntax-document-meta:#42be65;\n  --cds-syntax-emphasis:#f4f4f4;\n  --cds-syntax-escape:#e0e0e0;\n  --cds-syntax-float:#6fdc8c;\n  --cds-syntax-function:#f1c21b;\n  --cds-syntax-heading:#33b1ff;\n  --cds-syntax-heading-1:#33b1ff;\n  --cds-syntax-heading-2:#33b1ff;\n  --cds-syntax-heading-3:#33b1ff;\n  --cds-syntax-heading-4:#33b1ff;\n  --cds-syntax-heading-5:#33b1ff;\n  --cds-syntax-heading-6:#33b1ff;\n  --cds-syntax-integer:#6fdc8c;\n  --cds-syntax-invalid:#fa4d56;\n  --cds-syntax-keyword:#4589ff;\n  --cds-syntax-label-name:#a6c8ff;\n  --cds-syntax-line-comment:#42be65;\n  --cds-syntax-link:#4589ff;\n  --cds-syntax-list:#f4f4f4;\n  --cds-syntax-literal:#f4f4f4;\n  --cds-syntax-local:#a6c8ff;\n  --cds-syntax-logic-operator:#e0e0e0;\n  --cds-syntax-macro-name:#f4f4f4;\n  --cds-syntax-meta:#42be65;\n  --cds-syntax-modifier:#4589ff;\n  --cds-syntax-module-keyword:#be95ff;\n  --cds-syntax-monospace:#f4f4f4;\n  --cds-syntax-name:#a6c8ff;\n  --cds-syntax-namespace:#3ddbd9;\n  --cds-syntax-null:#f4f4f4;\n  --cds-syntax-number:#6fdc8c;\n  --cds-syntax-operator:#e0e0e0;\n  --cds-syntax-operator-keyword:#4589ff;\n  --cds-syntax-paren:#e0e0e0;\n  --cds-syntax-processing-instruction:#f4f4f4;\n  --cds-syntax-property-name:#33b1ff;\n  --cds-syntax-punctuation:#e0e0e0;\n  --cds-syntax-quote:#42be65;\n  --cds-syntax-regexp:#be95ff;\n  --cds-syntax-self:#3ddbd9;\n  --cds-syntax-separator:#e0e0e0;\n  --cds-syntax-special:#4589ff;\n  --cds-syntax-special-string:#be95ff;\n  --cds-syntax-square-bracket:#e0e0e0;\n  --cds-syntax-standard:#4589ff;\n  --cds-syntax-strikethrough:#f4f4f4;\n  --cds-syntax-string:#f4f4f4;\n  --cds-syntax-strong:#f4f4f4;\n  --cds-syntax-tag:#3ddbd9;\n  --cds-syntax-tag-name:#3ddbd9;\n  --cds-syntax-type:#3ddbd9;\n  --cds-syntax-type-name:#3ddbd9;\n  --cds-syntax-type-operator:#3ddbd9;\n  --cds-syntax-unit:#6fdc8c;\n  --cds-syntax-update-operator:#e0e0e0;\n  --cds-syntax-url:#e0e0e0;\n  --cds-syntax-variable:#a6c8ff;\n  --cds-syntax-variable-name:#a6c8ff;\n  --cds-text-disabled:rgba(244, 244, 244, 0.25);\n  --cds-text-error:#ff8389;\n  --cds-text-helper:#a8a8a8;\n  --cds-text-inverse:#161616;\n  --cds-text-on-color:#ffffff;\n  --cds-text-on-color-disabled:rgba(255, 255, 255, 0.25);\n  --cds-text-placeholder:rgba(244, 244, 244, 0.4);\n  --cds-text-primary:#f4f4f4;\n  --cds-text-secondary:#c6c6c6;\n  --cds-toggle-off:#6f6f6f;\n  --cds-spacing-01:0.125rem;\n  --cds-spacing-02:0.25rem;\n  --cds-spacing-03:0.5rem;\n  --cds-spacing-04:0.75rem;\n  --cds-spacing-05:1rem;\n  --cds-spacing-06:1.5rem;\n  --cds-spacing-07:2rem;\n  --cds-spacing-08:2.5rem;\n  --cds-spacing-09:3rem;\n  --cds-spacing-10:4rem;\n  --cds-spacing-11:5rem;\n  --cds-spacing-12:6rem;\n  --cds-spacing-13:10rem;\n  --cds-fluid-spacing-01:0;\n  --cds-fluid-spacing-02:2vw;\n  --cds-fluid-spacing-03:5vw;\n  --cds-fluid-spacing-04:10vw;\n  --cds-caption-01-font-size:0.75rem;\n  --cds-caption-01-font-weight:400;\n  --cds-caption-01-line-height:1.33333;\n  --cds-caption-01-letter-spacing:0.32px;\n  --cds-caption-02-font-size:0.875rem;\n  --cds-caption-02-font-weight:400;\n  --cds-caption-02-line-height:1.28572;\n  --cds-caption-02-letter-spacing:0.32px;\n  --cds-label-01-font-size:0.75rem;\n  --cds-label-01-font-weight:400;\n  --cds-label-01-line-height:1.33333;\n  --cds-label-01-letter-spacing:0.32px;\n  --cds-label-02-font-size:0.875rem;\n  --cds-label-02-font-weight:400;\n  --cds-label-02-line-height:1.28572;\n  --cds-label-02-letter-spacing:0.16px;\n  --cds-helper-text-01-font-size:0.75rem;\n  --cds-helper-text-01-line-height:1.33333;\n  --cds-helper-text-01-letter-spacing:0.32px;\n  --cds-helper-text-02-font-size:0.875rem;\n  --cds-helper-text-02-font-weight:400;\n  --cds-helper-text-02-line-height:1.28572;\n  --cds-helper-text-02-letter-spacing:0.16px;\n  --cds-body-short-01-font-size:0.875rem;\n  --cds-body-short-01-font-weight:400;\n  --cds-body-short-01-line-height:1.28572;\n  --cds-body-short-01-letter-spacing:0.16px;\n  --cds-body-short-02-font-size:1rem;\n  --cds-body-short-02-font-weight:400;\n  --cds-body-short-02-line-height:1.375;\n  --cds-body-short-02-letter-spacing:0;\n  --cds-body-long-01-font-size:0.875rem;\n  --cds-body-long-01-font-weight:400;\n  --cds-body-long-01-line-height:1.42857;\n  --cds-body-long-01-letter-spacing:0.16px;\n  --cds-body-long-02-font-size:1rem;\n  --cds-body-long-02-font-weight:400;\n  --cds-body-long-02-line-height:1.5;\n  --cds-body-long-02-letter-spacing:0;\n  --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n  --cds-code-01-font-size:0.75rem;\n  --cds-code-01-font-weight:400;\n  --cds-code-01-line-height:1.33333;\n  --cds-code-01-letter-spacing:0.32px;\n  --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n  --cds-code-02-font-size:0.875rem;\n  --cds-code-02-font-weight:400;\n  --cds-code-02-line-height:1.42857;\n  --cds-code-02-letter-spacing:0.32px;\n  --cds-heading-01-font-size:0.875rem;\n  --cds-heading-01-font-weight:600;\n  --cds-heading-01-line-height:1.42857;\n  --cds-heading-01-letter-spacing:0.16px;\n  --cds-heading-02-font-size:1rem;\n  --cds-heading-02-font-weight:600;\n  --cds-heading-02-line-height:1.5;\n  --cds-heading-02-letter-spacing:0;\n  --cds-productive-heading-01-font-size:0.875rem;\n  --cds-productive-heading-01-font-weight:600;\n  --cds-productive-heading-01-line-height:1.28572;\n  --cds-productive-heading-01-letter-spacing:0.16px;\n  --cds-productive-heading-02-font-size:1rem;\n  --cds-productive-heading-02-font-weight:600;\n  --cds-productive-heading-02-line-height:1.375;\n  --cds-productive-heading-02-letter-spacing:0;\n  --cds-productive-heading-03-font-size:1.25rem;\n  --cds-productive-heading-03-font-weight:400;\n  --cds-productive-heading-03-line-height:1.4;\n  --cds-productive-heading-03-letter-spacing:0;\n  --cds-productive-heading-04-font-size:1.75rem;\n  --cds-productive-heading-04-font-weight:400;\n  --cds-productive-heading-04-line-height:1.28572;\n  --cds-productive-heading-04-letter-spacing:0;\n  --cds-productive-heading-05-font-size:2rem;\n  --cds-productive-heading-05-font-weight:400;\n  --cds-productive-heading-05-line-height:1.25;\n  --cds-productive-heading-05-letter-spacing:0;\n  --cds-productive-heading-06-font-size:2.625rem;\n  --cds-productive-heading-06-font-weight:300;\n  --cds-productive-heading-06-line-height:1.199;\n  --cds-productive-heading-06-letter-spacing:0;\n  --cds-productive-heading-07-font-size:3.375rem;\n  --cds-productive-heading-07-font-weight:300;\n  --cds-productive-heading-07-line-height:1.19;\n  --cds-productive-heading-07-letter-spacing:0;\n  --cds-expressive-paragraph-01-font-size:1.5rem;\n  --cds-expressive-paragraph-01-font-weight:300;\n  --cds-expressive-paragraph-01-line-height:1.334;\n  --cds-expressive-paragraph-01-letter-spacing:0;\n  --cds-expressive-heading-01-font-size:0.875rem;\n  --cds-expressive-heading-01-font-weight:600;\n  --cds-expressive-heading-01-line-height:1.42857;\n  --cds-expressive-heading-01-letter-spacing:0.16px;\n  --cds-expressive-heading-02-font-size:1rem;\n  --cds-expressive-heading-02-font-weight:600;\n  --cds-expressive-heading-02-line-height:1.5;\n  --cds-expressive-heading-02-letter-spacing:0;\n  --cds-expressive-heading-03-font-size:1.25rem;\n  --cds-expressive-heading-03-font-weight:400;\n  --cds-expressive-heading-03-line-height:1.4;\n  --cds-expressive-heading-03-letter-spacing:0;\n  --cds-expressive-heading-04-font-size:1.75rem;\n  --cds-expressive-heading-04-font-weight:400;\n  --cds-expressive-heading-04-line-height:1.28572;\n  --cds-expressive-heading-04-letter-spacing:0;\n  --cds-expressive-heading-05-font-size:2rem;\n  --cds-expressive-heading-05-font-weight:400;\n  --cds-expressive-heading-05-line-height:1.25;\n  --cds-expressive-heading-05-letter-spacing:0;\n  --cds-expressive-heading-06-font-size:2rem;\n  --cds-expressive-heading-06-font-weight:600;\n  --cds-expressive-heading-06-line-height:1.25;\n  --cds-expressive-heading-06-letter-spacing:0;\n  --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-quotation-01-font-size:1.25rem;\n  --cds-quotation-01-font-weight:400;\n  --cds-quotation-01-line-height:1.3;\n  --cds-quotation-01-letter-spacing:0;\n  --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-quotation-02-font-size:2rem;\n  --cds-quotation-02-font-weight:300;\n  --cds-quotation-02-line-height:1.25;\n  --cds-quotation-02-letter-spacing:0;\n  --cds-display-01-font-size:2.625rem;\n  --cds-display-01-font-weight:300;\n  --cds-display-01-line-height:1.19;\n  --cds-display-01-letter-spacing:0;\n  --cds-display-02-font-size:2.625rem;\n  --cds-display-02-font-weight:600;\n  --cds-display-02-line-height:1.19;\n  --cds-display-02-letter-spacing:0;\n  --cds-display-03-font-size:2.625rem;\n  --cds-display-03-font-weight:300;\n  --cds-display-03-line-height:1.19;\n  --cds-display-03-letter-spacing:0;\n  --cds-display-04-font-size:2.625rem;\n  --cds-display-04-font-weight:300;\n  --cds-display-04-line-height:1.19;\n  --cds-display-04-letter-spacing:0;\n  --cds-legal-01-font-size:0.75rem;\n  --cds-legal-01-font-weight:400;\n  --cds-legal-01-line-height:1.33333;\n  --cds-legal-01-letter-spacing:0.32px;\n  --cds-legal-02-font-size:0.875rem;\n  --cds-legal-02-font-weight:400;\n  --cds-legal-02-line-height:1.28572;\n  --cds-legal-02-letter-spacing:0.16px;\n  --cds-body-compact-01-font-size:0.875rem;\n  --cds-body-compact-01-font-weight:400;\n  --cds-body-compact-01-line-height:1.28572;\n  --cds-body-compact-01-letter-spacing:0.16px;\n  --cds-body-compact-02-font-size:1rem;\n  --cds-body-compact-02-font-weight:400;\n  --cds-body-compact-02-line-height:1.375;\n  --cds-body-compact-02-letter-spacing:0;\n  --cds-heading-compact-01-font-size:0.875rem;\n  --cds-heading-compact-01-font-weight:600;\n  --cds-heading-compact-01-line-height:1.28572;\n  --cds-heading-compact-01-letter-spacing:0.16px;\n  --cds-heading-compact-02-font-size:1rem;\n  --cds-heading-compact-02-font-weight:600;\n  --cds-heading-compact-02-line-height:1.375;\n  --cds-heading-compact-02-letter-spacing:0;\n  --cds-body-01-font-size:0.875rem;\n  --cds-body-01-font-weight:400;\n  --cds-body-01-line-height:1.42857;\n  --cds-body-01-letter-spacing:0.16px;\n  --cds-body-02-font-size:1rem;\n  --cds-body-02-font-weight:400;\n  --cds-body-02-line-height:1.5;\n  --cds-body-02-letter-spacing:0;\n  --cds-heading-03-font-size:1.25rem;\n  --cds-heading-03-font-weight:400;\n  --cds-heading-03-line-height:1.4;\n  --cds-heading-03-letter-spacing:0;\n  --cds-heading-04-font-size:1.75rem;\n  --cds-heading-04-font-weight:400;\n  --cds-heading-04-line-height:1.28572;\n  --cds-heading-04-letter-spacing:0;\n  --cds-heading-05-font-size:2rem;\n  --cds-heading-05-font-weight:400;\n  --cds-heading-05-line-height:1.25;\n  --cds-heading-05-letter-spacing:0;\n  --cds-heading-06-font-size:2.625rem;\n  --cds-heading-06-font-weight:300;\n  --cds-heading-06-line-height:1.199;\n  --cds-heading-06-letter-spacing:0;\n  --cds-heading-07-font-size:3.375rem;\n  --cds-heading-07-font-weight:300;\n  --cds-heading-07-line-height:1.19;\n  --cds-heading-07-letter-spacing:0;\n  --cds-fluid-heading-03-font-size:1.25rem;\n  --cds-fluid-heading-03-font-weight:400;\n  --cds-fluid-heading-03-line-height:1.4;\n  --cds-fluid-heading-03-letter-spacing:0;\n  --cds-fluid-heading-04-font-size:1.75rem;\n  --cds-fluid-heading-04-font-weight:400;\n  --cds-fluid-heading-04-line-height:1.28572;\n  --cds-fluid-heading-04-letter-spacing:0;\n  --cds-fluid-heading-05-font-size:2rem;\n  --cds-fluid-heading-05-font-weight:400;\n  --cds-fluid-heading-05-line-height:1.25;\n  --cds-fluid-heading-05-letter-spacing:0;\n  --cds-fluid-heading-06-font-size:2rem;\n  --cds-fluid-heading-06-font-weight:600;\n  --cds-fluid-heading-06-line-height:1.25;\n  --cds-fluid-heading-06-letter-spacing:0;\n  --cds-fluid-paragraph-01-font-size:1.5rem;\n  --cds-fluid-paragraph-01-font-weight:300;\n  --cds-fluid-paragraph-01-line-height:1.334;\n  --cds-fluid-paragraph-01-letter-spacing:0;\n  --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-fluid-quotation-01-font-size:1.25rem;\n  --cds-fluid-quotation-01-font-weight:400;\n  --cds-fluid-quotation-01-line-height:1.3;\n  --cds-fluid-quotation-01-letter-spacing:0;\n  --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n  --cds-fluid-quotation-02-font-size:2rem;\n  --cds-fluid-quotation-02-font-weight:300;\n  --cds-fluid-quotation-02-line-height:1.25;\n  --cds-fluid-quotation-02-letter-spacing:0;\n  --cds-fluid-display-01-font-size:2.625rem;\n  --cds-fluid-display-01-font-weight:300;\n  --cds-fluid-display-01-line-height:1.19;\n  --cds-fluid-display-01-letter-spacing:0;\n  --cds-fluid-display-02-font-size:2.625rem;\n  --cds-fluid-display-02-font-weight:600;\n  --cds-fluid-display-02-line-height:1.19;\n  --cds-fluid-display-02-letter-spacing:0;\n  --cds-fluid-display-03-font-size:2.625rem;\n  --cds-fluid-display-03-font-weight:300;\n  --cds-fluid-display-03-line-height:1.19;\n  --cds-fluid-display-03-letter-spacing:0;\n  --cds-fluid-display-04-font-size:2.625rem;\n  --cds-fluid-display-04-font-weight:300;\n  --cds-fluid-display-04-line-height:1.19;\n  --cds-fluid-display-04-letter-spacing:0;\n  --cds-button-separator:#161616;\n  --cds-button-primary:#0f62fe;\n  --cds-button-secondary:#6f6f6f;\n  --cds-button-tertiary:#ffffff;\n  --cds-button-danger-primary:#da1e28;\n  --cds-button-danger-secondary:#fa4d56;\n  --cds-button-danger-active:#750e13;\n  --cds-button-primary-active:#002d9c;\n  --cds-button-secondary-active:#393939;\n  --cds-button-tertiary-active:#c6c6c6;\n  --cds-button-danger-hover:#b81921;\n  --cds-button-primary-hover:#0050e6;\n  --cds-button-secondary-hover:#5e5e5e;\n  --cds-button-tertiary-hover:#f4f4f4;\n  --cds-button-disabled:rgba(141, 141, 141, 0.3);\n  color-scheme:var(--cds-color-scheme, light);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n  :host .cds--g100{\n    --cds-icon-primary:ButtonText;\n    --cds-icon-secondary:ButtonText;\n    --cds-icon-interactive:ButtonText;\n    --cds-icon-disabled:GrayText;\n    --cds-icon-on-color-disabled:GrayText;\n    --cds-icon-inverse:SelectedItemText;\n    --cds-icon-on-color:SelectedItemText;\n    --cds-button-disabled:GrayText;\n    --cds-interactive:ButtonText;\n    --cds-link-primary:LinkText;\n    --cds-link-primary-hover:LinkText;\n    --cds-link-secondary:LinkText;\n    --cds-link-inverse:SelectedItemText;\n    --cds-link-inverse-hover:SelectedItemText;\n    --cds-link-inverse-visited:SelectedItemText;\n    --cds-link-visited:VisitedText;\n    --cds-background-selected:SelectedItem;\n    --cds-background-selected-hover:SelectedItem;\n    --cds-background-inverse:SelectedItem;\n    --cds-layer-selected-inverse:SelectedItem;\n  }\n}\n:host .cds--g100{\n  --cds-layer:var(--cds-layer-01, #f4f4f4);\n  --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);\n  --cds-layer-background:var(--cds-layer-background-01, #ffffff);\n  --cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);\n  --cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);\n  --cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);\n  --cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);\n  --cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);\n  --cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);\n  --cds-field:var(--cds-field-01, #f4f4f4);\n  --cds-field-hover:var(--cds-field-hover-01, #e8e8e8);\n  --cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);\n  --cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);\n  --cds-border-strong:var(--cds-border-strong-01, #8d8d8d);\n  --cds-border-tile:var(--cds-border-tile-01, #c6c6c6);\n}\n:host{\n}\n:host .cds-aichat--dark,\n:host .cds--g90,\n:host .cds--g100{\n  scrollbar-color:var(--cds-layer-03, #f4f4f4) var(--cds-layer-01, #f4f4f4);\n}\n:host{\n}\n:host .cds-aichat--widget--expand-to-fit{\n  block-size:100%;\n  inline-size:100%;\n  max-block-size:100%;\n  max-inline-size:100%;\n  min-block-size:0;\n  min-inline-size:0;\n}\n:host .cds-aichat--workspace-writeable-element ::slotted(*){\n  block-size:100%;\n  max-block-size:100%;\n}\n:host .cds-aichat--hidden{\n  display:none;\n}\n:host .cds-aichat--widget__break-word{\n  overflow-wrap:break-word;\n  word-break:break-word;\n  word-wrap:break-word;\n}\n:host .cds-aichat--widget__text-ellipsis{\n  overflow:hidden;\n  overflow-wrap:break-word;\n  text-overflow:ellipsis;\n  white-space:nowrap;\n  word-wrap:break-word;\n}\n:host{\n}\n:host .cds-aichat--container--render{\n  box-sizing:border-box;\n  block-size:100%;\n  color:var(--cds-text-primary, #161616);\n  inline-size:100%;\n}\n:host .cds-aichat--container--render[dir=rtl]{\n  direction:rtl;\n}\n:host{\n}\n:host .cds-aichat--container--render > div > div[role=log]{\n  position:absolute;\n  overflow:hidden;\n  block-size:1px;\n  inline-size:1px;\n  inset-inline-start:-10000px;\n}\n:host{\n}\n:host .cds-aichat--widget{\n  position:relative;\n  z-index:1;\n  display:flex;\n  flex:1;\n  flex-direction:column;\n  block-size:100%;\n  -webkit-font-smoothing:antialiased;\n  -moz-osx-font-smoothing:grayscale;\n  inline-size:100%;\n  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);\n  text-rendering:optimizelegibility;\n  visibility:visible;\n  font-size:var(--cds-body-01-font-size, 0.875rem);\n  font-weight:var(--cds-body-01-font-weight, 400);\n  line-height:var(--cds-body-01-line-height, 1.42857);\n  letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host{\n}\n:host .cds-aichat--widget.cds-aichat--widget--closed{\n  overflow:hidden;\n}\n:host .cds-aichat--widget.cds-aichat--widget--default-element.cds-aichat--widget--closed{\n  display:none;\n}\n:host .cds-aichat--widget.cds-aichat--widget.cds-aichat--widget--closed,\n:host .cds-aichat--ai-theme .cds-aichat--widget.cds-aichat--widget.cds-aichat--widget--closed{\n  border:none;\n  box-shadow:none;\n}\n:host{\n}\n@media (prefers-reduced-motion: no-preference){\n  :host .cds-aichat--widget.cds-aichat--widget--launched.cds-aichat--widget--default-element:not(.cds-aichat--is-phone){\n    animation:cds-aichat-widget-in 240ms cubic-bezier(0, 0, 0.3, 1) both;\n  }\n}\n:host{\n}\n@media (prefers-reduced-motion: no-preference){\n  :host .cds-aichat--widget.cds-aichat--widget--closing.cds-aichat--widget--default-element{\n    animation:cds-aichat-widget-out 110ms cubic-bezier(0.4, 0.14, 1, 1) both;\n  }\n}\n:host{\n}\n:host .cds-aichat--widget.cds-aichat--widget--default-element{\n  position:fixed;\n  z-index:var(--cds-aichat-z-index, 99999);\n  block-size:var(--cds-aichat-height, calc(100vh - 2 * 2rem));\n  inline-size:var(--cds-aichat-width, 380px);\n  inset:var(--cds-aichat-top-position, auto) var(--cds-aichat-right-position, 2rem) var(--cds-aichat-bottom-position, 3rem) var(--cds-aichat-left-position, auto);\n  max-block-size:var(--cds-aichat-max-height, 640px);\n  max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n  min-block-size:var(--cds-aichat-min-height, 150px);\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--widget.cds-aichat--widget--default-element{\n  inset-inline:var(--cds-aichat-right-position, 2rem) var(--cds-aichat-left-position, auto);\n}\n:host{\n}\n:host .cds-aichat--is-phone:not(.cds-aichat--container-disable-mobile-enhancements) .cds-aichat--widget{\n  position:fixed;\n  z-index:var(--cds-aichat-z-index, 99999);\n  block-size:var(--cds-aichat-height, calc(100vh - 2 * 2rem));\n  inline-size:var(--cds-aichat-width, 380px);\n  inset:var(--cds-aichat-top-position, auto) var(--cds-aichat-right-position, 2rem) var(--cds-aichat-bottom-position, 3rem) var(--cds-aichat-left-position, auto);\n  max-block-size:var(--cds-aichat-max-height, 640px);\n  min-block-size:var(--cds-aichat-min-height, 150px);\n}\n:host .cds-aichat--is-phone:not(.cds-aichat--container-disable-mobile-enhancements) .cds-aichat--widget.cds-aichat--widget--launched.cds-aichat--widget--default-element{\n  inset-block-end:1px;\n  inset-inline-start:1px;\n}\n@media (prefers-reduced-motion: no-preference){\n  :host .cds-aichat--is-phone:not(.cds-aichat--container-disable-mobile-enhancements) .cds-aichat--widget.cds-aichat--widget--launched.cds-aichat--widget--default-element{\n    animation:cds-aichat-widget-in-mobile 240ms cubic-bezier(0, 0, 0.3, 1) both;\n  }\n}\n:host .cds-aichat--is-phone[dir=rtl]:not(.cds-aichat--container-disable-mobile-enhancements) .cds-aichat--widget{\n  inset-inline:var(--cds-aichat-right-position, 2rem) var(--cds-aichat-left-position, auto);\n}\n:host{\n}\n:host .cds-aichat{\n  display:flex;\n  box-sizing:border-box;\n  flex:1;\n  flex-direction:column;\n  align-content:stretch;\n  align-items:stretch;\n  border-radius:0;\n  margin:0;\n  background-color:var(--cds-chat-shell-background, #ffffff);\n  block-size:100%;\n  color:var(--cds-text-primary, #161616);\n  inline-size:100%;\n  text-align:start;\n}\n:host{\n}\n:host .cds-aichat--ai-theme .cds-aichat{\n  background-image:linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);\n  border-block-end-color:var(--cds-ai-border-strong, #4589ff);\n  background-color:var(--cds-chat-shell-background, #ffffff);\n  box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1))), 0 4px 10px 2px var(--cds-ai-drop-shadow, var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1))), -40px 44px 60px -24px var(--cds-ai-popover-shadow-outer-01, var(--cds-ai-popover-shadow-outer-01, rgba(0, 67, 206, 0.06))), -56px 64px 64px -24px var(--cds-ai-popover-shadow-outer-02, var(--cds-ai-popover-shadow-outer-02, rgba(0, 0, 0, 0.04)));\n}\n:host .cds-aichat--ai-theme .cds-aichat--frameless .cds-aichat{\n  box-shadow:none;\n}\n:host{\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--direction-has-reversible-svg svg{\n  transform:scaleX(-1);\n}\n:host .cds-aichat--container--render[dir=rtl] .cds-aichat--direction-has-reversible-svg.cds-aichat--reverse-icon svg{\n  transform:scaleX(1);\n}\n:host{\n}\n:host .cds-aichat--widget__layer{\n  block-size:100%;\n  inline-size:100%;\n}\n:host .cds-aichat--widget__layer--hidden{\n  display:none;\n}\n:host .cds-aichat--widget--max-width{\n  --cds-aichat-border-radius:0;\n}\n:host .cds-aichat--panel-header-content{\n  margin:auto;\n  max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host .cds-aichat--panel-header{\n  border-block-end:1px solid var(--cds-border-subtle-01, #c6c6c6);\n}\n:host .cds-aichat--panel-header--full-width .cds-aichat--panel-header-content{\n  max-inline-size:100%;\n}";
 
 const applicationStylesheet = typeof CSSStyleSheet !== "undefined" ? new CSSStyleSheet : null;
 
@@ -15572,6 +15278,7 @@ const WIDTH_BREAKPOINT_WIDE = "cds-aichat--wide-width";
 
 function AppShell({hostElement, serviceManager, renderWriteableElements}) {
   const intl = useIntl();
+  const ariaAnnouncer = useAriaAnnouncer();
   const appState = useSelector(state => state);
   const {config, persistedToBrowserStorage, isHydrated, assistantMessageState, humanAgentState, workspacePanelState, allMessageItemsByID, allMessagesByID, catastrophicErrorType, iFramePanelState, viewSourcePanelState, customPanelState, responsePanelState, chatWidthBreakpoint} = appState;
   const {derived: {themeWithDefaults: theme, layout, languagePack, launcher, cssVariableOverrides, header}, public: publicConfig} = config;
@@ -15605,7 +15312,7 @@ function AppShell({hostElement, serviceManager, renderWriteableElements}) {
   const inputRef = useRef(null);
   const messagesToArray = useMemo(() => createUnmappingMemoizer(), []);
   const useCustomHostElement = Boolean(hostElement);
-  const headerDisplayName = header?.name || publicConfig.assistantName;
+  const headerDisplayName = header?.name;
   const inputState = selectInputState(appState);
   const agentDisplayState = selectHumanAgentDisplayState(appState);
   const {showDisclaimer, showHomeScreen, shouldShowHydrationPanel, isHydratingComplete} = useDerivedState({
@@ -15625,14 +15332,7 @@ function AppShell({hostElement, serviceManager, renderWriteableElements}) {
     useCustomHostElement,
     requestFocus: requestFocusCallback
   });
-  const {shouldAutoFocus} = useAutoFocusManagement({
-    shouldTakeFocusIfOpensAutomatically: publicConfig.shouldTakeFocusIfOpensAutomatically,
-    hasSentNonWelcomeMessage: persistedToBrowserStorage.hasSentNonWelcomeMessage,
-    localMessageIDs: assistantMessageState.localMessageIDs,
-    allMessageItemsByID,
-    allMessagesByID,
-    requestFocus: requestFocusCallback
-  });
+  const shouldAutoFocus = publicConfig.shouldTakeFocusIfOpensAutomatically ?? true;
   const requestFocus = useFocusManager({
     shouldAutoFocus,
     showDisclaimer,
@@ -15650,9 +15350,16 @@ function AppShell({hostElement, serviceManager, renderWriteableElements}) {
   useEffect(() => {
     requestFocusRef.current = requestFocus;
   }, [ requestFocus ]);
-  useWorkspaceAnnouncements({
-    serviceManager
-  });
+  useEffect(() => {
+    if (!isHydrated) {
+      return;
+    }
+    if (showHomeScreen) {
+      ariaAnnouncer(languagePack.homeScreen_shown);
+    } else if (persistedToBrowserStorage.hasSentNonWelcomeMessage) {
+      ariaAnnouncer(languagePack.homeScreen_hidden);
+    }
+  }, [ showHomeScreen, isHydrated, ariaAnnouncer, languagePack, persistedToBrowserStorage.hasSentNonWelcomeMessage ]);
   useStyleInjection({
     containerRef,
     hostElement,
@@ -15723,6 +15430,46 @@ function AppShell({hostElement, serviceManager, renderWriteableElements}) {
   const doScrollToMessage = useCallback((messageID, animate = true) => {
     messagesRef.current?.doScrollToMessage(messageID, animate);
   }, []);
+  const handleFocusToggle = useCallback(() => {
+    try {
+      const inputHasFocus = inputRef.current?.hasFocus() ?? false;
+      if (inputHasFocus) {
+        messagesRef.current?.requestFocusOnFirstItemOfLastMessage();
+      } else {
+        inputRef.current?.requestFocus();
+      }
+    } catch (error) {
+      consoleError("An error occurred in handleFocusToggle", error);
+    }
+  }, []);
+  useEffect(() => {
+    const shortcutConfig = publicConfig.keyboardShortcuts?.messageFocusToggle || DEFAULT_MESSAGE_FOCUS_TOGGLE_SHORTCUT;
+    const shortcutsEnabled = shortcutConfig.is_on === true;
+    const handleKeyDown = event => {
+      if (shortcutsEnabled && matchesShortcut(event, shortcutConfig)) {
+        event.preventDefault();
+        event.stopPropagation();
+        handleFocusToggle();
+      } else if (event.key === "Escape") {
+        const activeElement = getDeepActiveElement();
+        const messagesWrapper = containerRef.current?.querySelector(".cds-aichat--messages__wrapper");
+        const messagesContainer = containerRef.current?.querySelector(".cds-aichat--messages");
+        const inputContainer = containerRef.current?.querySelector(".cds-aichat--input");
+        if (activeElement && (messagesWrapper?.contains(activeElement) || messagesContainer?.contains(activeElement)) && !inputContainer?.contains(activeElement)) {
+          event.preventDefault();
+          inputRef.current?.requestFocus();
+        }
+      }
+    };
+    if (viewState.mainWindow && containerRef.current) {
+      const container = containerRef.current;
+      container.addEventListener("keydown", handleKeyDown);
+      return () => {
+        container.removeEventListener("keydown", handleKeyDown);
+      };
+    }
+    return undefined;
+  }, [ publicConfig.keyboardShortcuts, handleFocusToggle, viewState.mainWindow, containerRef ]);
   const mainWindowFunctions = useMemo(() => ({
     requestFocus,
     doAutoScroll,
@@ -15783,17 +15530,31 @@ function AppShell({hostElement, serviceManager, renderWriteableElements}) {
     },
     aiEnabled: theme.aiEnabled,
     showFrame: layout?.showFrame,
-    roundedCorners: theme.corners === CornersType.ROUND,
+    cornerAll: theme.corners.startStart === theme.corners.startEnd && theme.corners.startStart === theme.corners.endStart && theme.corners.startStart === theme.corners.endEnd ? theme.corners.startStart : undefined,
+    cornerStartStart: theme.corners.startStart,
+    cornerStartEnd: theme.corners.startEnd,
+    cornerEndStart: theme.corners.endStart,
+    cornerEndEnd: theme.corners.endEnd,
     contentMaxWidth: layout.hasContentMaxWidth,
     showWorkspace: workspacePanelState.isOpen,
     workspaceLocation: workspacePanelState.options.preferredLocation,
     workspaceAriaLabel: languagePack.aria_workspaceRegion,
     historyAriaLabel: languagePack.aria_historyRegion,
-    messagesAriaLabel: languagePack.aria_messagesRegion
+    messagesAriaLabel: languagePack.aria_messagesRegion,
+    panelOpenedAnnouncement: languagePack.panel_opened,
+    panelClosedAnnouncement: languagePack.panel_closed,
+    workspaceOpenedAnnouncement: workspacePanelState.options.title ? intl.formatMessage({
+      id: "workspace_opened"
+    }, {
+      title: workspacePanelState.options.title
+    }) : languagePack.workspace_opened_no_title,
+    workspaceClosedAnnouncement: languagePack.workspace_closed,
+    historyShownAnnouncement: languagePack.history_shown,
+    historyHiddenAnnouncement: languagePack.history_hidden
   }, React.createElement(AppShellPanels, {
     serviceManager,
     languagePack,
-    assistantName: getAssistantName(config.public.aiEnabled, config),
+    assistantName: publicConfig.assistantName,
     isHydratingComplete,
     shouldShowHydrationPanel,
     onPanelOpenStart,