@carbon/ai-chat 1.12.0 → 1.13.0-rc.0

package/dist/es/chat.ChatAppEntry.js

@@ -1,6 +1,6 @@
 import isEqual from "lodash-es/isEqual.js";
 
-import React, { useMemo, createContext, useContext, useRef, useCallback, useEffect, createElement, useState, useImperativeHandle, forwardRef, PureComponent, Component, Suspense, useLayoutEffect, Fragment } from "react";
+import React, { useMemo, createContext, useContext, useRef, useCallback, useEffect, createElement, useState, useImperativeHandle, forwardRef, PureComponent, useLayoutEffect, Component, Suspense, Fragment } from "react";
 
 import { useSyncExternalStoreWithSelector } from "use-sync-external-store/with-selector.js";
 
@@ -8,6 +8,8 @@ import { compute } from "compute-scroll-into-view";
 
 import { tabbable } from "tabbable";
 
+import { setVarsForSelector, adoptOnRoot, clearVarsForSelector, clearSelector } from "@carbon/ai-chat-components/es/components/shared/dynamic-css-var-sheet.js";
+
 import dayjs from "dayjs";
 
 import LocalizedFormat from "dayjs/plugin/localizedFormat.js";
@@ -416,6 +418,19 @@ function useServiceManager() {
   return useContext(ServiceManagerContext);
 }
 
+let scrollbarMeasureRuleInstalled = false;
+
+function ensureScrollbarMeasureRule() {
+  if (scrollbarMeasureRuleInstalled) {
+    return;
+  }
+  setVarsForSelector(".cds-aichat--scrollbar-measure", {
+    visibility: "hidden",
+    overflow: "scroll"
+  });
+  scrollbarMeasureRuleInstalled = true;
+}
+
 const SCROLLBAR_WIDTH = memoizeFunction(getScrollbarWidth);
 
 function doScrollElementIntoView(element, animate = false, boundary) {
@@ -448,9 +463,9 @@ function doScrollElement(element, scrollTop, scrollLeft, animate = false) {
 }
 
 function getScrollbarWidth() {
+  ensureScrollbarMeasureRule();
   const outer = document.createElement("div");
-  outer.style.visibility = "hidden";
-  outer.style.overflow = "scroll";
+  outer.className = "cds-aichat--scrollbar-measure";
   document.body.appendChild(outer);
   const inner = document.createElement("div");
   outer.appendChild(inner);
@@ -622,6 +637,13 @@ function trimAndPush(value, strings) {
   }
 }
 
+function isDirectionRTL() {
+  if (!document) {
+    return false;
+  }
+  return document.dir === "rtl" || document.documentElement.dir === "rtl";
+}
+
 const VisuallyHidden = React.forwardRef((props, ref) => React.createElement("div", {
   ref,
   ...props,
@@ -6673,7 +6695,11 @@ async function createHumanAgentLocalMessage(agentMessageType, serviceManager, re
   const text = getHumanAgentStatusMessageText(agentMessageType, responseUserProfile, serviceManager.intl);
   const result = createHumanAgentLocalMessageForType(agentMessageType);
   const {originalMessage, localMessage} = result;
-  localMessage.item.text = text;
+  if (localMessage.item.response_type === MessageResponseTypes.SYSTEM) {
+    localMessage.item.title = text;
+  } else {
+    localMessage.item.text = text;
+  }
   if (responseUserProfile) {
     originalMessage.message_options = originalMessage.message_options || {};
     originalMessage.message_options.response_user_profile = responseUserProfile;
@@ -6695,6 +6721,36 @@ async function createHumanAgentLocalMessage(agentMessageType, serviceManager, re
 }
 
 function createHumanAgentLocalMessageForType(agentMessageType) {
+  const agentVariantTypes = [ HumanAgentMessageType.HUMAN_AGENT_JOINED, HumanAgentMessageType.HUMAN_AGENT_LEFT_CHAT, HumanAgentMessageType.HUMAN_AGENT_ENDED_CHAT, HumanAgentMessageType.USER_ENDED_CHAT, HumanAgentMessageType.CHAT_WAS_ENDED, HumanAgentMessageType.RECONNECTED ];
+  const defaultVariantTypes = [ HumanAgentMessageType.TRANSFER_TO_HUMAN_AGENT, HumanAgentMessageType.SHARING_REQUESTED, HumanAgentMessageType.SHARING_ACCEPTED, HumanAgentMessageType.SHARING_DECLINED, HumanAgentMessageType.SHARING_CANCELLED, HumanAgentMessageType.SHARING_ENDED, HumanAgentMessageType.SYSTEM ];
+  if (agentVariantTypes.includes(agentMessageType)) {
+    const messageItem = {
+      response_type: MessageResponseTypes.SYSTEM,
+      agent_message_type: agentMessageType,
+      variant: "agent",
+      title: ""
+    };
+    const originalMessage = createMessageResponseForItem(messageItem);
+    const localMessage = outputItemToLocalItem(messageItem, originalMessage);
+    return {
+      localMessage,
+      originalMessage
+    };
+  }
+  if (defaultVariantTypes.includes(agentMessageType)) {
+    const messageItem = {
+      response_type: MessageResponseTypes.SYSTEM,
+      agent_message_type: agentMessageType,
+      variant: "default",
+      title: ""
+    };
+    const originalMessage = createMessageResponseForItem(messageItem);
+    const localMessage = outputItemToLocalItem(messageItem, originalMessage);
+    return {
+      localMessage,
+      originalMessage
+    };
+  }
   const messageItem = {
     response_type: MessageResponseTypes.TEXT,
     agent_message_type: agentMessageType
@@ -7381,6 +7437,23 @@ function validateCustomServiceDesk(serviceDesk) {
   }
 }
 
+let bootContainerRulesInstalled = false;
+
+function ensureBootContainerStyleRules() {
+  if (bootContainerRulesInstalled) {
+    return;
+  }
+  setVarsForSelector(".cds-aichat--boot-container--filled", {
+    width: "100% !important",
+    height: "100% !important"
+  });
+  setVarsForSelector(".cds-aichat--boot-container--collapsed", {
+    width: "0 !important",
+    height: "0 !important"
+  });
+  bootContainerRulesInstalled = true;
+}
+
 const DEFAULT_PUBLIC_CONFIG = {
   assistantName: "watsonx",
   openChatByDefault: false,
@@ -7403,13 +7476,10 @@ async function initServiceManagerAndInstance(options) {
   const serviceManager = createServiceManager(appConfig);
   serviceManager.container = container;
   serviceManager.customHostElement = customHostElement;
-  if (serviceManager.customHostElement) {
-    container.style.setProperty("width", "100%", "important");
-    container.style.setProperty("height", "100%", "important");
-  } else {
-    container.style.setProperty("width", "0", "important");
-    container.style.setProperty("height", "0", "important");
-  }
+  ensureBootContainerStyleRules();
+  container.classList.add("cds-aichat--boot-container");
+  container.classList.toggle("cds-aichat--boot-container--filled", !!serviceManager.customHostElement);
+  container.classList.toggle("cds-aichat--boot-container--collapsed", !serviceManager.customHostElement);
   const languagePack = serviceManager.store.getState().config.derived.languagePack;
   const localePack = await loadLocale(serviceManager.store.getState().config.public.locale || "en");
   serviceManager.humanAgentService = createHumanAgentService(serviceManager);
@@ -7954,7 +8024,7 @@ function Launcher(props) {
   const greetingMessageRef = useRef(null);
   const extendedContainerRef = useRef(null);
   const buttonRef = useRef(null);
-  const tooltipPosition = typeof document !== "undefined" && document.dir === "rtl" ? BUTTON_TOOLTIP_POSITION.RIGHT : BUTTON_TOOLTIP_POSITION.LEFT;
+  const tooltipPosition = isDirectionRTL() ? BUTTON_TOOLTIP_POSITION.RIGHT : BUTTON_TOOLTIP_POSITION.LEFT;
   const ariaLabelSuffix = unreadMessageCount !== 0 ? formatUnreadMessageLabel?.({
     count: unreadMessageCount
   }) : undefined;
@@ -8276,7 +8346,7 @@ function Header(props, ref) {
   const isRestarting = useSelector(state => state.isRestarting);
   const backButtonRef = useRef(undefined);
   const chatHeaderRef = useRef(null);
-  const isRTL = document.dir === "rtl";
+  const isRTL = isDirectionRTL();
   const showRestartButton = headerConfig?.showRestartButton;
   const showAiLabel = headerConfig?.showAiLabel;
   const minimizeButtonIconType = headerConfig?.minimizeButtonIconType ?? MinimizeButtonIconType.MINIMIZE;
@@ -8425,6 +8495,7 @@ function Header(props, ref) {
     ref: chatHeaderRef,
     actions,
     overflow: true,
+    isRTL,
     headerTitle,
     headerName: chatHeaderDisplayName,
     navigationType,
@@ -8505,6 +8576,67 @@ class AnnounceOnMountComponent extends PureComponent {
 
 const AnnounceOnMountComponentExport = withAriaAnnouncer(AnnounceOnMountComponent);
 
+let instanceCounter = 0;
+
+const previousKeysByElement = new WeakMap;
+
+function attrNameFor(prefix) {
+  return `data-cds-aichat-${prefix}-id`;
+}
+
+function escapeForAttributeSelector(value) {
+  if (typeof CSS !== "undefined" && typeof CSS.escape === "function") {
+    return CSS.escape(value);
+  }
+  return value.replace(/\\/g, "\\\\").replace(/"/g, '\\"');
+}
+
+function selectorFor(attrName, id) {
+  return `[${attrName}="${escapeForAttributeSelector(id)}"]`;
+}
+
+function applyDynamicStyles(element, prefix, declarations) {
+  const attrName = attrNameFor(prefix);
+  let id = element.getAttribute(attrName);
+  if (!id) {
+    id = `${prefix}-${++instanceCounter}`;
+    element.setAttribute(attrName, id);
+  }
+  const root = element.getRootNode();
+  if (root instanceof Document || root instanceof ShadowRoot) {
+    adoptOnRoot(root);
+  }
+  const selector = selectorFor(attrName, id);
+  const newKeys = new Set(Object.keys(declarations));
+  const previousKeys = previousKeysByElement.get(element);
+  if (previousKeys) {
+    const toRemove = [];
+    for (const key of previousKeys) {
+      if (!newKeys.has(key)) {
+        toRemove.push(key);
+      }
+    }
+    if (toRemove.length > 0) {
+      clearVarsForSelector(selector, toRemove);
+    }
+  }
+  previousKeysByElement.set(element, newKeys);
+  setVarsForSelector(selector, declarations);
+}
+
+function clearDynamicStyles(element, prefix) {
+  if (!element) {
+    return;
+  }
+  const attrName = attrNameFor(prefix);
+  const id = element.getAttribute(attrName);
+  if (!id) {
+    return;
+  }
+  clearSelector(selectorFor(attrName, id));
+  previousKeysByElement.delete(element);
+}
+
 const UserAvatar = carbonIconToReact(UserAvatar32);
 
 function ResponseUserAvatar(props) {
@@ -8513,11 +8645,17 @@ function ResponseUserAvatar(props) {
   const avatarUrl = responseUserProfile?.profile_picture_url;
   const [hasError, setHasError] = useState(false);
   let component;
-  const setAvatarRef = useCallback(node => {
-    if (node && width && height) {
-      node.style.inlineSize = width;
-      node.style.blockSize = height;
+  const avatarRef = useRef(null);
+  useLayoutEffect(() => {
+    const node = avatarRef.current;
+    if (!node || !width || !height) {
+      return undefined;
     }
+    applyDynamicStyles(node, "avatar", {
+      "inline-size": width,
+      "block-size": height
+    });
+    return () => clearDynamicStyles(node, "avatar");
   }, [ width, height ]);
   useEffect(() => {
     setHasError(false);
@@ -8532,7 +8670,7 @@ function ResponseUserAvatar(props) {
     component = React.createElement("div", {
       "aria-label": languagePack.agent_ariaResponseUserAvatar,
       className: "cds-aichat--response-user-avatar__circle",
-      ref: setAvatarRef
+      ref: avatarRef
     }, React.createElement("div", {
       className: "cds-aichat--response-user-avatar__letter"
     }, agentName.charAt(0)));
@@ -8895,14 +9033,16 @@ function SystemMessage({message, standalone = true}) {
   if (!isResponse(message)) {
     return null;
   }
-  const systemItems = message.output.generic.filter(item => item.response_type === MessageResponseTypes.SYSTEM);
-  if (systemItems.length === 0) {
+  const systemItem = message.output.generic.find(item => item.response_type === MessageResponseTypes.SYSTEM);
+  if (!systemItem) {
     return null;
   }
-  const title = systemItems.map(item => item.title).join(" • ");
+  const title = systemItem.title;
+  const variant = systemItem.variant ?? "default";
   const className = standalone ? "cds-aichat--system-message-standalone" : "cds-aichat--system-message-inline";
+  const variantClassName = standalone ? variant === "date" ? `${className}--date` : variant === "agent" ? `${className}--agent` : "" : "";
   return React.createElement("div", {
-    className,
+    className: `${className} ${variantClassName}`,
     role: "status",
     "aria-live": "polite"
   }, React.createElement("div", {
@@ -8923,7 +9063,13 @@ function withServiceManager(Component) {
   return Wrapped;
 }
 
-const AUTO_SCROLL_EXTRA = 28 - 8;
+function applySpacerDeficit(spacerElem, deficit) {
+  applyDynamicStyles(spacerElem, "spacer", {
+    "min-block-size": `${deficit}px`
+  });
+}
+
+const AUTO_SCROLL_EXTRA = -60;
 
 const VISIBLE_BOTTOM_PORTION_PX = 100;
 
@@ -9075,7 +9221,7 @@ function pinMessageAndScroll({messageComponent, scrollElement, spacerElem}) {
   const baseScrollTop = calculateBaseScrollTop(targetRect, scrollerRect, scrollElement.scrollTop);
   const scrollTop = adjustScrollTopForTallMessage(baseScrollTop, targetRect.height, scrollerRect.height);
   const deficit = calculateSpacerDeficit(spacerElem, scrollElement, scrollerRect, scrollTop);
-  spacerElem.style.minBlockSize = `${deficit}px`;
+  applySpacerDeficit(spacerElem, deficit);
   scrollElement.scrollTop = scrollTop;
   return {
     currentSpacerHeight: deficit,
@@ -9097,7 +9243,7 @@ function recalculatePinnedMessageSpacer({pinnedMessageComponent, scrollElement,
   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`;
+  applySpacerDeficit(spacerElem, deficit);
   return {
     deficit,
     scrollTop: currentScrollTop
@@ -10068,32 +10214,29 @@ function BaseButtonItemComponent({className, label, kind, size, url, target = "_
   }
   const RenderIcon = renderIcon;
   const buttonKind = getButtonKind(kind) || "primary";
-  if (is === "standard-button") {
-    return React.createElement(Button, {
-      className: cx("cds-aichat--button-item", className),
-      kind: buttonKind,
-      size,
-      href: url,
-      target: linkTarget,
-      rel: url ? "noopener noreferrer" : undefined,
-      disabled,
-      onClick
-    }, renderIcon && React.createElement(RenderIcon, {
-      slot: "icon"
-    }), text);
-  }
-  return React.createElement(ChatButton$1, {
+  const isStandard = is === "standard-button";
+  const commonBtnProps = {
     className: cx("cds-aichat--button-item", className),
-    kind: buttonKind,
-    size,
+    disabled,
     href: url,
-    target: linkTarget,
+    kind: isStandard ? buttonKind : buttonKind,
+    onclick,
     rel: url ? "noopener noreferrer" : undefined,
-    disabled,
-    onClick
-  }, renderIcon && React.createElement(RenderIcon, {
-    slot: "icon"
+    size: isStandard ? size : size,
+    target: linkTarget
+  };
+  const body = React.createElement(React.Fragment, null, renderIcon && React.createElement(RenderIcon, {
+    slot: "icon",
+    "aria-label": text
   }), text);
+  if (is === "standard-button") {
+    return React.createElement(Button, {
+      ...commonBtnProps
+    }, body);
+  }
+  return React.createElement(ChatButton$1, {
+    ...commonBtnProps
+  }, body);
 }
 
 function getButtonKind(style) {
@@ -10684,6 +10827,7 @@ function ConversationalSearchText(props) {
   }, React.createElement(OperationalTag, {
     id: toggleID,
     onClick: onToggleCitations,
+    onKeyDown: onToggleCitations,
     "aria-expanded": citationsOpen,
     text: languagePack.conversationalSearch_citationsLabel,
     "aria-label": languagePack.conversationalSearch_toggleCitations
@@ -10868,6 +11012,11 @@ function DatePickerComponent(props) {
   const [dayjsLocale, setDayjsLocale] = useState();
   const datePickerRef = useRef(null);
   const valueForAssistantRef = useRef(undefined);
+  const styledElementsRef = useRef({
+    calendar: null,
+    container: null,
+    datePicker: null
+  });
   const inputLabel = formatMessage({
     id: "datePicker_chooseDate"
   }, {
@@ -10902,8 +11051,18 @@ function DatePickerComponent(props) {
     }
     const container = root.querySelector("#floating-menu-container");
     const calendar = container?.querySelector(".cds--date-picker__calendar");
-    calendar && (calendar.style.position = "unset");
-    container && (container.style.position = "unset");
+    if (calendar) {
+      applyDynamicStyles(calendar, "date-picker-calendar", {
+        position: "unset"
+      });
+      styledElementsRef.current.calendar = calendar;
+    }
+    if (container) {
+      applyDynamicStyles(container, "date-picker-container", {
+        position: "unset"
+      });
+      styledElementsRef.current.container = container;
+    }
     if (calendar) {
       const onAnimationEnd = () => {
         scrollElementIntoView(calendar, 0, 24);
@@ -10911,11 +11070,21 @@ function DatePickerComponent(props) {
       };
       calendar.addEventListener("animationend", onAnimationEnd);
     }
-    Object.assign(datePicker.style, {
+    applyDynamicStyles(datePicker, "date-picker-host", {
       display: "flex",
-      flexDirection: "column"
+      "flex-direction": "column"
     });
+    styledElementsRef.current.datePicker = datePicker;
   }, [ scrollElementIntoView ]);
+  useEffect(() => {
+    const styled = styledElementsRef;
+    return () => {
+      const {calendar, container, datePicker} = styled.current;
+      clearDynamicStyles(calendar, "date-picker-calendar");
+      clearDynamicStyles(container, "date-picker-container");
+      clearDynamicStyles(datePicker, "date-picker-host");
+    };
+  }, []);
   useOnMount(() => {
     const localeFromMessage = webChatLocale;
     const {originalUserText} = localMessage.ui_state;
@@ -11002,17 +11171,25 @@ function GridItemCell({cell, cellData, columnIndex, columnWidthString, isPixelVa
   const {horizontal_alignment, vertical_alignment} = localMessageItem.item;
   const cellRef = useRef(null);
   useLayoutEffect(() => {
-    if (cellRef) {
-      const width = isPixelValue ? columnWidthString : undefined;
-      const flex = isPixelValue ? undefined : Number(columnWidthString);
-      const alignItems = getFlexAlignment(cellData?.horizontal_alignment || horizontal_alignment);
-      const justifyContent = getFlexAlignment(cellData?.vertical_alignment || vertical_alignment);
-      cellRef.current.style.setProperty("inline-size", width);
-      cellRef.current.style.setProperty("flex", `${flex}`);
-      cellRef.current.style.setProperty("align-items", alignItems);
-      cellRef.current.style.setProperty("text-align", cellData?.horizontal_alignment || horizontal_alignment);
-      cellRef.current.style.setProperty("justify-content", justifyContent);
+    const node = cellRef.current;
+    if (!node) {
+      return undefined;
     }
+    const horizontal = cellData?.horizontal_alignment || horizontal_alignment;
+    const declarations = {
+      "align-items": getFlexAlignment(horizontal),
+      "justify-content": getFlexAlignment(cellData?.vertical_alignment || vertical_alignment)
+    };
+    if (isPixelValue) {
+      declarations["inline-size"] = columnWidthString;
+    } else {
+      declarations.flex = `${Number(columnWidthString)}`;
+    }
+    if (horizontal) {
+      declarations["text-align"] = horizontal;
+    }
+    applyDynamicStyles(node, "grid-cell", declarations);
+    return () => clearDynamicStyles(node, "grid-cell");
   }, [ isPixelValue, columnWidthString, cellData?.horizontal_alignment, cellData?.vertical_alignment, horizontal_alignment, vertical_alignment ]);
   return React.createElement("div", {
     className: "cds-aichat--grid__cell",
@@ -11198,9 +11375,14 @@ function InlineIFrame({messageItem}) {
   const iframeTitle = title || source;
   const iframeRef = useRef(null);
   useLayoutEffect(() => {
-    if (iframeRef && paddingTop) {
-      iframeRef.current.style.setProperty("padding-block-start", paddingTop);
+    const node = iframeRef.current;
+    if (!node || !paddingTop) {
+      return undefined;
     }
+    applyDynamicStyles(node, "iframe-padding", {
+      "padding-block-start": paddingTop
+    });
+    return () => clearDynamicStyles(node, "iframe-padding");
   }, [ paddingTop ]);
   const onTimeoutOverride = useCallback(() => {
     setIsError(true);
@@ -11930,8 +12112,7 @@ function MessageTypeComponent(props) {
         categoriesLabel: languagePack.feedback_categoriesLabel,
         placeholder: placeholder || languagePack.feedback_defaultPlaceholder,
         disclaimer,
-        primaryLabel: languagePack.feedback_submitLabel,
-        secondaryLabel: languagePack.feedback_cancelLabel
+        primaryLabel: languagePack.feedback_submitLabel
       });
     }
     return {
@@ -12785,7 +12966,7 @@ class MessagesComponent extends PureComponent {
           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`;
+          applySpacerDeficit(spacerElem, this.domSpacerHeight);
           const scrollDelta = Math.abs(scrollElement.scrollTop - this.pinnedScrollTop);
           const hasScrolledAway = scrollDelta > 50;
           if (!hasScrolledAway || wasBrowserCapped) {
@@ -12980,7 +13161,7 @@ class MessagesComponent extends PureComponent {
         const savedScrollTop = scrollTopForDecision;
         const spacerElem = this.bottomSpacerRef.current;
         if (spacerElem) {
-          spacerElem.style.minBlockSize = "0px";
+          applySpacerDeficit(spacerElem, 0);
         }
         this.domSpacerHeight = 0;
         if (scrollElement.scrollTop < savedScrollTop) {
@@ -13236,7 +13417,8 @@ class MessagesComponent extends PureComponent {
         preferAnimate: true
       }),
       icon: React.createElement(DownToBottom, {
-        slot: "icon"
+        slot: "icon",
+        "aria-label": languagePack.messages_scrollMoreButton
       })
     }) : null;
     return React.createElement(MessagesView, {
@@ -13921,7 +14103,7 @@ function Input(props, ref) {
   const showDisabledSend = !hasValidInput || disableInput || disableSend;
   const showUploadButtonDisabled = disableUploadButton || disableInput;
   const uploadButtonID = `cds-aichat--input-container__upload-input-${inputID}`;
-  const isRTL = document.dir === "rtl";
+  const isRTL = isDirectionRTL();
   const usePlaceHolder = placeholder || (disableInput ? undefined : input_placeholder);
   return isInputVisible && React.createElement("div", {
     className: "cds-aichat--input-and-completions"
@@ -15103,129 +15285,67 @@ const AppShellPanels = React.memo(function AppShellPanels({serviceManager, langu
   })));
 });
 
-function useMobileViewportLayout({enabled, isOpen, margin = 4}) {
-  const [visualViewportMetrics, setVisualViewportMetrics] = useState(null);
-  const previousBodyStyles = useRef(null);
+const VIEWPORT_SELECTOR = ".cds-aichat--container--render";
+
+function useMobileViewportLayout({enabled, containerRef, margin = 4}) {
+  const [metrics, setMetrics] = useState(null);
   useEffect(() => {
     if (!enabled || typeof window === "undefined") {
-      setVisualViewportMetrics(null);
+      setMetrics(null);
       return undefined;
     }
     const visualViewport = window.visualViewport;
     if (!visualViewport) {
-      setVisualViewportMetrics(null);
+      setMetrics(null);
       return undefined;
     }
-    const updateVisualViewportMetrics = () => {
-      setVisualViewportMetrics({
+    const update = () => {
+      setMetrics({
         width: visualViewport.width,
         height: visualViewport.height,
         offsetTop: visualViewport.offsetTop ?? 0
       });
     };
-    updateVisualViewportMetrics();
-    visualViewport.addEventListener("resize", updateVisualViewportMetrics);
-    visualViewport.addEventListener("scroll", updateVisualViewportMetrics);
+    update();
+    visualViewport.addEventListener("resize", update);
+    visualViewport.addEventListener("scroll", update);
     return () => {
-      visualViewport.removeEventListener("resize", updateVisualViewportMetrics);
-      visualViewport.removeEventListener("scroll", updateVisualViewportMetrics);
+      visualViewport.removeEventListener("resize", update);
+      visualViewport.removeEventListener("scroll", update);
     };
   }, [ enabled ]);
   useEffect(() => {
-    if (typeof document === "undefined" || typeof window === "undefined") {
-      return () => {};
+    if (!enabled || !metrics) {
+      clearSelector(VIEWPORT_SELECTOR);
+      return undefined;
     }
-    const shouldLock = enabled && isOpen;
-    const body = document.body;
-    const html = document.documentElement;
-    if (shouldLock) {
-      if (previousBodyStyles.current === null) {
-        previousBodyStyles.current = {
-          bodyOverflow: body.style.overflow || "",
-          bodyPosition: body.style.position || "",
-          bodyTop: body.style.top || "",
-          bodyWidth: body.style.width || "",
-          bodyHeight: body.style.height || "",
-          bodyOverscrollBehavior: body.style.overscrollBehavior || "",
-          bodyTouchAction: body.style.touchAction || "",
-          htmlOverflow: html.style.overflow || "",
-          htmlPosition: html.style.position || "",
-          htmlWidth: html.style.width || "",
-          htmlHeight: html.style.height || "",
-          htmlOverscrollBehavior: html.style.overscrollBehavior || "",
-          htmlTouchAction: html.style.touchAction || "",
-          scrollY: window.scrollY
-        };
-      }
-      body.style.overflow = "hidden";
-      body.style.position = "fixed";
-      body.style.top = `-${previousBodyStyles.current.scrollY}px`;
-      body.style.width = "100%";
-      body.style.height = "100%";
-      body.style.overscrollBehavior = "contain";
-      body.style.touchAction = "none";
-      html.style.overflow = "hidden";
-      html.style.position = "fixed";
-      html.style.width = "100%";
-      html.style.height = "100%";
-      html.style.overscrollBehavior = "contain";
-      html.style.touchAction = "none";
-    } else if (previousBodyStyles.current !== null) {
-      body.style.overflow = previousBodyStyles.current.bodyOverflow;
-      body.style.position = previousBodyStyles.current.bodyPosition;
-      body.style.top = previousBodyStyles.current.bodyTop;
-      body.style.width = previousBodyStyles.current.bodyWidth;
-      body.style.height = previousBodyStyles.current.bodyHeight;
-      body.style.overscrollBehavior = previousBodyStyles.current.bodyOverscrollBehavior;
-      body.style.touchAction = previousBodyStyles.current.bodyTouchAction;
-      html.style.overflow = previousBodyStyles.current.htmlOverflow;
-      html.style.position = previousBodyStyles.current.htmlPosition;
-      html.style.width = previousBodyStyles.current.htmlWidth;
-      html.style.height = previousBodyStyles.current.htmlHeight;
-      html.style.overscrollBehavior = previousBodyStyles.current.htmlOverscrollBehavior;
-      html.style.touchAction = previousBodyStyles.current.htmlTouchAction;
-      window.scrollTo(0, previousBodyStyles.current.scrollY);
-      previousBodyStyles.current = null;
+    const container = containerRef.current;
+    if (!container) {
+      return undefined;
+    }
+    const root = container.getRootNode();
+    if (root instanceof Document || root instanceof ShadowRoot) {
+      adoptOnRoot(root);
     }
+    const vars = {};
+    if (metrics.height) {
+      vars["--cds-aichat-height"] = `calc(${metrics.height}px - ${margin}px)`;
+    }
+    if (metrics.width) {
+      vars["--cds-aichat-width"] = `calc(${metrics.width}px - ${margin}px)`;
+    }
+    if (metrics.offsetTop) {
+      vars["--cds-aichat-top-position"] = `${metrics.offsetTop}px`;
+    }
+    if (Object.keys(vars).length === 0) {
+      clearSelector(VIEWPORT_SELECTOR);
+      return undefined;
+    }
+    setVarsForSelector(VIEWPORT_SELECTOR, vars);
     return () => {
-      if (previousBodyStyles.current !== null) {
-        body.style.overflow = previousBodyStyles.current.bodyOverflow;
-        body.style.position = previousBodyStyles.current.bodyPosition;
-        body.style.top = previousBodyStyles.current.bodyTop;
-        body.style.width = previousBodyStyles.current.bodyWidth;
-        body.style.height = previousBodyStyles.current.bodyHeight;
-        body.style.overscrollBehavior = previousBodyStyles.current.bodyOverscrollBehavior;
-        body.style.touchAction = previousBodyStyles.current.bodyTouchAction;
-        html.style.overflow = previousBodyStyles.current.htmlOverflow;
-        html.style.position = previousBodyStyles.current.htmlPosition;
-        html.style.width = previousBodyStyles.current.htmlWidth;
-        html.style.height = previousBodyStyles.current.htmlHeight;
-        html.style.overscrollBehavior = previousBodyStyles.current.htmlOverscrollBehavior;
-        html.style.touchAction = previousBodyStyles.current.htmlTouchAction;
-        window.scrollTo(0, previousBodyStyles.current.scrollY);
-        previousBodyStyles.current = null;
-      }
-    };
-  }, [ enabled, isOpen ]);
-  const style = useMemo(() => {
-    if (!enabled || !visualViewportMetrics) {
-      return {};
-    }
-    const styleOverrides = {};
-    if (visualViewportMetrics.height) {
-      styleOverrides["--cds-aichat-height"] = `calc(${visualViewportMetrics.height}px - ${margin}px)`;
-    }
-    if (visualViewportMetrics.width) {
-      styleOverrides["--cds-aichat-width"] = `calc(${visualViewportMetrics.width}px - ${margin}px)`;
-    }
-    if (visualViewportMetrics.offsetTop) {
-      styleOverrides["--cds-aichat-top-position"] = `${visualViewportMetrics.offsetTop}px`;
-    }
-    return styleOverrides;
-  }, [ enabled, margin, visualViewportMetrics ]);
-  return {
-    style
-  };
+      clearSelector(VIEWPORT_SELECTOR);
+    };
+  }, [ enabled, metrics, margin, containerRef ]);
 }
 
 const CLOSE_ANIMATION_TIMEOUT_MS = 500;
@@ -15313,24 +15433,37 @@ function useFocusManager({shouldAutoFocus, showDisclaimer, iFramePanelIsOpen, vi
   return requestFocus;
 }
 
-function useStyleInjection({containerRef, hostElement, cssVariableOverrideString, visualViewportStyles, appStyles, applicationStylesheet, cssVariableOverrideStylesheet, visualViewportStylesheet}) {
+let hostFillRuleInstalled = false;
+
+function ensureHostFillRule() {
+  if (hostFillRuleInstalled) {
+    return;
+  }
+  setVarsForSelector(".cds-aichat--container-host-fill", {
+    height: "100% !important",
+    width: "100% !important"
+  });
+  hostFillRuleInstalled = true;
+}
+
+function useStyleInjection({containerRef, hostElement, cssVariableOverrideString, appStyles, applicationStylesheet, cssVariableOverrideStylesheet}) {
   useEffect(() => {
     if (!containerRef.current) {
       return;
     }
     if (hostElement) {
-      containerRef.current.style.setProperty("height", "100%", "important");
-      containerRef.current.style.setProperty("width", "100%", "important");
+      ensureHostFillRule();
+      containerRef.current.classList.add("cds-aichat--container-host-fill");
+    } else {
+      containerRef.current.classList.remove("cds-aichat--container-host-fill");
     }
     const rootNode = containerRef.current.getRootNode();
     const cssVariableStyles = cssVariableOverrideString || "";
-    const visualViewportCSS = Object.keys(visualViewportStyles || {}).length ? `.cds-aichat--container--render { ${Object.entries(visualViewportStyles || {}).map(([key, value]) => `${key}: ${value};`).join(" ")} }` : "";
     if (rootNode instanceof ShadowRoot) {
-      if (applicationStylesheet && "replaceSync" in applicationStylesheet && cssVariableOverrideStylesheet && visualViewportStylesheet) {
+      if (applicationStylesheet && "replaceSync" in applicationStylesheet && cssVariableOverrideStylesheet) {
         applicationStylesheet.replaceSync(appStyles);
         cssVariableOverrideStylesheet.replaceSync(cssVariableStyles);
-        visualViewportStylesheet.replaceSync(visualViewportCSS);
-        rootNode.adoptedStyleSheets = [ applicationStylesheet, cssVariableOverrideStylesheet, visualViewportStylesheet ];
+        rootNode.adoptedStyleSheets = [ applicationStylesheet, cssVariableOverrideStylesheet ];
       } else {
         if (!rootNode.querySelector("style[data-base-styles]")) {
           const baseStyles = document.createElement("style");
@@ -15344,25 +15477,9 @@ function useStyleInjection({containerRef, hostElement, cssVariableOverrideString
           variableCustomStyles.textContent = cssVariableStyles;
           rootNode.appendChild(variableCustomStyles);
         }
-        const viewportStyle = rootNode.querySelector("style[data-visual-viewport-styles]");
-        if (viewportStyle) {
-          viewportStyle.textContent = visualViewportCSS;
-        } else {
-          const visualViewportStyle = document.createElement("style");
-          visualViewportStyle.dataset.visualViewportStyles = "true";
-          visualViewportStyle.textContent = visualViewportCSS;
-          rootNode.appendChild(visualViewportStyle);
-        }
-      }
-    } else if (visualViewportStyles && Object.keys(visualViewportStyles).length && containerRef.current) {
-      const renderEl = containerRef.current.querySelector(".cds-aichat--container--render");
-      if (renderEl) {
-        Object.entries(visualViewportStyles).forEach(([key, value]) => {
-          renderEl.style.setProperty(key, String(value));
-        });
       }
     }
-  }, [ containerRef, hostElement, cssVariableOverrideString, visualViewportStyles, appStyles, applicationStylesheet, cssVariableOverrideStylesheet, visualViewportStylesheet ]);
+  }, [ containerRef, hostElement, cssVariableOverrideString, appStyles, applicationStylesheet, cssVariableOverrideStylesheet ]);
 }
 
 function useDerivedState({publicConfig, persistedToBrowserStorage, isHydratingCounter, catastrophicErrorType, viewStateMainWindow}) {
@@ -15560,14 +15677,16 @@ function calculateChatWidthBreakpoint(width) {
   return ChatWidthBreakpoint.NARROW;
 }
 
-var css_248z = "@charset \"UTF-8\";\n.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:host .cds-aichat-float--open{\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-block-end:var(--cds-aichat-bottom-position, 3rem);\n  inset-block-start:var(--cds-aichat-top-position, auto);\n  inset-inline-end:var(--cds-aichat-right-position, 2rem);\n  inset-inline-start: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{\n}\n:host .cds-aichat-float--opening{\n  animation:none;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n  :host .cds-aichat-float--opening:not(.cds-aichat-float--mobile){\n    animation:cds-aichat-float-in 240ms cubic-bezier(0, 0, 0.3, 1) both;\n  }\n}\n:host{\n}\n:host .cds-aichat-float--closing{\n  animation:cds-aichat-float-out 110ms cubic-bezier(0.4, 0.14, 1, 1) both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n  :host .cds-aichat-float--closing{\n    animation:none;\n  }\n}\n:host{\n}\n:host .cds-aichat-float--close{\n  display:none;\n  overflow:hidden;\n  border:none;\n  box-shadow:none;\n}\n:host{\n}\n:host .cds-aichat-float--mobile{\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-block-end:var(--cds-aichat-bottom-position, 3rem);\n  inset-block-start:var(--cds-aichat-top-position, auto);\n  inset-inline-end:var(--cds-aichat-right-position, 2rem);\n  inset-inline-start:var(--cds-aichat-left-position, auto);\n  max-block-size:var(--cds-aichat-max-height, 640px);\n  max-inline-size:100%;\n  min-block-size:var(--cds-aichat-min-height, 150px);\n}\n:host .cds-aichat-float--mobile.cds-aichat-float--opening{\n  inset-block-end:1px;\n  inset-inline-start:1px;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n  :host .cds-aichat-float--mobile.cds-aichat-float--opening{\n    animation:cds-aichat-float-in 240ms cubic-bezier(0, 0, 0.3, 1) both;\n  }\n}\n:host{\n}\n@keyframes cds-aichat-float-in{\n  0%{\n    opacity:0;\n  }\n  100%{\n    opacity:1;\n  }\n}\n@keyframes cds-aichat-float-out{\n  0%{\n    opacity:1;\n  }\n  100%{\n    opacity:0;\n  }\n}\n:host{\n}\n:host .cds-aichat--widget--max-width .cds-aichat--header-bottom-element.cds-aichat--header-constrain-width{\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-border-radius-start-end, 0);\n  border-start-start-radius:var(--cds-aichat-border-radius-start-start, 0);\n}\n:host .cds-aichat--header__container.cds-aichat--header-constrain-width{\n  margin:auto;\n  max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host .cds-aichat--widget--max-width .cds-aichat--header__container:not(.cds-aichat--header-constrain-width){\n  margin-inline-end:1rem;\n  margin-inline-start: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{\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{\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-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@media (any-hover: hover){\n  :host .cds--btn--primary:hover{\n    background-color:var(--cds-button-primary-hover, #0050e6);\n  }\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@media (any-hover: hover){\n  :host .cds--btn--secondary:hover{\n    background-color:var(--cds-button-secondary-hover, #474747);\n  }\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@media (any-hover: hover){\n  :host .cds--btn--tertiary:hover{\n    background-color:var(--cds-button-tertiary-hover, #0050e6);\n  }\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@media (any-hover: hover){\n  :host .cds--btn--tertiary:hover{\n    color:var(--cds-text-inverse, #ffffff);\n  }\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@media (any-hover: hover){\n  :host .cds--btn--ghost:hover{\n    background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n  }\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@media (hover: hover){\n  :host .cds--btn--ghost:hover{\n    color:var(--cds-link-primary-hover, #0043ce);\n  }\n}\n:host .cds--btn--ghost:active{\n  background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n  color:var(--cds-link-primary-hover, #0043ce);\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@media (any-hover: hover){\n  :host .cds--btn--danger:hover{\n    background-color:var(--cds-button-danger-hover, #b81921);\n  }\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@media (any-hover: hover){\n  :host .cds--btn--danger--tertiary:hover{\n    background-color:var(--cds-button-danger-hover, #b81921);\n  }\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@media (hover: hover){\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}\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@media (any-hover: hover){\n  :host .cds--btn--danger--ghost:hover{\n    background-color:var(--cds-button-danger-hover, #b81921);\n  }\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@media (hover: hover){\n  :host .cds--btn--danger--ghost:hover{\n    color:var(--cds-text-on-color, #ffffff);\n  }\n}\n: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  padding:2px;\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  flex-wrap:wrap;\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--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--assistant-container .cds-aichat--input-container{\n  display:flex;\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--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  display:flex;\n  flex-basis:100%;\n  flex-wrap:wrap;\n  inline-size:100%;\n  margin-block-start:0.5rem;\n  max-block-size:200px;\n  overflow-x:hidden;\n  overflow-y:auto;\n}\n:host .cds-aichat--input-container__files-container cds-file-uploader-item{\n  margin-block-end:0.5rem;\n  margin-inline-end:0.5rem;\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-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__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 .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  order:1;\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--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-textarea{\n  position:relative;\n  z-index:2;\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--input-container__left-container .cds-aichat--text-area .cds-aichat--text-area-textarea{\n  border:none;\n}\n:host .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__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--input-container__send-button-container{\n  order: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[disabled] svg{\n  fill:var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\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  fill:var(--cds-interactive, #0f62fe);\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-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{\n  position:fixed;\n  z-index:var(--cds-aichat-z-index, 99999);\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{\n    animation:cds-aichat-launcher-in 150ms cubic-bezier(0, 0, 0.3, 1) both;\n  }\n}\n:host{\n}\n:host [dir=rtl] .cds-aichat-launcher{\n  inset-inline:var(--cds-aichat-launcher-position-right, 2rem) unset;\n}\n:host{\n}\n:host .cds-aichat-launcher--hidden{\n  visibility:hidden;\n}\n:host{\n}\n@keyframes cds-aichat-launcher-in{\n  0%{\n    opacity:0;\n  }\n  100%{\n    opacity:1;\n  }\n}\n:host .cds-aichat-launcher{\n  border-radius:28px;\n  background-color:var(--cds-background, #ffffff);\n  box-shadow:var(--cds-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n}\n@media (prefers-reduced-motion: no-preference){\n  :host .cds-aichat-launcher{\n    transition:inline-size 240ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  }\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-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--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--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--open .cds-aichat--launcher-extended__text-holder{\n  inline-size:var(--cds-aichat-launcher-extended-width, 280px);\n}\n:host .cds-aichat-launcher--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--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--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--closed .cds-aichat--launcher-extended__text-holder{\n  display:none;\n  inline-size:0;\n}\n:host .cds-aichat-launcher--closed .cds-aichat--launcher-extended__greeting{\n  opacity:0;\n}\n:host .cds-aichat-launcher--closed .cds-aichat--launcher-extended__close-button{\n  display:none;\n}\n:host{\n}\n:host .cds-aichat-launcher--opening,\n:host .cds-aichat-launcher--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--opening cds-button.cds-aichat--launcher__button::part(button),\n:host .cds-aichat-launcher--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--closing,\n:host .cds-aichat-launcher--closed{\n  inline-size:var(--cds-aichat-launcher-default-size, 56px);\n}\n:host .cds-aichat-launcher--closing cds-button.cds-aichat--launcher__button::part(button),\n:host .cds-aichat-launcher--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 .cds-aichat--launcher-extended__wrapper{\n  inset-inline:0 unset;\n}\n:host [dir=rtl] .cds-aichat-launcher .cds-aichat--launcher-extended__text-holder{\n  padding:0.75rem 0.75rem 0.75rem 0;\n}\n:host [dir=rtl] cds-button.cds-aichat--launcher__button,\n:host [dir=rtl] cds-button.cds-aichat--launcher-extended__close-button{\n  direction:ltr;\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  max-inline-size:var(--cds-aichat-card-max-width, auto);\n}\n:host .cds-aichat--card-message-component.cds-aichat--max-width-small{\n  max-inline-size:min(291px, var(--cds-aichat-card-max-width, 291px));\n}\n:host .cds-aichat--card-message-component.cds-aichat--max-width-medium{\n  max-inline-size:min(438px, var(--cds-aichat-card-max-width, 438px));\n}\n:host .cds-aichat--card-message-component.cds-aichat--max-width-large{\n  max-inline-size:min(585px, var(--cds-aichat-card-max-width, 585px));\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 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 .carousel-container{\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@keyframes cds-aichat-fade-in{\n  0%{\n    opacity:0;\n  }\n  100%{\n    opacity:1;\n  }\n}\n:host .cds-aichat--conversational-search-citations{\n  animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in both;\n  max-inline-size:400px;\n  padding-block-start:16px;\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@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:host .cds-aichat--image__image--loaded{\n  block-size:auto;\n  opacity:1;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n  :host .cds-aichat--image__image--loaded{\n    animation-duration:110ms;\n    animation-iteration-count:1;\n    animation-name:cds-aichat-fade-in-img;\n    animation-timing-function:cubic-bezier(0.2, 0, 0.38, 0.9);\n  }\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:0.5rem;\n  background-color:var(--cds-overlay, rgba(0, 0, 0, 0.6));\n  block-size:calc(1rem + 0.75rem * 2);\n  color:var(--cds-icon-on-color, #ffffff);\n  fill:var(--cds-icon-on-color, #ffffff);\n  inline-size:calc(1rem + 0.75rem * 2);\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: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}\n@media screen and (prefers-reduced-motion: no-preference){\n  :host .cds-aichat--clickable-image{\n    transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  }\n}\n:host a.cds-aichat--clickable-image .cds-aichat--text-holder-tile__title{\n  color:var(--cds-text-primary, #161616);\n}\n:host .cds-aichat--clickable-image .cds-aichat--image{\n  position:unset;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n  :host .cds-aichat--clickable-image .cds-aichat--image{\n    transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  }\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  margin:2rem 1rem 0 1rem;\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  color:var(--cds-text-secondary, #525252);\n  font-style:italic;\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  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@keyframes cds-aichat-fade-out{\n  0%{\n    opacity:1;\n  }\n  100%{\n    opacity:0;\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-aichat-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@keyframes cds-aichat-fade-in{\n  0%{\n    opacity:0;\n  }\n  100%{\n    opacity:1;\n  }\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 .carousel__view-stack .carousel__itemsWrapper{\n  position:relative;\n  overflow:hidden;\n  block-size:100%;\n  inline-size:100%;\n  min-inline-size:20vh;\n}\n:host :host(.carousel__live-region),\n:host .carousel__live-region{\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  clip-path:inset(50%);\n  inline-size:1px;\n  white-space:nowrap;\n}\n:host :host(.carousel__view),\n:host .carousel__view{\n  visibility:hidden;\n}\n:host :host(.carousel__view-active),\n:host .carousel__view-active,\n:host :host(.carousel__view-recycle-out),\n:host .carousel__view-recycle-out,\n:host :host(.carousel__view-recycle-in),\n:host .carousel__view-recycle-in{\n  visibility:visible;\n}\n@keyframes out-to-active{\n  from{\n    transform:translateX(-100%);\n  }\n  to{\n    transform:translateX(-200%);\n  }\n}\n@keyframes active-to-out{\n  from{\n    transform:translateX(-100%);\n  }\n  to{\n    transform:translateX(0);\n  }\n}\n:host :host(.carousel__view),\n:host .carousel__view{\n  z-index:80;\n  overflow:hidden auto;\n  block-size:100%;\n  inline-size:100%;\n  inset-inline-start:100%;\n  transform:translateX(0);\n}\n@media (prefers-reduced-motion: no-preference){\n  :host :host(.carousel__view),\n  :host .carousel__view{\n    transition:transform 240ms cubic-bezier(0.5, 0, 0.1, 1);\n  }\n}\n@media (prefers-reduced-motion: reduce){\n  :host :host(.carousel__view),\n  :host .carousel__view{\n    animation:none;\n    transition:none;\n  }\n}\n:host :host(.carousel__view:focus),\n:host .carousel__view:focus{\n  outline:2px solid var(--cds-focus, #0f62fe);\n  outline-offset:-2px;\n}\n@media screen and (prefers-contrast){\n  :host :host(.carousel__view:focus),\n  :host .carousel__view:focus{\n    outline-style:dotted;\n  }\n}\n:host :host(.carousel__view-active),\n:host .carousel__view-active{\n  z-index:100;\n  overflow:hidden auto;\n  block-size:100%;\n  inline-size:100%;\n  inset-inline-start:100%;\n  transform:translateX(-100%);\n}\n@media (prefers-reduced-motion: no-preference){\n  :host :host(.carousel__view-active),\n  :host .carousel__view-active{\n    transition:transform 240ms cubic-bezier(0.5, 0, 0.1, 1);\n  }\n}\n@media (prefers-reduced-motion: reduce){\n  :host :host(.carousel__view-active),\n  :host .carousel__view-active{\n    animation:none;\n    transition:none;\n  }\n}\n:host :host(.carousel__view-active:focus),\n:host .carousel__view-active:focus{\n  outline:2px solid var(--cds-focus, #0f62fe);\n  outline-offset:-2px;\n}\n@media screen and (prefers-contrast){\n  :host :host(.carousel__view-active:focus),\n  :host .carousel__view-active:focus{\n    outline-style:dotted;\n  }\n}\n:host :host(.carousel__view-in-stack),\n:host .carousel__view-in-stack{\n  z-index:90;\n  overflow:hidden auto;\n  block-size:100%;\n  inline-size:100%;\n  inset-inline-start:100%;\n  transform:translateX(-200%);\n}\n@media (prefers-reduced-motion: no-preference){\n  :host :host(.carousel__view-in-stack),\n  :host .carousel__view-in-stack{\n    transition:transform 240ms cubic-bezier(0.5, 0, 0.1, 1);\n  }\n}\n@media (prefers-reduced-motion: reduce){\n  :host :host(.carousel__view-in-stack),\n  :host .carousel__view-in-stack{\n    animation:none;\n    transition:none;\n  }\n}\n:host :host(.carousel__view-in-stack:focus),\n:host .carousel__view-in-stack:focus{\n  outline:2px solid var(--cds-focus, #0f62fe);\n  outline-offset:-2px;\n}\n@media screen and (prefers-contrast){\n  :host :host(.carousel__view-in-stack:focus),\n  :host .carousel__view-in-stack:focus{\n    outline-style:dotted;\n  }\n}\n:host :host(.carousel__view-recycle-in),\n:host .carousel__view-recycle-in{\n  z-index:100;\n  overflow:hidden auto;\n  block-size:100%;\n  inline-size:100%;\n}\n@media (prefers-reduced-motion: no-preference){\n  :host :host(.carousel__view-recycle-in),\n  :host .carousel__view-recycle-in{\n    animation:out-to-active 240ms cubic-bezier(0.5, 0, 0.1, 1) forwards;\n  }\n}\n@media (prefers-reduced-motion: reduce){\n  :host :host(.carousel__view-recycle-in),\n  :host .carousel__view-recycle-in{\n    animation:none;\n    transition:none;\n  }\n}\n:host :host(.carousel__view-recycle-in:focus),\n:host .carousel__view-recycle-in:focus{\n  outline:2px solid var(--cds-focus, #0f62fe);\n  outline-offset:-2px;\n}\n@media screen and (prefers-contrast){\n  :host :host(.carousel__view-recycle-in:focus),\n  :host .carousel__view-recycle-in:focus{\n    outline-style:dotted;\n  }\n}\n:host :host(.carousel__view-recycle-out),\n:host .carousel__view-recycle-out{\n  z-index:90;\n  overflow:hidden auto;\n  block-size:100%;\n  inline-size:100%;\n}\n@media (prefers-reduced-motion: no-preference){\n  :host :host(.carousel__view-recycle-out),\n  :host .carousel__view-recycle-out{\n    animation:active-to-out 240ms cubic-bezier(0.5, 0, 0.1, 1) forwards;\n  }\n}\n@media (prefers-reduced-motion: reduce){\n  :host :host(.carousel__view-recycle-out),\n  :host .carousel__view-recycle-out{\n    animation:none;\n    transition:none;\n  }\n}\n:host :host(.carousel__view-recycle-out:focus),\n:host .carousel__view-recycle-out:focus{\n  outline:2px solid var(--cds-focus, #0f62fe);\n  outline-offset:-2px;\n}\n@media screen and (prefers-contrast){\n  :host :host(.carousel__view-recycle-out:focus),\n  :host .carousel__view-recycle-out:focus{\n    outline-style:dotted;\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  box-sizing:border-box;\n  block-size:100%;\n  color:var(--cds-text-primary, #161616);\n  inline-size:100%;\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-focus-border:var(--cds-text-on-color, #ffffff);\n  --cds-aichat-launcher-mobile-color-text: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--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-deleted:#ffd7d9;\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-inserted:#a7f0ba;\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-deleted:#ffd7d9;\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-inserted:#a7f0ba;\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-deleted:#a2191f;\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-inserted:#198038;\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-deleted:#a2191f;\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-inserted:#198038;\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--history-writeable-element ::slotted(*){\n  display:block;\n  block-size:100%;\n}\n:host .cds-aichat--history-panel__content-container{\n  block-size:100%;\n}\n:host .cds-aichat--history-panel__content-container ::slotted(*){\n  --history-shell-border:none;\n  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[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-float--open{\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-block-end:var(--cds-aichat-bottom-position, 3rem);\n  inset-block-start:var(--cds-aichat-top-position, auto);\n  inset-inline-end:var(--cds-aichat-right-position, 2rem);\n  inset-inline-start: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{\n}\n:host .cds-aichat-float--opening{\n  animation:none;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n  :host .cds-aichat-float--opening:not(.cds-aichat-float--mobile){\n    animation:cds-aichat-float-in 240ms cubic-bezier(0, 0, 0.3, 1) both;\n  }\n}\n:host{\n}\n:host .cds-aichat-float--closing{\n  animation:cds-aichat-float-out 110ms cubic-bezier(0.4, 0.14, 1, 1) both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n  :host .cds-aichat-float--closing{\n    animation:none;\n  }\n}\n:host{\n}\n:host .cds-aichat-float--close{\n  display:none;\n  overflow:hidden;\n  border:none;\n  box-shadow:none;\n}\n:host{\n}\n:host .cds-aichat-float--mobile{\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-block-end:var(--cds-aichat-bottom-position, 3rem);\n  inset-block-start:var(--cds-aichat-top-position, auto);\n  inset-inline-end:var(--cds-aichat-right-position, 2rem);\n  inset-inline-start:var(--cds-aichat-left-position, auto);\n  max-block-size:var(--cds-aichat-max-height, 640px);\n  max-inline-size:100%;\n  min-block-size:var(--cds-aichat-min-height, 150px);\n}\n:host .cds-aichat-float--mobile.cds-aichat-float--opening{\n  inset-block-end:1px;\n  inset-inline-start:1px;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n  :host .cds-aichat-float--mobile.cds-aichat-float--opening{\n    animation:cds-aichat-float-in 240ms cubic-bezier(0, 0, 0.3, 1) both;\n  }\n}\n:host{\n}\n@keyframes cds-aichat-float-in{\n  0%{\n    opacity:0;\n  }\n  100%{\n    opacity:1;\n  }\n}\n@keyframes cds-aichat-float-out{\n  0%{\n    opacity:1;\n  }\n  100%{\n    opacity:0;\n  }\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--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 = "@charset \"UTF-8\";\n.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:host .cds-aichat-float--open{\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-block-end:var(--cds-aichat-bottom-position, 3rem);\n  inset-block-start:var(--cds-aichat-top-position, auto);\n  inset-inline-end:var(--cds-aichat-right-position, 2rem);\n  inset-inline-start: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{\n}\n:host .cds-aichat-float--opening{\n  animation:none;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n  :host .cds-aichat-float--opening:not(.cds-aichat-float--mobile){\n    animation:cds-aichat-float-in 240ms cubic-bezier(0, 0, 0.3, 1) both;\n  }\n}\n:host{\n}\n:host .cds-aichat-float--closing{\n  animation:cds-aichat-float-out 110ms cubic-bezier(0.4, 0.14, 1, 1) both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n  :host .cds-aichat-float--closing{\n    animation:none;\n  }\n}\n:host{\n}\n:host .cds-aichat-float--close{\n  display:none;\n  overflow:hidden;\n  border:none;\n  box-shadow:none;\n}\n:host{\n}\n:host .cds-aichat-float--mobile{\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-block-end:var(--cds-aichat-bottom-position, 3rem);\n  inset-block-start:var(--cds-aichat-top-position, auto);\n  inset-inline-end:var(--cds-aichat-right-position, 2rem);\n  inset-inline-start:var(--cds-aichat-left-position, auto);\n  max-block-size:var(--cds-aichat-max-height, 640px);\n  max-inline-size:100%;\n  min-block-size:var(--cds-aichat-min-height, 150px);\n}\n:host .cds-aichat-float--mobile.cds-aichat-float--opening{\n  inset-block-end:1px;\n  inset-inline-start:1px;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n  :host .cds-aichat-float--mobile.cds-aichat-float--opening{\n    animation:cds-aichat-float-in 240ms cubic-bezier(0, 0, 0.3, 1) both;\n  }\n}\n:host{\n}\n@keyframes cds-aichat-float-in{\n  0%{\n    opacity:0;\n  }\n  100%{\n    opacity:1;\n  }\n}\n@keyframes cds-aichat-float-out{\n  0%{\n    opacity:1;\n  }\n  100%{\n    opacity:0;\n  }\n}\n:host{\n}\n:host .cds-aichat--widget--max-width .cds-aichat--header-bottom-element.cds-aichat--header-constrain-width{\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-border-radius-start-end, 0);\n  border-start-start-radius:var(--cds-aichat-border-radius-start-start, 0);\n}\n:host .cds-aichat--header__container.cds-aichat--header-constrain-width{\n  margin:auto;\n  max-inline-size:var(--cds-aichat-messages-max-width, 672px);\n}\n:host .cds-aichat--widget--max-width .cds-aichat--header__container:not(.cds-aichat--header-constrain-width){\n  margin-inline-end:1rem;\n  margin-inline-start: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{\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{\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-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 .cds--popover--bottom:not(.cds--popover--auto-align):dir(rtl) > .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 .cds--popover--bottom-left:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content,\n:host .cds--popover--bottom-start:not(.cds--popover--auto-align):dir(rtl) > .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 .cds--popover--bottom-right:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content,\n:host .cds--popover--bottom-end:not(.cds--popover--auto-align):dir(rtl) > .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 .cds--popover--bottom:dir(rtl) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--bottom-left:dir(rtl) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--bottom-start:dir(rtl) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--bottom-right:dir(rtl) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--bottom-end:dir(rtl) > .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 .cds--popover--top:not(.cds--popover--auto-align):dir(rtl) > .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 .cds--popover--top-left:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content,\n:host .cds--popover--top-start:not(.cds--popover--auto-align):dir(rtl) > .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 .cds--popover--top-right:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content,\n:host .cds--popover--top-end:not(.cds--popover--auto-align):dir(rtl) > .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 .cds--popover--top:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--top-left:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--top-start:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--top-right:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--top-end:not(.cds--popover--auto-align):dir(rtl) > .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 .cds--popover--right:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content,\n:host .cds--popover--right-bottom:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content,\n:host .cds--popover--right-end:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content,\n:host .cds--popover--right-top:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content,\n:host .cds--popover--right-start:not(.cds--popover--auto-align):dir(rtl) > .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 .cds--popover--right:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--right-top:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--right-start:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--right-bottom:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--right-end:not(.cds--popover--auto-align):dir(rtl) > .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 .cds--popover--border.cds--popover--right:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align):dir(rtl) > .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 .cds--popover--border.cds--popover--right.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-top.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-start.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--right-end.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::before{\n  margin-inline-start:1px;\n}\n:host .cds--popover--border.cds--popover--right.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-top.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-start.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--right-end.cds--popover--auto-align:dir(rtl) > .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 .cds--popover--left:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content,\n:host .cds--popover--left-bottom:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content,\n:host .cds--popover--left-end:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content,\n:host .cds--popover--left-top:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content,\n:host .cds--popover--left-start:not(.cds--popover--auto-align):dir(rtl) > .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 .cds--popover--left:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--left-top:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--left-start:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--left-bottom:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret,\n:host .cds--popover--left-end:not(.cds--popover--auto-align):dir(rtl) > .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 .cds--popover--border.cds--popover--left:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align):dir(rtl) > .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 .cds--popover--border.cds--popover--left.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-top.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-start.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,\n:host .cds--popover--border.cds--popover--left-end.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::before{\n  margin-inline-start:-1px;\n}\n:host .cds--popover--border.cds--popover--left.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-top.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-start.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align:dir(rtl) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,\n:host .cds--popover--border.cds--popover--left-end.cds--popover--auto-align:dir(rtl) > .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 .cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content,\n:host .cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align):dir(rtl) > .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 .cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align):dir(rtl) > .cds--popover > .cds--popover-content,\n:host .cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align):dir(rtl) > .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@media (any-hover: hover){\n  :host .cds--btn--primary:hover{\n    background-color:var(--cds-button-primary-hover, #0050e6);\n  }\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@media (any-hover: hover){\n  :host .cds--btn--secondary:hover{\n    background-color:var(--cds-button-secondary-hover, #474747);\n  }\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@media (any-hover: hover){\n  :host .cds--btn--tertiary:hover{\n    background-color:var(--cds-button-tertiary-hover, #0050e6);\n  }\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@media (any-hover: hover){\n  :host .cds--btn--tertiary:hover{\n    color:var(--cds-text-inverse, #ffffff);\n  }\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@media (any-hover: hover){\n  :host .cds--btn--ghost:hover{\n    background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n  }\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@media (hover: hover){\n  :host .cds--btn--ghost:hover{\n    color:var(--cds-link-primary-hover, #0043ce);\n  }\n}\n:host .cds--btn--ghost:active{\n  background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n  color:var(--cds-link-primary-hover, #0043ce);\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@media (any-hover: hover){\n  :host .cds--btn--danger:hover{\n    background-color:var(--cds-button-danger-hover, #b81921);\n  }\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@media (any-hover: hover){\n  :host .cds--btn--danger--tertiary:hover{\n    background-color:var(--cds-button-danger-hover, #b81921);\n  }\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@media (hover: hover){\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}\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@media (any-hover: hover){\n  :host .cds--btn--danger--ghost:hover{\n    background-color:var(--cds-button-danger-hover, #b81921);\n  }\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@media (hover: hover){\n  :host .cds--btn--danger--ghost:hover{\n    color:var(--cds-text-on-color, #ffffff);\n  }\n}\n: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  padding:2px;\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  flex-wrap:wrap;\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--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--assistant-container .cds-aichat--input-container{\n  display:flex;\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--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  display:flex;\n  flex-basis:100%;\n  flex-wrap:wrap;\n  inline-size:100%;\n  margin-block-start:0.5rem;\n  max-block-size:200px;\n  overflow-x:hidden;\n  overflow-y:auto;\n}\n:host .cds-aichat--input-container__files-container cds-file-uploader-item{\n  margin-block-end:0.5rem;\n  margin-inline-end:0.5rem;\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-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__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 .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  order:1;\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--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-textarea{\n  position:relative;\n  z-index:2;\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--input-container__left-container .cds-aichat--text-area .cds-aichat--text-area-textarea{\n  border:none;\n}\n:host .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__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--input-container__send-button-container{\n  order: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[disabled] svg{\n  fill:var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\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  fill:var(--cds-interactive, #0f62fe);\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-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{\n  position:fixed;\n  z-index:var(--cds-aichat-z-index, 99999);\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{\n    animation:cds-aichat-launcher-in 150ms cubic-bezier(0, 0, 0.3, 1) both;\n  }\n}\n:host{\n}\n:host .cds-aichat-launcher:dir(rtl){\n  right:unset;\n  left:var(--cds-aichat-launcher-position-right, 2rem);\n}\n:host{\n}\n:host .cds-aichat-launcher--hidden{\n  visibility:hidden;\n}\n:host{\n}\n@keyframes cds-aichat-launcher-in{\n  0%{\n    opacity:0;\n  }\n  100%{\n    opacity:1;\n  }\n}\n:host .cds-aichat-launcher{\n  border-radius:28px;\n  background-color:var(--cds-background, #ffffff);\n  box-shadow:var(--cds-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n}\n@media (prefers-reduced-motion: no-preference){\n  :host .cds-aichat-launcher{\n    transition:inline-size 240ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  }\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-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--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--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--open .cds-aichat--launcher-extended__text-holder{\n  inline-size:var(--cds-aichat-launcher-extended-width, 280px);\n}\n:host .cds-aichat-launcher--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--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--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--closed .cds-aichat--launcher-extended__text-holder{\n  display:none;\n  inline-size:0;\n}\n:host .cds-aichat-launcher--closed .cds-aichat--launcher-extended__greeting{\n  opacity:0;\n}\n:host .cds-aichat-launcher--closed .cds-aichat--launcher-extended__close-button{\n  display:none;\n}\n:host{\n}\n:host .cds-aichat-launcher--opening,\n:host .cds-aichat-launcher--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--opening cds-button.cds-aichat--launcher__button::part(button),\n:host .cds-aichat-launcher--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--closing,\n:host .cds-aichat-launcher--closed{\n  inline-size:var(--cds-aichat-launcher-default-size, 56px);\n}\n:host .cds-aichat-launcher--closing cds-button.cds-aichat--launcher__button::part(button),\n:host .cds-aichat-launcher--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 .cds-aichat--launcher-extended__wrapper{\n  inset-inline:0 unset;\n}\n:host [dir=rtl] .cds-aichat-launcher .cds-aichat--launcher-extended__text-holder{\n  padding:0.75rem 0.75rem 0.75rem 0;\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  display:flex;\n  overflow:hidden;\n  flex-direction:column;\n  padding:0;\n  max-inline-size:var(--cds-aichat-card-max-width, auto);\n}\n:host .cds-aichat--card-message-component [slot=body]{\n  flex:1;\n}\n:host .cds-aichat--card-message-component.cds-aichat--max-width-small{\n  max-inline-size:min(291px, var(--cds-aichat-card-max-width, 291px));\n}\n:host .cds-aichat--card-message-component.cds-aichat--max-width-medium{\n  max-inline-size:min(438px, var(--cds-aichat-card-max-width, 438px));\n}\n:host .cds-aichat--card-message-component.cds-aichat--max-width-large{\n  max-inline-size:min(585px, var(--cds-aichat-card-max-width, 585px));\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 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 .carousel-container{\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@keyframes cds-aichat-fade-in{\n  0%{\n    opacity:0;\n  }\n  100%{\n    opacity:1;\n  }\n}\n:host .cds-aichat--conversational-search-citations{\n  animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-aichat-fade-in both;\n  max-inline-size:400px;\n  padding-block-start:16px;\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@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:host .cds-aichat--image__image--loaded{\n  block-size:auto;\n  opacity:1;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n  :host .cds-aichat--image__image--loaded{\n    animation-duration:110ms;\n    animation-iteration-count:1;\n    animation-name:cds-aichat-fade-in-img;\n    animation-timing-function:cubic-bezier(0.2, 0, 0.38, 0.9);\n  }\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:0.5rem;\n  background-color:var(--cds-overlay, rgba(0, 0, 0, 0.6));\n  block-size:calc(1rem + 0.75rem * 2);\n  color:var(--cds-icon-on-color, #ffffff);\n  fill:var(--cds-icon-on-color, #ffffff);\n  inline-size:calc(1rem + 0.75rem * 2);\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 .cds-aichat--text-area.cds-aichat--text-area--auto-size .cds-aichat--text-area-textarea.cds-aichat--text-area-textarea--scrollable{\n  overflow:auto;\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: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}\n@media screen and (prefers-reduced-motion: no-preference){\n  :host .cds-aichat--clickable-image{\n    transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  }\n}\n:host a.cds-aichat--clickable-image .cds-aichat--text-holder-tile__title{\n  color:var(--cds-text-primary, #161616);\n}\n:host .cds-aichat--clickable-image .cds-aichat--image{\n  position:unset;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n  :host .cds-aichat--clickable-image .cds-aichat--image{\n    transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  }\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  margin:2rem 1rem 0 1rem;\n}\n:host .cds-aichat--system-message-standalone-text{\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  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-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  text-align:center;\n}\n:host .cds-aichat--system-message-standalone--date::before, :host .cds-aichat--system-message-standalone--date::after{\n  flex:1;\n  border-block-end:1px solid var(--cds-border-subtle);\n  content:\"\";\n}\n:host .cds-aichat--system-message-standalone--date::before{\n  margin-inline-end:1rem;\n}\n:host .cds-aichat--system-message-standalone--date::after{\n  margin-inline-start:1rem;\n}\n:host .cds-aichat--system-message-standalone--agent{\n  border-block-start:1px solid var(--cds-border-subtle);\n  margin-block-start:2rem;\n  padding-block-start:1rem;\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@keyframes cds-aichat-fade-out{\n  0%{\n    opacity:1;\n  }\n  100%{\n    opacity:0;\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-aichat-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@keyframes cds-aichat-fade-in{\n  0%{\n    opacity:0;\n  }\n  100%{\n    opacity:1;\n  }\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 .carousel__view-stack .carousel__itemsWrapper{\n  position:relative;\n  overflow:hidden;\n  block-size:100%;\n  inline-size:100%;\n  min-inline-size:20vh;\n}\n:host :host(.carousel__live-region),\n:host .carousel__live-region{\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  clip-path:inset(50%);\n  inline-size:1px;\n  white-space:nowrap;\n}\n:host :host(.carousel__view),\n:host .carousel__view{\n  visibility:hidden;\n}\n:host :host(.carousel__view-active),\n:host .carousel__view-active,\n:host :host(.carousel__view-recycle-out),\n:host .carousel__view-recycle-out,\n:host :host(.carousel__view-recycle-in),\n:host .carousel__view-recycle-in{\n  visibility:visible;\n}\n@keyframes out-to-active{\n  from{\n    transform:translateX(-100%);\n  }\n  to{\n    transform:translateX(-200%);\n  }\n}\n@keyframes active-to-out{\n  from{\n    transform:translateX(-100%);\n  }\n  to{\n    transform:translateX(0);\n  }\n}\n:host :host(.carousel__view),\n:host .carousel__view{\n  z-index:80;\n  overflow:hidden auto;\n  block-size:100%;\n  inline-size:100%;\n  inset-inline-start:100%;\n  transform:translateX(0);\n}\n@media (prefers-reduced-motion: no-preference){\n  :host :host(.carousel__view),\n  :host .carousel__view{\n    transition:transform 240ms cubic-bezier(0.5, 0, 0.1, 1);\n  }\n}\n@media (prefers-reduced-motion: reduce){\n  :host :host(.carousel__view),\n  :host .carousel__view{\n    animation:none;\n    transition:none;\n  }\n}\n:host :host(.carousel__view:focus),\n:host .carousel__view:focus{\n  outline:2px solid var(--cds-focus, #0f62fe);\n  outline-offset:-2px;\n}\n@media screen and (prefers-contrast){\n  :host :host(.carousel__view:focus),\n  :host .carousel__view:focus{\n    outline-style:dotted;\n  }\n}\n:host :host(.carousel__view-active),\n:host .carousel__view-active{\n  z-index:100;\n  overflow:hidden auto;\n  block-size:100%;\n  inline-size:100%;\n  inset-inline-start:100%;\n  transform:translateX(-100%);\n}\n@media (prefers-reduced-motion: no-preference){\n  :host :host(.carousel__view-active),\n  :host .carousel__view-active{\n    transition:transform 240ms cubic-bezier(0.5, 0, 0.1, 1);\n  }\n}\n@media (prefers-reduced-motion: reduce){\n  :host :host(.carousel__view-active),\n  :host .carousel__view-active{\n    animation:none;\n    transition:none;\n  }\n}\n:host :host(.carousel__view-active:focus),\n:host .carousel__view-active:focus{\n  outline:2px solid var(--cds-focus, #0f62fe);\n  outline-offset:-2px;\n}\n@media screen and (prefers-contrast){\n  :host :host(.carousel__view-active:focus),\n  :host .carousel__view-active:focus{\n    outline-style:dotted;\n  }\n}\n:host :host(.carousel__view-in-stack),\n:host .carousel__view-in-stack{\n  z-index:90;\n  overflow:hidden auto;\n  block-size:100%;\n  inline-size:100%;\n  inset-inline-start:100%;\n  transform:translateX(-200%);\n}\n@media (prefers-reduced-motion: no-preference){\n  :host :host(.carousel__view-in-stack),\n  :host .carousel__view-in-stack{\n    transition:transform 240ms cubic-bezier(0.5, 0, 0.1, 1);\n  }\n}\n@media (prefers-reduced-motion: reduce){\n  :host :host(.carousel__view-in-stack),\n  :host .carousel__view-in-stack{\n    animation:none;\n    transition:none;\n  }\n}\n:host :host(.carousel__view-in-stack:focus),\n:host .carousel__view-in-stack:focus{\n  outline:2px solid var(--cds-focus, #0f62fe);\n  outline-offset:-2px;\n}\n@media screen and (prefers-contrast){\n  :host :host(.carousel__view-in-stack:focus),\n  :host .carousel__view-in-stack:focus{\n    outline-style:dotted;\n  }\n}\n:host :host(.carousel__view-recycle-in),\n:host .carousel__view-recycle-in{\n  z-index:100;\n  overflow:hidden auto;\n  block-size:100%;\n  inline-size:100%;\n}\n@media (prefers-reduced-motion: no-preference){\n  :host :host(.carousel__view-recycle-in),\n  :host .carousel__view-recycle-in{\n    animation:out-to-active 240ms cubic-bezier(0.5, 0, 0.1, 1) forwards;\n  }\n}\n@media (prefers-reduced-motion: reduce){\n  :host :host(.carousel__view-recycle-in),\n  :host .carousel__view-recycle-in{\n    animation:none;\n    transition:none;\n  }\n}\n:host :host(.carousel__view-recycle-in:focus),\n:host .carousel__view-recycle-in:focus{\n  outline:2px solid var(--cds-focus, #0f62fe);\n  outline-offset:-2px;\n}\n@media screen and (prefers-contrast){\n  :host :host(.carousel__view-recycle-in:focus),\n  :host .carousel__view-recycle-in:focus{\n    outline-style:dotted;\n  }\n}\n:host :host(.carousel__view-recycle-out),\n:host .carousel__view-recycle-out{\n  z-index:90;\n  overflow:hidden auto;\n  block-size:100%;\n  inline-size:100%;\n}\n@media (prefers-reduced-motion: no-preference){\n  :host :host(.carousel__view-recycle-out),\n  :host .carousel__view-recycle-out{\n    animation:active-to-out 240ms cubic-bezier(0.5, 0, 0.1, 1) forwards;\n  }\n}\n@media (prefers-reduced-motion: reduce){\n  :host :host(.carousel__view-recycle-out),\n  :host .carousel__view-recycle-out{\n    animation:none;\n    transition:none;\n  }\n}\n:host :host(.carousel__view-recycle-out:focus),\n:host .carousel__view-recycle-out:focus{\n  outline:2px solid var(--cds-focus, #0f62fe);\n  outline-offset:-2px;\n}\n@media screen and (prefers-contrast){\n  :host :host(.carousel__view-recycle-out:focus),\n  :host .carousel__view-recycle-out:focus{\n    outline-style:dotted;\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  box-sizing:border-box;\n  block-size:100%;\n  color:var(--cds-text-primary, #161616);\n  inline-size:100%;\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-focus-border:var(--cds-text-on-color, #ffffff);\n  --cds-aichat-launcher-mobile-color-text: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--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-deleted:#ffd7d9;\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-inserted:#a7f0ba;\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-deleted:#ffd7d9;\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-inserted:#a7f0ba;\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-deleted:#a2191f;\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-inserted:#198038;\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-deleted:#a2191f;\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-inserted:#198038;\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--history-writeable-element ::slotted(*){\n  display:block;\n  block-size:100%;\n}\n:host .cds-aichat--history-panel__content-container{\n  block-size:100%;\n}\n:host .cds-aichat--history-panel__content-container ::slotted(*){\n  --history-shell-border:none;\n  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[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-float--open{\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-block-end:var(--cds-aichat-bottom-position, 3rem);\n  inset-block-start:var(--cds-aichat-top-position, auto);\n  inset-inline-end:var(--cds-aichat-right-position, 2rem);\n  inset-inline-start: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{\n}\n:host .cds-aichat-float--opening{\n  animation:none;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n  :host .cds-aichat-float--opening:not(.cds-aichat-float--mobile){\n    animation:cds-aichat-float-in 240ms cubic-bezier(0, 0, 0.3, 1) both;\n  }\n}\n:host{\n}\n:host .cds-aichat-float--closing{\n  animation:cds-aichat-float-out 110ms cubic-bezier(0.4, 0.14, 1, 1) both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n  :host .cds-aichat-float--closing{\n    animation:none;\n  }\n}\n:host{\n}\n:host .cds-aichat-float--close{\n  display:none;\n  overflow:hidden;\n  border:none;\n  box-shadow:none;\n}\n:host{\n}\n:host .cds-aichat-float--mobile{\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-block-end:var(--cds-aichat-bottom-position, 3rem);\n  inset-block-start:var(--cds-aichat-top-position, auto);\n  inset-inline-end:var(--cds-aichat-right-position, 2rem);\n  inset-inline-start:var(--cds-aichat-left-position, auto);\n  max-block-size:var(--cds-aichat-max-height, 640px);\n  max-inline-size:100%;\n  min-block-size:var(--cds-aichat-min-height, 150px);\n}\n:host .cds-aichat-float--mobile.cds-aichat-float--opening{\n  inset-block-end:1px;\n  inset-inline-start:1px;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n  :host .cds-aichat-float--mobile.cds-aichat-float--opening{\n    animation:cds-aichat-float-in 240ms cubic-bezier(0, 0, 0.3, 1) both;\n  }\n}\n:host{\n}\n@keyframes cds-aichat-float-in{\n  0%{\n    opacity:0;\n  }\n  100%{\n    opacity:1;\n  }\n}\n@keyframes cds-aichat-float-out{\n  0%{\n    opacity:1;\n  }\n  100%{\n    opacity:0;\n  }\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--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 SCROLLBAR_WIDTH_ATTR = "data-cds-aichat-widget-id";
+
+let scrollbarWidthCounter = 0;
 
 const applicationStylesheet = typeof CSSStyleSheet !== "undefined" ? new CSSStyleSheet : null;
 
 const cssVariableOverrideStylesheet = typeof CSSStyleSheet !== "undefined" ? new CSSStyleSheet : null;
 
-const visualViewportStylesheet = typeof CSSStyleSheet !== "undefined" ? new CSSStyleSheet : null;
-
 const WIDTH_BREAKPOINT_STANDARD = "cds-aichat--standard-width";
 
 const WIDTH_BREAKPOINT_NARROW = "cds-aichat--narrow-width";
@@ -15640,11 +15759,6 @@ function AppShell({hostElement, serviceManager, renderWriteableElements}) {
   const showLauncher = launcher.isOn && viewState.launcher;
   const cssVariableOverrideString = useMemo(() => convertCSSVariablesToString(cssVariableOverrides), [ cssVariableOverrides ]);
   const useMobileEnhancements = IS_PHONE && !publicConfig.disableCustomElementMobileEnhancements;
-  const {style: visualViewportStyles} = useMobileViewportLayout({
-    enabled: useMobileEnhancements,
-    isOpen: viewState.mainWindow,
-    margin: 4
-  });
   const dir = isBrowser() ? document.dir || "auto" : "auto";
   const mainWindowRef = useRef(null);
   const [modalPortalHostElement, setModalPortalHostElement] = useState(null);
@@ -15657,6 +15771,11 @@ function AppShell({hostElement, serviceManager, renderWriteableElements}) {
   const responsePanelRef = useRef(null);
   const messagesRef = useRef(null);
   const inputRef = useRef(null);
+  useMobileViewportLayout({
+    enabled: useMobileEnhancements,
+    containerRef,
+    margin: 4
+  });
   const messagesToArray = useMemo(() => createUnmappingMemoizer(), []);
   const useCustomHostElement = Boolean(hostElement);
   const headerDisplayName = header?.name;
@@ -15711,11 +15830,9 @@ function AppShell({hostElement, serviceManager, renderWriteableElements}) {
     containerRef,
     hostElement,
     cssVariableOverrideString,
-    visualViewportStyles,
     appStyles: css_248z,
     applicationStylesheet,
-    cssVariableOverrideStylesheet,
-    visualViewportStylesheet
+    cssVariableOverrideStylesheet
   });
   const {onSendInput, onRestart, onClose, onToggleHomeScreen, onAcceptDisclaimer, requestInputFocus, shouldDisableInput, shouldDisableSend, showUploadButtonDisabled} = useInputCallbacks({
     serviceManager,
@@ -15879,9 +15996,21 @@ function AppShell({hostElement, serviceManager, renderWriteableElements}) {
   }, [ inputRef, serviceManager ]);
   useEffect(() => {
     const container = widgetContainerRef.current;
-    if (container) {
-      container.style.setProperty("--cds-aichat-scrollbar-width", `${SCROLLBAR_WIDTH()}px`);
+    if (!container) {
+      return;
+    }
+    let id = container.getAttribute(SCROLLBAR_WIDTH_ATTR);
+    if (!id) {
+      id = `widget-${++scrollbarWidthCounter}`;
+      container.setAttribute(SCROLLBAR_WIDTH_ATTR, id);
     }
+    const root = container.getRootNode();
+    if (root instanceof Document || root instanceof ShadowRoot) {
+      adoptOnRoot(root);
+    }
+    setVarsForSelector(`[${SCROLLBAR_WIDTH_ATTR}="${id}"]`, {
+      "--cds-aichat-scrollbar-width": `${SCROLLBAR_WIDTH()}px`
+    });
   }, [ widgetContainerRef ]);
   return React.createElement("div", {
     className: cx(`cds-aichat--container--render`, getThemeClassNames(theme), {