@carbon/ai-chat 1.2.1 → 1.3.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -10,7 +10,7 @@ import merge from "lodash-es/merge.js";
10
10
 
11
11
  import cloneDeep from "lodash-es/cloneDeep.js";
12
12
 
13
- import { j as MessageResponseTypes, i as MessageInputType, f as FileStatusValue, m as HumanAgentMessageType, p as InternalMessageRequestType, h as ButtonItemType, O as OnErrorType, d as MinimizeButtonIconType, C as CornersType, B as BusEventType, M as MessageSendSource, H as HumanAgentsOnlineStatus, o as MessageErrorState, b as CancellationReason, c as CarbonTheme, e as enLanguagePack, W as WriteableElementName, V as ViewType, a as ViewChangeReason, E as ErrorType, S as ScreenShareState, q as MainWindowOpenReason, l as WidthOptions, I as IFrameItemDisplayOption, n as ChainOfThoughtStepStatus, U as UserType, F as FeedbackInteractionType, P as PageObjectId, r as MainWindowCloseReason } from "./chat.PageObjectId.js";
13
+ import { j as MessageResponseTypes, i as MessageInputType, f as FileStatusValue, m as HumanAgentMessageType, q as InternalMessageRequestType, h as ButtonItemType, O as OnErrorType, d as MinimizeButtonIconType, P as PanelType, C as CornersType, B as BusEventType, M as MessageSendSource, H as HumanAgentsOnlineStatus, o as MessageErrorState, b as CancellationReason, c as CarbonTheme, e as enLanguagePack, W as WriteableElementName, V as ViewType, a as ViewChangeReason, E as ErrorType, S as ScreenShareState, r as MainWindowOpenReason, l as WidthOptions, I as IFrameItemDisplayOption, n as ChainOfThoughtStepStatus, U as UserType, F as FeedbackInteractionType, p as PageObjectId, s as MainWindowCloseReason } from "./chat.PageObjectId.js";
14
14
 
15
15
  import mergeWith from "lodash-es/mergeWith.js";
16
16
 
@@ -66,8 +66,6 @@ import { directive, Directive } from "lit/directive.js";
66
66
 
67
67
  import "@carbon/web-components/es-custom/components/list/index.js";
68
68
 
69
- import debounce from "lodash-es/debounce.js";
70
-
71
69
  import "@carbon/web-components/es-custom/components/data-table/index.js";
72
70
 
73
71
  import "@carbon/web-components/es-custom/components/checkbox/index.js";
@@ -144,6 +142,10 @@ import CarbonSkeletonText from "@carbon/web-components/es-custom/components/skel
144
142
 
145
143
  import CarbonSkeletonPlaceholder from "@carbon/web-components/es-custom/components/skeleton-placeholder/skeleton-placeholder.js";
146
144
 
145
+ import ChevronDown16 from "@carbon/icons/es/chevron--down/16.js";
146
+
147
+ import ChevronUp16 from "@carbon/icons/es/chevron--up/16.js";
148
+
147
149
  import TouchInteraction16 from "@carbon/icons/es/touch--interaction/16.js";
148
150
 
149
151
  import Send16 from "@carbon/icons/es/send/16.js";
@@ -158,14 +160,12 @@ import ChevronLeft16 from "@carbon/icons/es/chevron--left/16.js";
158
160
 
159
161
  import ChevronRight16 from "@carbon/icons/es/chevron--right/16.js";
160
162
 
163
+ import debounce from "lodash-es/debounce.js";
164
+
161
165
  import Link16 from "@carbon/icons/es/link/16.js";
162
166
 
163
167
  import Maximize16 from "@carbon/icons/es/maximize/16.js";
164
168
 
165
- import ChevronDown16 from "@carbon/icons/es/chevron--down/16.js";
166
-
167
- import ChevronUp16 from "@carbon/icons/es/chevron--up/16.js";
168
-
169
169
  import CarbonOperationalTagElement from "@carbon/web-components/es-custom/components/tag/operational-tag.js";
170
170
 
171
171
  import Checkmark32 from "@carbon/icons/es/checkmark/32.js";
@@ -852,12 +852,14 @@ const UPDATE_LOCAL_MESSAGE_ITEM = "UPDATE_LOCAL_MESSAGE_ITEM";
852
852
 
853
853
  const SET_APP_STATE_VALUE = "SET_APP_STATE_VALUE";
854
854
 
855
- const ADD_IS_TYPING_COUNTER = "ADD_IS_TYPING_COUNTER";
856
-
857
855
  const ADD_IS_LOADING_COUNTER = "ADD_IS_LOADING_COUNTER";
858
856
 
857
+ const RESET_IS_LOADING_COUNTER = "RESET_IS_LOADING_COUNTER";
858
+
859
859
  const ADD_IS_HYDRATING_COUNTER = "ADD_IS_HYDRATING_COUNTER";
860
860
 
861
+ const RESET_IS_HYDRATING_COUNTER = "RESET_IS_HYDRATING_COUNTER";
862
+
861
863
  const SET_VIEW_STATE = "SET_VIEW_STATE";
862
864
 
863
865
  const SET_VIEW_CHANGING = "SET_VIEW_CHANGING";
@@ -1032,16 +1034,16 @@ const actions = {
1032
1034
  value: value
1033
1035
  };
1034
1036
  },
1035
- addIsTypingCounter(addToIsTyping) {
1037
+ addIsLoadingCounter(addToIsLoading, message) {
1036
1038
  return {
1037
- type: ADD_IS_TYPING_COUNTER,
1038
- addToIsTyping: addToIsTyping
1039
+ type: ADD_IS_LOADING_COUNTER,
1040
+ addToIsLoading: addToIsLoading,
1041
+ message: message
1039
1042
  };
1040
1043
  },
1041
- addIsLoadingCounter(addToIsLoading) {
1044
+ resetIsLoadingCounter() {
1042
1045
  return {
1043
- type: ADD_IS_LOADING_COUNTER,
1044
- addToIsLoading: addToIsLoading
1046
+ type: RESET_IS_LOADING_COUNTER
1045
1047
  };
1046
1048
  },
1047
1049
  addIsHydratingCounter(addToIsHydrating) {
@@ -1050,6 +1052,11 @@ const actions = {
1050
1052
  addToIsHydrating: addToIsHydrating
1051
1053
  };
1052
1054
  },
1055
+ resetIsHydratingCounter() {
1056
+ return {
1057
+ type: RESET_IS_LOADING_COUNTER
1058
+ };
1059
+ },
1053
1060
  setViewState(viewState) {
1054
1061
  return {
1055
1062
  type: SET_VIEW_STATE,
@@ -1433,7 +1440,7 @@ function agentUpdateIsTyping(isTyping) {
1433
1440
  };
1434
1441
  }
1435
1442
 
1436
- const VERSION = "1.2.0";
1443
+ const VERSION = "1.3.0";
1437
1444
 
1438
1445
  const BOUNCING_ANIMATION_TIMEOUTS = [ 15e3, 6e4 ];
1439
1446
 
@@ -1450,6 +1457,7 @@ function deepFreeze(object) {
1450
1457
  }
1451
1458
 
1452
1459
  const DEFAULT_HEADER = {
1460
+ isOn: true,
1453
1461
  minimizeButtonIconType: MinimizeButtonIconType.MINIMIZE,
1454
1462
  showAiLabel: true
1455
1463
  };
@@ -1473,14 +1481,18 @@ const DEFAULT_LAUNCHER = {
1473
1481
  deepFreeze(DEFAULT_LAUNCHER);
1474
1482
 
1475
1483
  const DEFAULT_CUSTOM_PANEL_CONFIG_OPTIONS = {
1476
- title: null,
1477
1484
  hideBackButton: false,
1478
- hidePanelHeader: false,
1479
1485
  disableAnimation: false
1480
1486
  };
1481
1487
 
1482
1488
  deepFreeze(DEFAULT_CUSTOM_PANEL_CONFIG_OPTIONS);
1483
1489
 
1490
+ const DEFAULT_PANEL_CONFIG_OPTIONS_BY_TYPE = {
1491
+ [PanelType.DEFAULT]: DEFAULT_CUSTOM_PANEL_CONFIG_OPTIONS
1492
+ };
1493
+
1494
+ deepFreeze(DEFAULT_PANEL_CONFIG_OPTIONS_BY_TYPE);
1495
+
1484
1496
  const DEFAULT_CUSTOM_PANEL_STATE = {
1485
1497
  isOpen: false,
1486
1498
  panelID: DEFAULT_CUSTOM_PANEL_ID,
@@ -1533,6 +1545,8 @@ const VIEW_STATE_MAIN_WINDOW_OPEN = {
1533
1545
  deepFreeze(VIEW_STATE_MAIN_WINDOW_OPEN);
1534
1546
 
1535
1547
  const DEFAULT_INPUT_STATE = {
1548
+ rawValue: "",
1549
+ displayValue: "",
1536
1550
  fieldVisible: true,
1537
1551
  isReadonly: false,
1538
1552
  files: [],
@@ -1594,6 +1608,7 @@ const DEFAULT_CHAT_MESSAGES_STATE = {
1594
1608
  localMessageIDs: [],
1595
1609
  messageIDs: [],
1596
1610
  isMessageLoadingCounter: 0,
1611
+ isMessageLoadingText: undefined,
1597
1612
  isHydratingCounter: 0,
1598
1613
  isScrollAnchored: false
1599
1614
  };
@@ -1724,6 +1739,68 @@ function applyFullMessage(state, message) {
1724
1739
  return newState;
1725
1740
  }
1726
1741
 
1742
+ const getAssistantInputState = state => state.assistantInputState;
1743
+
1744
+ const getHumanAgentInputState = state => state.humanAgentState.inputState;
1745
+
1746
+ const getHumanAgentState = state => state.humanAgentState;
1747
+
1748
+ const getPersistedHumanAgent = state => state.persistedToBrowserStorage.humanAgentState;
1749
+
1750
+ function selectHumanAgentDisplayState(state) {
1751
+ const humanAgentState = getHumanAgentState(state);
1752
+ const persisted = getPersistedHumanAgent(state);
1753
+ if (persisted.isSuspended) {
1754
+ return {
1755
+ isConnectingOrConnected: false,
1756
+ disableInput: false,
1757
+ isHumanAgentTyping: false,
1758
+ inputPlaceholderKey: null
1759
+ };
1760
+ }
1761
+ const {isReconnecting: isReconnecting, isConnecting: isConnecting, isHumanAgentTyping: isHumanAgentTyping} = humanAgentState;
1762
+ const {isConnected: isConnected} = persisted;
1763
+ let inputPlaceholderKey;
1764
+ if (isConnecting) {
1765
+ inputPlaceholderKey = "agent_inputPlaceholderConnecting";
1766
+ } else if (isReconnecting) {
1767
+ inputPlaceholderKey = "agent_inputPlaceholderReconnecting";
1768
+ } else {
1769
+ inputPlaceholderKey = null;
1770
+ }
1771
+ return {
1772
+ isHumanAgentTyping: isHumanAgentTyping,
1773
+ isConnectingOrConnected: isConnecting || isConnected,
1774
+ disableInput: isConnecting || isReconnecting,
1775
+ inputPlaceholderKey: inputPlaceholderKey
1776
+ };
1777
+ }
1778
+
1779
+ function selectIsInputToHumanAgent(state) {
1780
+ return selectHumanAgentDisplayState(state).isConnectingOrConnected;
1781
+ }
1782
+
1783
+ function selectInputState(state) {
1784
+ return selectIsInputToHumanAgent(state) ? getHumanAgentInputState(state) : getAssistantInputState(state);
1785
+ }
1786
+
1787
+ function selectHasOpenPanelWithBackButton(state) {
1788
+ const {iFramePanelState: iFramePanelState, viewSourcePanelState: viewSourcePanelState, responsePanelState: responsePanelState, customPanelState: customPanelState} = state;
1789
+ if (iFramePanelState.isOpen) {
1790
+ return true;
1791
+ }
1792
+ if (viewSourcePanelState.isOpen) {
1793
+ return true;
1794
+ }
1795
+ if (responsePanelState.isOpen) {
1796
+ return true;
1797
+ }
1798
+ if (customPanelState.isOpen && !customPanelState.options.hideBackButton) {
1799
+ return true;
1800
+ }
1801
+ return false;
1802
+ }
1803
+
1727
1804
  function resolvablePromise() {
1728
1805
  let resolveFunction;
1729
1806
  let rejectFunction;
@@ -1831,18 +1908,65 @@ class ChatActionsImpl {
1831
1908
  }
1832
1909
  getPublicChatState() {
1833
1910
  const state = this.serviceManager.store.getState();
1834
- const {persistedToBrowserStorage: persistedToBrowserStorage} = state;
1911
+ const {persistedToBrowserStorage: persistedToBrowserStorage, assistantMessageState: assistantMessageState} = state;
1835
1912
  const persistedSnapshot = deepFreeze(cloneDeep(persistedToBrowserStorage));
1836
1913
  const {humanAgentState: humanAgentState, ...rest} = persistedSnapshot;
1837
1914
  const humanAgent = deepFreeze({
1838
1915
  ...humanAgentState,
1839
1916
  isConnecting: state.humanAgentState.isConnecting
1840
1917
  });
1918
+ const inputState = selectInputState(state);
1919
+ const input = deepFreeze({
1920
+ rawValue: inputState.rawValue ?? ""
1921
+ });
1922
+ const customPanels = deepFreeze({
1923
+ default: {
1924
+ isOpen: Boolean(state.customPanelState.isOpen)
1925
+ }
1926
+ });
1841
1927
  return deepFreeze({
1842
1928
  ...rest,
1843
- humanAgent: humanAgent
1929
+ humanAgent: humanAgent,
1930
+ isMessageLoadingCounter: assistantMessageState.isMessageLoadingCounter,
1931
+ isMessageLoadingText: assistantMessageState.isMessageLoadingText,
1932
+ isHydratingCounter: assistantMessageState.isHydratingCounter,
1933
+ input: input,
1934
+ customPanels: customPanels
1844
1935
  });
1845
1936
  }
1937
+ updateRawInputValue(updater) {
1938
+ this.updateInputValue("rawValue", updater);
1939
+ }
1940
+ updateInputValue(field, updater) {
1941
+ if (typeof updater !== "function") {
1942
+ consoleError("Input updater must be a function");
1943
+ return;
1944
+ }
1945
+ const {store: store} = this.serviceManager;
1946
+ const state = store.getState();
1947
+ const inputState = selectInputState(state);
1948
+ const previousValue = inputState[field] ?? "";
1949
+ let nextValue;
1950
+ try {
1951
+ nextValue = updater(previousValue);
1952
+ } catch (error) {
1953
+ consoleError("An error occurred while updating the input value", error);
1954
+ return;
1955
+ }
1956
+ if (typeof nextValue !== "string") {
1957
+ nextValue = nextValue === undefined || nextValue === null ? "" : String(nextValue);
1958
+ }
1959
+ if (nextValue === previousValue) {
1960
+ return;
1961
+ }
1962
+ const payload = {
1963
+ [field]: nextValue
1964
+ };
1965
+ if (field === "rawValue" && (inputState.displayValue ?? "") === previousValue) {
1966
+ payload.displayValue = nextValue;
1967
+ }
1968
+ store.dispatch(actions.updateInputState(payload, selectIsInputToHumanAgent(state)));
1969
+ }
1846
1970
  async sendWithCatch(message, source, options = {}, ignoreHydration = false) {
1847
1971
  try {
1848
1972
  await this.send(message, source, options, ignoreHydration);
@@ -2132,7 +2256,7 @@ class ChatActionsImpl {
2132
2256
  createLocalMessageItemsForNestedMessageItems(localMessageItem, fullMessage, false, nestedLocalMessageItems, true);
2133
2257
  store.dispatch(actions.addNestedMessages(nestedLocalMessageItems));
2134
2258
  if (agent && isResponse(fullMessage)) {
2135
- store.dispatch(actions.addIsTypingCounter(1));
2259
+ store.dispatch(actions.addIsLoadingCounter(1));
2136
2260
  const partialMessage = {};
2137
2261
  if (!hasServiceDesk(config)) {
2138
2262
  const message = 'Web chat received a "connect_to_agent" message but there is no service desk configured. Check your chat configuration.';
@@ -2152,7 +2276,7 @@ class ChatActionsImpl {
2152
2276
  if (config.public.serviceDesk?.skipConnectHumanAgentCard) {
2153
2277
  shouldAutoRequestHumanAgent = true;
2154
2278
  }
2155
- store.dispatch(actions.addIsTypingCounter(-1));
2279
+ store.dispatch(actions.addIsLoadingCounter(-1));
2156
2280
  if (shouldAutoRequestHumanAgent && agentAvailability === HumanAgentsOnlineStatus.ONLINE) {
2157
2281
  this.serviceManager.humanAgentService.startChat(localMessageItem, fullMessage);
2158
2282
  }
@@ -2161,11 +2285,11 @@ class ChatActionsImpl {
2161
2285
  if (pause) {
2162
2286
  const showIsTyping = isTyping(messageItem);
2163
2287
  if (showIsTyping) {
2164
- store.dispatch(actions.addIsTypingCounter(1));
2288
+ store.dispatch(actions.addIsLoadingCounter(1));
2165
2289
  }
2166
2290
  await sleep(messageItem.time);
2167
2291
  if (showIsTyping && initialRestartCount === this.serviceManager.restartCount) {
2168
- store.dispatch(actions.addIsTypingCounter(-1));
2292
+ store.dispatch(actions.addIsLoadingCounter(-1));
2169
2293
  }
2170
2294
  } else {
2171
2295
  await this.handleUserDefinedResponseItems(localMessageItem, fullMessage);
@@ -2268,18 +2392,22 @@ class ChatActionsImpl {
2268
2392
  consoleWarn("You cannot restart a conversation while a previous restart is still pending.");
2269
2393
  return;
2270
2394
  }
2271
- this.restarting = true;
2272
2395
  try {
2273
2396
  const {serviceManager: serviceManager} = this;
2274
2397
  const {store: store} = serviceManager;
2275
- this.restartGeneration++;
2276
- store.dispatch(actions.setIsRestarting(true));
2398
+ const state = store.getState();
2277
2399
  if (fireEvents) {
2278
2400
  await serviceManager.fire({
2279
2401
  type: BusEventType.PRE_RESTART_CONVERSATION
2280
2402
  });
2281
2403
  }
2404
+ this.restarting = true;
2405
+ this.restartGeneration++;
2406
+ store.dispatch(actions.setIsRestarting(true));
2282
2407
  serviceManager.restartCount++;
2408
+ if (state.config.public.messaging.messageLoadingIndicatorTimeoutSecs !== 0) {
2409
+ store.dispatch(actions.resetIsLoadingCounter());
2410
+ }
2283
2411
  if (this.hydrating) {
2284
2412
  await this.hydrationPromise;
2285
2413
  }
@@ -2738,11 +2866,12 @@ class HistoryService {
2738
2866
  }
2739
2867
  }
2740
2868
 
2741
- function createCustomPanelInstance(serviceManager) {
2869
+ function createCustomPanelInstance(serviceManager, defaultPanelOptions = DEFAULT_CUSTOM_PANEL_CONFIG_OPTIONS) {
2742
2870
  const customPanelInstance = {
2743
- open(options = DEFAULT_CUSTOM_PANEL_CONFIG_OPTIONS) {
2871
+ open(options) {
2872
+ const resolvedOptions = options ?? defaultPanelOptions;
2744
2873
  const {store: store} = serviceManager;
2745
- store.dispatch(actions.setCustomPanelConfigOptions(options));
2874
+ store.dispatch(actions.setCustomPanelConfigOptions(resolvedOptions));
2746
2875
  store.dispatch(actions.setCustomPanelOpen(true));
2747
2876
  },
2748
2877
  close() {
@@ -2754,11 +2883,15 @@ function createCustomPanelInstance(serviceManager) {
2754
2883
 
2755
2884
  function createCustomPanelManager(serviceManger) {
2756
2885
  const panels = {
2757
- [DEFAULT_CUSTOM_PANEL_ID]: createCustomPanelInstance(serviceManger)
2886
+ [DEFAULT_CUSTOM_PANEL_ID]: createCustomPanelInstance(serviceManger, DEFAULT_PANEL_CONFIG_OPTIONS_BY_TYPE[PanelType.DEFAULT])
2887
+ };
2888
+ const panelByLocation = {
2889
+ [PanelType.DEFAULT]: DEFAULT_CUSTOM_PANEL_ID
2758
2890
  };
2759
2891
  return Object.freeze({
2760
- getPanel() {
2761
- return panels[DEFAULT_CUSTOM_PANEL_ID];
2892
+ getPanel(panelLocation = PanelType.DEFAULT) {
2893
+ const targetPanelId = panelByLocation[panelLocation] ?? DEFAULT_CUSTOM_PANEL_ID;
2894
+ return panels[targetPanelId];
2762
2895
  }
2763
2896
  });
2764
2897
  }
@@ -4171,11 +4304,30 @@ const reducers = {
4171
4304
  allMessageItemsByID: newMessagesByID
4172
4305
  };
4173
4306
  },
4174
- [ADD_IS_LOADING_COUNTER]: (state, action) => ({
4307
+ [RESET_IS_LOADING_COUNTER]: state => ({
4175
4308
  ...state,
4176
4309
  assistantMessageState: {
4177
4310
  ...state.assistantMessageState,
4178
- isMessageLoadingCounter: Math.max(state.assistantMessageState.isMessageLoadingCounter + action.addToIsLoading, 0)
4311
+ isMessageLoadingCounter: 0,
4312
+ isMessageLoadingText: undefined
4313
+ }
4314
+ }),
4315
+ [ADD_IS_LOADING_COUNTER]: (state, action) => {
4316
+ const isMessageLoadingCounter = Math.max(state.assistantMessageState.isMessageLoadingCounter + action.addToIsLoading, 0);
4317
+ return {
4318
+ ...state,
4319
+ assistantMessageState: {
4320
+ ...state.assistantMessageState,
4321
+ isMessageLoadingCounter: isMessageLoadingCounter,
4322
+ isMessageLoadingText: isMessageLoadingCounter > 0 && action.message ? action.message : undefined
4323
+ }
4324
+ };
4325
+ },
4326
+ [RESET_IS_HYDRATING_COUNTER]: state => ({
4327
+ ...state,
4328
+ assistantMessageState: {
4329
+ ...state.assistantMessageState,
4330
+ isHydratingCounter: 0
4179
4331
  }
4180
4332
  }),
4181
4333
  [ADD_IS_HYDRATING_COUNTER]: (state, action) => ({
@@ -4761,7 +4913,20 @@ function createAppConfig(publicConfig) {
4761
4913
  }
4762
4914
 
4763
4915
  function createInitialState(config) {
4764
- return {
4916
+ const inputConfig = config.public.input;
4917
+ const assistantInputState = {
4918
+ ...DEFAULT_INPUT_STATE
4919
+ };
4920
+ const persistedToBrowserStorage = cloneDeep(DEFAULT_PERSISTED_TO_BROWSER);
4921
+ if (typeof inputConfig?.isVisible === "boolean") {
4922
+ assistantInputState.fieldVisible = inputConfig.isVisible;
4923
+ }
4924
+ if (typeof inputConfig?.isDisabled === "boolean") {
4925
+ assistantInputState.isReadonly = inputConfig.isDisabled;
4926
+ } else if (typeof config.public.isReadonly === "boolean") {
4927
+ assistantInputState.isReadonly = config.public.isReadonly;
4928
+ }
4929
+ const initialState = {
4765
4930
  config: config,
4766
4931
  ...DEFAULT_MESSAGE_STATE,
4767
4932
  notifications: [],
@@ -4769,7 +4934,7 @@ function createInitialState(config) {
4769
4934
  showNonHeaderBackgroundCover: false,
4770
4935
  isRestarting: false,
4771
4936
  isBrowserPageVisible: true,
4772
- assistantInputState: DEFAULT_INPUT_STATE,
4937
+ assistantInputState: assistantInputState,
4773
4938
  chatWidthBreakpoint: null,
4774
4939
  chatWidth: null,
4775
4940
  chatHeight: null,
@@ -4777,13 +4942,14 @@ function createInitialState(config) {
4777
4942
  viewChanging: false,
4778
4943
  initialViewChangeComplete: false,
4779
4944
  targetViewState: config.public.openChatByDefault ? VIEW_STATE_MAIN_WINDOW_OPEN : VIEW_STATE_LAUNCHER_OPEN,
4780
- persistedToBrowserStorage: DEFAULT_PERSISTED_TO_BROWSER,
4945
+ persistedToBrowserStorage: persistedToBrowserStorage,
4781
4946
  humanAgentState: DEFAULT_HUMAN_AGENT_STATE,
4782
4947
  iFramePanelState: DEFAULT_IFRAME_PANEL_STATE,
4783
4948
  viewSourcePanelState: DEFAULT_CITATION_PANEL_STATE,
4784
4949
  customPanelState: DEFAULT_CUSTOM_PANEL_STATE,
4785
4950
  responsePanelState: DEFAULT_MESSAGE_PANEL_STATE
4786
4951
  };
4952
+ return initialState;
4787
4953
  }
4788
4954
 
4789
4955
  function doCreateStore(publicConfig, serviceManager) {
@@ -4814,6 +4980,9 @@ function doCreateStore(publicConfig, serviceManager) {
4814
4980
  }
4815
4981
  };
4816
4982
  }
4983
+ if (typeof config.public.launcher?.showUnreadIndicator === "boolean") {
4984
+ initialState.persistedToBrowserStorage.showUnreadIndicator = config.public.launcher.showUnreadIndicator;
4985
+ }
4817
4986
  return createAppStore(reducerFunction, initialState);
4818
4987
  }
4819
4988
 
@@ -4909,51 +5078,6 @@ function createServiceManager(appConfig) {
4909
5078
  return serviceManager;
4910
5079
  }
4911
5080
 
4912
- const getAssistantInputState = state => state.assistantInputState;
4913
-
4914
- const getHumanAgentInputState = state => state.humanAgentState.inputState;
4915
-
4916
- const getHumanAgentState = state => state.humanAgentState;
4917
-
4918
- const getPersistedHumanAgent = state => state.persistedToBrowserStorage.humanAgentState;
4919
-
4920
- function selectHumanAgentDisplayState(state) {
4921
- const humanAgentState = getHumanAgentState(state);
4922
- const persisted = getPersistedHumanAgent(state);
4923
- if (persisted.isSuspended) {
4924
- return {
4925
- isConnectingOrConnected: false,
4926
- disableInput: false,
4927
- isHumanAgentTyping: false,
4928
- inputPlaceholderKey: null
4929
- };
4930
- }
4931
- const {isReconnecting: isReconnecting, isConnecting: isConnecting, isHumanAgentTyping: isHumanAgentTyping} = humanAgentState;
4932
- const {isConnected: isConnected} = persisted;
4933
- let inputPlaceholderKey;
4934
- if (isConnecting) {
4935
- inputPlaceholderKey = "agent_inputPlaceholderConnecting";
4936
- } else if (isReconnecting) {
4937
- inputPlaceholderKey = "agent_inputPlaceholderReconnecting";
4938
- } else {
4939
- inputPlaceholderKey = null;
4940
- }
4941
- return {
4942
- isHumanAgentTyping: isHumanAgentTyping,
4943
- isConnectingOrConnected: isConnecting || isConnected,
4944
- disableInput: isConnecting || isReconnecting,
4945
- inputPlaceholderKey: inputPlaceholderKey
4946
- };
4947
- }
4948
-
4949
- function selectIsInputToHumanAgent(state) {
4950
- return selectHumanAgentDisplayState(state).isConnectingOrConnected;
4951
- }
4952
-
4953
- function selectInputState(state) {
4954
- return selectIsInputToHumanAgent(state) ? getHumanAgentInputState(state) : getAssistantInputState(state);
4955
- }
4956
-
4957
5081
  var ChatWidthBreakpoint;
4958
5082
 
4959
5083
  (function(ChatWidthBreakpoint) {
@@ -4988,18 +5112,19 @@ function createChatInstance({serviceManager: serviceManager}) {
4988
5112
  serviceManager.mainWindow?.doAutoScroll?.(options);
4989
5113
  },
4990
5114
  updateInputFieldVisibility: isVisible => {
4991
- debugLog("Called instance.updateInputFieldVisibility", isVisible);
5115
+ consoleWarn("instance.updateInputFieldVisibility is deprecated. Use The input.isVisible property to configure this behavior.");
4992
5116
  serviceManager.store.dispatch(actions.updateInputState({
4993
5117
  fieldVisible: isVisible
4994
5118
  }, false));
4995
5119
  },
4996
5120
  updateInputIsDisabled: isDisabled => {
4997
- debugLog("Called instance.updateInputIsDisabled", isDisabled);
5121
+ consoleWarn("instance.updateInputIsDisabled is deprecated. Use the input.isDisabled property to configure this behavior.");
4998
5122
  serviceManager.store.dispatch(actions.updateInputState({
4999
5123
  isReadonly: isDisabled
5000
5124
  }, false));
5001
5125
  },
5002
5126
  updateAssistantUnreadIndicatorVisibility: isVisible => {
5127
+ consoleWarn("instance.updateAssistantUnreadIndicatorVisibility is deprecated. Use public.launcher.showUnreadIndicator to configure this behavior.");
5003
5128
  debugLog("Called instance.updateAssistantUnreadIndicatorVisibility", isVisible);
5004
5129
  serviceManager.store.dispatch(actions.setLauncherProperty("showUnreadIndicator", isVisible));
5005
5130
  },
@@ -5043,6 +5168,12 @@ function createChatInstance({serviceManager: serviceManager}) {
5043
5168
  serviceManager.actions.removeAllNotifications();
5044
5169
  }
5045
5170
  },
5171
+ input: {
5172
+ updateRawValue: updater => {
5173
+ debugLog("Called instance.input.updateRawValue");
5174
+ serviceManager.actions.updateRawInputValue(updater);
5175
+ }
5176
+ },
5046
5177
  getState: () => serviceManager.actions.getPublicChatState(),
5047
5178
  writeableElements: serviceManager.writeableElements,
5048
5179
  scrollToMessage: (messageID, animate) => {
@@ -5055,34 +5186,39 @@ function createChatInstance({serviceManager: serviceManager}) {
5055
5186
  consoleWarn("instance.restartConversation is deprecated. Use instance.messaging.restartConversation instead.");
5056
5187
  return instance.messaging.restartConversation();
5057
5188
  },
5058
- updateIsMessageLoadingCounter(direction) {
5189
+ updateIsMessageLoadingCounter(direction, message) {
5059
5190
  debugLog("Called instance.updateIsMessageLoadingCounter", direction);
5060
5191
  const {store: store} = serviceManager;
5061
- if (direction === "increase") {
5062
- store.dispatch(actions.addIsLoadingCounter(1));
5192
+ if (direction === "reset") {
5193
+ store.dispatch(actions.resetIsLoadingCounter());
5194
+ } else if (direction === "increase") {
5195
+ store.dispatch(actions.addIsLoadingCounter(1, message));
5063
5196
  } else if (direction === "decrease") {
5064
5197
  if (store.getState().assistantMessageState.isMessageLoadingCounter <= 0) {
5065
- consoleError("You cannot decrease the loading counter when it is already <= 0");
5066
5198
  return;
5067
5199
  }
5068
- store.dispatch(actions.addIsLoadingCounter(-1));
5069
- } else {
5070
- consoleError(`[updateIsMessageLoadingCounter] Invalid direction: ${direction}. Valid values are "increase" and "decrease".`);
5200
+ store.dispatch(actions.addIsLoadingCounter(-1, message));
5201
+ } else if (!direction && message) {
5202
+ store.dispatch(actions.addIsLoadingCounter(0, message));
5203
+ }
5204
+ if (direction) {
5205
+ consoleError(`[updateIsMessageLoadingCounter] Invalid direction: ${direction}. Valid values are undefined, "reset", "increase" and "decrease".`);
5071
5206
  }
5072
5207
  },
5073
5208
  updateIsChatLoadingCounter(direction) {
5074
5209
  debugLog("Called instance.updateIsChatLoadingCounter", direction);
5075
5210
  const {store: store} = serviceManager;
5076
- if (direction === "increase") {
5211
+ if (direction === "reset") {
5212
+ store.dispatch(actions.resetIsHydratingCounter());
5213
+ } else if (direction === "increase") {
5077
5214
  store.dispatch(actions.addIsHydratingCounter(1));
5078
5215
  } else if (direction === "decrease") {
5079
5216
  if (store.getState().assistantMessageState.isHydratingCounter <= 0) {
5080
- consoleError("You cannot decrease the hydrating counter when it is already <= 0");
5081
5217
  return;
5082
5218
  }
5083
5219
  store.dispatch(actions.addIsHydratingCounter(-1));
5084
5220
  } else {
5085
- consoleError(`[updateIsChatLoadingCounter] Invalid direction: ${direction}. Valid values are "increase" and "decrease".`);
5221
+ consoleError(`[updateIsChatLoadingCounter] Invalid direction: ${direction}. Valid values are "reset", "increase" and "decrease".`);
5086
5222
  }
5087
5223
  },
5088
5224
  messaging: {
@@ -7671,7 +7807,7 @@ __decorate([ property({
7671
7807
 
7672
7808
  CDSChatCodeElement = __decorate([ carbonElement(`cds-custom-aichat-code`) ], CDSChatCodeElement);
7673
7809
 
7674
- var css_248z$8 = "cds-custom-table-header-title,\ncds-custom-table-header-description,\ncds-custom-table-toolbar{\n position:sticky;\n inline-size:var(--cds-custom-aichat-table-width, auto);\n inset-inline-start:0;\n}\n\ncds-custom-table-header-title,\ncds-custom-table-header-description{\n padding:0 1rem;\n inline-size:calc(var(--cds-custom-aichat-table-width, auto) - 1rem - 1rem);\n margin-inline:-1rem;\n}\n\ncds-custom-table-header-description{\n margin-block-end:-0.5rem;\n}\n\n:dir(rtl) cds-custom-table-header-title,\n:dir(rtl) cds-custom-table-header-description,\n:dir(rtl) cds-custom-table-toolbar{\n right:0;\n left:unset;\n}\n\ncds-custom-pagination,\ncds-custom-table{\n grid-column:1;\n inline-size:100%;\n}\n\n.cds-custom-ai-chat-table-container{\n display:grid;\n grid-template-columns:minmax(max-content, 1fr);\n inline-size:100%;\n overflow-x:auto;\n}\n\n.cds-custom-ai-chat-table-container.cds-custom--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-border:#e0e0e0;\n --cds-chat-bubble-user:#e0e0e0;\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-prompt-background:#ffffff;\n --cds-chat-prompt-border-end:rgba(244, 244, 244, 0);\n --cds-chat-prompt-border-start:#f4f4f4;\n --cds-chat-shell-background:#ffffff;\n --cds-field-01:#f4f4f4;\n --cds-field-02:#ffffff;\n --cds-field-03:#f4f4f4;\n --cds-field-hover-01:#e8e8e8;\n --cds-field-hover-02:#e8e8e8;\n --cds-field-hover-03:#e8e8e8;\n --cds-focus:#0f62fe;\n --cds-focus-inset:#ffffff;\n --cds-focus-inverse:#ffffff;\n --cds-highlight:#d0e2ff;\n --cds-icon-disabled:rgba(22, 22, 22, 0.25);\n --cds-icon-interactive:#0f62fe;\n --cds-icon-inverse:#ffffff;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:#8d8d8d;\n --cds-icon-primary:#161616;\n --cds-icon-secondary:#525252;\n --cds-interactive:#0f62fe;\n --cds-layer-01:#f4f4f4;\n --cds-layer-02:#ffffff;\n --cds-layer-03:#f4f4f4;\n --cds-layer-accent-01:#e0e0e0;\n --cds-layer-accent-02:#e0e0e0;\n --cds-layer-accent-03:#e0e0e0;\n --cds-layer-accent-active-01:#a8a8a8;\n --cds-layer-accent-active-02:#a8a8a8;\n --cds-layer-accent-active-03:#a8a8a8;\n --cds-layer-accent-hover-01:#d1d1d1;\n --cds-layer-accent-hover-02:#d1d1d1;\n --cds-layer-accent-hover-03:#d1d1d1;\n --cds-layer-active-01:#c6c6c6;\n --cds-layer-active-02:#c6c6c6;\n --cds-layer-active-03:#c6c6c6;\n --cds-layer-background-01:#ffffff;\n --cds-layer-background-02:#f4f4f4;\n --cds-layer-background-03:#ffffff;\n --cds-layer-hover-01:#e8e8e8;\n --cds-layer-hover-02:#e8e8e8;\n --cds-layer-hover-03:#e8e8e8;\n --cds-layer-selected-01:#e0e0e0;\n --cds-layer-selected-02:#e0e0e0;\n --cds-layer-selected-03:#e0e0e0;\n --cds-layer-selected-disabled:#8d8d8d;\n --cds-layer-selected-hover-01:#d1d1d1;\n --cds-layer-selected-hover-02:#d1d1d1;\n --cds-layer-selected-hover-03:#d1d1d1;\n --cds-layer-selected-inverse:#161616;\n --cds-link-inverse:#78a9ff;\n --cds-link-inverse-active:#f4f4f4;\n --cds-link-inverse-hover:#a6c8ff;\n --cds-link-inverse-visited:#be95ff;\n --cds-link-primary:#0f62fe;\n --cds-link-primary-hover:#0043ce;\n --cds-link-secondary:#0043ce;\n --cds-link-visited:#8a3ffc;\n --cds-overlay:rgba(22, 22, 22, 0.5);\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-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}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n .cds-custom-ai-chat-table-container.cds-custom--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.cds-custom-ai-chat-table-container.cds-custom--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\n.cds-custom-ai-chat-table-container.cds-custom--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-border:#525252;\n --cds-chat-bubble-user:#393939;\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-prompt-background:#161616;\n --cds-chat-prompt-border-end:rgba(38, 38, 38, 0);\n --cds-chat-prompt-border-start:#262626;\n --cds-chat-shell-background:#262626;\n --cds-field-01:#393939;\n --cds-field-02:#525252;\n --cds-field-03:#6f6f6f;\n --cds-field-hover-01:#474747;\n --cds-field-hover-02:#636363;\n --cds-field-hover-03:#5e5e5e;\n --cds-focus:#ffffff;\n --cds-focus-inset:#161616;\n --cds-focus-inverse:#0f62fe;\n --cds-highlight:#002d9c;\n --cds-icon-disabled:rgba(244, 244, 244, 0.25);\n --cds-icon-interactive:#ffffff;\n --cds-icon-inverse:#161616;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-icon-primary:#f4f4f4;\n --cds-icon-secondary:#c6c6c6;\n --cds-interactive:#4589ff;\n --cds-layer-01:#393939;\n --cds-layer-02:#525252;\n --cds-layer-03:#6f6f6f;\n --cds-layer-accent-01:#525252;\n --cds-layer-accent-02:#6f6f6f;\n --cds-layer-accent-03:#8d8d8d;\n --cds-layer-accent-active-01:#8d8d8d;\n --cds-layer-accent-active-02:#393939;\n --cds-layer-accent-active-03:#525252;\n --cds-layer-accent-hover-01:#636363;\n --cds-layer-accent-hover-02:#5e5e5e;\n --cds-layer-accent-hover-03:#7a7a7a;\n --cds-layer-active-01:#6f6f6f;\n --cds-layer-active-02:#8d8d8d;\n --cds-layer-active-03:#393939;\n --cds-layer-background-01:#262626;\n --cds-layer-background-02:#393939;\n --cds-layer-background-03:#525252;\n --cds-layer-hover-01:#474747;\n --cds-layer-hover-02:#636363;\n --cds-layer-hover-03:#5e5e5e;\n --cds-layer-selected-01:#525252;\n --cds-layer-selected-02:#6f6f6f;\n --cds-layer-selected-03:#525252;\n --cds-layer-selected-disabled:#a8a8a8;\n --cds-layer-selected-hover-01:#636363;\n --cds-layer-selected-hover-02:#5e5e5e;\n --cds-layer-selected-hover-03:#636363;\n --cds-layer-selected-inverse:#f4f4f4;\n --cds-link-inverse:#0f62fe;\n --cds-link-inverse-active:#161616;\n --cds-link-inverse-hover:#0043ce;\n --cds-link-inverse-visited:#8a3ffc;\n --cds-link-primary:#78a9ff;\n --cds-link-primary-hover:#a6c8ff;\n --cds-link-secondary:#a6c8ff;\n --cds-link-visited:#be95ff;\n --cds-overlay:rgba(0, 0, 0, 0.65);\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-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}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n .cds-custom-ai-chat-table-container.cds-custom--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.cds-custom-ai-chat-table-container.cds-custom--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}";
7810
+ var css_248z$8 = "cds-custom-table::part(inner-container){\n display:grid;\n grid-template-columns:minmax(max-content, 1fr);\n}";
7675
7811
 
7676
7812
  function tableTemplate(tableElement) {
7677
7813
  const {tableTitle: tableTitle, tableDescription: tableDescription, headers: headers, filterPlaceholderText: filterPlaceholderText, locale: locale, _handleDownload: handleDownload, _rowsWithIDs: tableRowsWithIDs, _allowFiltering: allowTableFiltering, _handleFilterEvent: handleFilterEvent} = tableElement;
@@ -7800,50 +7936,20 @@ let TableElement = class TableElement extends LitElement {
7800
7936
  set defaultPageSize(value) {
7801
7937
  this._defaultPageSize = value;
7802
7938
  }
7803
- connectedCallback() {
7804
- super.connectedCallback();
7805
- this._setupParentResizeObserver();
7806
- }
7807
- disconnectedCallback() {
7808
- super.disconnectedCallback();
7809
- this._cleanupParentResizeObserver();
7810
- }
7811
7939
  firstUpdated(_changedProperties) {
7812
7940
  this._setPageSize();
7813
- this._updateParentWidthCSSProperty();
7941
+ this._updateDefaultPageSize();
7814
7942
  }
7815
- _setupParentResizeObserver() {
7816
- if (typeof ResizeObserver !== "undefined" && this.parentElement) {
7817
- this._parentResizeObserver = new ResizeObserver(debounce(entries => {
7818
- for (const entry of entries) {
7819
- const elementWidth = entry.target.offsetWidth;
7820
- if (elementWidth > 0) {
7821
- this.style.setProperty("--cds-custom-aichat-table-width", `${elementWidth}px`);
7822
- }
7823
- }
7824
- }, 100));
7825
- this._parentResizeObserver.observe(this.parentElement);
7826
- }
7827
- }
7828
- _cleanupParentResizeObserver() {
7829
- if (this._parentResizeObserver) {
7830
- this._parentResizeObserver.disconnect();
7831
- this._parentResizeObserver = undefined;
7832
- }
7833
- }
7834
- _updateParentWidthCSSProperty() {
7943
+ _updateDefaultPageSize() {
7835
7944
  if (this.parentElement) {
7836
7945
  let parentWidth = this.parentElement.offsetWidth;
7837
7946
  if (parentWidth === 0) {
7838
7947
  parentWidth = PAGE_SIZE_WIDTH_THRESHOLD - 1;
7839
7948
  }
7840
- if (parentWidth > 0) {
7841
- this.style.setProperty("--cds-custom-aichat-table-width", `${parentWidth}px`);
7842
- if (this._defaultPageSize === 5) {
7843
- this._defaultPageSize = parentWidth > PAGE_SIZE_WIDTH_THRESHOLD ? 10 : 5;
7844
- if (this._currentPageSize === 5) {
7845
- this._currentPageSize = this._defaultPageSize;
7846
- }
7949
+ if (parentWidth > 0 && this._defaultPageSize === 5) {
7950
+ this._defaultPageSize = parentWidth > PAGE_SIZE_WIDTH_THRESHOLD ? 10 : 5;
7951
+ if (this._currentPageSize === 5) {
7952
+ this._currentPageSize = this._defaultPageSize;
7847
7953
  }
7848
7954
  }
7849
7955
  }
@@ -10076,6 +10182,42 @@ function TextHolderTile({title: title, description: description, displayURL: dis
10076
10182
  }, displayURL))));
10077
10183
  }
10078
10184
 
10185
+ function TranscriptComponent({text: text, label: label, language: language}) {
10186
+ const [isExpanded, setIsExpanded] = useState(false);
10187
+ const {media_transcript_label: media_transcript_label} = useLanguagePack();
10188
+ const ChevronDown = carbonIconToReact(ChevronDown16);
10189
+ const ChevronUp = carbonIconToReact(ChevronUp16);
10190
+ const displayLabel = label || media_transcript_label || "Transcript";
10191
+ const handleToggle = () => {
10192
+ setIsExpanded(!isExpanded);
10193
+ };
10194
+ return React.createElement("div", {
10195
+ className: "cds-custom-aichat--media-transcript"
10196
+ }, React.createElement("button", {
10197
+ className: "cds-custom-aichat--media-transcript__toggle",
10198
+ onClick: handleToggle,
10199
+ "aria-expanded": isExpanded,
10200
+ type: "button"
10201
+ }, React.createElement("span", {
10202
+ className: "cds-custom-aichat--media-transcript__toggle-label"
10203
+ }, displayLabel, " ", language && React.createElement("span", {
10204
+ className: "cds-custom-aichat--media-transcript__language"
10205
+ }, "(", language, ")")), isExpanded ? React.createElement(ChevronUp, {
10206
+ className: "cds-custom-aichat--media-transcript__toggle-icon"
10207
+ }) : React.createElement(ChevronDown, {
10208
+ className: "cds-custom-aichat--media-transcript__toggle-icon"
10209
+ })), isExpanded && React.createElement("div", {
10210
+ className: cx("cds-custom-aichat--media-transcript__content", {
10211
+ "cds-custom-aichat--media-transcript__content--visible": isExpanded
10212
+ })
10213
+ }, React.createElement(Markdown, {
10214
+ sanitizeHTML: true,
10215
+ markdown: text
10216
+ })));
10217
+ }
10218
+
10219
+ const TranscriptComponentExport = React.memo(TranscriptComponent);
10220
+
10079
10221
  const ReactPlayerComponent = React.lazy(() => import("react-player/lazy/index.js").then(mod => {
10080
10222
  let exported = mod.default ?? mod;
10081
10223
  if (exported && typeof exported === "object" && "default" in exported) {
@@ -10086,7 +10228,7 @@ const ReactPlayerComponent = React.lazy(() => import("react-player/lazy/index.js
10086
10228
  };
10087
10229
  }));
10088
10230
 
10089
- function MediaPlayerComponent({type: type, source: source, title: title, description: description, ariaLabel: ariaLabel, isMixcloud: isMixcloud, baseHeight: baseHeight, doAutoScroll: doAutoScroll, playing: playing, onPlay: onPlay, onPause: onPause, hideIconAndTitle: hideIconAndTitle, needsAnnouncement: needsAnnouncement}) {
10231
+ function MediaPlayerComponent({type: type, source: source, title: title, description: description, ariaLabel: ariaLabel, isMixcloud: isMixcloud, baseHeight: baseHeight, doAutoScroll: doAutoScroll, playing: playing, onPlay: onPlay, onPause: onPause, hideIconAndTitle: hideIconAndTitle, needsAnnouncement: needsAnnouncement, subtitle_tracks: subtitle_tracks, transcript: transcript}) {
10090
10232
  const [skeletonHidden, setSkeletonHidden] = useState(false);
10091
10233
  const [errorLoading, setErrorLoading] = useState(false);
10092
10234
  const {errors_audioSource: errors_audioSource, errors_videoSource: errors_videoSource} = useLanguagePack();
@@ -10186,11 +10328,21 @@ function MediaPlayerComponent({type: type, source: source, title: title, descrip
10186
10328
  height: "100%",
10187
10329
  config: {
10188
10330
  file: {
10189
- forceVideo: true,
10331
+ forceVideo: type === MessageResponseTypes.VIDEO,
10190
10332
  attributes: {
10191
10333
  controlsList: "nodownload",
10192
- "aria-label": ariaLabel || description || title
10193
- }
10334
+ "aria-label": ariaLabel || description || title,
10335
+ crossOrigin: "anonymous"
10336
+ },
10337
+ ...type === MessageResponseTypes.VIDEO && subtitle_tracks && subtitle_tracks.length > 0 ? {
10338
+ tracks: subtitle_tracks.map(track => ({
10339
+ kind: track.kind || "subtitles",
10340
+ src: track.src,
10341
+ srcLang: track.language,
10342
+ label: track.label,
10343
+ default: track.default || false
10344
+ }))
10345
+ } : {}
10194
10346
  }
10195
10347
  },
10196
10348
  playsinline: true,
@@ -10204,6 +10356,10 @@ function MediaPlayerComponent({type: type, source: source, title: title, descrip
10204
10356
  title: title,
10205
10357
  description: description,
10206
10358
  hideTitle: hideIconAndTitle
10359
+ }), type === MessageResponseTypes.AUDIO && transcript && React.createElement(TranscriptComponentExport, {
10360
+ text: transcript.text,
10361
+ label: transcript.label,
10362
+ language: transcript.language
10207
10363
  }))));
10208
10364
  }
10209
10365
 
@@ -10973,7 +11129,7 @@ const OperationalTag = createComponent({
10973
11129
  react: React
10974
11130
  });
10975
11131
 
10976
- const ChevronDown = carbonIconToReact(ChevronDown16);
11132
+ const ChevronDown$1 = carbonIconToReact(ChevronDown16);
10977
11133
 
10978
11134
  const ChevronUp = carbonIconToReact(ChevronUp16);
10979
11135
 
@@ -11012,7 +11168,7 @@ function ConversationalSearchText(props) {
11012
11168
  "aria-label": languagePack.conversationalSearch_toggleCitations
11013
11169
  }, React.createElement("span", {
11014
11170
  slot: "icon"
11015
- }, citationsOpen ? React.createElement(ChevronUp, null) : React.createElement(ChevronDown, null))))));
11171
+ }, citationsOpen ? React.createElement(ChevronUp, null) : React.createElement(ChevronDown$1, null))))));
11016
11172
  }
11017
11173
 
11018
11174
  function insertHighlightMarkdown(text, highlightCitation) {
@@ -11504,8 +11660,10 @@ function IFrameComponent({title: title, source: source, onTimeoutOverride: onTim
11504
11660
  className: "cds-custom-aichat--i-frame-component__i-frame",
11505
11661
  title: title,
11506
11662
  src: source,
11507
- sandbox: "allow-scripts allow-downloads allow-forms allow-popups",
11663
+ sandbox: "allow-scripts allow-downloads allow-forms allow-popups allow-same-origin",
11508
11664
  referrerPolicy: "origin",
11665
+ role: "application",
11666
+ tabIndex: 0,
11509
11667
  onLoad: handleIFrameLoaded
11510
11668
  }), showSpinner && renderLoadingSpinner());
11511
11669
  }
@@ -12239,25 +12397,27 @@ function MessageTypeComponent(props) {
12239
12397
  function renderVideoMessage(message) {
12240
12398
  const {doAutoScroll: doAutoScroll} = props;
12241
12399
  const {item: item} = message;
12242
- const {source: source, title: title, description: description, alt_text: alt_text} = item;
12400
+ const {source: source, title: title, description: description, alt_text: alt_text, file_accessibility: file_accessibility} = item;
12243
12401
  return React.createElement(VideoComponentExport, {
12244
12402
  source: source,
12245
12403
  title: title,
12246
12404
  description: description,
12247
12405
  baseHeight: getMediaDimensions(item)?.base_height,
12248
12406
  ariaLabel: alt_text,
12407
+ subtitle_tracks: file_accessibility?.subtitle_tracks,
12249
12408
  doAutoScroll: doAutoScroll,
12250
12409
  needsAnnouncement: message.ui_state.needsAnnouncement
12251
12410
  });
12252
12411
  }
12253
12412
  function renderAudioMessage(message) {
12254
12413
  const {doAutoScroll: doAutoScroll} = props;
12255
- const {source: source, title: title, description: description, alt_text: alt_text} = message.item;
12414
+ const {source: source, title: title, description: description, alt_text: alt_text, file_accessibility: file_accessibility} = message.item;
12256
12415
  return React.createElement(AudioComponentExport, {
12257
12416
  source: source,
12258
12417
  title: title,
12259
12418
  description: description,
12260
12419
  ariaLabel: alt_text,
12420
+ transcript: file_accessibility?.transcript,
12261
12421
  doAutoScroll: doAutoScroll,
12262
12422
  needsAnnouncement: message.ui_state.needsAnnouncement
12263
12423
  });
@@ -12929,7 +13089,7 @@ var MessageComponent$1 = withAriaAnnouncer(injectIntl(MessageComponent, {
12929
13089
  forwardRef: true
12930
13090
  }));
12931
13091
 
12932
- const DownToBottom$1 = carbonIconToReact(DownToBottom16);
13092
+ const DownToBottom = carbonIconToReact(DownToBottom16);
12933
13093
 
12934
13094
  class MessagesComponent extends PureComponent {
12935
13095
  constructor() {
@@ -13192,7 +13352,7 @@ class MessagesComponent extends PureComponent {
13192
13352
  }
13193
13353
  return [];
13194
13354
  }
13195
- renderTypingIndicator(isTypingMessage, index) {
13355
+ renderTypingIndicator(isTypingMessage, index, statusMessage) {
13196
13356
  return React.createElement("div", {
13197
13357
  className: `cds-custom-aichat--message cds-custom-aichat--message-${index} cds-custom-aichat--message--last-message`
13198
13358
  }, React.createElement("div", {
@@ -13205,10 +13365,15 @@ class MessagesComponent extends PureComponent {
13205
13365
  className: "cds-custom-aichat--received cds-custom-aichat--received--loading cds-custom-aichat--message-vertical-padding"
13206
13366
  }, React.createElement("div", {
13207
13367
  className: "cds-custom-aichat--received--inner"
13368
+ }, React.createElement("div", {
13369
+ className: "cds-custom-aichat--processing"
13208
13370
  }, React.createElement(Processing, {
13371
+ className: "cds-custom-aichat--processing-component",
13209
13372
  loop: true,
13210
13373
  carbonTheme: this.props.carbonTheme
13211
- }))))));
13374
+ }), " ", React.createElement("div", {
13375
+ className: "cds-custom-aichat--processing-label"
13376
+ }, statusMessage)))))));
13212
13377
  }
13213
13378
  renderMessage(localMessage, fullMessage, messagesIndex, showBeforeWelcomeNodeElement, isMessageForInput, isFirstMessageItem, isLastMessageItem, lastMessageID) {
13214
13379
  const {serviceManager: serviceManager, config: config, requestInputFocus: requestInputFocus, persistedToBrowserStorage: persistedToBrowserStorage, config: {public: {assistantName: assistantName}, derived: {languagePack: languagePack}}, messageState: messageState, carbonTheme: carbonTheme, useAITheme: useAITheme} = this.props;
@@ -13333,7 +13498,7 @@ class MessagesComponent extends PureComponent {
13333
13498
  }
13334
13499
  render() {
13335
13500
  const {localMessageItems: localMessageItems, messageState: messageState, intl: intl, assistantName: assistantName, serviceManager: serviceManager, notifications: notifications, config: {derived: {languagePack: languagePack}}} = this.props;
13336
- const {isMessageLoadingCounter: isMessageLoadingCounter} = messageState;
13501
+ const {isMessageLoadingCounter: isMessageLoadingCounter, isMessageLoadingText: isMessageLoadingText} = messageState;
13337
13502
  const {isHumanAgentTyping: isHumanAgentTyping} = selectHumanAgentDisplayState(this.props);
13338
13503
  const {scrollHandleHasFocus: scrollHandleHasFocus, scrollDown: scrollDown} = this.state;
13339
13504
  const messageIDForInput = this.getMessageIDForUserInput();
@@ -13355,15 +13520,15 @@ class MessagesComponent extends PureComponent {
13355
13520
  }, this.renderHumanAgentBanner(), React.createElement("div", {
13356
13521
  className: cx("cds-custom-aichat--messages__wrapper", {
13357
13522
  "cds-custom-aichat--messages__wrapper--scroll-handle-has-focus": scrollHandleHasFocus
13358
- })
13359
- }, React.createElement("div", {
13360
- className: "cds-custom-aichat--messages",
13523
+ }),
13361
13524
  ref: this.messagesContainerWithScrollingRef,
13362
13525
  onScroll: () => {
13363
13526
  this.checkScrollAnchor();
13364
13527
  this.renderScrollDownNotification();
13365
13528
  }
13366
- }, this.renderScrollHandle(true), regularMessages, (Boolean(isMessageLoadingCounter) || isHumanAgentTyping) && this.renderTypingIndicator(isTypingMessage, localMessageItems.length), React.createElement(Notifications, {
13529
+ }, React.createElement("div", {
13530
+ className: "cds-custom-aichat--messages"
13531
+ }, this.renderScrollHandle(true), regularMessages, (Boolean(isMessageLoadingCounter) || isHumanAgentTyping) && this.renderTypingIndicator(isTypingMessage, localMessageItems.length, isMessageLoadingCounter ? isMessageLoadingText : undefined), React.createElement(Notifications, {
13367
13532
  serviceManager: serviceManager,
13368
13533
  notifications: notifications
13369
13534
  }), this.renderScrollHandle(false), scrollDown && React.createElement(MountChildrenOnDelay, {
@@ -13377,7 +13542,7 @@ class MessagesComponent extends PureComponent {
13377
13542
  scrollToBottom: 0,
13378
13543
  preferAnimate: true
13379
13544
  })
13380
- }, React.createElement(DownToBottom$1, null))))));
13545
+ }, React.createElement(DownToBottom, null))))));
13381
13546
  }
13382
13547
  }
13383
13548
 
@@ -13657,8 +13822,6 @@ const ChatHeaderTitle = createComponent({
13657
13822
  react: React
13658
13823
  });
13659
13824
 
13660
- const HideComponentContext = React.createContext(false);
13661
-
13662
13825
  const AISlug = createComponent({
13663
13826
  tagName: "cds-custom-ai-label",
13664
13827
  elementClass: CDSAILabel,
@@ -13667,7 +13830,7 @@ const AISlug = createComponent({
13667
13830
 
13668
13831
  const CloseLarge = carbonIconToReact(CloseLarge16);
13669
13832
 
13670
- const DownToBottom = carbonIconToReact(DownToBottom16);
13833
+ const ChevronDown = carbonIconToReact(ChevronDown16);
13671
13834
 
13672
13835
  const OverflowMenuVertical = carbonIconToReact(OverflowMenuVertical16);
13673
13836
 
@@ -13678,32 +13841,22 @@ const SidePanelClose = carbonIconToReact(SidePanelClose16);
13678
13841
  const SubtractLarge = carbonIconToReact(SubtractLarge16);
13679
13842
 
13680
13843
  function Header(props, ref) {
13681
- const {displayName: displayName, backContent: backContent, showRestartButton: showRestartButton, showBackButton: showBackButton, labelBackButton: labelBackButton, onClickClose: onClickClose, onClickRestart: onClickRestart, onClickBack: onClickBack, overflowItems: overflowItems, overflowClicked: overflowClicked, backButtonType: backButtonType, hideCloseButton: hideCloseButton, enableChatHeaderConfig: enableChatHeaderConfig, showAiLabel: showAiLabel} = props;
13844
+ const {displayName: displayName, backContent: backContent, showRestartButton: showRestartButton, showBackButton: showBackButton, labelBackButton: labelBackButton, onClickClose: onClickClose, onClickRestart: onClickRestart, onClickBack: onClickBack, overflowItems: overflowItems, overflowClicked: overflowClicked, backButtonType: backButtonType, hideCloseButton: hideCloseButton, showAiLabel: showAiLabel, title: title, closeButtonLabel: closeButtonLabel, overflowMenuTooltip: overflowMenuTooltip, overflowMenuAriaLabel: overflowMenuAriaLabel, restartButtonLabel: restartButtonLabel, aiSlugLabel: aiSlugLabel, aiSlugTitle: aiSlugTitle, aiSlugDescription: aiSlugDescription, aiSlugAfterDescriptionElement: aiSlugAfterDescriptionElement, isAiSlugHidden: isAiSlugHidden, minimizeButtonIconType: minimizeButtonIconType = MinimizeButtonIconType.MINIMIZE, isRestarting: isRestarting = false} = props;
13682
13845
  const backButtonRef = useRef(undefined);
13683
13846
  const restartButtonRef = useRef(undefined);
13684
13847
  const closeButtonRef = useRef(undefined);
13685
13848
  const overflowRef = useRef(undefined);
13686
- const serviceManager = useServiceManager();
13687
- const languagePack = useLanguagePack();
13688
- const publicConfig = useSelector(state => state.config.public);
13689
- const isRestarting = useSelector(state => state.isRestarting);
13690
13849
  const isRTL = document.dir === "rtl";
13691
- const chatHeaderConfig = publicConfig.header;
13692
- const isHidden = useContext(HideComponentContext);
13693
- const {header: header} = publicConfig;
13694
- const shouldShowAiLabel = showAiLabel !== undefined ? showAiLabel : header?.showAiLabel !== false;
13695
- const chatHeaderTitle = enableChatHeaderConfig ? chatHeaderConfig?.title : undefined;
13696
- const chatHeaderName = enableChatHeaderConfig ? chatHeaderConfig?.name : undefined;
13697
- const chatHeaderDisplayName = chatHeaderName || displayName;
13698
- const useHideCloseButton = header?.hideMinimizeButton || hideCloseButton;
13850
+ const shouldShowAiLabel = showAiLabel !== undefined ? showAiLabel : true;
13851
+ const showAiSlugContent = shouldShowAiLabel && !isAiSlugHidden && !!(aiSlugLabel || aiSlugTitle || aiSlugDescription || aiSlugAfterDescriptionElement);
13852
+ const useHideCloseButton = hideCloseButton ?? false;
13699
13853
  let closeIcon;
13700
13854
  let closeReverseIcon = false;
13701
13855
  let closeIsReversible = true;
13702
- const minimizeButtonIconType = header?.minimizeButtonIconType;
13703
13856
  switch (minimizeButtonIconType) {
13704
13857
  case MinimizeButtonIconType.CLOSE:
13705
13858
  closeIcon = React.createElement(CloseLarge, {
13706
- "aria-label": languagePack.launcher_isOpen,
13859
+ "aria-label": closeButtonLabel,
13707
13860
  slot: "icon",
13708
13861
  className: "cds-custom-aichat--icon__close"
13709
13862
  });
@@ -13711,7 +13864,7 @@ function Header(props, ref) {
13711
13864
 
13712
13865
  case MinimizeButtonIconType.MINIMIZE:
13713
13866
  closeIcon = React.createElement(SubtractLarge, {
13714
- "aria-label": languagePack.launcher_isOpen,
13867
+ "aria-label": closeButtonLabel,
13715
13868
  slot: "icon",
13716
13869
  className: "cds-custom-aichat--icon__subtract"
13717
13870
  });
@@ -13720,7 +13873,7 @@ function Header(props, ref) {
13720
13873
  case MinimizeButtonIconType.SIDE_PANEL_LEFT:
13721
13874
  closeIsReversible = false;
13722
13875
  closeIcon = React.createElement(SidePanelClose, {
13723
- "aria-label": languagePack.launcher_isOpen,
13876
+ "aria-label": closeButtonLabel,
13724
13877
  slot: "icon",
13725
13878
  className: "cds-custom-aichat--icon__side-panel-close"
13726
13879
  });
@@ -13730,7 +13883,7 @@ function Header(props, ref) {
13730
13883
  closeIsReversible = false;
13731
13884
  closeReverseIcon = true;
13732
13885
  closeIcon = React.createElement(SidePanelClose, {
13733
- "aria-label": languagePack.launcher_isOpen,
13886
+ "aria-label": closeButtonLabel,
13734
13887
  slot: "icon",
13735
13888
  className: "cds-custom-aichat--icon__side-panel-close"
13736
13889
  });
@@ -13739,7 +13892,7 @@ function Header(props, ref) {
13739
13892
  default:
13740
13893
  {
13741
13894
  closeIcon = React.createElement(SubtractLarge, {
13742
- "aria-label": languagePack.launcher_isOpen,
13895
+ "aria-label": closeButtonLabel,
13743
13896
  slot: "icon",
13744
13897
  className: "cds-custom-aichat--icon__subtract"
13745
13898
  });
@@ -13764,21 +13917,22 @@ function Header(props, ref) {
13764
13917
  }
13765
13918
  }));
13766
13919
  let leftContent;
13920
+ const handleOverflowClick = overflowClicked ?? (() => {});
13767
13921
  if (overflowItems) {
13768
13922
  leftContent = React.createElement(OverflowMenu, {
13769
13923
  className: "cds-custom-aichat--header__overflow-menu",
13770
13924
  ref: overflowRef,
13771
- "tooltip-text": languagePack.header_overflowMenu_options,
13772
- "aria-label": languagePack.components_overflow_ariaLabel
13925
+ "tooltip-text": overflowMenuTooltip,
13926
+ "aria-label": overflowMenuAriaLabel
13773
13927
  }, React.createElement(OverflowMenuVertical, {
13774
- "aria-label": languagePack.components_overflow_ariaLabel,
13928
+ "aria-label": overflowMenuAriaLabel,
13775
13929
  className: "cds-custom--overflow-menu__icon",
13776
13930
  slot: "icon"
13777
13931
  }), React.createElement(OverflowMenuBody, null, overflowItems?.map((item, index) => React.createElement(OverflowMenuItem, {
13778
13932
  key: item,
13779
13933
  onClick: () => {
13780
13934
  doFocusRef(overflowRef);
13781
- overflowClicked(index);
13935
+ handleOverflowClick(index);
13782
13936
  }
13783
13937
  }, item))));
13784
13938
  } else if (showBackButton) {
@@ -13789,7 +13943,7 @@ function Header(props, ref) {
13789
13943
  buttonRef: backButtonRef,
13790
13944
  buttonKind: backButtonType,
13791
13945
  tooltipPosition: isRTL ? BUTTON_TOOLTIP_POSITION.LEFT : BUTTON_TOOLTIP_POSITION.RIGHT
13792
- }, backContent || React.createElement(DownToBottom, {
13946
+ }, backContent || React.createElement(ChevronDown, {
13793
13947
  "aria-label": labelBackButton,
13794
13948
  slot: "icon"
13795
13949
  }));
@@ -13803,44 +13957,41 @@ function Header(props, ref) {
13803
13957
  className: "cds-custom-aichat--header__buttons cds-custom-aichat--header__left-items"
13804
13958
  }, leftContent), React.createElement("div", {
13805
13959
  className: "cds-custom-aichat--header__center-container"
13806
- }, (chatHeaderTitle || chatHeaderDisplayName) && React.createElement("div", {
13960
+ }, (title || displayName) && React.createElement("div", {
13807
13961
  className: "cds-custom-aichat--header__title-container"
13808
13962
  }, React.createElement(ChatHeaderTitle, {
13809
- title: chatHeaderTitle,
13810
- name: chatHeaderDisplayName
13963
+ title: title,
13964
+ name: displayName
13811
13965
  }))), React.createElement("div", {
13812
13966
  className: "cds-custom-aichat--header__buttons cds-custom-aichat--header__right-buttons"
13813
- }, shouldShowAiLabel && React.createElement(AISlug, {
13967
+ }, showAiSlugContent && React.createElement(AISlug, {
13814
13968
  className: "cds-custom-aichat--header__slug",
13815
13969
  size: AI_LABEL_SIZE.EXTRA_SMALL,
13816
13970
  alignment: isRTL ? POPOVER_ALIGNMENT.BOTTOM_LEFT : POPOVER_ALIGNMENT.BOTTOM_RIGHT
13817
13971
  }, React.createElement("div", {
13818
13972
  slot: "body-text"
13819
- }, languagePack.ai_slug_label && React.createElement("p", {
13973
+ }, aiSlugLabel && React.createElement("p", {
13820
13974
  className: "cds-custom-aichat--header__slug-label"
13821
- }, languagePack.ai_slug_label), languagePack.ai_slug_title && React.createElement("h4", {
13975
+ }, aiSlugLabel), aiSlugTitle && React.createElement("h4", {
13822
13976
  className: "cds-custom-aichat--header__slug-title"
13823
- }, languagePack.ai_slug_title), React.createElement("div", {
13977
+ }, aiSlugTitle), React.createElement("div", {
13824
13978
  className: "cds-custom-aichat--header__slug-description"
13825
- }, React.createElement("div", null, languagePack.ai_slug_description), !isHidden && React.createElement(WriteableElement$1, {
13826
- slotName: WriteableElementName.AI_TOOLTIP_AFTER_DESCRIPTION_ELEMENT,
13827
- id: `aiTooltipAfterDescription${serviceManager.namespace.suffix}`
13828
- })))), showRestartButton && React.createElement(HeaderButton, {
13979
+ }, React.createElement("div", null, aiSlugDescription), aiSlugAfterDescriptionElement))), showRestartButton && React.createElement(HeaderButton, {
13829
13980
  className: "cds-custom-aichat--header__restart-button",
13830
- label: languagePack.buttons_restart,
13981
+ label: restartButtonLabel ?? "",
13831
13982
  onClick: onClickRestart,
13832
13983
  buttonRef: restartButtonRef,
13833
13984
  disabled: isRestarting,
13834
13985
  tooltipPosition: isRTL ? BUTTON_TOOLTIP_POSITION.RIGHT : BUTTON_TOOLTIP_POSITION.LEFT
13835
13986
  }, React.createElement(Restart$1, {
13836
- "aria-label": languagePack.buttons_restart,
13987
+ "aria-label": restartButtonLabel ?? "",
13837
13988
  slot: "icon"
13838
13989
  })), !useHideCloseButton && React.createElement(HeaderButton, {
13839
13990
  className: cx("cds-custom-aichat--header__close-button", {
13840
13991
  "cds-custom-aichat--reverse-icon": closeReverseIcon
13841
13992
  }),
13842
13993
  isReversible: closeIsReversible,
13843
- label: languagePack.launcher_isOpen,
13994
+ label: closeButtonLabel,
13844
13995
  onClick: async () => {
13845
13996
  onClickClose();
13846
13997
  },
@@ -13868,28 +14019,38 @@ function HeaderButton({onClick: onClick, buttonRef: buttonRef, className: classN
13868
14019
 
13869
14020
  const HeaderExport = React.memo(forwardRef(Header));
13870
14021
 
14022
+ const HideComponentContext = React.createContext(false);
14023
+
13871
14024
  function AssistantHeader(props, ref) {
13872
- const {onClose: onClose, onRestart: onRestart, onToggleHomeScreen: onToggleHomeScreen, headerDisplayName: headerDisplayName, includeWriteableElement: includeWriteableElement, enableChatHeaderConfig: enableChatHeaderConfig} = props;
14025
+ const {onClose: onClose, onRestart: onRestart, onToggleHomeScreen: onToggleHomeScreen, headerDisplayName: headerDisplayName, includeWriteableElement: includeWriteableElement} = props;
13873
14026
  const serviceManager = useServiceManager();
13874
14027
  const languagePack = useLanguagePack();
14028
+ const isHidden = useContext(HideComponentContext);
13875
14029
  const homeScreenIsOn = useSelector(state => {
13876
14030
  const homescreen = state.config.public.homescreen;
13877
14031
  return homescreen?.isOn && !homescreen?.disableReturn;
13878
14032
  });
13879
- const publicConfig = useSelector(state => state.config.public);
13880
- const customMenuOptions = useSelector(state => state.config.derived.header?.menuOptions);
14033
+ const derivedPublicConfig = useSelector(state => state.config.derived);
14034
+ const customMenuOptions = derivedPublicConfig.header.menuOptions;
13881
14035
  const memoizedCustomMenuOptions = useMemo(() => customMenuOptions || undefined, [ customMenuOptions ]);
14036
+ const headerConfig = derivedPublicConfig.header;
13882
14037
  const {isConnectingOrConnected: isConnectingOrConnected} = useSelector(selectHumanAgentDisplayState, shallowEqual);
14038
+ const isRestarting = useSelector(state => state.isRestarting);
13883
14039
  const headerRef = useRef(undefined);
13884
14040
  const Home = carbonIconToReact(Home16);
13885
- const showRestartButton = publicConfig.header?.showRestartButton;
14041
+ const showRestartButton = headerConfig?.showRestartButton;
14042
+ const showAiLabel = headerConfig?.showAiLabel !== false;
14043
+ const minimizeButtonIconType = headerConfig?.minimizeButtonIconType ?? MinimizeButtonIconType.MINIMIZE;
14044
+ const hideCloseButton = headerConfig?.hideMinimizeButton ?? false;
14045
+ const headerTitle = headerConfig?.title ?? undefined;
14046
+ const chatHeaderDisplayName = headerConfig?.name || headerDisplayName || undefined;
13886
14047
  const allowHomeScreen = homeScreenIsOn && !isConnectingOrConnected;
13887
14048
  const overflowClicked = useCallback(index => {
13888
14049
  if (index === 0 && allowHomeScreen) {
13889
14050
  onToggleHomeScreen?.();
13890
14051
  } else {
13891
- const {handler: handler} = memoizedCustomMenuOptions[allowHomeScreen ? index - 1 : index];
13892
- handler();
14052
+ const handler = memoizedCustomMenuOptions?.[allowHomeScreen ? index - 1 : index]?.handler;
14053
+ handler?.();
13893
14054
  }
13894
14055
  }, [ memoizedCustomMenuOptions, onToggleHomeScreen, allowHomeScreen ]);
13895
14056
  const overflowItems = memoizedCustomMenuOptions?.map(option => option.text);
@@ -13897,11 +14058,16 @@ function AssistantHeader(props, ref) {
13897
14058
  overflowItems.splice(0, 0, languagePack.homeScreen_overflowMenuHomeScreen);
13898
14059
  }
13899
14060
  useImperativeHandle(ref, () => headerRef.current);
14061
+ const aiSlugAfterDescriptionElement = !isHidden ? React.createElement(WriteableElement$1, {
14062
+ slotName: WriteableElementName.AI_TOOLTIP_AFTER_DESCRIPTION_ELEMENT,
14063
+ id: `aiTooltipAfterDescription${serviceManager.namespace.suffix}`
14064
+ }) : null;
13900
14065
  return React.createElement("div", {
13901
14066
  className: "cds-custom-aichat--header__container"
13902
- }, React.createElement(HeaderExport, {
14067
+ }, headerConfig?.isOn && React.createElement(HeaderExport, {
13903
14068
  ref: headerRef,
13904
- displayName: headerDisplayName,
14069
+ title: headerTitle,
14070
+ displayName: chatHeaderDisplayName,
13905
14071
  showBackButton: Boolean(allowHomeScreen && onToggleHomeScreen),
13906
14072
  showRestartButton: showRestartButton,
13907
14073
  backContent: React.createElement(Home, {
@@ -13913,7 +14079,18 @@ function AssistantHeader(props, ref) {
13913
14079
  onClickBack: onToggleHomeScreen,
13914
14080
  overflowItems: overflowItems,
13915
14081
  overflowClicked: overflowClicked,
13916
- enableChatHeaderConfig: enableChatHeaderConfig
14082
+ showAiLabel: showAiLabel,
14083
+ hideCloseButton: hideCloseButton,
14084
+ closeButtonLabel: languagePack.launcher_isOpen,
14085
+ overflowMenuTooltip: languagePack.header_overflowMenu_options,
14086
+ overflowMenuAriaLabel: languagePack.components_overflow_ariaLabel,
14087
+ restartButtonLabel: languagePack.buttons_restart,
14088
+ aiSlugLabel: languagePack.ai_slug_label,
14089
+ aiSlugTitle: languagePack.ai_slug_title,
14090
+ aiSlugDescription: languagePack.ai_slug_description,
14091
+ aiSlugAfterDescriptionElement: aiSlugAfterDescriptionElement,
14092
+ minimizeButtonIconType: minimizeButtonIconType,
14093
+ isRestarting: isRestarting
13917
14094
  }), includeWriteableElement && React.createElement(WriteableElement$1, {
13918
14095
  slotName: WriteableElementName.HEADER_BOTTOM_ELEMENT,
13919
14096
  id: `headerBottomElement${serviceManager.namespace.suffix}`,
@@ -14048,98 +14225,153 @@ const StopStreamingButton = createComponent({
14048
14225
  react: React
14049
14226
  });
14050
14227
 
14051
- class ListenerList {
14052
- constructor() {
14053
- this.listeners = [];
14054
- }
14055
- addListener(listenerToAdd) {
14056
- this.listeners = [ ...this.listeners, listenerToAdd ];
14057
- }
14058
- removeListener(listenerToRemove) {
14059
- this.listeners = this.listeners.filter(listener => listener !== listenerToRemove);
14228
+ const MAX_AUTO_RESIZE_HEIGHT = 180;
14229
+
14230
+ function normalizeTextValue(value) {
14231
+ return value.replace(/\r\n?/g, "\n").replace(/\u00a0/g, " ");
14232
+ }
14233
+
14234
+ function escapeHTML(value) {
14235
+ return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
14236
+ }
14237
+
14238
+ function toDisplayHTML(value) {
14239
+ const escaped = escapeHTML(value);
14240
+ return escaped.replace(/\n/g, "<br>");
14241
+ }
14242
+
14243
+ const ContentEditableInput = forwardRef(({ariaLabel: ariaLabel, autoSize: autoSize, disabled: disabled, displayValue: displayValue, maxLength: maxLength, rawValue: rawValue, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown, placeholder: placeholder, testId: testId}, ref) => {
14244
+ const editorRef = useRef(null);
14245
+ const sizerRef = useRef(null);
14246
+ const skipNextDomSync = useRef(false);
14247
+ const lastDisplayValue = useRef("");
14248
+ function setHasContentData(value) {
14249
+ if (!editorRef.current) {
14250
+ return;
14251
+ }
14252
+ editorRef.current.dataset.hasContent = value ? "true" : "false";
14060
14253
  }
14061
- fireListeners(...args) {
14062
- if (this.listeners.length) {
14063
- this.listeners.forEach(listener => listener(...args));
14254
+ function emitChangeFromDom() {
14255
+ if (!editorRef.current) {
14256
+ return;
14257
+ }
14258
+ const textValue = normalizeTextValue(editorRef.current.innerText || "");
14259
+ let nextValue = textValue;
14260
+ if (maxLength && nextValue.length > maxLength) {
14261
+ nextValue = nextValue.slice(0, maxLength);
14262
+ editorRef.current.innerText = nextValue;
14263
+ placeCaretAtEnd(editorRef.current);
14064
14264
  }
14265
+ setHasContentData(nextValue);
14266
+ skipNextDomSync.current = true;
14267
+ onChange({
14268
+ rawValue: nextValue,
14269
+ displayValue: toDisplayHTML(nextValue)
14270
+ });
14065
14271
  }
14066
- }
14067
-
14068
- class TextArea extends PureComponent {
14069
- constructor() {
14070
- super(...arguments);
14071
- this.textAreaRef = React.createRef();
14072
- this.sizerRef = React.createRef();
14272
+ function handleInput() {
14273
+ emitChangeFromDom();
14073
14274
  }
14074
- getHTMLElement() {
14075
- return this.textAreaRef.current;
14275
+ function handleKeyDown(event) {
14276
+ onKeyDown?.(event);
14076
14277
  }
14077
- takeFocus() {
14078
- doFocusRef(this.textAreaRef, false, true);
14278
+ function handleFocus(event) {
14279
+ onFocus?.(event);
14079
14280
  }
14080
- doBlur() {
14081
- this.textAreaRef.current.blur();
14281
+ function handleBlur(event) {
14282
+ onBlur?.(event);
14082
14283
  }
14083
- updateOverflow() {
14084
- if (!this.props.autoSize || !this.textAreaRef.current || !this.sizerRef.current) {
14284
+ useImperativeHandle(ref, () => ({
14285
+ getHTMLElement: () => editorRef.current,
14286
+ takeFocus: () => {
14287
+ doFocusRef(editorRef, false, true);
14288
+ },
14289
+ doBlur: () => {
14290
+ editorRef.current?.blur();
14291
+ }
14292
+ }));
14293
+ useLayoutEffect(() => {
14294
+ if (!autoSize || !editorRef.current || !sizerRef.current) {
14085
14295
  return;
14086
14296
  }
14087
- const sizerHeight = this.sizerRef.current.scrollHeight;
14088
- const maxHeight = 157;
14089
- if (sizerHeight > maxHeight) {
14090
- this.textAreaRef.current.style.overflow = "auto";
14297
+ const sizerHeight = sizerRef.current.scrollHeight;
14298
+ if (sizerHeight > MAX_AUTO_RESIZE_HEIGHT) {
14299
+ editorRef.current.style.overflowY = "auto";
14091
14300
  } else {
14092
- this.textAreaRef.current.style.overflow = "hidden";
14301
+ editorRef.current.style.overflowY = "hidden";
14093
14302
  }
14303
+ }, [ autoSize, displayValue ]);
14304
+ useLayoutEffect(() => {
14305
+ if (!editorRef.current) {
14306
+ return;
14307
+ }
14308
+ if (skipNextDomSync.current) {
14309
+ skipNextDomSync.current = false;
14310
+ lastDisplayValue.current = displayValue;
14311
+ return;
14312
+ }
14313
+ if (displayValue === lastDisplayValue.current) {
14314
+ return;
14315
+ }
14316
+ lastDisplayValue.current = displayValue;
14317
+ if (displayValue) {
14318
+ editorRef.current.innerHTML = displayValue;
14319
+ } else {
14320
+ editorRef.current.innerHTML = "";
14321
+ }
14322
+ placeCaretAtEnd(editorRef.current);
14323
+ }, [ displayValue ]);
14324
+ useLayoutEffect(() => {
14325
+ setHasContentData(rawValue);
14326
+ }, [ rawValue ]);
14327
+ return React.createElement("div", {
14328
+ className: cx("cds-custom-aichat--text-area", {
14329
+ "cds-custom-aichat--text-area--auto-size": autoSize,
14330
+ "cds-custom-aichat--text-area--disabled": disabled
14331
+ })
14332
+ }, React.createElement("div", {
14333
+ ref: editorRef,
14334
+ "aria-label": ariaLabel,
14335
+ "aria-multiline": "true",
14336
+ className: "cds-custom-aichat--text-area-textarea",
14337
+ contentEditable: !disabled,
14338
+ "data-placeholder": placeholder,
14339
+ "data-testid": testId,
14340
+ "aria-disabled": disabled,
14341
+ onBlur: handleBlur,
14342
+ onFocus: handleFocus,
14343
+ onInput: handleInput,
14344
+ onKeyDown: handleKeyDown,
14345
+ role: "textbox",
14346
+ tabIndex: disabled ? -1 : 0,
14347
+ spellCheck: true,
14348
+ suppressContentEditableWarning: true,
14349
+ "data-gramm": "false",
14350
+ "data-gramm_editor": "false",
14351
+ "data-enable-grammarly": "false"
14352
+ }), autoSize && React.createElement("div", {
14353
+ ref: sizerRef,
14354
+ className: "cds-custom-aichat--text-area-sizer",
14355
+ "aria-hidden": true,
14356
+ dangerouslySetInnerHTML: {
14357
+ __html: rawValue && rawValue.length ? displayValue || "&nbsp;" : escapeHTML(placeholder || " ") || "&nbsp;"
14358
+ }
14359
+ }));
14360
+ });
14361
+
14362
+ ContentEditableInput.displayName = "ContentEditableInput";
14363
+
14364
+ function placeCaretAtEnd(element) {
14365
+ if (typeof window === "undefined" || typeof document === "undefined") {
14366
+ return;
14094
14367
  }
14095
- componentDidUpdate() {
14096
- this.updateOverflow();
14097
- }
14098
- componentDidMount() {
14099
- this.updateOverflow();
14100
- }
14101
- render() {
14102
- const {isRequired: isRequired, name: name, id: id, onFocus: onFocus, onBlur: onBlur, onClick: onClick, onChange: onChange, onKeyDown: onKeyDown, rows: rows, value: value, autoSize: autoSize, maxLength: maxLength, disabled: disabled, placeholder: placeholder, ariaLabel: ariaLabel, testId: testId, onSelect: onSelect} = this.props;
14103
- return React.createElement("div", {
14104
- className: cx("cds-custom-aichat--text-area", {
14105
- "cds-custom-aichat--text-area--auto-size": autoSize,
14106
- "cds-custom-aichat--text-area--disabled": disabled
14107
- })
14108
- }, React.createElement("textarea", {
14109
- ref: this.textAreaRef,
14110
- "aria-label": ariaLabel,
14111
- "aria-required": isRequired,
14112
- className: "cds-custom-aichat--text-area-textarea",
14113
- disabled: disabled,
14114
- id: id || testId,
14115
- maxLength: maxLength,
14116
- name: name,
14117
- onFocus: onFocus,
14118
- onBlur: onBlur,
14119
- onClick: onClick,
14120
- onChange: onChange,
14121
- onKeyDown: onKeyDown,
14122
- onSelect: onSelect,
14123
- placeholder: placeholder,
14124
- rows: rows,
14125
- value: value || "",
14126
- "data-gramm": "false",
14127
- "data-gramm_editor": "false",
14128
- "data-enable-grammarly": "false",
14129
- "data-testid": testId
14130
- }), autoSize && React.createElement("div", {
14131
- ref: this.sizerRef,
14132
- className: "cds-custom-aichat--text-area-sizer"
14133
- }, (value || placeholder || " ").split("\n").map((line, index, array) => React.createElement(React.Fragment, {
14134
- key: index
14135
- }, line || " ", index < array.length - 1 && React.createElement("br", null)))));
14136
- }
14137
- }
14138
-
14139
- TextArea.defaultProps = {
14140
- isRequired: false,
14141
- maxLength: 1e4
14142
- };
14368
+ const range = document.createRange();
14369
+ range.selectNodeContents(element);
14370
+ range.collapse(false);
14371
+ const selection = window.getSelection();
14372
+ selection?.removeAllRanges();
14373
+ selection?.addRange(range);
14374
+ }
14143
14375
 
14144
14376
  const Send = carbonIconToReact(Send16);
14145
14377
 
@@ -14152,17 +14384,45 @@ const STOP_TYPING_PERIOD = 5e3;
14152
14384
  const INPUT_MAX_CHARS = 1e4;
14153
14385
 
14154
14386
  function Input(props, ref) {
14155
- const {isInputVisible: isInputVisible, placeholder: placeholder, disableInput: disableInput, disableSend: disableSend, disableUploadButton: disableUploadButton, pendingUploads: pendingUploads, allowedFileUploadTypes: allowedFileUploadTypes, allowMultipleFileUploads: allowMultipleFileUploads, showUploadButton: showUploadButton, onFilesSelectedForUpload: onFilesSelectedForUpload, onSendInput: onSendInput, blurOnSend: blurOnSend, serviceManager: serviceManager, onUserTyping: onUserTyping, languagePack: languagePack, isStopStreamingButtonVisible: isStopStreamingButtonVisible, isStopStreamingButtonDisabled: isStopStreamingButtonDisabled, maxInputChars: maxInputChars} = props;
14387
+ const {isInputVisible: isInputVisible, placeholder: placeholder, disableInput: disableInput, disableSend: disableSend, disableUploadButton: disableUploadButton, pendingUploads: pendingUploads, allowedFileUploadTypes: allowedFileUploadTypes, allowMultipleFileUploads: allowMultipleFileUploads, showUploadButton: showUploadButton, onFilesSelectedForUpload: onFilesSelectedForUpload, onSendInput: onSendInput, blurOnSend: blurOnSend, serviceManager: serviceManager, onUserTyping: onUserTyping, languagePack: languagePack, isStopStreamingButtonVisible: isStopStreamingButtonVisible, isStopStreamingButtonDisabled: isStopStreamingButtonDisabled, maxInputChars: maxInputChars, trackInputState: trackInputState = false} = props;
14388
+ const store = serviceManager.store;
14156
14389
  const inputID = `${serviceManager.namespace.suffix}-${useCounter()}`;
14157
14390
  const [textAreaHasFocus, setTextAreaHasFocus] = useState(false);
14158
- const [inputValue, setInputValue] = useState("");
14159
- const enterKeyEnabled = useRef(true);
14391
+ const trackedInputState = trackInputState ? selectInputState(store.getState()) : null;
14392
+ const [rawInputValue, setRawInputValue] = useState(trackedInputState?.rawValue ?? "");
14393
+ const [displayInputValue, setDisplayInputValue] = useState(trackedInputState?.displayValue ?? "");
14394
+ const rawInputValueRef = useRef(rawInputValue);
14395
+ const displayInputValueRef = useRef(displayInputValue);
14396
+ rawInputValueRef.current = rawInputValue;
14397
+ displayInputValueRef.current = displayInputValue;
14160
14398
  const isTypingTimeout = useRef(null);
14161
- const textAreaRef = useRef(undefined);
14162
- const fileInputRef = useRef(undefined);
14163
- const changeListeners = useRef(new ListenerList);
14164
- const lastValue = useRef("");
14165
- const instanceInputElement = useRef(createInstanceInputElement());
14399
+ const textAreaRef = useRef(null);
14400
+ const fileInputRef = useRef(null);
14401
+ useEffect(() => {
14402
+ if (!trackInputState) {
14403
+ return undefined;
14404
+ }
14405
+ const unsubscribe = store.subscribe(() => {
14406
+ const nextInputState = selectInputState(store.getState());
14407
+ const nextRawValue = nextInputState.rawValue ?? "";
14408
+ const nextDisplayValue = nextInputState.displayValue ?? "";
14409
+ if (nextRawValue !== rawInputValueRef.current) {
14410
+ setRawInputValue(nextRawValue);
14411
+ }
14412
+ if (nextDisplayValue !== displayInputValueRef.current) {
14413
+ setDisplayInputValue(nextDisplayValue);
14414
+ }
14415
+ });
14416
+ return unsubscribe;
14417
+ }, [ store, trackInputState ]);
14418
+ useEffect(() => {
14419
+ if (!trackInputState) {
14420
+ return;
14421
+ }
14422
+ const nextInputState = selectInputState(store.getState());
14423
+ setRawInputValue(nextInputState.rawValue ?? "");
14424
+ setDisplayInputValue(nextInputState.displayValue ?? "");
14425
+ }, [ store, trackInputState ]);
14166
14426
  function doTypingStopped() {
14167
14427
  if (isTypingTimeout.current) {
14168
14428
  clearTimeout(isTypingTimeout.current);
@@ -14172,15 +14432,14 @@ function Input(props, ref) {
14172
14432
  }
14173
14433
  function onKeyDown(event) {
14174
14434
  if (isEnterKey(event)) {
14175
- if (disableSend || !enterKeyEnabled.current) {
14435
+ if (disableSend || isStopStreamingButtonVisible) {
14176
14436
  event.preventDefault();
14177
14437
  } else {
14178
14438
  send(event);
14179
14439
  }
14180
14440
  }
14181
14441
  }
14182
- function onChange(event) {
14183
- const inputText = event.target.value;
14442
+ function onEditorChange({rawValue: rawValue, displayValue: displayValue}) {
14184
14443
  if (onUserTyping) {
14185
14444
  if (!isTypingTimeout.current) {
14186
14445
  onUserTyping(true);
@@ -14189,19 +14448,35 @@ function Input(props, ref) {
14189
14448
  }
14190
14449
  isTypingTimeout.current = setTimeout(doTypingStopped, STOP_TYPING_PERIOD);
14191
14450
  }
14192
- setInputValue(inputText);
14451
+ setRawInputValue(rawValue);
14452
+ setDisplayInputValue(displayValue);
14453
+ if (trackInputState) {
14454
+ const isInputToHumanAgent = selectIsInputToHumanAgent(store.getState());
14455
+ store.dispatch(actions.updateInputState({
14456
+ rawValue: rawValue,
14457
+ displayValue: displayValue
14458
+ }, isInputToHumanAgent));
14459
+ }
14193
14460
  }
14194
14461
  function send(event) {
14195
14462
  if (doHasValidInput()) {
14196
14463
  event.preventDefault();
14197
14464
  doTypingStopped();
14198
- const text = inputValue.trim();
14465
+ const text = rawInputValue.trim();
14199
14466
  onSendInput(text);
14200
- setInputValue("");
14467
+ setRawInputValue("");
14468
+ setDisplayInputValue("");
14469
+ if (trackInputState) {
14470
+ const isInputToHumanAgent = selectIsInputToHumanAgent(store.getState());
14471
+ store.dispatch(actions.updateInputState({
14472
+ rawValue: "",
14473
+ displayValue: ""
14474
+ }, isInputToHumanAgent));
14475
+ }
14201
14476
  if (blurOnSend) {
14202
- textAreaRef.current.doBlur();
14477
+ textAreaRef.current?.doBlur();
14203
14478
  } else {
14204
- textAreaRef.current.takeFocus();
14479
+ textAreaRef.current?.takeFocus();
14205
14480
  }
14206
14481
  }
14207
14482
  }
@@ -14213,24 +14488,13 @@ function Input(props, ref) {
14213
14488
  }
14214
14489
  function takeFocus() {
14215
14490
  if (!IS_MOBILE && isInputVisible) {
14216
- textAreaRef.current.takeFocus();
14491
+ textAreaRef.current?.takeFocus();
14217
14492
  }
14218
14493
  }
14219
- function createInstanceInputElement() {
14220
- return {
14221
- getHTMLElement: () => textAreaRef?.current?.getHTMLElement(),
14222
- setValue: value => setInputValue(value),
14223
- setEnableEnterKey: isEnabled => {
14224
- enterKeyEnabled.current = isEnabled;
14225
- },
14226
- addChangeListener: listener => changeListeners.current.addListener(listener),
14227
- removeChangeListener: listener => changeListeners.current.removeListener(listener)
14228
- };
14229
- }
14230
14494
  function onRemoveFile(fileID) {
14231
14495
  const isInputToHumanAgent = selectIsInputToHumanAgent(serviceManager.store.getState());
14232
14496
  serviceManager.store.dispatch(actions.removeFileUpload(fileID, isInputToHumanAgent));
14233
- textAreaRef.current.takeFocus();
14497
+ textAreaRef.current?.takeFocus();
14234
14498
  }
14235
14499
  function onFileChange(event) {
14236
14500
  const isInputToHumanAgent = selectIsInputToHumanAgent(serviceManager.store.getState());
@@ -14247,7 +14511,9 @@ function Input(props, ref) {
14247
14511
  dispatch(actions.addInputFile(newFile, isInputToHumanAgent));
14248
14512
  }
14249
14513
  onFilesSelectedForUpload?.(newFiles);
14250
- fileInputRef.current.value = null;
14514
+ if (fileInputRef.current) {
14515
+ fileInputRef.current.value = null;
14516
+ }
14251
14517
  }
14252
14518
  function doHasValidInput() {
14253
14519
  const hasUploads = Boolean(pendingUploads?.length);
@@ -14256,27 +14522,23 @@ function Input(props, ref) {
14256
14522
  return false;
14257
14523
  }
14258
14524
  }
14259
- return Boolean(inputValue.trim()) || hasUploads;
14525
+ return Boolean(rawInputValue.trim()) || hasUploads;
14260
14526
  }
14261
14527
  if (textAreaHasFocus && disableInput) {
14262
14528
  setTextAreaHasFocus(false);
14263
14529
  }
14264
14530
  useImperativeHandle(ref, () => ({
14265
- takeFocus: takeFocus,
14266
- getMessageInput: () => instanceInputElement.current
14531
+ takeFocus: takeFocus
14267
14532
  }));
14268
14533
  const {input_buttonLabel: input_buttonLabel, input_placeholder: input_placeholder, input_ariaLabel: input_ariaLabel, input_uploadButtonLabel: input_uploadButtonLabel, input_stopResponse: input_stopResponse} = languagePack;
14269
- const useInputValue = disableInput ? "" : inputValue;
14534
+ const visibleRawValue = disableInput ? "" : rawInputValue;
14535
+ const visibleDisplayValue = disableInput ? "" : displayInputValue;
14270
14536
  const hasValidInput = doHasValidInput();
14271
14537
  const showDisabledSend = !hasValidInput || disableInput || disableSend;
14272
14538
  const showUploadButtonDisabled = disableUploadButton || disableInput;
14273
14539
  const uploadButtonID = `cds-custom-aichat--input-container__upload-input-${inputID}`;
14274
14540
  const isRTL = document.dir === "rtl";
14275
14541
  const usePlaceHolder = placeholder || (disableInput ? undefined : input_placeholder);
14276
- if (lastValue.current !== inputValue) {
14277
- lastValue.current = inputValue;
14278
- changeListeners.current.fireListeners(inputValue);
14279
- }
14280
14542
  return isInputVisible && React.createElement("div", {
14281
14543
  className: "cds-custom-aichat--input-and-completions"
14282
14544
  }, React.createElement("div", {
@@ -14305,15 +14567,16 @@ function Input(props, ref) {
14305
14567
  "cds-custom-aichat--input-container__upload-button--disabled": showUploadButtonDisabled
14306
14568
  }),
14307
14569
  htmlFor: uploadButtonID
14308
- }, React.createElement(Attachment, null))), React.createElement(TextArea, {
14570
+ }, React.createElement(Attachment, null))), React.createElement(ContentEditableInput, {
14309
14571
  autoSize: true,
14310
14572
  ariaLabel: input_ariaLabel,
14311
14573
  disabled: disableInput,
14312
14574
  maxLength: maxInputChars ? maxInputChars : INPUT_MAX_CHARS,
14313
- onChange: onChange,
14575
+ onChange: onEditorChange,
14314
14576
  onKeyDown: onKeyDown,
14315
14577
  placeholder: usePlaceHolder,
14316
- value: useInputValue,
14578
+ displayValue: visibleDisplayValue,
14579
+ rawValue: visibleRawValue,
14317
14580
  ref: textAreaRef,
14318
14581
  onFocus: onInputFocus,
14319
14582
  onBlur: onInputBlur,
@@ -14330,10 +14593,10 @@ function Input(props, ref) {
14330
14593
  onDelete: () => onRemoveFile(fileUpload.id)
14331
14594
  }, fileUpload.file.name)))), React.createElement("div", {
14332
14595
  className: "cds-custom-aichat--input-container__send-button-container"
14333
- }, isStopStreamingButtonVisible && React.createElement(StopStreamingButton, {
14596
+ }, isStopStreamingButtonVisible ? React.createElement(StopStreamingButton, {
14334
14597
  label: input_stopResponse,
14335
14598
  disabled: isStopStreamingButtonDisabled,
14336
- tooltipAlignment: "top",
14599
+ tooltipAlignment: isRTL ? "top-left" : "top-right",
14337
14600
  onClick: async () => {
14338
14601
  const {store: store} = serviceManager;
14339
14602
  store.dispatch(actions.setStopStreamingButtonDisabled(true));
@@ -14341,8 +14604,9 @@ function Input(props, ref) {
14341
14604
  type: BusEventType.STOP_STREAMING
14342
14605
  });
14343
14606
  await serviceManager.messageService.cancelCurrentMessageRequest();
14607
+ textAreaRef.current?.takeFocus();
14344
14608
  }
14345
- }), React.createElement(Button, {
14609
+ }) : React.createElement(Button, {
14346
14610
  className: "cds-custom-aichat--input-container__send-button",
14347
14611
  kind: BUTTON_KIND.GHOST,
14348
14612
  size: BUTTON_SIZE.SMALL,
@@ -14398,6 +14662,8 @@ class AssistantChat extends Component {
14398
14662
  this.inputRef = React.createRef();
14399
14663
  this.messagesRef = React.createRef();
14400
14664
  this.messagesToArray = createUnmappingMemoizer();
14665
+ this.headerRef = React.createRef();
14666
+ this.headerResizeObserver = null;
14401
14667
  this.hideConfirmEndChat = () => {
14402
14668
  this.setState({
14403
14669
  showEndChatConfirmation: false
@@ -14470,6 +14736,24 @@ class AssistantChat extends Component {
14470
14736
  this.scrollOnHydrationComplete();
14471
14737
  });
14472
14738
  }
14739
+ if (this.headerRef.current) {
14740
+ this.headerResizeObserver = new ResizeObserver(entries => {
14741
+ for (const entry of entries) {
14742
+ const height = entry.contentRect.height;
14743
+ const container = entry.target.closest(".cds-custom-aichat--widget--content");
14744
+ if (container) {
14745
+ container.style.setProperty("--cds-custom-aichat--header-height", `${height}px`);
14746
+ }
14747
+ }
14748
+ });
14749
+ this.headerResizeObserver.observe(this.headerRef.current);
14750
+ }
14751
+ }
14752
+ componentWillUnmount() {
14753
+ if (this.headerResizeObserver) {
14754
+ this.headerResizeObserver.disconnect();
14755
+ this.headerResizeObserver = null;
14756
+ }
14473
14757
  }
14474
14758
  componentDidUpdate(prevProps) {
14475
14759
  const {isHydrationAnimationComplete: isHydrationAnimationComplete, humanAgentState: humanAgentState} = this.props;
@@ -14541,27 +14825,33 @@ class AssistantChat extends Component {
14541
14825
  placeholder: languagePack[inputPlaceholderKey],
14542
14826
  isStopStreamingButtonVisible: stopStreamingButtonState.isVisible,
14543
14827
  isStopStreamingButtonDisabled: stopStreamingButtonState.isDisabled,
14544
- maxInputChars: config.public.input?.maxInputCharacters
14828
+ maxInputChars: config.public.input?.maxInputCharacters,
14829
+ trackInputState: true
14545
14830
  }), this.state.showEndChatConfirmation && React.createElement(EndHumanAgentChatModal, {
14546
14831
  onConfirm: this.confirmHumanAgentEndChat,
14547
14832
  onCancel: this.hideConfirmEndChat
14548
14833
  }), this.props.humanAgentState.showScreenShareRequest && React.createElement(RequestScreenShareModal, null));
14549
14834
  }
14550
14835
  render() {
14551
- const {languagePack: languagePack, onClose: onClose, onRestart: onRestart, onToggleHomeScreen: onToggleHomeScreen, assistantName: assistantName, headerDisplayName: headerDisplayName} = this.props;
14836
+ const {languagePack: languagePack, onClose: onClose, onRestart: onRestart, onToggleHomeScreen: onToggleHomeScreen, assistantName: assistantName, headerDisplayName: headerDisplayName, shouldHideChatContentForPanel: shouldHideChatContentForPanel} = this.props;
14552
14837
  const {hasCaughtError: hasCaughtError} = this.state;
14553
14838
  return React.createElement("div", {
14554
14839
  "data-testid": PageObjectId.MAIN_PANEL,
14555
14840
  className: "cds-custom-aichat"
14841
+ }, React.createElement("div", {
14842
+ ref: this.headerRef,
14843
+ className: shouldHideChatContentForPanel ? "cds-custom-aichat--header-with-panel" : ""
14556
14844
  }, React.createElement(AssistantHeaderExport, {
14557
14845
  onClose: onClose,
14558
14846
  onRestart: onRestart,
14559
14847
  headerDisplayName: headerDisplayName,
14560
14848
  onToggleHomeScreen: onToggleHomeScreen,
14561
- enableChatHeaderConfig: true,
14562
14849
  includeWriteableElement: true
14563
- }), React.createElement("div", {
14564
- className: "cds-custom-aichat--non-header-container"
14850
+ })), React.createElement("div", {
14851
+ className: "cds-custom-aichat--non-header-container",
14852
+ ...shouldHideChatContentForPanel ? {
14853
+ inert: true
14854
+ } : {}
14565
14855
  }, React.createElement("div", {
14566
14856
  className: "cds-custom-aichat--panel-content cds-custom-aichat--non-header-container"
14567
14857
  }, hasCaughtError && React.createElement("div", {
@@ -14584,25 +14874,53 @@ var AssistantChat$1 = injectIntl(AssistantChat, {
14584
14874
 
14585
14875
  function HomeScreenHeader(props, ref) {
14586
14876
  const {onClose: onClose, onRestart: onRestart} = props;
14877
+ const languagePack = useLanguagePack();
14878
+ const serviceManager = useServiceManager();
14879
+ const isHidden = useContext(HideComponentContext);
14587
14880
  const showRestartButton = useSelector(state => state.config.derived.header?.showRestartButton);
14588
14881
  const customMenuOptions = useSelector(state => state.config.derived.header?.menuOptions);
14882
+ const headerConfig = useSelector(state => state.config.derived.header);
14883
+ const isRestarting = useSelector(state => state.isRestarting);
14589
14884
  const memoizedCustomMenuOptions = useMemo(() => customMenuOptions || undefined, [ customMenuOptions ]);
14590
14885
  const headerRef = useRef(undefined);
14591
14886
  useImperativeHandle(ref, () => headerRef.current);
14592
14887
  const overflowClicked = useCallback(index => {
14593
- const {handler: handler} = memoizedCustomMenuOptions[index];
14594
- handler();
14888
+ const handler = memoizedCustomMenuOptions?.[index]?.handler;
14889
+ handler?.();
14595
14890
  }, [ memoizedCustomMenuOptions ]);
14596
14891
  const overflowItems = memoizedCustomMenuOptions?.map(option => option.text);
14892
+ const aiSlugAfterDescriptionElement = !isHidden ? React.createElement(WriteableElement$1, {
14893
+ slotName: WriteableElementName.AI_TOOLTIP_AFTER_DESCRIPTION_ELEMENT,
14894
+ id: `aiTooltipAfterDescription${serviceManager.namespace.suffix}`
14895
+ }) : null;
14896
+ const showAiLabel = headerConfig?.showAiLabel !== false;
14897
+ const minimizeButtonIconType = headerConfig?.minimizeButtonIconType ?? MinimizeButtonIconType.MINIMIZE;
14898
+ const hideCloseButton = headerConfig?.hideMinimizeButton ?? false;
14899
+ const headerTitle = headerConfig?.title ?? undefined;
14900
+ const displayName = headerConfig?.name ?? undefined;
14597
14901
  return React.createElement("div", {
14598
14902
  className: "cds-custom-aichat--home-screen-header"
14599
14903
  }, React.createElement(HeaderExport, {
14600
14904
  ref: headerRef,
14905
+ title: headerTitle,
14906
+ displayName: displayName,
14601
14907
  showRestartButton: showRestartButton,
14602
14908
  onClickRestart: onRestart,
14603
14909
  onClickClose: onClose,
14604
14910
  overflowClicked: overflowClicked,
14605
- overflowItems: overflowItems
14911
+ overflowItems: overflowItems,
14912
+ showAiLabel: showAiLabel,
14913
+ hideCloseButton: hideCloseButton,
14914
+ closeButtonLabel: languagePack.launcher_isOpen,
14915
+ overflowMenuTooltip: languagePack.header_overflowMenu_options,
14916
+ overflowMenuAriaLabel: languagePack.components_overflow_ariaLabel,
14917
+ restartButtonLabel: languagePack.buttons_restart,
14918
+ aiSlugLabel: languagePack.ai_slug_label,
14919
+ aiSlugTitle: languagePack.ai_slug_title,
14920
+ aiSlugDescription: languagePack.ai_slug_description,
14921
+ aiSlugAfterDescriptionElement: aiSlugAfterDescriptionElement,
14922
+ minimizeButtonIconType: minimizeButtonIconType,
14923
+ isRestarting: isRestarting
14606
14924
  }));
14607
14925
  }
14608
14926
 
@@ -14834,7 +15152,7 @@ class OverlayPanel extends PureComponent {
14834
15152
  });
14835
15153
  }
14836
15154
  render() {
14837
- const {children: children, className: className, shouldOpen: shouldOpen, animationOnClose: animationOnClose, animationOnOpen: animationOnOpen, overlayPanelName: overlayPanelName} = this.props;
15155
+ const {children: children, className: className, shouldOpen: shouldOpen, animationOnClose: animationOnClose, animationOnOpen: animationOnOpen, overlayPanelName: overlayPanelName, hasBackButton: hasBackButton} = this.props;
14838
15156
  const {isClosing: isClosing, isOpening: isOpening} = this.state;
14839
15157
  return React.createElement(HideComponent, {
14840
15158
  hidden: !isClosing && !shouldOpen,
@@ -14849,18 +15167,34 @@ class OverlayPanel extends PureComponent {
14849
15167
  [`cds-custom-aichat--overlay-panel--closing--${animationOnClose}`]: isClosing,
14850
15168
  "cds-custom-aichat--overlay-panel--closed": !isClosing && !shouldOpen,
14851
15169
  [`cds-custom-aichat--overlay-panel--opening--${animationOnOpen}`]: isOpening,
14852
- "cds-custom-aichat--overlay-panel--open": !isOpening && shouldOpen
15170
+ "cds-custom-aichat--overlay-panel--open": !isOpening && shouldOpen,
15171
+ "cds-custom-aichat--overlay-panel--with-back-button": hasBackButton
14853
15172
  })
14854
15173
  }, children));
14855
15174
  }
14856
15175
  }
14857
15176
 
14858
- function BasePanelComponent({className: className, children: children, isOpen: isOpen, hidePanelHeader: hidePanelHeader, labelBackButton: labelBackButton, title: title, hideBackButton: hideBackButton, onClickRestart: onClickRestart, showAiLabel: showAiLabel, showRestartButton: showRestartButtonProp, ...headerProps}, ref) {
14859
- const showRestartButtonFromConfig = useSelector(state => state.config.derived.header?.showRestartButton);
15177
+ function BasePanelComponent({className: className, children: children, isOpen: isOpen, hidePanelHeader: hidePanelHeader, labelBackButton: labelBackButton, title: title, hideBackButton: hideBackButton, hideCloseButton: hideCloseButton, onClickRestart: onClickRestart, showAiLabel: showAiLabel, showRestartButton: showRestartButtonProp, enableChatHeaderConfig: enableChatHeaderConfig, overflowItems: overflowItemsProp, overflowClicked: overflowClickedProp, ...headerProps}, ref) {
15178
+ const languagePack = useLanguagePack();
15179
+ const derivedHeaderConfig = useSelector(state => state.config.derived.header);
15180
+ const isRestarting = useSelector(state => state.isRestarting);
15181
+ const showRestartButtonFromConfig = derivedHeaderConfig?.showRestartButton;
14860
15182
  const showRestartButton = showRestartButtonProp !== undefined ? showRestartButtonProp : showRestartButtonFromConfig;
15183
+ const headerMenuOptions = derivedHeaderConfig?.menuOptions;
15184
+ const hasPanelWithBackButton = useSelector(selectHasOpenPanelWithBackButton);
15185
+ const isShowingAssistantHeaderThrough = hasPanelWithBackButton && !hideBackButton;
14861
15186
  const headerRef = useRef(undefined);
15187
+ const panelContainerRef = useRef(null);
14862
15188
  useImperativeHandle(ref, () => headerRef.current);
14863
15189
  const [focusTrapActive, setFocusTrapActive] = useState(false);
15190
+ const getPanelBackButton = useCallback(() => {
15191
+ const backButtonHost = panelContainerRef.current?.querySelector(".cds-custom-aichat--header__back-button") ?? null;
15192
+ if (!backButtonHost) {
15193
+ return null;
15194
+ }
15195
+ const innerButton = backButtonHost.shadowRoot?.querySelector("button");
15196
+ return innerButton ?? backButtonHost;
15197
+ }, []);
14864
15198
  useEffect(() => {
14865
15199
  if (!isOpen) {
14866
15200
  setFocusTrapActive(false);
@@ -14869,19 +15203,42 @@ function BasePanelComponent({className: className, children: children, isOpen: i
14869
15203
  setFocusTrapActive(true);
14870
15204
  const timer = setTimeout(() => {
14871
15205
  try {
14872
- const aiChat = document.querySelector("cds-custom-aichat-react");
14873
- const layer = aiChat?.shadowRoot?.querySelector("cds-custom-layer");
14874
- const backButtonHost = layer?.querySelector(".cds-custom-aichat--header__back-button");
14875
- const innerButton = backButtonHost?.shadowRoot?.querySelector("button");
14876
- if (innerButton && innerButton.offsetParent !== null) {
14877
- innerButton.focus();
15206
+ const focusTarget = getPanelBackButton() ?? panelContainerRef.current ?? null;
15207
+ if (focusTarget && focusTarget.offsetParent !== null) {
15208
+ focusTarget.focus();
14878
15209
  }
14879
15210
  } catch (error) {
14880
15211
  console.warn("Manual focus failed:", error);
14881
15212
  }
14882
15213
  }, 100);
14883
15214
  return () => clearTimeout(timer);
14884
- }, [ isOpen ]);
15215
+ }, [ getPanelBackButton, isOpen ]);
15216
+ const hasCustomTitle = title !== undefined && title !== null;
15217
+ const shouldEnableChatHeaderConfig = enableChatHeaderConfig ?? !hasCustomTitle;
15218
+ const shouldUseConfigChrome = shouldEnableChatHeaderConfig && !isShowingAssistantHeaderThrough;
15219
+ let headerTitleText;
15220
+ let headerDisplayName;
15221
+ if (shouldUseConfigChrome) {
15222
+ headerTitleText = derivedHeaderConfig?.title ?? undefined;
15223
+ headerDisplayName = derivedHeaderConfig?.name ?? undefined;
15224
+ } else if (hasCustomTitle) {
15225
+ headerDisplayName = title ?? undefined;
15226
+ }
15227
+ const isHeaderEnabled = derivedHeaderConfig?.isOn !== false;
15228
+ const shouldRenderHeader = !hidePanelHeader && (isHeaderEnabled || isShowingAssistantHeaderThrough);
15229
+ const overflowItemsFromConfig = useMemo(() => {
15230
+ if (!headerMenuOptions?.length) {
15231
+ return undefined;
15232
+ }
15233
+ return headerMenuOptions.map(option => option.text);
15234
+ }, [ headerMenuOptions ]);
15235
+ const overflowClickedFromConfig = useCallback(index => {
15236
+ const option = headerMenuOptions?.[index];
15237
+ option?.handler?.();
15238
+ }, [ headerMenuOptions ]);
15239
+ const isUsingConfigOverflowItems = shouldUseConfigChrome && overflowItemsProp === undefined && Boolean(overflowItemsFromConfig);
15240
+ const overflowItemsToUse = isShowingAssistantHeaderThrough ? undefined : overflowItemsProp ?? overflowItemsFromConfig ?? undefined;
15241
+ const overflowClickedToUse = isShowingAssistantHeaderThrough ? undefined : overflowClickedProp ?? (isUsingConfigOverflowItems ? overflowClickedFromConfig : undefined);
14885
15242
  return React.createElement(FocusTrap, {
14886
15243
  active: focusTrapActive,
14887
15244
  focusTrapOptions: {
@@ -14891,25 +15248,34 @@ function BasePanelComponent({className: className, children: children, isOpen: i
14891
15248
  tabbableOptions: {
14892
15249
  getShadowRoot: true
14893
15250
  },
14894
- fallbackFocus: () => {
14895
- const aiChat = document.querySelector("cds-custom-aichat-react");
14896
- const layer = aiChat?.shadowRoot?.querySelector("cds-custom-layer");
14897
- const backButtonHost = layer?.querySelector(".cds-custom-aichat--header__back-button");
14898
- const innerButton = backButtonHost?.shadowRoot?.querySelector("button");
14899
- return innerButton;
14900
- }
15251
+ fallbackFocus: () => getPanelBackButton() ?? panelContainerRef.current ?? undefined
14901
15252
  }
14902
15253
  }, React.createElement("div", {
14903
- className: className
14904
- }, !hidePanelHeader && React.createElement(HeaderExport, {
15254
+ className: className,
15255
+ ref: panelContainerRef,
15256
+ tabIndex: -1
15257
+ }, shouldRenderHeader && React.createElement(HeaderExport, {
14905
15258
  ...headerProps,
14906
15259
  ref: headerRef,
14907
- showRestartButton: showRestartButton,
15260
+ overflowItems: overflowItemsToUse,
15261
+ overflowClicked: overflowClickedToUse,
15262
+ showRestartButton: isShowingAssistantHeaderThrough ? false : showRestartButton,
14908
15263
  onClickRestart: onClickRestart,
14909
15264
  showBackButton: !hideBackButton,
14910
15265
  labelBackButton: labelBackButton,
14911
- displayName: title,
14912
- showAiLabel: showAiLabel
15266
+ title: headerTitleText,
15267
+ displayName: headerDisplayName,
15268
+ showAiLabel: isShowingAssistantHeaderThrough ? false : showAiLabel,
15269
+ hideCloseButton: isShowingAssistantHeaderThrough ? true : hideCloseButton,
15270
+ closeButtonLabel: languagePack.launcher_isOpen,
15271
+ overflowMenuTooltip: languagePack.header_overflowMenu_options,
15272
+ overflowMenuAriaLabel: languagePack.components_overflow_ariaLabel,
15273
+ restartButtonLabel: languagePack.buttons_restart,
15274
+ aiSlugLabel: languagePack.ai_slug_label,
15275
+ aiSlugTitle: languagePack.ai_slug_title,
15276
+ aiSlugDescription: languagePack.ai_slug_description,
15277
+ minimizeButtonIconType: derivedHeaderConfig?.minimizeButtonIconType ?? MinimizeButtonIconType.MINIMIZE,
15278
+ isRestarting: isRestarting
14913
15279
  }), React.createElement("div", {
14914
15280
  className: "cds-custom-aichat--panel-content"
14915
15281
  }, children)));
@@ -14921,13 +15287,20 @@ function CustomPanel(props, ref) {
14921
15287
  const {onPanelOpenEnd: onPanelOpenEnd, onPanelCloseEnd: onPanelCloseEnd, onPanelOpenStart: onPanelOpenStart, onPanelCloseStart: onPanelCloseStart, onClose: onClose, onClickRestart: onClickRestart} = props;
14922
15288
  const languagePack = useLanguagePack();
14923
15289
  const {isOpen: isOpen, options: options} = useSelector(state => state.customPanelState);
14924
- const {title: title, hidePanelHeader: hidePanelHeader, disableDefaultCloseAction: disableDefaultCloseAction, disableAnimation: disableAnimation, onClickBack: onClickBack, onClickClose: onClickClose} = options;
15290
+ const {title: title, hidePanelHeader: hidePanelHeader, disableDefaultCloseAction: disableDefaultCloseAction, disableAnimation: disableAnimation, onClickBack: onClickBack, onClickClose: onClickClose, hideCloseButton: hideCloseButton} = options;
14925
15291
  const serviceManager = useServiceManager();
14926
15292
  const ariaAnnouncer = useAriaAnnouncer();
14927
15293
  const prevIsOpen = usePrevious(isOpen);
14928
15294
  const openAnimation = disableAnimation ? AnimationInType.NONE : AnimationInType.SLIDE_IN_FROM_BOTTOM;
14929
15295
  const closeAnimation = disableAnimation ? AnimationOutType.NONE : AnimationOutType.SLIDE_OUT_TO_BOTTOM;
14930
15296
  const basePanelRef = useRef(null);
15297
+ const hideCloseOverride = hideCloseButton;
15298
+ const hasCustomTitle = title !== undefined && title !== null;
15299
+ const enableChatHeaderConfig = !hasCustomTitle;
15300
+ const shouldShowBackButton = !options.hideBackButton;
15301
+ const panelClassName = cx("cds-custom-aichat--custom-panel", {
15302
+ "cds-custom-aichat--custom-panel--no-back-button": !shouldShowBackButton
15303
+ });
14931
15304
  useEffect(() => {
14932
15305
  if (prevIsOpen !== isOpen && isOpen) {
14933
15306
  if (!hidePanelHeader && title) {
@@ -14985,10 +15358,11 @@ function CustomPanel(props, ref) {
14985
15358
  animationOnClose: closeAnimation,
14986
15359
  shouldOpen: isOpen,
14987
15360
  serviceManager: serviceManager,
14988
- overlayPanelName: PageObjectId.CUSTOM_PANEL
15361
+ overlayPanelName: PageObjectId.CUSTOM_PANEL,
15362
+ hasBackButton: shouldShowBackButton
14989
15363
  }, React.createElement(BasePanelComponentExport, {
14990
15364
  ref: basePanelRef,
14991
- className: "cds-custom-aichat--custom-panel",
15365
+ className: panelClassName,
14992
15366
  eventName: "Custom panel opened",
14993
15367
  eventDescription: "A user opened a custom panel.",
14994
15368
  labelBackButton: languagePack.general_returnToAssistant,
@@ -14999,9 +15373,8 @@ function CustomPanel(props, ref) {
14999
15373
  onClickRestart: onClickRestart,
15000
15374
  hidePanelHeader: hidePanelHeader,
15001
15375
  hideBackButton: options.hideBackButton,
15002
- hideCloseButton: options.hideCloseButton,
15003
- showAiLabel: false,
15004
- showRestartButton: false
15376
+ hideCloseButton: hideCloseOverride,
15377
+ enableChatHeaderConfig: enableChatHeaderConfig
15005
15378
  }, React.createElement(WriteableElement$1, {
15006
15379
  slotName: "customPanelElement",
15007
15380
  className: "cds-custom-aichat--custom-panel__content-container"
@@ -15343,20 +15716,6 @@ function ChatBubbleLight() {
15343
15716
  }));
15344
15717
  }
15345
15718
 
15346
- function SimpleHeader(props, ref) {
15347
- const {onClose: onClose, showAiLabel: showAiLabel, showRestartButton: showRestartButton} = props;
15348
- const headerRef = useRef(undefined);
15349
- useImperativeHandle(ref, () => headerRef.current);
15350
- return React.createElement(HeaderExport, {
15351
- ref: headerRef,
15352
- onClickClose: onClose,
15353
- showAiLabel: showAiLabel,
15354
- showRestartButton: showRestartButton
15355
- });
15356
- }
15357
-
15358
- const SimpleHeaderExport = React.memo(forwardRef(SimpleHeader));
15359
-
15360
15719
  function Disclaimer({onAcceptDisclaimer: onAcceptDisclaimer, onClose: onClose, disclaimerHTML: disclaimerHTML, disclaimerAcceptButtonRef: disclaimerAcceptButtonRef}) {
15361
15720
  const languagePack = useLanguagePack();
15362
15721
  const chatWidthBreakpoint = useSelector(state => state.chatWidthBreakpoint);
@@ -15381,9 +15740,19 @@ function Disclaimer({onAcceptDisclaimer: onAcceptDisclaimer, onClose: onClose, d
15381
15740
  className: "cds-custom-aichat--disclaimer-container"
15382
15741
  }, React.createElement("div", {
15383
15742
  className: "cds-custom-aichat--disclaimer"
15384
- }, React.createElement(SimpleHeaderExport, {
15385
- onClose: onClose,
15386
- showRestartButton: false
15743
+ }, React.createElement(HeaderExport, {
15744
+ onClickClose: onClose,
15745
+ showRestartButton: false,
15746
+ showAiLabel: false,
15747
+ closeButtonLabel: languagePack.launcher_isOpen,
15748
+ restartButtonLabel: languagePack.buttons_restart,
15749
+ overflowMenuTooltip: languagePack.header_overflowMenu_options,
15750
+ overflowMenuAriaLabel: languagePack.components_overflow_ariaLabel,
15751
+ aiSlugLabel: languagePack.ai_slug_label,
15752
+ aiSlugTitle: languagePack.ai_slug_title,
15753
+ aiSlugDescription: languagePack.ai_slug_description,
15754
+ minimizeButtonIconType: MinimizeButtonIconType.MINIMIZE,
15755
+ isRestarting: false
15387
15756
  }), React.createElement("div", {
15388
15757
  className: "cds-custom-aichat--panel-content cds-custom-aichat--disclaimer__content",
15389
15758
  onScroll: onScroll,
@@ -15677,7 +16046,8 @@ function BodyAndFooterPanelComponent(props, ref) {
15677
16046
  animationOnClose: closeAnimation,
15678
16047
  shouldOpen: isOpen,
15679
16048
  serviceManager: serviceManager,
15680
- overlayPanelName: overlayPanelName
16049
+ overlayPanelName: overlayPanelName,
16050
+ hasBackButton: true
15681
16051
  }, React.createElement(BasePanelComponentExport, {
15682
16052
  ref: basePanelRef,
15683
16053
  className: cx("cds-custom-aichat--body-and-footer-component", className),
@@ -15969,13 +16339,14 @@ class MainWindow extends Component {
15969
16339
  const {numPanelsAnimating: numPanelsAnimating, numPanelsOpen: numPanelsOpen, isHydrationAnimationComplete: isHydrationAnimationComplete} = this.state;
15970
16340
  const inputState = selectInputState(this.props);
15971
16341
  const agentDisplayState = selectHumanAgentDisplayState(this.props);
16342
+ const hasPanelWithBackButton = selectHasOpenPanelWithBackButton(this.props);
15972
16343
  const showDisclaimer = this.getShowDisclaimer();
15973
16344
  let hideBotContainer;
15974
16345
  if (!isHydrationAnimationComplete) {
15975
16346
  hideBotContainer = true;
15976
16347
  } else if (numPanelsAnimating > 0) {
15977
16348
  hideBotContainer = false;
15978
- } else if (numPanelsOpen > 0) {
16349
+ } else if (numPanelsOpen > 0 && !hasPanelWithBackButton) {
15979
16350
  hideBotContainer = true;
15980
16351
  }
15981
16352
  return React.createElement(HideComponent, {
@@ -16002,7 +16373,8 @@ class MainWindow extends Component {
16002
16373
  onUserTyping: this.onUserTyping,
16003
16374
  locale: config.public.locale || "en",
16004
16375
  useAITheme: theme.aiEnabled,
16005
- carbonTheme: theme.derivedCarbonTheme
16376
+ carbonTheme: theme.derivedCarbonTheme,
16377
+ shouldHideChatContentForPanel: hasPanelWithBackButton
16006
16378
  }));
16007
16379
  }
16008
16380
  renderHydrationPanel() {
@@ -16103,7 +16475,8 @@ class MainWindow extends Component {
16103
16475
  animationOnClose: AnimationOutType.SLIDE_OUT_TO_BOTTOM,
16104
16476
  shouldOpen: iFramePanelState.isOpen,
16105
16477
  serviceManager: serviceManager,
16106
- overlayPanelName: PageObjectId.IFRAME_PANEL
16478
+ overlayPanelName: PageObjectId.IFRAME_PANEL,
16479
+ hasBackButton: true
16107
16480
  }, React.createElement(IFramePanelExport, {
16108
16481
  ref: this.iframePanelRef,
16109
16482
  onClickClose: this.onClose,
@@ -16122,7 +16495,8 @@ class MainWindow extends Component {
16122
16495
  animationOnClose: AnimationOutType.SLIDE_OUT_TO_BOTTOM,
16123
16496
  shouldOpen: viewSourcePanelState.isOpen,
16124
16497
  serviceManager: serviceManager,
16125
- overlayPanelName: PageObjectId.CONVERSATIONAL_SEARCH_CITATION_PANEL
16498
+ overlayPanelName: PageObjectId.CONVERSATIONAL_SEARCH_CITATION_PANEL,
16499
+ hasBackButton: true
16126
16500
  }, React.createElement(ViewSourcePanelExport, {
16127
16501
  ref: this.viewSourcePanelRef,
16128
16502
  onClickClose: this.onClose,
@@ -17089,7 +17463,7 @@ function AppShell({serviceManager: serviceManager, hostElement: hostElement, sty
17089
17463
  }))))))));
17090
17464
  }
17091
17465
 
17092
- var css_248z = ".cds-custom--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-custom--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-custom--layout-constraint--size__min-xs{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem);\n}\n\n.cds-custom--layout-constraint--size__max-xs{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem);\n}\n\n.cds-custom--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-custom--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-custom--layout-constraint--size__min-sm{\n --cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem);\n}\n\n.cds-custom--layout-constraint--size__max-sm{\n --cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem);\n}\n\n.cds-custom--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-custom--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-custom--layout-constraint--size__min-md{\n --cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem);\n}\n\n.cds-custom--layout-constraint--size__max-md{\n --cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem);\n}\n\n.cds-custom--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-custom--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-custom--layout-constraint--size__min-lg{\n --cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem);\n}\n\n.cds-custom--layout-constraint--size__max-lg{\n --cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem);\n}\n\n.cds-custom--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-custom--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-custom--layout-constraint--size__min-xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem);\n}\n\n.cds-custom--layout-constraint--size__max-xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem);\n}\n\n.cds-custom--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-custom--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-custom--layout-constraint--size__min-2xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem);\n}\n\n.cds-custom--layout-constraint--size__max-2xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem);\n}\n\n.cds-custom--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-custom--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-custom--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-custom--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-custom--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-custom--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-custom--layout-constraint--density__min-normal{\n --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n\n.cds-custom--layout-constraint--density__max-normal{\n --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n\n:root{\n --cds-layout-size-height-xs:1.5rem;\n --cds-layout-size-height-sm:2rem;\n --cds-layout-size-height-md:2.5rem;\n --cds-layout-size-height-lg:3rem;\n --cds-layout-size-height-xl:4rem;\n --cds-layout-size-height-2xl:5rem;\n --cds-layout-size-height-min:0px;\n --cds-layout-size-height-max:999999999px;\n --cds-layout-density-padding-inline-condensed:0.5rem;\n --cds-layout-density-padding-inline-normal:1rem;\n --cds-layout-density-padding-inline-min:0px;\n --cds-layout-density-padding-inline-max:999999999px;\n}\n\n:host{\n block-size:100%;\n --cds-layout-size-height-xs:1.5rem;\n --cds-layout-size-height-sm:2rem;\n --cds-layout-size-height-md:2.5rem;\n --cds-layout-size-height-lg:3rem;\n --cds-layout-size-height-xl:4rem;\n --cds-layout-size-height-2xl:5rem;\n --cds-layout-size-height-min:0px;\n --cds-layout-size-height-max:999999999px;\n --cds-layout-density-padding-inline-condensed:0.5rem;\n --cds-layout-density-padding-inline-normal:1rem;\n --cds-layout-density-padding-inline-min:0px;\n --cds-layout-density-padding-inline-max:999999999px;\n}\n:host html,\n:host body,\n:host div,\n:host span,\n:host applet,\n:host object,\n:host iframe,\n:host h1,\n:host h2,\n:host h3,\n:host h4,\n:host h5,\n:host h6,\n:host p,\n:host blockquote,\n:host pre,\n:host a,\n:host abbr,\n:host acronym,\n:host address,\n:host big,\n:host cite,\n:host code,\n:host del,\n:host dfn,\n:host em,\n:host img,\n:host ins,\n:host kbd,\n:host q,\n:host s,\n:host samp,\n:host small,\n:host strike,\n:host strong,\n:host sub,\n:host sup,\n:host tt,\n:host var,\n:host b,\n:host u,\n:host i,\n:host center,\n:host dl,\n:host dt,\n:host dd,\n:host ol,\n:host ul,\n:host li,\n:host fieldset,\n:host form,\n:host label,\n:host legend,\n:host table,\n:host caption,\n:host tbody,\n:host tfoot,\n:host thead,\n:host tr,\n:host th,\n:host td,\n:host article,\n:host aside,\n:host canvas,\n:host details,\n:host embed,\n:host figure,\n:host figcaption,\n:host footer,\n:host header,\n:host hgroup,\n:host menu,\n:host nav,\n:host output,\n:host ruby,\n:host section,\n:host summary,\n:host time,\n:host mark,\n:host audio,\n:host video{\n padding:0;\n border:0;\n margin:0;\n font:inherit;\n font-feature-settings:\"liga\" 1;\n font-size:100%;\n vertical-align:baseline;\n}\n:host button,\n:host select,\n:host input,\n:host textarea{\n border-radius:0;\n font-family:inherit;\n}\n:host{\n}\n:host article,\n:host aside,\n:host details,\n:host figcaption,\n:host figure,\n:host footer,\n:host header,\n:host hgroup,\n:host menu,\n:host nav,\n:host section{\n display:block;\n}\n:host body{\n background-color:var(--cds-background, #ffffff);\n color:var(--cds-text-primary, #161616);\n line-height:1;\n}\n:host ol,\n:host ul{\n list-style:none;\n}\n:host blockquote,\n:host q{\n quotes:none;\n}\n:host blockquote::before,\n:host blockquote::after,\n:host q::before,\n:host q::after{\n content:none;\n}\n:host table{\n border-collapse:collapse;\n border-spacing:0;\n}\n:host html{\n box-sizing:border-box;\n}\n:host *,\n:host *::before,\n:host *::after{\n box-sizing:inherit;\n}\n:host html{\n font-size:100%;\n}\n:host body{\n font-weight:400;\n font-family:'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n -moz-osx-font-smoothing:grayscale;\n -webkit-font-smoothing:antialiased;\n text-rendering:optimizeLegibility;\n}\n:host code{\n font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host strong{\n font-weight:600;\n}\n@media screen and (-ms-high-contrast: active){\n :host svg{\n fill:ButtonText;\n }\n}\n:host h1{\n font-size:var(--cds-heading-06-font-size, 2.625rem);\n font-weight:var(--cds-heading-06-font-weight, 300);\n line-height:var(--cds-heading-06-line-height, 1.199);\n letter-spacing:var(--cds-heading-06-letter-spacing, 0);\n}\n:host h2{\n font-size:var(--cds-heading-05-font-size, 2rem);\n font-weight:var(--cds-heading-05-font-weight, 400);\n line-height:var(--cds-heading-05-line-height, 1.25);\n letter-spacing:var(--cds-heading-05-letter-spacing, 0);\n}\n:host h3{\n font-size:var(--cds-heading-04-font-size, 1.75rem);\n font-weight:var(--cds-heading-04-font-weight, 400);\n line-height:var(--cds-heading-04-line-height, 1.28572);\n letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n}\n:host h4{\n font-size:var(--cds-heading-03-font-size, 1.25rem);\n font-weight:var(--cds-heading-03-font-weight, 400);\n line-height:var(--cds-heading-03-line-height, 1.4);\n letter-spacing:var(--cds-heading-03-letter-spacing, 0);\n}\n:host h5{\n font-size:var(--cds-heading-02-font-size, 1rem);\n font-weight:var(--cds-heading-02-font-weight, 600);\n line-height:var(--cds-heading-02-line-height, 1.5);\n letter-spacing:var(--cds-heading-02-letter-spacing, 0);\n}\n:host h6{\n font-size:var(--cds-heading-01-font-size, 0.875rem);\n font-weight:var(--cds-heading-01-font-weight, 600);\n line-height:var(--cds-heading-01-line-height, 1.42857);\n letter-spacing:var(--cds-heading-01-letter-spacing, 0.16px);\n}\n:host p{\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n}\n:host a{\n color:var(--cds-link-primary, #0062fe);\n}\n:host em{\n font-style:italic;\n}\n:host{\n}\n@keyframes cds-custom-aichat-fade-in{\n 0%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-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-custom-aichat-fade-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-fade-in-img{\n 0%{\n filter:grayscale(100%);\n opacity:0;\n }\n 100%{\n filter:grayscale(0%);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-slide-in-from-right{\n from{\n inset-inline-start:100%;\n }\n to{\n inset-inline-start:0;\n }\n}\n@keyframes cds-custom-aichat-slide-out-to-right{\n from{\n inset-inline-start:0;\n }\n to{\n inset-inline-start:100%;\n }\n}\n@keyframes cds-custom-aichat-slide-out-to-top{\n from{\n inset-block-start:0;\n }\n to{\n inset-block-start:-100%;\n }\n}\n@keyframes cds-custom-aichat-slide-in-from-left{\n from{\n inset-inline-end:100%;\n }\n to{\n inset-inline-end:0;\n }\n}\n@keyframes cds-custom-aichat-slide-out-to-left{\n from{\n inset-inline-end:0;\n }\n to{\n inset-inline-end:100%;\n }\n}\n@keyframes cds-custom-aichat-slide-in-from-bottom{\n from{\n inset-block-start:100%;\n }\n to{\n inset-block-start:0;\n }\n}\n@keyframes cds-custom-aichat-slide-out-to-bottom{\n from{\n inset-block-start:0;\n }\n to{\n inset-block-start:100%;\n }\n}\n@keyframes cds-custom-aichat-widget-in{\n 0%{\n inset-block-end:0;\n opacity:0;\n }\n 100%{\n inset-block-end:var(--cds-custom-aichat-bottom-position, 3rem);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-widget-in-mobile{\n 0%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-widget-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-fade-in-up-back-button{\n 0%{\n opacity:0;\n transform:translate(-50%, calc(-100% - 1rem + 2rem));\n }\n 15%{\n opacity:0;\n }\n 50%{\n transform:translate(-50%, calc(-100% - 1rem));\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-in{\n 0%{\n inset-block-end:calc(var(--cds-custom-aichat-launcher-position-bottom, 3rem) - 1rem);\n opacity:0;\n }\n 100%{\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-bounce{\n 0%{\n transform:translateY(0);\n }\n 30%{\n transform:translateY(-10px);\n }\n 50%{\n transform:translateY(0);\n }\n 70%{\n transform:translateY(-10px);\n }\n 100%{\n transform:translateY(0);\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-in-slide-up{\n 0%{\n background:transparent;\n box-shadow:none;\n inset-block-end:calc(2rem + var(--cds-custom-aichat-launcher-default-size, 56px) + var(--cds-custom-aichat-launcher-position-bottom, 3rem) - var(--cds-custom-aichat-launcher-desktop-expanded-height, 320px));\n }\n 30%{\n background:transparent;\n box-shadow:none;\n }\n 100%{\n background:var(--cds-custom-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:4rem;\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-in-text{\n 0%{\n opacity:0;\n }\n 40%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-resize-reposition{\n 0%{\n padding:0;\n border-radius:28px;\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-end:var(--cds-custom-aichat-launcher-position-right, 2rem);\n }\n 100%{\n padding:0 60px 60px 0;\n border-radius:5rem;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-end:calc(-1 * 5rem);\n }\n}\n@keyframes cds-custom-aichat-launcher-resize-reposition-rtl{\n 0%{\n padding:0;\n border-radius:28px;\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-start:var(--cds-custom-aichat-launcher-position-right, 2rem);\n }\n 100%{\n padding:0 0 60px 60px;\n border-radius:5rem;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-start:calc(-1 * 5rem);\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-in-close-button{\n 0%{\n opacity:0;\n }\n 80%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-avatar-resize{\n 0%{\n block-size:32px;\n inline-size:32px;\n }\n 100%{\n block-size:48px;\n inline-size:48px;\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-in-slide-up-small-expanded{\n 0%{\n inset-block-end:-160px;\n opacity:0;\n }\n 30%{\n opacity:0;\n }\n 100%{\n inset-block-end:calc(-1 * 5rem);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-out-slide-down{\n 0%{\n background:var(--cds-custom-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:4rem;\n }\n 40%{\n background:transparent;\n box-shadow:none;\n }\n 100%{\n background:transparent;\n box-shadow:none;\n inset-block-end:calc(2rem + var(--cds-custom-aichat-launcher-default-size, 56px) + var(--cds-custom-aichat-launcher-position-bottom, 3rem) - var(--cds-custom-aichat-launcher-desktop-expanded-height, 320px));\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-out{\n 0%{\n opacity:1;\n }\n 40%{\n opacity:0;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-launcher-default-size-position{\n 0%{\n padding:0 60px 60px 0;\n border-radius:5rem;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-end:calc(-1 * 5rem);\n }\n 100%{\n padding:0;\n border-radius:28px;\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-end:var(--cds-custom-aichat-launcher-position-right, 2rem);\n }\n}\n@keyframes cds-custom-aichat-launcher-default-size-position-rtl{\n 0%{\n padding:0 0 60px 60px;\n border-radius:5rem;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-start:calc(-1 * 5rem);\n }\n 100%{\n padding:0;\n border-radius:28px;\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-start:var(--cds-custom-aichat-launcher-position-right, 2rem);\n }\n}\n@keyframes cds-custom-aichat-launcher-icon-to-32{\n 0%{\n inline-size:24px;\n }\n 100%{\n inline-size:32px;\n }\n}\n@keyframes cds-custom-aichat-launcher-icon-to-24{\n 0%{\n inline-size:32px;\n }\n 100%{\n inline-size:24px;\n }\n}\n@keyframes cds-custom-aichat-launcher-partially-round{\n 0%{\n border-radius:28px;\n }\n 100%{\n border-radius:14px;\n }\n}\n@keyframes cds-custom-aichat-launcher-completely-round{\n 0%{\n border-radius:14px;\n }\n 100%{\n border-radius:28px;\n }\n}\n@keyframes cds-custom-aichat-launcher-extend{\n 0%{\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n }\n 100%{\n inline-size:var(--cds-custom-aichat-launcher-extended-width, 280px);\n }\n}\n@keyframes cds-custom-aichat-launcher-reduce{\n 0%{\n inline-size:var(--cds-custom-aichat-launcher-extended-width, 280px);\n }\n 100%{\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n }\n}\n@keyframes cds-custom-aichat-launcher-extended-element-fade-in{\n 0%{\n inset-block-end:-16px;\n opacity:0;\n }\n 50%, 100%{\n inset-block-end:0;\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-extended-element-fade-out{\n 0%{\n inset-block-start:0;\n opacity:1;\n }\n 50%, 100%{\n inset-block-start:-16px;\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-linear-load-size{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:0;\n }\n 25%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:2.5px;\n }\n 83.3%{\n r:0.875px;\n }\n 100%{\n r:0.875px;\n }\n}\n@keyframes cds-custom-aichat-linear-load-stroke{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n stroke-width:0;\n }\n 8.33%{\n stroke-width:1.72;\n }\n 100%{\n stroke-width:1.72;\n }\n}\n@keyframes cds-custom-aichat-linear-loop-size{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:0.875px;\n }\n 25%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:2.5px;\n }\n 91.66%{\n r:0.875px;\n }\n 100%{\n r:0.875px;\n }\n}\n@keyframes cds-custom-aichat-linear-loop-stroke{\n 0%{\n animation-timing-function:cubic-bezier(0.4, 0.14, 1, 1);\n stroke-width:1.72;\n }\n 100%{\n stroke-width:1.72;\n }\n}\n@keyframes cds-custom-aichat-linear-unload-size{\n 0%{\n r:0.875px;\n }\n 8.33%{\n r:0.875px;\n }\n 33.33%{\n animation-timing-function:cubic-bezier(0.4, 0.14, 1, 1);\n r:2.5px;\n }\n 58.33%{\n r:0;\n }\n 100%{\n r:0;\n }\n}\n@keyframes cds-custom-aichat-linear-unload-stroke{\n 0%{\n stroke-width:1.72;\n }\n 50%{\n stroke-width:1.72;\n }\n 58.33%{\n stroke-width:0;\n }\n 100%{\n stroke-width:0;\n }\n}\n@keyframes cds-custom-aichat-widget-in{\n 0%{\n inset-block-end:calc(var(--cds-custom-aichat-bottom-position, 3rem) - 2rem);\n opacity:0;\n }\n 100%{\n inset-block-end:var(--cds-custom-aichat-bottom-position, 3rem);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-widget-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-linear-load-size{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:0;\n }\n 25%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:2.5px;\n }\n 83.3%{\n r:0.875px;\n }\n 100%{\n r:0.875px;\n }\n}\n@keyframes cds-custom-aichat-linear-load-stroke{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n stroke-width:0;\n }\n 8.33%{\n stroke-width:1.72;\n }\n 100%{\n stroke-width:1.72;\n }\n}\n@keyframes cds-custom-aichat-linear-loop-size{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:0.875px;\n }\n 25%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:2.5px;\n }\n 91.66%{\n r:0.875px;\n }\n 100%{\n r:0.875px;\n }\n}\n@keyframes cds-custom-aichat-linear-loop-stroke{\n 0%{\n animation-timing-function:cubic-bezier(0.4, 0.14, 1, 1);\n stroke-width:1.72;\n }\n 100%{\n stroke-width:1.72;\n }\n}\n@keyframes cds-custom-aichat-linear-unload-size{\n 0%{\n r:0.875px;\n }\n 8.33%{\n r:0.875px;\n }\n 33.33%{\n animation-timing-function:cubic-bezier(0.4, 0.14, 1, 1);\n r:2.5px;\n }\n 58.33%{\n r:0;\n }\n 100%{\n r:0;\n }\n}\n@keyframes cds-custom-aichat-linear-unload-stroke{\n 0%{\n stroke-width:1.72;\n }\n 50%{\n stroke-width:1.72;\n }\n 58.33%{\n stroke-width:0;\n }\n 100%{\n stroke-width:0;\n }\n}\n:host{\n}\n:host .cds-custom-aichat--container--render{\n --cds-custom-aichat-max-height:640px;\n --cds-custom-aichat-min-height:max(\n 150px,\n calc(min(256px, 100vh) - var(--cds-custom-aichat-bottom-position))\n );\n --cds-custom-aichat-max-width:672px;\n --cds-custom-aichat-bottom-position:3rem;\n --cds-custom-aichat-right-position:2rem;\n --cds-custom-aichat-top-position:auto;\n --cds-custom-aichat-left-position:auto;\n --cds-custom-aichat-z-index:99999;\n --cds-custom-aichat-border-radius:0;\n --cds-custom-aichat-ai-background-image:linear-gradient(\n to bottom,\n var(--cds-chat-shell-background, #ffffff) 0,\n var(--cds-chat-shell-background, #ffffff) 50%,\n var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%,\n var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 100%\n );\n --cds-custom-aichat-ai-box-shadow-inner:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));\n --cds-custom-aichat-ai-box-shadow-outer:0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));\n --cds-custom-aichat-card-border-radius:0.5rem;\n --cds-custom-aichat-card-max-width:424px;\n --cds-custom-aichat-box-shadow:1px 0 4px hsl(0deg 0% 9% / 30%);\n --cds-custom-aichat-width:min(380px, var(--cds-custom-aichat-max-width));\n --cds-custom-aichat-height:calc(100vh - (2 * 2rem));\n --cds-custom-aichat-launcher-default-size:56px;\n --cds-custom-aichat-launcher-position-bottom:3rem;\n --cds-custom-aichat-launcher-position-right:2rem;\n --cds-custom-aichat-launcher-extended-width:280px;\n --cds-custom-aichat-launcher-desktop-expanded-height:320px;\n --cds-custom-aichat-launcher-position-bottom-mobile:1rem;\n --cds-custom-aichat-launcher-color-background:var(--cds-button-primary, #0f62fe);\n --cds-custom-aichat-launcher-color-avatar:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-launcher-color-background-hover:var(--cds-button-primary-hover, #0050e6);\n --cds-custom-aichat-launcher-color-background-active:var(--cds-button-primary-active, #002d9c);\n --cds-custom-aichat-launcher-color-focus-border:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-launcher-mobile-color-text:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-launcher-expanded-message-color-text:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-launcher-expanded-message-color-background:var(--cds-button-primary, #0f62fe);\n --cds-custom-aichat-launcher-expanded-message-color-background-hover:var(--cds-button-primary-hover, #0050e6);\n --cds-custom-aichat-launcher-expanded-message-color-background-active:var(--cds-button-primary-active, #002d9c);\n --cds-custom-aichat-launcher-expanded-message-color-focus-border:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-unread-indicator-color-background:var(--cds-support-error, #da1e28);\n --cds-custom-aichat-unread-indicator-color-text:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom-aichat--container--render .cds-custom-aichat--widget--rounded{\n --cds-custom-aichat-border-radius:0.5rem;\n}\n:host .cds-custom-aichat--container--render.cds-custom-aichat---is-phone{\n --cds-custom-aichat-width:calc(100vw - 4px);\n --cds-custom-aichat-height:calc(100vh - 4px);\n --cds-custom-aichat-left-position:2;\n --cds-custom-aichat-top-position:2;\n --cds-custom-aichat-max-height:auto;\n --cds-custom-aichat-min-height:auto;\n --cds-custom-aichat-right-position:auto;\n}\n@supports (height: 100dvh){\n :host .cds-custom-aichat--container--render.cds-custom-aichat---is-phone{\n --cds-custom-aichat-width:calc(100dvw - 4px);\n --cds-custom-aichat-height:calc(100dvh - 4px);\n }\n}\n:host{\n}\n:host .cds-custom--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-custom--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-custom--layout-constraint--size__min-xs{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem);\n}\n:host .cds-custom--layout-constraint--size__max-xs{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem);\n}\n:host .cds-custom--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-custom--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-custom--layout-constraint--size__min-sm{\n --cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem);\n}\n:host .cds-custom--layout-constraint--size__max-sm{\n --cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem);\n}\n:host .cds-custom--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-custom--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-custom--layout-constraint--size__min-md{\n --cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem);\n}\n:host .cds-custom--layout-constraint--size__max-md{\n --cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem);\n}\n:host .cds-custom--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-custom--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-custom--layout-constraint--size__min-lg{\n --cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem);\n}\n:host .cds-custom--layout-constraint--size__max-lg{\n --cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem);\n}\n:host .cds-custom--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-custom--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-custom--layout-constraint--size__min-xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem);\n}\n:host .cds-custom--layout-constraint--size__max-xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem);\n}\n:host .cds-custom--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-custom--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-custom--layout-constraint--size__min-2xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem);\n}\n:host .cds-custom--layout-constraint--size__max-2xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem);\n}\n:host .cds-custom--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-custom--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-custom--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-custom--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-custom--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-custom--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-custom--layout-constraint--density__min-normal{\n --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n:host .cds-custom--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-custom--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-custom--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-custom--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-custom--layer-one.cds-custom--layer__with-background{\n background-color:var(--cds-layer-background);\n}\n:host .cds-custom--layer-two.cds-custom--layer__with-background{\n background-color:var(--cds-layer-background);\n}\n:host .cds-custom--layer-three.cds-custom--layer__with-background{\n background-color:var(--cds-layer-background);\n}\n@keyframes cds-custom--hide-feedback{\n 0%{\n opacity:1;\n visibility:inherit;\n }\n 100%{\n opacity:0;\n visibility:hidden;\n }\n}\n@keyframes cds-custom--show-feedback{\n 0%{\n opacity:0;\n visibility:hidden;\n }\n 100%{\n opacity:1;\n visibility:inherit;\n }\n}\n@keyframes cds-custom--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{\n}\n:host .cds-custom--assistive-text,\n:host .cds-custom--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-custom--popover-container{\n display:inline-block;\n}\n:host .cds-custom--popover-container:not(.cds-custom--popover--auto-align){\n position:relative;\n}\n:host .cds-custom--popover--high-contrast .cds-custom--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-custom--popover--drop-shadow .cds-custom--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-custom--popover--border .cds-custom--popover > .cds-custom--popover-content{\n outline:1px solid var(--cds-popover-border-color, var(--cds-border-subtle));\n outline-offset:-1px;\n}\n:host .cds-custom--popover--caret{\n --cds-popover-offset:0.625rem;\n}\n:host .cds-custom--popover{\n position:absolute;\n z-index:6000;\n inset:0;\n pointer-events:none;\n}\n:host .cds-custom--popover-content{\n --cds-layout-size-height-sm:2rem;\n}\n:host .cds-custom--popover-content.cds-custom--layout--size-sm, :host .cds-custom--layout--size-sm :where(.cds-custom--popover-content){\n --cds-layout-size-height:var(--cds-layout-size-height-sm);\n}\n:host .cds-custom--popover-content{\n --cds-layout-size-height-md:2.5rem;\n}\n:host .cds-custom--popover-content.cds-custom--layout--size-md, :host .cds-custom--layout--size-md :where(.cds-custom--popover-content){\n --cds-layout-size-height:var(--cds-layout-size-height-md);\n}\n:host .cds-custom--popover-content{\n --cds-layout-size-height-lg:3rem;\n}\n:host .cds-custom--popover-content.cds-custom--layout--size-lg, :host .cds-custom--layout--size-lg :where(.cds-custom--popover-content){\n --cds-layout-size-height:var(--cds-layout-size-height-lg);\n}\n:host .cds-custom--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-custom--popover-content *,\n:host .cds-custom--popover-content *::before,\n:host .cds-custom--popover-content *::after{\n box-sizing:inherit;\n}\n:host .cds-custom--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-custom--popover--open > .cds-custom--popover > .cds-custom--popover-content{\n display:block;\n}\n:host .cds-custom--popover--background-token__background .cds-custom--popover-content{\n background-color:var(--cds-background, #ffffff);\n}\n:host .cds-custom--popover-content::before{\n position:absolute;\n display:none;\n content:\"\";\n}\n:host .cds-custom--popover--open > .cds-custom--popover > .cds-custom--popover-content::before{\n display:block;\n}\n:host .cds-custom--popover-caret,\n:host .cds-custom--popover--auto-align.cds-custom--popover-caret{\n position:absolute;\n z-index:6000;\n display:none;\n will-change:transform;\n}\n:host .cds-custom--popover-caret::after,\n:host .cds-custom--popover--auto-align.cds-custom--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-custom--popover-caret::before,\n:host .cds-custom--popover--auto-align.cds-custom--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-custom--popover--background-token__background .cds-custom--popover-caret::after{\n background-color:var(--cds-background, #ffffff);\n}\n:host .cds-custom--popover--border .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border .cds-custom--popover--auto-align.cds-custom--popover-caret::before{\n display:block;\n}\n:host .cds-custom--popover--caret.cds-custom--popover--open > .cds-custom--popover > .cds-custom--popover-caret{\n display:block;\n}\n:host .cds-custom--popover--auto-align.cds-custom--popover--caret.cds-custom--popover--open > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret{\n display:block;\n}\n:host .cds-custom--popover--tab-tip > .cds-custom--popover > .cds-custom--popover-caret{\n display:none;\n}\n:host .cds-custom--popover--bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-end:0;\n inset-inline-start:50%;\n transform:translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds-custom--popover--bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n transform:translate(50%, calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host .cds-custom--popover--bottom-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--bottom-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--bottom-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--bottom-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--bottom-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--bottom-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--bottom-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--bottom-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n}\n:host .cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--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-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--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-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--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-custom--popover--border.cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--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-custom--popover--border.cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--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-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--popover-caret{\n transform:translate(50%, var(--cds-popover-offset, 0rem));\n}\n:host .cds-custom--popover--bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--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-custom--popover--bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--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-custom--popover--border.cds-custom--popover--bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--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-custom--popover--border.cds-custom--popover--bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--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-custom--popover--top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n transform:translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host .cds-custom--popover--top-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--top-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--top-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--top-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n}\n:host .cds-custom--popover--top > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--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-custom--popover--top > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--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-custom--popover--top > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--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-custom--popover--border.cds-custom--popover--top > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--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-custom--popover--border.cds-custom--popover--top > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--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-custom--popover--top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--top-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--top-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret{\n transform:translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));\n}\n:host .cds-custom--popover--top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--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-custom--popover--top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--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-custom--popover--border.cds-custom--popover--top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--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-custom--popover--border.cds-custom--popover--top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--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-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:100%;\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--right > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--right-top > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--right-start > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--right-bottom > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--right-end > .cds-custom--popover > .cds-custom--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-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret{\n inset-inline-end:100%;\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--border.cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--border.cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n inset-inline-start:1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n inset-inline-start:-1px;\n}\n:host .cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--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-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--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-custom--popover--border.cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--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-custom--popover--border.cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inset-inline-start:1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before{\n margin-inline-start:1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inset-inline-start:0;\n}\n:host .cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:initial;\n inset-inline-start:100%;\n}\n:host .cds-custom--popover--left > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--left-top > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--left-start > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--left-bottom > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--left-end > .cds-custom--popover > .cds-custom--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-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret{\n inset-inline-end:initial;\n inset-inline-start:100%;\n}\n:host .cds-custom--popover--border.cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--border.cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n inset-inline-start:-1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n inset-inline-start:1px;\n}\n:host .cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--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-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--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-custom--popover--border.cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--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-custom--popover--border.cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inset-inline-start:-1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before{\n margin-inline-start:-1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inset-inline-start:0;\n}\n:host .cds-custom--popover--tab-tip > .cds-custom--popover > .cds-custom--popover-content{\n border-radius:0;\n}\n:host .cds-custom--popover--tab-tip.cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--tab-tip.cds-custom--popover--bottom-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--tab-tip.cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--tab-tip.cds-custom--popover--bottom-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-start:0;\n}\n:host .cds-custom--popover--tab-tip.cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--tab-tip.cds-custom--popover--bottom-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--tab-tip.cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--tab-tip.cds-custom--popover--bottom-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:0;\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--tab-tip .cds-custom--popover{\n will-change:filter;\n}\n:host .cds-custom--popover--tab-tip__button{\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-custom--popover--tab-tip__button *,\n:host .cds-custom--popover--tab-tip__button *::before,\n:host .cds-custom--popover--tab-tip__button *::after{\n box-sizing:inherit;\n}\n:host .cds-custom--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}\n:host .cds-custom--popover--tab-tip__button::-moz-focus-inner{\n border:0;\n}\n:host .cds-custom--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-custom--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-custom--popover--tab-tip__button:focus{\n outline-style:dotted;\n }\n}\n:host .cds-custom--popover--tab-tip__button:hover{\n background-color:var(--cds-layer-hover);\n}\n:host .cds-custom--popover--tab-tip.cds-custom--popover--open .cds-custom--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-custom--popover--tab-tip.cds-custom--popover--open .cds-custom--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-custom--popover--tab-tip__button svg{\n fill:var(--cds-icon-primary, #161616);\n}\n:host .cds-custom--tooltip{\n --cds-popover-offset:12px;\n}\n:host .cds-custom--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-custom--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-custom--icon-tooltip .cds-custom--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-custom--definition-term{\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-custom--definition-term *,\n:host .cds-custom--definition-term *::before,\n:host .cds-custom--definition-term *::after{\n box-sizing:inherit;\n}\n:host .cds-custom--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}\n:host .cds-custom--definition-term::-moz-focus-inner{\n border:0;\n}\n:host .cds-custom--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-custom--definition-term:focus{\n outline:1px solid var(--cds-focus, #0f62fe);\n}\n@media screen and (prefers-contrast){\n :host .cds-custom--definition-term:focus{\n outline-style:dotted;\n }\n}\n:host .cds-custom--definition-term:focus{\n border-block-end-color:var(--cds-border-interactive, #0f62fe);\n}\n:host .cds-custom--definition-term:hover{\n border-block-end-color:var(--cds-border-interactive, #0f62fe);\n}\n:host .cds-custom--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-custom--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-custom--btn *,\n:host .cds-custom--btn *::before,\n:host .cds-custom--btn *::after{\n box-sizing:inherit;\n}\n:host .cds-custom--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-custom--btn:disabled, :host .cds-custom--btn:hover:disabled, :host .cds-custom--btn:focus:disabled, :host .cds-custom--btn.cds-custom--btn--disabled, :host .cds-custom--btn.cds-custom--btn--disabled:hover, :host .cds-custom--btn.cds-custom--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-custom--btn .cds-custom--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-custom--btn::-moz-focus-inner{\n padding:0;\n border:0;\n}\n:host .cds-custom--btn--primary{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:var(--cds-button-primary, #0f62fe);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--primary:hover{\n background-color:var(--cds-button-primary-hover, #0050e6);\n}\n:host .cds-custom--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-custom--btn--primary:active{\n background-color:var(--cds-button-primary-active, #002d9c);\n}\n:host .cds-custom--btn--primary .cds-custom--btn__icon,\n:host .cds-custom--btn--primary .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--primary:hover{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--secondary{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:var(--cds-button-secondary, #393939);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--secondary:hover{\n background-color:var(--cds-button-secondary-hover, #474747);\n}\n:host .cds-custom--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-custom--btn--secondary:active{\n background-color:var(--cds-button-secondary-active, #6f6f6f);\n}\n:host .cds-custom--btn--secondary .cds-custom--btn__icon,\n:host .cds-custom--btn--secondary .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--secondary:hover, :host .cds-custom--btn--secondary:focus{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--tertiary{\n border-width:1px;\n border-style:solid;\n border-color:var(--cds-button-tertiary, #0f62fe);\n background-color:transparent;\n color:var(--cds-button-tertiary, #0f62fe);\n}\n:host .cds-custom--btn--tertiary:hover{\n background-color:var(--cds-button-tertiary-hover, #0050e6);\n}\n:host .cds-custom--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-custom--btn--tertiary:active{\n background-color:var(--cds-button-tertiary-active, #002d9c);\n}\n:host .cds-custom--btn--tertiary .cds-custom--btn__icon,\n:host .cds-custom--btn--tertiary .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--tertiary:hover{\n color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds-custom--btn--tertiary:focus{\n background-color:var(--cds-button-tertiary, #0f62fe);\n color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds-custom--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-custom--btn--tertiary:disabled, :host .cds-custom--btn--tertiary:hover:disabled, :host .cds-custom--btn--tertiary:focus:disabled, :host .cds-custom--btn--tertiary.cds-custom--btn--disabled, :host .cds-custom--btn--tertiary.cds-custom--btn--disabled:hover, :host .cds-custom--btn--tertiary.cds-custom--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-custom--btn--ghost{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:transparent;\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-custom--btn--ghost:hover{\n background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n}\n:host .cds-custom--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-custom--btn--ghost:active{\n background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds-custom--btn--ghost .cds-custom--btn__icon,\n:host .cds-custom--btn--ghost .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--ghost{\n padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);\n}\n:host .cds-custom--btn--ghost .cds-custom--btn__icon{\n position:static;\n align-self:center;\n margin-inline-start:0.5rem;\n}\n:host .cds-custom--btn--ghost:hover, :host .cds-custom--btn--ghost:active{\n color:var(--cds-link-primary-hover, #0043ce);\n}\n:host .cds-custom--btn--ghost:active{\n background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds-custom--btn--ghost:disabled, :host .cds-custom--btn--ghost:hover:disabled, :host .cds-custom--btn--ghost:focus:disabled, :host .cds-custom--btn--ghost.cds-custom--btn--disabled, :host .cds-custom--btn--ghost.cds-custom--btn--disabled:hover, :host .cds-custom--btn--ghost.cds-custom--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-custom--btn--ghost:not([disabled]) svg{\n fill:var(--cds-icon-primary, #161616);\n}\n:host .cds-custom--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-custom--btn--icon-only > :first-child{\n min-inline-size:1rem;\n}\n:host .cds-custom--btn--icon-only .cds-custom--btn__icon{\n position:static;\n}\n:host .cds-custom--btn--icon-only.cds-custom--btn--ghost .cds-custom--btn__icon, :host .cds-custom--btn--icon-only.cds-custom--btn--danger--ghost .cds-custom--btn__icon{\n margin:0;\n}\n:host .cds-custom--btn--icon-only.cds-custom--btn--danger--ghost{\n padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 1rem);\n}\n:host .cds-custom--btn--xs:not(.cds-custom--btn--icon-only){\n padding-block-start:1.5px;\n}\n:host .cds-custom--btn--xs:not(.cds-custom--btn--icon-only) .cds-custom--btn__icon,\n:host .cds-custom--btn--sm:not(.cds-custom--btn--icon-only) .cds-custom--btn__icon,\n:host .cds-custom--btn--md:not(.cds-custom--btn--icon-only) .cds-custom--btn__icon{\n margin-block-start:0;\n}\n:host .cds-custom--btn--icon-only.cds-custom--btn--selected{\n background:var(--cds-background-selected, rgba(141, 141, 141, 0.2));\n}\n:host .cds-custom--btn path[data-icon-path=inner-path]{\n fill:none;\n}\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]),\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only .cds-custom--btn__icon{\n fill:var(--cds-icon-primary, #161616);\n}\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only[disabled] .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]),\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only[disabled] .cds-custom--btn__icon,\n:host .cds-custom--btn.cds-custom--btn--icon-only.cds-custom--btn--ghost[disabled]:hover .cds-custom--btn__icon{\n fill:var(--cds-icon-on-color-disabled, #8d8d8d);\n}\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only[disabled]{\n cursor:not-allowed;\n}\n:host .cds-custom--icon-tooltip--disabled .cds-custom--tooltip-trigger__wrapper{\n cursor:not-allowed;\n}\n:host .cds-custom--icon-tooltip--disabled .cds-custom--btn--icon-only[disabled]{\n pointer-events:none;\n}\n:host .cds-custom--btn--danger{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:var(--cds-button-danger-primary, #da1e28);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger:hover{\n background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds-custom--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-custom--btn--danger:active{\n background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds-custom--btn--danger .cds-custom--btn__icon,\n:host .cds-custom--btn--danger .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--danger:hover{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger--tertiary{\n border-width:1px;\n border-style:solid;\n border-color:var(--cds-button-danger-secondary, #da1e28);\n background-color:transparent;\n color:var(--cds-button-danger-secondary, #da1e28);\n}\n:host .cds-custom--btn--danger--tertiary:hover{\n background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds-custom--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-custom--btn--danger--tertiary:active{\n background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds-custom--btn--danger--tertiary .cds-custom--btn__icon,\n:host .cds-custom--btn--danger--tertiary .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--danger--tertiary:hover{\n border-color:var(--cds-button-danger-hover, #b81921);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--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-custom--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-custom--btn--danger--tertiary:disabled, :host .cds-custom--btn--danger--tertiary:hover:disabled, :host .cds-custom--btn--danger--tertiary:focus:disabled, :host .cds-custom--btn--danger--tertiary.cds-custom--btn--disabled, :host .cds-custom--btn--danger--tertiary.cds-custom--btn--disabled:hover, :host .cds-custom--btn--danger--tertiary.cds-custom--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-custom--btn--danger--ghost{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:transparent;\n color:var(--cds-button-danger-secondary, #da1e28);\n}\n:host .cds-custom--btn--danger--ghost:hover{\n background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds-custom--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-custom--btn--danger--ghost:active{\n background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds-custom--btn--danger--ghost .cds-custom--btn__icon,\n:host .cds-custom--btn--danger--ghost .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--danger--ghost{\n padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);\n}\n:host .cds-custom--btn--danger--ghost .cds-custom--btn__icon{\n position:static;\n margin-inline-start:0.5rem;\n}\n:host .cds-custom--btn--danger--ghost:hover, :host .cds-custom--btn--danger--ghost:active{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger--ghost:disabled, :host .cds-custom--btn--danger--ghost:hover:disabled, :host .cds-custom--btn--danger--ghost:focus:disabled, :host .cds-custom--btn--danger--ghost.cds-custom--btn--disabled, :host .cds-custom--btn--danger--ghost.cds-custom--btn--disabled:hover, :host .cds-custom--btn--danger--ghost.cds-custom--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-custom--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-custom--btn--icon-only.cds-custom--btn--expressive{\n padding:12px 13px;\n}\n:host .cds-custom--btn.cds-custom--btn--expressive .cds-custom--btn__icon{\n block-size:1.25rem;\n inline-size:1.25rem;\n}\n:host .cds-custom--btn-set .cds-custom--btn.cds-custom--btn--expressive{\n max-inline-size:20rem;\n}\n:host .cds-custom--btn.cds-custom--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-custom--btn.cds-custom--skeleton:hover, :host .cds-custom--btn.cds-custom--skeleton:focus, :host .cds-custom--btn.cds-custom--skeleton:active{\n border:none;\n cursor:default;\n outline:none;\n}\n:host .cds-custom--btn.cds-custom--skeleton::before{\n position:absolute;\n animation:3000ms ease-in-out cds-custom--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-custom--btn.cds-custom--skeleton::before{\n animation:none;\n }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--btn.cds-custom--skeleton{\n background:CanvasText;\n }\n :host .cds-custom--btn.cds-custom--skeleton::before{\n background:Canvas;\n forced-color-adjust:none;\n }\n}\n:host .cds-custom--btn.cds-custom--skeleton{\n inline-size:9.375rem;\n}\n:host .cds-custom--btn-set{\n display:flex;\n}\n:host .cds-custom--btn-set--stacked{\n flex-direction:column;\n}\n:host .cds-custom--btn-set .cds-custom--btn{\n inline-size:100%;\n max-inline-size:12.25rem;\n}\n:host .cds-custom--btn-set .cds-custom--btn:not(:focus){\n box-shadow:-0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-custom--btn-set .cds-custom--btn:first-of-type:not(:focus){\n box-shadow:inherit;\n}\n:host .cds-custom--btn-set .cds-custom--btn:focus + .cds-custom--btn{\n box-shadow:inherit;\n}\n:host .cds-custom--btn-set--stacked .cds-custom--btn:not(:focus){\n box-shadow:0 -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-custom--btn-set--stacked .cds-custom--btn:first-of-type:not(:focus){\n box-shadow:inherit;\n}\n:host .cds-custom--btn-set .cds-custom--btn.cds-custom--btn--disabled{\n box-shadow:-0.0625rem 0 0 0 var(--cds-icon-on-color-disabled, #8d8d8d);\n}\n:host .cds-custom--btn-set .cds-custom--btn.cds-custom--btn--disabled:first-of-type{\n box-shadow:none;\n}\n:host .cds-custom--btn-set--stacked .cds-custom--btn.cds-custom--btn--disabled{\n box-shadow:0 -0.0625rem 0 0 var(--cds-layer-selected-disabled, #8d8d8d);\n}\n:host .cds-custom--btn-set--stacked .cds-custom--btn.cds-custom--btn--disabled:first-of-type{\n box-shadow:none;\n}\n:host .cds-custom--btn-set .cds-custom--btn.cds-custom--btn--loading{\n border-color:transparent;\n background-color:transparent;\n box-shadow:none;\n}\n:host .cds-custom--btn--sm .cds-custom--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-custom--btn:focus{\n color:Highlight;\n outline:1px solid Highlight;\n }\n}\n:host [dir=rtl] .cds-custom--btn-set .cds-custom--btn:not(:focus){\n box-shadow:0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-custom-aichat--response-user-avatar img{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--response-user-avatar svg{\n fill:currentcolor;\n}\n:host .cds-custom-aichat--response-user-avatar .cds-custom-aichat--response-user-avatar__circle{\n border:2px solid currentcolor;\n border-radius:50%;\n background-color:transparent;\n font-weight:bold;\n}\n:host .cds-custom-aichat--response-user-avatar .cds-custom-aichat--response-user-avatar__circle .cds-custom-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-custom-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 inline-size:100%;\n}\n:host .cds-custom-aichat--human-agent-banner .cds-custom-aichat--response-user-avatar{\n margin:0 0.75rem 0 0;\n block-size:32px;\n inline-size:32px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--human-agent-banner .cds-custom-aichat--response-user-avatar{\n margin:0 0 0 0.75rem;\n}\n:host .cds-custom-aichat--human-agent-banner .cds-custom-aichat--response-user-avatar img{\n border-radius:16px;\n}\n:host .cds-custom-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-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--human-agent-banner__human-agent-info{\n padding:0 0 0 1rem;\n}\n:host .cds-custom-aichat--human-agent-banner__human-agent-line1{\n font-weight:600;\n}\n:host .cds-custom-aichat--human-agent-banner--connected .cds-custom-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-custom-aichat--human-agent-banner__human-agent-line2{\n padding-block-start:0.25rem;\n}\n:host .cds-custom-aichat--human-agent-banner__human-agent-line2,\n:host .cds-custom-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-custom-aichat--agent-banner__stop-sharing-button{\n inline-size:100%;\n max-inline-size:unset;\n}\n:host{\n}\n:host .cds-custom-aichat--custom-panel{\n display:flex;\n flex-direction:column;\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--custom-panel__content-container{\n overflow:auto;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n}\n:host .cds-custom-aichat--custom-panel .cds-custom-aichat--panel-content{\n flex:1;\n}\n:host{\n}\n:host .cds-custom-aichat--body-and-footer-component{\n display:flex;\n flex-direction:column;\n block-size:100%;\n}\n:host .cds-custom-aichat--body-and-footer-component .cds-custom-aichat--body-message-components{\n overflow:auto;\n flex:1;\n}\n:host .cds-custom-aichat--body-and-footer-component .cds-custom-aichat--panel-content{\n display:flex;\n flex:1;\n flex-direction:column;\n background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host{\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--header__header-bottom-element{\n margin:auto;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host .cds-custom-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{\n}\n:host .cds-custom-aichat--header{\n position:relative;\n display:flex;\n box-sizing:unset;\n justify-content:center;\n block-size:40px;\n border-block-end:1px solid var(--cds-border-subtle-00, #e0e0e0);\n inline-size:100%;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--header--content{\n position:relative;\n display:flex;\n inline-size:100%;\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--header--content{\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host .cds-custom-aichat--header__buttons{\n display:flex;\n align-items:center;\n}\n:host .cds-custom-aichat--header__buttons .cds-custom-aichat--header__slug{\n margin:0.5rem;\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--header--content{\n border-start-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--header__center-container{\n display:flex;\n overflow:hidden;\n flex:1;\n align-items:center;\n margin:0 0.25rem;\n}\n:host .cds-custom-aichat--header__center-container:first-child{\n margin:0 1rem;\n}\n:host .cds-custom-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-custom-aichat--header__slug-title{\n padding-block-end:0.75rem;\n}\n:host .cds-custom-aichat--header__overflow-menu{\n max-block-size:488px;\n}\n:host .cds-custom-aichat--header__overflow-menu svg,\n:host .cds-custom-aichat--header__back-button svg,\n:host .cds-custom-aichat--header__restart-button svg,\n:host .cds-custom-aichat--header__close-button svg{\n block-size:16px;\n inline-size:16px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--home-screen-header button.cds-custom-aichat--header__back-button{\n transform:none;\n}\n:host .cds-custom-aichat--header--with-avatar .cds-custom-aichat--header__center-container{\n margin-inline-start:0;\n}\n:host .cds-custom-aichat--header__left-items,\n:host .cds-custom-aichat--chat-header-overflow-menu__host-element,\n:host .cds-custom-aichat--header__title-container{\n max-inline-size:100%;\n}\n:host .cds-custom-aichat--header__left-items :first-child{\n overflow:hidden;\n border-start-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--header__left-items :first-child::part(button){\n border-start-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--header__right-buttons :last-child::part(button){\n border-start-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host cds-custom-aichat-chat-header-avatar{\n align-self:center;\n margin-inline:0.5rem;\n}\n:host cds-custom-aichat-chat-header-avatar + .cds-custom-aichat--header__separator{\n margin-inline-start:0.5rem;\n}\n:host .cds-custom-aichat--wide-width.cds-custom-aichat--widget--max-width .cds-custom-aichat--header__center-container:first-child{\n margin:0 1rem 0 0;\n}\n:host .cds-custom-aichat--header--with-avatar .cds-custom-aichat--header__center-container:first-child > cds-custom-aichat-chat-header-avatar{\n margin-inline-start:0.75rem;\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen{\n display:flex;\n flex-direction:column;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n}\n:host .cds-custom-aichat--home-screen--background-ai-theme{\n background-color:var(--cds-chat-shell-background, #ffffff);\n background-image:var(--cds-custom-aichat-ai-background-image, linear-gradient(to bottom, var(--cds-chat-shell-background, #ffffff) 0, var(--cds-chat-shell-background, #ffffff) 50%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 100%));\n box-shadow:var(--cds-custom-aichat-ai-box-shadow-inner, inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1))), var(--cds-custom-aichat-ai-box-shadow-outer, 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1)));\n}\n:host .cds-custom-aichat--home-screen__home-screen-bottom-element{\n position:relative;\n margin:auto;\n inline-size:100%;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen__content{\n display:flex;\n overflow:hidden;\n flex:1;\n flex-direction:column;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen--first-render .cds-custom-aichat--home-screen__content{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen--first-render .cds-custom-aichat--home-screen__content{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in 70ms both;\n }\n}\n:host .cds-custom-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-custom-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-custom-aichat--home-screen__body--custom-content{\n flex-grow:1;\n flex-shrink:0;\n min-block-size:90%;\n}\n:host .cds-custom-aichat--home-screen__body--custom-content > *{\n flex-shrink:0;\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen__body--no-custom-content{\n flex:1;\n padding-block-end:0;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__avatar-holder{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__avatar-holder{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in 70ms both;\n }\n}\n:host .cds-custom-aichat--home-screen__avatar-holder img{\n border-radius:48px;\n}\n:host .cds-custom-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: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__greeting{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__greeting{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up 70ms both;\n }\n}\n:host .cds-custom-aichat--home-screen__starters{\n margin-block-start:2rem;\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen__body--no-custom-content .cds-custom-aichat--home-screen__starters{\n margin-block-end:2rem;\n}\n:host{\n}\n:host .cds-custom-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@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete cds-custom-chat-button.cds-custom-aichat--home-screen__starter{\n display:block;\n animation:none;\n margin-block-end:0.75rem;\n max-inline-size:100%;\n word-break:break-word;\n }\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete cds-custom-chat-button.cds-custom-aichat--home-screen__starter:last-child{\n margin-block-end:0;\n }\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(1){\n --cds-custom-aichat-homescreen-starter-index:1;\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(2){\n --cds-custom-aichat-homescreen-starter-index:2;\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(3){\n --cds-custom-aichat-homescreen-starter-index:3;\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(4){\n --cds-custom-aichat-homescreen-starter-index:4;\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(5){\n --cds-custom-aichat-homescreen-starter-index:5;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete cds-custom-chat-button.cds-custom-aichat--home-screen__starter{\n display:block;\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up calc(var(--cds-custom-aichat-homescreen-starter-index) * 120ms) both;\n margin-block-end:0.75rem;\n max-inline-size:100%;\n word-break:break-word;\n }\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete cds-custom-chat-button.cds-custom-aichat--home-screen__starter:last-child{\n margin-block-end:0;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__starters--animate-group cds-custom-chat-button.cds-custom-aichat--home-screen__starter{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__starters--animate-group cds-custom-chat-button.cds-custom-aichat--home-screen__starter{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up 120ms both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__custom-content--animation{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__custom-content--animation{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up 330ms both;\n }\n}\n:host .cds-custom-aichat--home-screen__back-button{\n position:absolute;\n inset-inline-start:50%;\n transform:translate(-50%, calc(-100% - 1rem));\n}\n:host .cds-custom-aichat--home-screen__back-button .cds-custom-aichat--home-screen__back-button-content{\n display:flex;\n}\n:host .cds-custom-aichat--home-screen__back-button .cds-custom-aichat--home-screen__back-button-content .cds-custom-aichat--home-screen__back-button-content-text{\n margin-inline-end:0.5rem;\n white-space:nowrap;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--home-screen__back-button .cds-custom-aichat--home-screen__back-button-content .cds-custom-aichat--home-screen__back-button-content-text{\n margin-inline:0.5rem unset;\n}\n@keyframes cds-custom-aichat-fade-in-up-back-button{\n 0%{\n opacity:0;\n transform:translate(-50%, calc(-100% - 1rem + 2rem));\n }\n 15%{\n opacity:0;\n }\n 50%{\n transform:translate(-50%, calc(-100% - 1rem));\n }\n 100%{\n opacity:1;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__back-button{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__back-button{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up-back-button 350ms both;\n }\n}\n:host .cds-custom-aichat--home-screen__input-container-wrapper,\n:host .cds-custom-aichat--home-screen__input-container{\n display:flex;\n inline-size:100%;\n transform:translateY(0);\n}\n:host .cds-custom-aichat--home-screen__input-container-wrapper{\n flex-direction:column;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--first-render .cds-custom-aichat--input-container{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--first-render .cds-custom-aichat--input-container{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up 370ms both;\n }\n}\n:host{\n}\n:host .cds-custom-aichat--input-and-completions{\n position:relative;\n inline-size:100%;\n}\n:host .cds-custom-aichat--input-container{\n position:relative;\n z-index:1;\n display:flex;\n align-items:center;\n background-color:var(--cds-chat-prompt-background, #ffffff);\n border-block-start:1px solid var(--cds-border-subtle-00, #e0e0e0);\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-custom-aichat--widget--max-width.cds-custom-aichat--wide-width .cds-custom-aichat--input-container{\n border:1px solid var(--cds-border-subtle-00, #e0e0e0);\n border-radius:0.5rem;\n margin-block-end:32px;\n}\n:host .cds-custom-aichat--ai-theme .cds-custom-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-custom-aichat--input-container--show-upload-button{\n padding-inline-start:0.5rem;\n}\n:host .cds-custom-aichat--input-container__text-and-upload{\n display:flex;\n align-items:center;\n}\n:host .cds-custom-aichat--input-container__text-and-upload > *:not(:last-child),\n:host .cds-custom-aichat--input-container > *:not(:last-child){\n margin-inline-end:0.5rem;\n}\n:host .cds-custom-aichat--input-container__files-container{\n overflow:auto;\n margin-block-start:0.5rem;\n max-block-size:200px;\n}\n:host .cds-custom-aichat--input-container__files-container cds-custom-file-uploader-item{\n margin-block-end:0;\n}\n:host .cds-custom-aichat--input-container__upload-button-container{\n display:inline-block;\n inline-size:32px;\n vertical-align:top;\n}\n:host .cds-custom-aichat--input-container .cds-custom-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-custom-aichat--input-container__upload-input:focus + .cds-custom-aichat--input-container__upload-button{\n box-shadow:inset 0 0 0 2px var(--cds-focus, #0f62fe);\n}\n:host .cds-custom-aichat--input-container__upload-button:hover{\n background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n}\n:host .cds-custom-aichat--input-container__upload-button:active{\n background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--input-container__upload-button--disabled{\n cursor:default;\n opacity:0.5;\n}\n:host label.cds-custom-aichat--input-container__upload-button--disabled:hover{\n background-color:transparent;\n}\n:host .cds-custom-aichat--input-container__left-container{\n position:relative;\n display:flex;\n overflow:hidden;\n flex:1 0;\n flex-direction:column;\n justify-content:center;\n block-size:100%;\n}\n:host .cds-custom-aichat--input-container--has-focus{\n outline-color:var(--cds-focus, #0f62fe);\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--input-container__left-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea{\n border:none;\n}\n:host .cds-custom-aichat--assistant-container .cds-custom-aichat--input-container{\n display:flex;\n}\n:host .cds-custom-aichat--input-container .cds-custom-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-custom-aichat--input-container--show-upload-button .cds-custom-aichat--text-area{\n inline-size:calc(100% - 32px);\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area textarea.cds-custom-aichat--text-area-textarea{\n display:block;\n margin:0;\n background:transparent;\n color:var(--cds-text-primary, #161616);\n resize:none;\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea,\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-sizer{\n max-block-size:157px;\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea::-moz-placeholder{\n color:var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\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-family:inherit;\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea::placeholder{\n color:var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\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-family:inherit;\n}\n:host .cds-custom-aichat--input-container__send-button-container,\n:host .cds-custom-aichat--input-container__upload-button-container{\n display:flex;\n flex:0 1;\n align-self:flex-start;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--input-container__send-button svg{\n transform:scale(-1, 1);\n}\n:host cds-custom-button.cds-custom-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-custom-button.cds-custom-aichat--input-container__send-button:active svg,\n:host cds-custom-button.cds-custom-aichat--input-container__send-button:focus svg,\n:host cds-custom-button.cds-custom-aichat--input-container__send-button:active:focus svg{\n fill:var(--cds-interactive, #0f62fe);\n}\n:host cds-custom-button.cds-custom-aichat--input-container__send-button[disabled]:hover svg,\n:host cds-custom-button.cds-custom-aichat--input-container__send-button[disabled] svg{\n fill:var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host{\n}\n:host .cds-custom-aichat--launcher__button-container{\n position:fixed;\n z-index:var(--cds-custom-aichat-z-index, 99999);\n border-radius:0.125rem;\n animation:cds-custom-aichat-launcher-in 150ms cubic-bezier(0, 0, 0.3, 1) both;\n background-color:var(--cds-background, #ffffff);\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-end:var(--cds-custom-aichat-launcher-position-right, 2rem);\n}\n:host .cds-custom-aichat--launcher__button-container--hidden{\n visibility:hidden;\n}\n:host .cds-custom-aichat--launcher__button-container--mobile{\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom-mobile, 1rem);\n inset-inline-end:var(--cds-custom-aichat-launcher-position-bottom-mobile, 1rem);\n}\n:host .cds-custom-aichat--launcher__button-container--round{\n border-radius:28px;\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button{\n border-radius:28px;\n background-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n transition:unset;\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button::part(button):focus{\n box-shadow:inset 0 0 0 2px var(--cds-custom-aichat-launcher-color-focus-border, var(--cds-text-on-color, #ffffff));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button:focus{\n border-width:2px;\n border-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button:hover{\n border-color:var(--cds-custom-aichat-launcher-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n background-color:var(--cds-custom-aichat-launcher-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button:active{\n border-width:2px;\n border-color:var(--cds-custom-aichat-launcher-color-background-active, var(--cds-button-primary-active, #002d9c));\n background-color:var(--cds-custom-aichat-launcher-color-background-active, var(--cds-button-primary-active, #002d9c));\n box-shadow:inset 0 0 0 2px var(--cds-custom-aichat-launcher-color-focus-border, var(--cds-text-on-color, #ffffff));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-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-custom-aichat-unread-indicator-color-background, var(--cds-support-error, #da1e28));\n color:var(--cds-custom-aichat-unread-indicator-color-text, var(--cds-text-on-color, #ffffff));\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 inset-block-start:calc(-1 * 0.125rem);\n inset-inline-end:calc(-1 * 0.125rem);\n min-block-size:20px;\n min-inline-size:20px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--count-indicator{\n inset-inline:calc(-1 * 0.125rem) unset;\n}\n:host .cds-custom-aichat--launcher__button-container--no-animation{\n animation:none;\n}\n:host .cds-custom-aichat--launcher__button-container--bounce-animation{\n animation:cds-custom-aichat-launcher-bounce 500ms cubic-bezier(0, 0, 0.3, 1) forwards;\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button::part(button) svg{\n block-size:24px;\n fill:var(--cds-custom-aichat-launcher-color-avatar, var(--cds-text-on-color, #ffffff));\n inline-size:24px;\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button::part(button){\n display:flex;\n align-items:center;\n justify-content:center;\n padding:inherit;\n border-radius:inherit;\n block-size:inherit;\n inline-size:inherit;\n max-inline-size:inherit;\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button::part(button):focus{\n border-width:2px;\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button{\n position:static;\n padding:0;\n border-radius:0.125rem;\n background-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n transition:background 250ms ease-in-out, transform 150ms ease;\n}\n:host .cds-custom-aichat--launcher__svg{\n fill:currentcolor;\n}\n:host .cds-custom-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-custom-aichat--launcher__button .cds-custom-aichat__count-indicator{\n box-shadow:1px 0.125rem 0.125rem rgba(23, 23, 23, 0.3);\n inset-block-start:calc(-1 * 0.25rem);\n inset-inline-end:calc(-1 * 0.25rem);\n}\n:host{\n}\n:host .cds-custom-aichat--launcher-complex__container{\n border-radius:0.75rem;\n animation:none;\n background-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:none;\n inset-block-end:calc(1rem + var(--cds-custom-aichat-launcher-default-size, 56px) + var(--cds-custom-aichat-launcher-position-bottom, 3rem) - var(--cds-chat-LAUNCHER-desktop-expanded-height));\n inset-inline-end:4rem;\n max-inline-size:270px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container{\n inset-inline:4rem unset;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__content-button{\n padding:0;\n border:2px solid transparent;\n border-radius:0.75rem;\n background-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:none;\n min-inline-size:10rem;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__content-button:enabled:focus{\n border-width:2px;\n border-color:var(--cds-custom-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:inset 0 0 0 2px var(--cds-custom-aichat-launcher-expanded-message-color-focus-border, var(--cds-text-on-color, #ffffff));\n outline:none;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__content-button:enabled:hover{\n border-color:var(--cds-custom-aichat-launcher-expanded-message-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n background-color:var(--cds-custom-aichat-launcher-expanded-message-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n cursor:pointer;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__content-button:enabled:active{\n border-width:2px;\n border-color:var(--cds-custom-aichat-launcher-expanded-message-color-background-active, var(--cds-button-primary-active, #002d9c));\n background-color:var(--cds-custom-aichat-launcher-expanded-message-color-background-active, var(--cds-button-primary-active, #002d9c));\n box-shadow:inset 0 0 0 2px var(--cds-custom-aichat-launcher-expanded-message-color-focus-border, var(--cds-text-on-color, #ffffff));\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__text{\n display:-webkit-box;\n margin:1rem;\n -webkit-box-orient:vertical;\n color:var(--cds-custom-aichat-launcher-expanded-message-color-text, var(--cds-text-on-color, #ffffff));\n font-size:20px;\n letter-spacing:0;\n -webkit-line-clamp:3;\n line-clamp:3;\n line-height:1.4;\n opacity:0;\n overflow-wrap:break-word;\n text-align:start;\n visibility:visible;\n white-space:normal;\n word-break:break-word;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__text{\n text-align:end;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button{\n position:absolute;\n padding:3px 7px 3px 3px;\n border:1px solid transparent;\n margin:0;\n box-shadow:1px 0 2px rgba(23, 23, 23, 0.3);\n cursor:pointer;\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 inset-block-start:calc((1.5rem + 0.5rem) * -1);\n inset-inline-end:0;\n opacity:0;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button:focus{\n border-color:var(--cds-focus, #0f62fe);\n outline:none;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button{\n padding:3px 3px 3px 7px;\n inset-inline:0 unset;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button .cds-custom-aichat--launcher__close-button-icon{\n margin-inline-end:0.25rem;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button .cds-custom-aichat--launcher__close-button-icon{\n margin-inline:0.25rem unset;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation{\n animation:700ms cds-custom-aichat-launcher-fade-in-slide-up forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher__avatar{\n animation:700ms cds-custom-aichat-launcher-avatar-resize forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher-complex__text{\n animation:700ms cds-custom-aichat-launcher-fade-in-text forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n animation:700ms cds-custom-aichat-launcher-resize-reposition forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher__close-button{\n animation:700ms cds-custom-aichat-launcher-fade-in-close-button forwards;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n animation:700ms cds-custom-aichat-launcher-resize-reposition-rtl forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation{\n animation:150ms cds-custom-aichat-launcher-fade-in-slide-up forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher__avatar{\n animation:150ms cds-custom-aichat-launcher-avatar-resize forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher-complex__text{\n animation:150ms cds-custom-aichat-launcher-fade-in-text forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n padding:0 60px 60px 0;\n border-radius:5rem;\n animation:150ms cds-custom-aichat-launcher-fade-in-slide-up-small-expanded forwards;\n block-size:10rem;\n inline-size:10rem;\n inset-inline-end:calc(-1 * 5rem);\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher__close-button{\n animation:150ms cds-custom-aichat-launcher-fade-in-close-button forwards;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n padding:0 0 60px 60px;\n inset-inline:calc(-1 * 5rem) unset;\n}\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview{\n background-color:var(--cds-custom-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:4rem;\n}\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview .cds-custom-aichat--launcher-complex__text{\n opacity:1;\n}\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n padding:0 60px 60px 0;\n border-radius:5rem;\n animation:unset;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-end:calc(-1 * 5rem);\n}\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview .cds-custom-aichat--launcher__close-button{\n opacity:1;\n}\n:host .cds-custom-aichat--launcher-complex__container--close-animation{\n animation:400ms cds-custom-aichat-launcher-fade-out-slide-down forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher__avatar{\n animation:400ms cds-custom-aichat-launcher-avatar-resize backwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher-complex__text,\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher__close-button{\n animation:400ms cds-custom-aichat-launcher-fade-out forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n animation:400ms cds-custom-aichat-launcher-default-size-position forwards;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n animation:700ms cds-custom-aichat-launcher-default-size-position-rtl forwards;\n}\n:host{\n}\n:host .cds-custom-aichat--launcher-extended__container{\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n}\n:host cds-custom-button.cds-custom-aichat--launcher-extended__button::part(button){\n padding:0;\n border-width:2px;\n block-size:100%;\n cursor:pointer;\n inline-size:100%;\n}\n:host .cds-custom-aichat--launcher-extended__button--hidden{\n visibility:hidden;\n}\n:host .cds-custom-aichat--launcher-extended__wrapper-container{\n position:relative;\n overflow:hidden;\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--launcher-extended__wrapper{\n position:absolute;\n display:flex;\n inline-size:calc(var(--cds-custom-aichat-launcher-extended-width, 280px) - 6px);\n inset-inline-end:0;\n max-inline-size:calc(100vw - var(--cds-custom-aichat-launcher-position-bottom, 3rem) - 6px);\n}\n:host .cds-custom-aichat--launcher-extended__text-holder{\n position:relative;\n flex:1;\n padding:0.75rem 0 0.75rem 0.75rem;\n text-align:start;\n}\n:host .cds-custom-aichat--launcher-extended__greeting{\n position:absolute;\n display:flex;\n align-items:center;\n block-size:100%;\n color:var(--cds-custom-aichat-launcher-mobile-color-text, var(--cds-text-on-color, #ffffff));\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:calc(100% - 12px);\n inset-block-end:0;\n word-break:break-word;\n}\n:host .cds-custom-aichat-is-phone .cds-custom-aichat--launcher-extended__greeting{\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-custom-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-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher__icon-holder{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:calc(var(--cds-custom-aichat-launcher-default-size, 56px) - 4px);\n inline-size:calc(var(--cds-custom-aichat-launcher-default-size, 56px) - 4px);\n margin-inline-start:auto;\n}\n:host .cds-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher__icon-holder svg{\n position:absolute;\n block-size:24px;\n inline-size:24px;\n}\n:host .cds-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher-extended__element--hidden{\n display:none;\n}\n:host .cds-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher-extended__element--fade-out{\n animation:cds-custom-aichat-launcher-extended-element-fade-out 500ms ease-out 400ms both;\n}\n:host .cds-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher-extended__element--fade-in{\n animation:cds-custom-aichat-launcher-extended-element-fade-in 500ms ease-out 400ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended{\n border-radius:14px;\n inline-size:var(--cds-custom-aichat-launcher-extended-width, 280px);\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended cds-custom-button.cds-custom-aichat--launcher__button{\n inline-size:var(--cds-custom-aichat-launcher-extended-width, 280px);\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended cds-custom-button.cds-custom-aichat--launcher__button.cds-custom-aichat--launcher-extended__button::part(button\n ){\n border-radius:14px;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended .cds-custom-aichat--launcher__svg{\n inline-size:24px;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended-animation{\n animation:cds-custom-aichat-launcher-extend 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms both, cds-custom-aichat-launcher-partially-round 300ms ease-in 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended-animation cds-custom-button.cds-custom-aichat--launcher-extended__button::part(button){\n animation:cds-custom-aichat-launcher-partially-round 300ms ease-in 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended-animation .cds-custom-aichat--launcher__svg{\n animation:cds-custom-aichat-launcher-icon-to-24 300ms ease-out 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--reduced-animation{\n animation:cds-custom-aichat-launcher-reduce 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms both, cds-custom-aichat-launcher-completely-round 300ms ease-out 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--reduced-animation cds-custom-button.cds-custom-aichat--launcher-extended__button::part(button){\n animation:cds-custom-aichat-launcher-completely-round 300ms ease-out 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--reduced-animation .cds-custom-aichat--launcher__svg{\n animation:cds-custom-aichat-launcher-icon-to-32 300ms ease-out 500ms both;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-extended__container .cds-custom-aichat--launcher-extended__wrapper{\n inset-inline:0 unset;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-extended__container .cds-custom-aichat--launcher-extended__text-holder{\n padding:0.75rem 0.75rem 0.75rem 0;\n}\n:host{\n}\n:host .cds-custom-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(22, 22, 22, 0.5));\n block-size:100%;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n inline-size:100%;\n inset-block-start:0;\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__container{\n margin:auto;\n background-color:var(--cds-background, #ffffff);\n max-inline-size:min(var(--cds-custom-aichat-max-width, 672px) - 1rem * 2, 512px);\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-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-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__message{\n padding:0 1rem 3rem 1rem;\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__no-button{\n margin-inline-end:1px;\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__button-container{\n display:flex;\n border-block-start:solid 1px var(--cds-layer-03, #f4f4f4);\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__button-container *{\n flex:1;\n}\n:host{\n}\n:host .cds-custom-aichat--notifications{\n position:absolute;\n z-index:2;\n display:block;\n padding:0 1rem 0 1rem;\n inline-size:calc(100% - var(--cds-custom-aichat-scrollbar-width));\n inset-block-start:1rem;\n overflow-y:auto;\n}\n:host .cds-custom-aichat--notifications__notification{\n display:block;\n inline-size:100%;\n margin-block-end:1rem;\n}\n:host{\n}\n:host .cds-custom-aichat--max-width-small{\n max-inline-size:291px;\n}\n:host .cds-custom-aichat--max-width-medium{\n max-inline-size:438px;\n}\n:host .cds-custom-aichat--max-width-large{\n max-inline-size:585px;\n}\n:host{\n}\n:host .cds-custom-aichat--connect-to-human-agent{\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n}\n:host .cds-custom-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-custom-aichat--connect-to-human-agent__text{\n padding-block-end:1.5rem;\n}\n:host .cds-custom-aichat--connect-to-agent__text p,\n:host .cds-custom-aichat--connect-to-human-agent__request-button svg{\n margin-inline-start:2rem;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--connect-to-human-agent__request-button svg{\n margin-inline:0 2rem;\n transform:scaleX(-1);\n}\n:host .cds-custom-aichat--message .cds-custom-aichat--connect-to-human-agent__warning a,\n:host .cds-custom-aichat--message .cds-custom-aichat--connect-to-human-agent__warning a:visited{\n color:var(--cds-link-inverse, #78a9ff);\n}\n:host .cds-custom-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-custom-aichat--card-message-component{\n overflow:hidden;\n padding:0;\n}\n:host{\n}\n@font-face{\n font-family:\"swiper-icons\";\n src:url(\"data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\") format(\"woff\");\n font-weight:400;\n font-style:normal;\n}\n:host :root{\n --swiper-theme-color:#007aff;\n}\n:host :host{\n position:relative;\n display:block;\n margin-left:auto;\n margin-right:auto;\n z-index:1;\n}\n:host .swiper{\n margin-left:auto;\n margin-right:auto;\n position:relative;\n overflow:hidden;\n list-style:none;\n padding:0;\n z-index:1;\n display:block;\n}\n:host .swiper-vertical > .swiper-wrapper{\n flex-direction:column;\n}\n:host .swiper-wrapper{\n position:relative;\n width:100%;\n height:100%;\n z-index:1;\n display:flex;\n transition-property:transform;\n transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);\n box-sizing:content-box;\n}\n:host .swiper-android .swiper-slide,\n:host .swiper-ios .swiper-slide,\n:host .swiper-wrapper{\n transform:translate3d(0px, 0, 0);\n}\n:host .swiper-horizontal{\n touch-action:pan-y;\n}\n:host .swiper-vertical{\n touch-action:pan-x;\n}\n:host .swiper-slide{\n flex-shrink:0;\n width:100%;\n height:100%;\n position:relative;\n transition-property:transform;\n display:block;\n}\n:host .swiper-slide-invisible-blank{\n visibility:hidden;\n}\n:host{\n}\n:host .swiper-autoheight,\n:host .swiper-autoheight .swiper-slide{\n height:auto;\n}\n:host .swiper-autoheight .swiper-wrapper{\n align-items:flex-start;\n transition-property:transform, height;\n}\n:host .swiper-backface-hidden .swiper-slide{\n transform:translateZ(0);\n backface-visibility:hidden;\n}\n:host{\n}\n:host .swiper-3d.swiper-css-mode .swiper-wrapper{\n perspective:1200px;\n}\n:host .swiper-3d .swiper-wrapper{\n transform-style:preserve-3d;\n}\n:host .swiper-3d{\n perspective:1200px;\n}\n:host .swiper-3d .swiper-slide,\n:host .swiper-3d .swiper-cube-shadow{\n transform-style:preserve-3d;\n}\n:host{\n}\n:host .swiper-css-mode > .swiper-wrapper{\n overflow:auto;\n scrollbar-width:none;\n -ms-overflow-style:none;\n}\n:host .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar{\n display:none;\n}\n:host .swiper-css-mode > .swiper-wrapper > .swiper-slide{\n scroll-snap-align:start start;\n}\n:host .swiper-css-mode.swiper-horizontal > .swiper-wrapper{\n scroll-snap-type:x mandatory;\n}\n:host .swiper-css-mode.swiper-vertical > .swiper-wrapper{\n scroll-snap-type:y mandatory;\n}\n:host .swiper-css-mode.swiper-free-mode > .swiper-wrapper{\n scroll-snap-type:none;\n}\n:host .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide{\n scroll-snap-align:none;\n}\n:host .swiper-css-mode.swiper-centered > .swiper-wrapper::before{\n content:\"\";\n flex-shrink:0;\n order:9999;\n}\n:host .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide{\n scroll-snap-align:center center;\n scroll-snap-stop:always;\n}\n:host .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child{\n margin-inline-start:var(--swiper-centered-offset-before);\n}\n:host .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before{\n height:100%;\n min-height:1px;\n width:var(--swiper-centered-offset-after);\n}\n:host .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child{\n margin-block-start:var(--swiper-centered-offset-before);\n}\n:host .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before{\n width:100%;\n min-width:1px;\n height:var(--swiper-centered-offset-after);\n}\n:host{\n}\n:host .swiper-3d .swiper-slide-shadow,\n:host .swiper-3d .swiper-slide-shadow-left,\n:host .swiper-3d .swiper-slide-shadow-right,\n:host .swiper-3d .swiper-slide-shadow-top,\n:host .swiper-3d .swiper-slide-shadow-bottom,\n:host .swiper-3d .swiper-slide-shadow,\n:host .swiper-3d .swiper-slide-shadow-left,\n:host .swiper-3d .swiper-slide-shadow-right,\n:host .swiper-3d .swiper-slide-shadow-top,\n:host .swiper-3d .swiper-slide-shadow-bottom{\n position:absolute;\n left:0;\n top:0;\n width:100%;\n height:100%;\n pointer-events:none;\n z-index:10;\n}\n:host .swiper-3d .swiper-slide-shadow{\n background:rgba(0, 0, 0, 0.15);\n}\n:host .swiper-3d .swiper-slide-shadow-left{\n background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-3d .swiper-slide-shadow-right{\n background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-3d .swiper-slide-shadow-top{\n background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-3d .swiper-slide-shadow-bottom{\n background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-lazy-preloader{\n width:42px;\n height:42px;\n position:absolute;\n left:50%;\n top:50%;\n margin-left:-21px;\n margin-top:-21px;\n z-index:10;\n transform-origin:50%;\n box-sizing:border-box;\n border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));\n border-radius:50%;\n border-top-color:transparent;\n}\n:host .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,\n:host .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{\n animation:swiper-preloader-spin 1s infinite linear;\n}\n:host .swiper-lazy-preloader-white{\n --swiper-preloader-color:#fff;\n}\n:host .swiper-lazy-preloader-black{\n --swiper-preloader-color:#000;\n}\n@keyframes swiper-preloader-spin{\n 0%{\n transform:rotate(0deg);\n }\n 100%{\n transform:rotate(360deg);\n }\n}\n:host{\n}\n:host button.cds-custom-aichat--carousel-container__navigation-button,\n:host .cds-custom-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-custom-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-custom-aichat-card-max-width, 424px);\n}\n:host .cds-custom-aichat--carousel-container__navigation cds-custom-button::part(button){\n color:currentcolor;\n}\n:host .cds-custom-aichat--carousel-container__navigation-button{\n padding:0;\n color:currentcolor;\n inline-size:32px;\n}\n:host .cds-custom-aichat--carousel-container__navigation-button:first-of-type{\n margin-inline-end:0.5rem;\n}\n:host .cds-custom-aichat--carousel-container__navigation-button:last-of-type{\n margin-inline-start:0.5rem;\n}\n:host button.cds-custom-aichat--carousel-container__navigation-button > svg{\n fill:var(--cds-text-secondary, #525252);\n}\n:host .swiper .cds-custom-aichat--card-message-component{\n display:flex;\n flex-direction:column;\n block-size:calc(100% - 2px);\n}\n:host .swiper .cds-custom-aichat--body-message-components{\n flex:1;\n}\n:host .cds-custom-aichat--carousel-container__slide--narrow.swiper-slide{\n max-inline-size:calc(100% - 32px);\n}\n:host .cds-custom-aichat--carousel-container__slide--wide.swiper-slide,\n:host .cds-custom-aichat--carousel-container__slide--standard.swiper-slide{\n max-inline-size:calc(100% - 72px);\n}\n:host .cds-custom-aichat--carousel-container__controls--standard,\n:host .cds-custom-aichat--carousel-container__controls--wide{\n padding-block-start:0.5rem;\n padding-inline:56px 16px;\n}\n:host .cds-custom-aichat--carousel-container--one-slide{\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n}\n:host .swiper{\n inline-size:100%;\n}\n:host .swiper,\n:host .swiper-wrapper{\n z-index:unset;\n}\n:host .swiper-wrapper{\n align-items:stretch;\n block-size:unset;\n}\n:host .swiper-wrapper .swiper-slide{\n block-size:unset;\n}\n:host .swiper-slide,\n:host .swiper-slide > *{\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--conversational-search-citations{\n animation:none;\n padding-block-start:16px;\n }\n}\n:host .cds-custom-aichat--conversational-search-citations{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-chat-fade-in both;\n padding-block-start:16px;\n}\n:host .cds-custom-aichat--conversational-search-citations .swiper-slide{\n block-size:unset;\n}\n:host .cds-custom-aichat--conversational-search .cds-custom-aichat--carousel-container__controls{\n padding-block-end:0;\n}\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--conversational-search .cds-custom-aichat--carousel-container--one-slide,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--conversational-search .cds-custom-aichat--carousel-container--one-slide,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--conversational-search-disclaimer,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--conversational-search-disclaimer{\n margin-inline:56px 16px;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--conversational-search .cds-custom-aichat--carousel-container--one-slide,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--conversational-search-disclaimer{\n margin-inline:16px;\n}\n:host{\n}\n:host .cds-custom-aichat--received--conversational-search .cds-custom-aichat--received--feedback,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--conversational-search-text,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--conversational-search-text{\n margin-inline:56px 16px;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--received--conversational-search .cds-custom-aichat--received--feedback,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--conversational-search-text{\n margin-inline-start:16px;\n}\n:host .cds-custom-aichat--conversational-search-text__citations-toggle-container{\n display:block;\n padding-block-start:0.25rem;\n}\n:host .cds-custom-aichat--conversational-search-text__citations-toggle{\n margin:0;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--conversational-search-text__segment:nth-last-child(1 of .cds-custom-aichat--conversational-search-text__segment){\n margin-inline:0.25rem 0;\n}\n:host{\n}\n:host .cds-custom-aichat--date-picker__confirm-button{\n display:block;\n}\n:host .cds-custom-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-custom-aichat--inline-error{\n display:flex;\n flex-direction:row;\n margin-inline-start:-16px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--inline-error{\n margin-inline:unset -16px;\n}\n:host .cds-custom-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-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--inline-error--icon-holder{\n margin:0.125rem 1rem 0 0.5rem;\n}\n:host .cds-custom-aichat--inline-error--icon{\n block-size:1rem;\n inline-size:1rem;\n}\n:host .cds-custom-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-custom-aichat--inline-error .cds-custom-aichat--inline-error--text{\n color:var(--cds-text-error, #da1e28);\n}\n:host{\n}\n:host .cds-custom-aichat--grid{\n display:flex;\n flex-direction:column;\n inline-size:100%;\n row-gap:0.5rem;\n}\n:host .cds-custom-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-custom-aichat--grid__cell{\n display:flex;\n flex-direction:column;\n inline-size:100%;\n row-gap:0.5rem;\n}\n:host .cds-custom-aichat--grid__cell .cds-custom-aichat--message-user-defined-response{\n inline-size:100%;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--image{\n border:none;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--image__image-wrapper{\n background-color:transparent;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--image__skeleton{\n display:none;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--media-player__skeleton{\n display:none;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--media-player__root{\n inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--i-frame-panel{\n position:relative;\n display:flex;\n flex-direction:column;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n}\n:host .cds-custom-aichat--i-frame-panel__content{\n position:relative;\n display:flex;\n flex:1;\n}\n:host .cds-custom-aichat--i-frame-panel__content .cds-custom-aichat--i-frame-component__status-container{\n background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-custom-aichat--i-frame-panel__content .cds-custom-aichat--i-frame-component__wrapper{\n flex:1;\n block-size:unset;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--i-frame-preview-card .cds-custom-aichat--image{\n position:unset;\n transition:none;\n }\n}\n:host .cds-custom-aichat--i-frame-preview-card .cds-custom-aichat--image{\n position:unset;\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds-custom-aichat--i-frame-preview-card:focus .cds-custom-aichat--image{\n outline:2px solid var(--cds-focus, #0f62fe);\n}\n:host .cds-custom-aichat--i-frame-preview-card:hover .cds-custom-aichat--image{\n background-color:var(--cds-layer-hover);\n text-decoration:underline;\n}\n:host{\n}\n:host .cds-custom-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-custom-aichat--inline-i-frame .cds-custom-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-custom-aichat--i-frame-component__wrapper{\n position:relative;\n overflow:hidden;\n background:transparent;\n}\n:host .cds-custom-aichat--i-frame-component__wrapper,\n:host .cds-custom-aichat--i-frame-component__i-frame{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-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-custom-aichat--i-frame-component__status-container .cds-custom-aichat--loading-spinner{\n block-size:48px;\n inline-size:48px;\n}\n:host .cds-custom-aichat--i-frame-panel .cds-custom-aichat--panel-content{\n display:flex;\n flex:1;\n flex-direction:column;\n}\n:host .cds-custom-aichat--i-frame-panel__content{\n block-size:100%;\n inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--image{\n overflow:hidden;\n padding:0;\n min-block-size:0;\n min-inline-size:0;\n}\n:host cds-custom-ai-skeleton-placeholder.cds-custom-aichat--image__skeleton::part(skeleton-placeholder\n ),\n:host cds-custom-skeleton-placeholder.cds-custom-aichat--image__skeleton::part(placeholder){\n block-size:192px;\n inline-size:100%;\n}\n:host .cds-custom-aichat--image__image-wrapper{\n background-color:var(--cds-layer-02, #ffffff);\n}\n:host .cds-custom-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-custom-aichat--image__image--loaded{\n animation:none;\n animation-duration:110ms;\n animation-iteration-count:1;\n animation-timing-function:cubic-bezier(0.2, 0, 0.38, 0.9);\n block-size:auto;\n opacity:1;\n }\n}\n:host .cds-custom-aichat--image__image--loaded{\n animation-duration:110ms;\n animation-iteration-count:1;\n animation-name:cds-custom-chat-fade-in-img;\n animation-timing-function:cubic-bezier(0.2, 0, 0.38, 0.9);\n block-size:auto;\n opacity:1;\n}\n:host{\n}\n:host .cds-custom-aichat--image .cds-custom-aichat--image__image--loaded{\n display:block;\n margin:auto;\n}\n:host .cds-custom-aichat--image__text-and-icon .cds-custom-aichat--text-holder-tile__url{\n padding-inline-end:calc(1rem + 2px);\n}\n:host .cds-custom-aichat--image__icon-only .cds-custom-aichat--image__icon{\n padding:0.75rem;\n border-radius:var(--cds-custom-aichat-card-border-radius, 0.5rem);\n background-color:var(--cds-overlay, rgba(22, 22, 22, 0.5));\n fill:var(--cds-icon-on-color, #ffffff);\n}\n:host svg.cds-custom-aichat--image__icon{\n display:block;\n margin-block-end:1rem;\n margin-inline:auto 1rem;\n}\n:host .cds-custom-aichat--image__icon-only .cds-custom-aichat--image__icon,\n:host svg.cds-custom-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-custom-aichat--image__icon--link{\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] svg.cds-custom-aichat--image__icon--link{\n inset-inline:0.5rem unset;\n}\n:host{\n}\n:host .cds-custom-aichat--button-holder{\n margin-block-start:0.5rem;\n}\n:host .cds-custom-aichat--button-holder ul{\n padding:0;\n margin:0;\n list-style:none;\n}\n:host .cds-custom-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-custom-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-custom-aichat--custom-select-temporary-padding{\n padding-block-end:5rem;\n}\n:host cds-custom-dropdown::part(trigger-button){\n block-size:2.5rem;\n}\n:host cds-custom-dropdown::part(menu-body){\n position:static;\n}\n:host{\n}\n:host .cds-custom-aichat--text-area{\n position:relative;\n block-size:-moz-fit-content;\n block-size:fit-content;\n}\n:host .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea,\n:host .cds-custom-aichat--text-area .cds-custom-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-custom-aichat--text-area .cds-custom-aichat--text-area-textarea:focus{\n border:2px solid var(--cds-focus, #0f62fe);\n border-radius:0;\n outline:0;\n}\n:host .cds-custom-aichat--text-area .cds-custom-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-custom-aichat--text-area.cds-custom-aichat--text-area--auto-size .cds-custom-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-custom-aichat--text-area .cds-custom-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-custom-aichat--body-message-components__message-wrapper{\n padding:1rem;\n}\n:host .cds-custom-aichat--body-message-components__message-wrapper.cds-custom-aichat--body-message-components__message-wrapper--short-bottom-padding{\n padding-block-end:0.75rem;\n}\n:host .cds-custom-aichat--body-message-components .cds-custom-aichat--media-player__skeleton,\n:host .cds-custom-aichat--body-message-components .cds-custom-aichat--media-player,\n:host .cds-custom-aichat--body-message-components .cds-custom-aichat--image{\n border:none;\n}\n:host{\n}\n:host .cds-custom-aichat--body-message-components__message-wrapper.cds-custom-aichat--body-message-components__message-wrapper--short-bottom-padding + .cds-custom-aichat--body-message-components__message-wrapper:not(.cds-custom-aichat--body-message-components__message-wrapper--full-width){\n padding-block-start:0;\n}\n:host .cds-custom-aichat--body-message-components__message-wrapper.cds-custom-aichat--body-message-components__message-wrapper--full-width{\n padding:0;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--clickable-image{\n position:relative;\n overflow:hidden;\n padding:0;\n border:none;\n border-radius:var(--cds-custom-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-custom-aichat-card-max-width, 424px);\n outline:none;\n outline-offset:-2px;\n text-align:unset;\n transition:none;\n }\n}\n:host .cds-custom-aichat--clickable-image{\n position:relative;\n overflow:hidden;\n padding:0;\n border:none;\n border-radius:var(--cds-custom-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-custom-aichat-card-max-width, 424px);\n outline:none;\n outline-offset:-2px;\n text-align:unset;\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host a.cds-custom-aichat--clickable-image .cds-custom-aichat--text-holder-tile__title{\n color:var(--cds-text-primary, #161616);\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--clickable-image .cds-custom-aichat--image{\n position:unset;\n transition:none;\n }\n}\n:host .cds-custom-aichat--clickable-image .cds-custom-aichat--image{\n position:unset;\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds-custom-aichat--clickable-image .cds-custom-aichat--image__image{\n -webkit-user-select:none;\n -moz-user-select:none;\n user-select:none;\n}\n:host .cds-custom-aichat--clickable-image:disabled{\n cursor:not-allowed;\n}\n:host .cds-custom-aichat--clickable-image:disabled .cds-custom-aichat--image{\n opacity:0.5;\n}\n:host .cds-custom-aichat--clickable-image:enabled:focus{\n outline:2px solid var(--cds-focus, #0f62fe);\n}\n:host .cds-custom-aichat--clickable-image:enabled:hover .cds-custom-aichat--image{\n background-color:var(--cds-layer-hover);\n text-decoration:underline;\n}\n:host .cds-custom-aichat--clickable-image:enabled:hover .cds-custom-aichat--image__image{\n opacity:0.8;\n}\n:host{\n}\n:host .cds-custom-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-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--disclaimer__title,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--disclaimer__description{\n text-align:end;\n}\n:host{\n}\n:host .cds-custom-aichat--footer-button-components{\n display:flex;\n inline-size:100%;\n}\n:host .cds-custom-aichat--footer-button-components cds-custom-button.cds-custom-aichat--button-item{\n flex:auto;\n}\n:host .cds-custom-aichat--footer-button-components cds-custom-button[href][kind=ghost] svg{\n fill:var(--cds-link-primary, #0f62fe);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column){\n gap:0.0625rem;\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column):not(:has([kind=ghost])){\n background-color:var(--cds-button-separator, #e0e0e0);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-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-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column) .cds-custom-aichat--button-item:first-child::part(button){\n border-end-start-radius:calc(0.5rem - 0.0625rem);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column) .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:calc(0.5rem - 0.0625rem);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column{\n flex-direction:column;\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item[kind=ghost]{\n border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:calc(0.5rem - 0.0625rem);\n border-end-start-radius:calc(0.5rem - 0.0625rem);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column){\n gap:0.0625rem;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column):not(:has([kind=ghost])){\n background-color:var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-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-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column) .cds-custom-aichat--button-item:first-child::part(button){\n border-end-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 0.0625rem);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column) .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 0.0625rem);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column{\n flex-direction:column;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item[kind=ghost]{\n border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 0.0625rem);\n border-end-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 0.0625rem);\n}\n:host .cds-custom-aichat--widget__animation-container--with-branding-banner .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components .cds-custom-aichat--button-item:first-child::part(button),\n:host .cds-custom-aichat--widget:not(.cds-custom-aichat--widget--rounded) .cds-custom-aichat--widget__animation-container:not(.cds-custom-aichat--widget__animation-container--with-branding-banner) .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components .cds-custom-aichat--button-item:first-child::part(button){\n border-end-start-radius:0;\n}\n:host .cds-custom-aichat--widget__animation-container--with-branding-banner .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components .cds-custom-aichat--button-item:last-child::part(button),\n:host .cds-custom-aichat--widget:not(.cds-custom-aichat--widget--rounded) .cds-custom-aichat--widget__animation-container:not(.cds-custom-aichat--widget__animation-container--with-branding-banner) .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:0;\n}\n:host .cds-custom-aichat--widget__animation-container--with-branding-banner .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item.cds-custom-aichat--button-item:last-child::part(button),\n:host .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item.cds-custom-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-custom-aichat--media-player,\n:host .cds-custom-aichat--media-player__skeleton{\n overflow:hidden;\n padding:0;\n}\n:host .cds-custom-aichat--media-player__wrapper{\n overflow:hidden;\n}\n:host .cds-custom-aichat--media-player__skeleton-container,\n:host .cds-custom-aichat--media-player__wrapper{\n position:relative;\n padding-block-start:0;\n}\n:host .cds-custom-aichat--media-player__background{\n background-color:var(--cds-layer-accent-01, #e0e0e0);\n}\n:host .cds-custom-aichat--media-player__background--audio{\n display:flex;\n align-items:center;\n justify-content:center;\n}\n:host .cds-custom-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-custom-aichat--media-player__music-icon{\n fill:var(--cds-icon-on-color, #ffffff);\n}\n:host cds-custom-ai-skeleton-placeholder.cds-custom-aichat--media-player__skeleton-player::part(skeleton-placeholder\n ),\n:host cds-custom-skeleton-placeholder.cds-custom-aichat--media-player__skeleton-player::part(placeholder\n ),\n:host .cds-custom-aichat--media-player__background,\n:host .cds-custom-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-custom-ai-skeleton-placeholder.cds-custom-aichat--media-player__skeleton-player::part(skeleton-placeholder\n ),\n:host cds-custom-skeleton-placeholder.cds-custom-aichat--media-player__skeleton-player::part(placeholder\n ),\n:host .cds-custom-aichat--media-player__background{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--media-player__root{\n inline-size:100%;\n}\n:host .cds-custom-aichat--media-player__skeleton-text-container{\n padding:1rem;\n}\n:host{\n}\n:host .cds-custom-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-custom-aichat--received--metablock-content:nth-child(2){\n margin-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-custom-aichat--text-holder-tile{\n display:flex;\n padding:1rem;\n min-block-size:initial;\n}\n:host .cds-custom-aichat--text-holder-tile__icon{\n flex:0 1 auto;\n margin:0.125rem 0.5rem 0 0;\n}\n:host .cds-custom-aichat--text-holder-tile__wrapper{\n flex:1 1;\n align-self:center;\n}\n:host .cds-custom-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-custom-aichat--text-holder-tile__description{\n color:var(--cds-text-secondary, #525252);\n}\n:host .cds-custom-aichat--text-holder-tile__description,\n:host .cds-custom-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-custom-aichat--text-holder-tile__description-margin{\n margin-block-start:0.125rem;\n}\n:host .cds-custom-aichat--text-holder-tile__url{\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-custom-aichat--text-holder-tile__url-margin{\n margin-block-start:1rem;\n}\n@supports (-webkit-line-clamp: 3){\n :host .cds-custom-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-custom-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-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--text-holder-tile__icon{\n margin-inline:0.5rem 0;\n}\n:host{\n}\n:host .cds-custom-aichat--search-result-highlight{\n background-color:var(--cds-highlight, #d0e2ff);\n}\n:host{\n}\n:host .cds-custom-aichat--citation-card{\n display:block;\n inline-size:100%;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable,\n:host .cds-custom-aichat--message button.cds-custom-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-custom-aichat--message a.cds-custom-aichat--citation-card--clickable cds-custom-tile,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable cds-custom-tile{\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-custom-aichat--message a.cds-custom-aichat--citation-card--clickable cds-custom-tile,\n :host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable cds-custom-tile{\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-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:focus,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:focus{\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:focus cds-custom-tile,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:focus cds-custom-tile{\n box-shadow:0 0 0 2px inset var(--cds-focus, #0f62fe);\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:hover,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:hover{\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:hover cds-custom-tile,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:hover cds-custom-tile{\n background:var(--cds-layer-hover-01, #e8e8e8);\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:active,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:active{\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:active cds-custom-tile,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:active cds-custom-tile{\n box-shadow:0 0 0 2px inset var(--cds-focus, #0f62fe);\n text-decoration:none;\n}\n:host .cds-custom-aichat--citation-card-header{\n block-size:128px;\n}\n:host .cds-custom-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-custom-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-custom-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-custom-aichat--citation-card-label,\n:host .cds-custom-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-custom-aichat--citation-card-icon{\n display:flex;\n align-items:center;\n}\n:host .cds-custom-aichat--message a:hover.cds-custom-aichat--citation-card--clickable{\n cursor:pointer;\n text-decoration:none;\n}\n:host{\n}\n:host .cds-custom-aichat--view-source-panel{\n position:relative;\n display:flex;\n flex-direction:column;\n block-size:100%;\n}\n:host .cds-custom-aichat--view-source-panel .cds-custom-aichat--panel-content{\n flex:1;\n}\n:host .cds-custom-aichat--view-source-panel__content{\n overflow:auto;\n padding:0.75rem;\n background-color:var(--cds-background, #ffffff);\n block-size:100%;\n}\n:host{\n}\n:host .cds-custom-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-custom-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-custom-aichat--non-header-container{\n position:relative;\n display:flex;\n overflow:hidden;\n flex:1 1 0%;\n}\n:host .cds-custom-aichat--messages-and-input-container{\n position:relative;\n display:flex;\n flex:1;\n flex-direction:column;\n inline-size:100%;\n}\n:host .cds-custom-aichat--messages-container__non-input-container{\n position:relative;\n display:flex;\n overflow:hidden;\n flex:1;\n flex-direction:column;\n}\n:host .cds-custom-aichat--process-wizard-done-button{\n justify-content:center;\n}\n:host .cds-custom-aichat--messages-error-handler{\n padding:1rem;\n}\n:host{\n}\n:host .cds-custom-aichat--overlay-panel--catastrophic_panel .cds-custom-aichat--overlay-panel{\n display:flex;\n flex-direction:column;\n}\n:host .cds-custom-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-custom-aichat--catastrophic-error--with-header{\n border-start-end-radius:0;\n border-start-start-radius:0;\n}\n:host .cds-custom-aichat--catastrophic-error .cds-custom-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-custom-aichat--catastrophic-error__error-text-container{\n margin-block-start:1.5rem;\n margin-inline:2rem;\n}\n:host .cds-custom-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-custom-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-custom-aichat--catastrophic-error__restart-button{\n display:block;\n margin-block-start:1rem;\n}\n:host .cds-custom-aichat--catastrophic-error--with-header .cds-custom-aichat--catastrophic-error__error-text-container{\n margin-block-end:41px;\n}\n:host .cds-custom-aichat--wide-width.cds-custom-aichat--widget--max-width .cds-custom-aichat--catastrophic-error.cds-custom-aichat--panel-content{\n max-inline-size:100%;\n}\n:host .cds-custom-aichat--wide-width.cds-custom-aichat--widget--max-width .cds-custom-aichat--catastrophic-error__error-text-container{\n margin:auto;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host{\n}\n:host .cds-custom-aichat--disclaimer-container{\n display:flex;\n flex-basis:100%;\n flex-direction:column;\n justify-content:space-between;\n block-size:100%;\n}\n:host .cds-custom-aichat--disclaimer{\n display:flex;\n flex-basis:100%;\n flex-direction:column;\n justify-content:space-between;\n block-size:100%;\n color:var(--cds-text-primary, #161616);\n}\n:host .cds-custom-aichat--disclaimer__content{\n background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-custom-aichat--disclaimer .cds-custom-aichat--header{\n border-block-end:none;\n color:var(--cds-text-primary, #161616);\n}\n:host .cds-custom-aichat--disclaimer__content.cds-custom-aichat--panel-content,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--disclaimer__content.cds-custom-aichat--panel-content{\n overflow:hidden auto;\n flex-grow:1;\n padding:0 2rem 0 2rem;\n}\n:host .cds-custom-aichat--disclaimer__icon{\n padding:1.5rem 0 1.5rem 0;\n margin-inline-start:calc(1.5rem * -1);\n}\n:host .cds-custom-aichat--disclaimer__icon > svg{\n block-size:128px;\n inline-size:128px;\n}\n:host .cds-custom-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-custom-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-custom-aichat--disclaimer__buttons{\n border-block-start:1px solid var(--cds-border-subtle-01, #c6c6c6);\n inline-size:100%;\n}\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--disclaimer__buttons{\n display:flex;\n flex-direction:row-reverse;\n}\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button{\n inline-size:288px;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button{\n inline-size:100%;\n max-inline-size:unset;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button::part(button),\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button::part(button){\n border-end-end-radius:var(--cds-custom-aichat-border-radius, 0px);\n border-end-start-radius:var(--cds-custom-aichat-border-radius, 0px);\n}\n:host .cds-custom-aichat--widget--max-width.cds-custom-aichat--wide-width .cds-custom-aichat--disclaimer__buttons-padding{\n display:flex;\n justify-content:flex-end;\n margin:auto;\n inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host{\n}\n:host .cds-custom-aichat--error-icon{\n fill:var(--cds-support-error, #da1e28);\n vertical-align:middle;\n}\n:host .cds-custom-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-custom-aichat--hydrating-container{\n display:flex;\n overflow:hidden;\n flex-direction:column;\n block-size:100%;\n}\n:host .cds-custom-aichat--hydrating{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:100%;\n}\n:host .cds-custom-aichat--hydrating.cds-custom-aichat--hydrating--home-screen circle{\n stroke:var(--cds-text-primary, #161616);\n}\n:host .cds-custom-aichat--hydrating .cds-custom-aichat--loading-spinner{\n block-size:48px;\n inline-size:48px;\n margin-block-start:-64px;\n}\n:host .cds-custom-aichat--hydrating .cds-custom-aichat--loading-spinner path{\n stroke:var(--cds-interactive, #0f62fe);\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--hydrating.cds-custom-aichat--panel-content{\n max-inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--overlay-panel--disclaimer_panel{\n z-index:99;\n}\n:host .cds-custom-aichat--overlay-panel--custom_panel{\n z-index:95;\n}\n:host .cds-custom-aichat--overlay-panel--panel_response{\n z-index:94;\n}\n:host .cds-custom-aichat--overlay-panel--button_response_panel{\n z-index:93;\n}\n:host .cds-custom-aichat--overlay-panel--hydrating_panel{\n z-index:90;\n}\n:host .cds-custom-aichat--overlay-panel--catastrophic_panel{\n z-index:80;\n}\n:host .cds-custom-aichat--overlay-panel--home_screen_panel{\n z-index:30;\n}\n:host .cds-custom-aichat--overlay-panel--conversational_search_citation_panel{\n z-index:6;\n}\n:host .cds-custom-aichat--overlay-panel--iframe_panel{\n z-index:5;\n}\n:host .cds-custom-aichat--overlay-panel-container{\n position:absolute;\n block-size:100%;\n inline-size:100%;\n inset-block-start:0;\n}\n:host .cds-custom-aichat--overlay-panel-container--animating{\n overflow:hidden;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay--covering.cds-custom-aichat--overlay-panel-container .cds-custom-aichat--header--content{\n border-start-end-radius:0.5rem;\n border-start-start-radius:0.5rem;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--wide-width .cds-custom-aichat--overlay--covering .cds-custom-aichat--header__left-buttons{\n border-start-start-radius:0.5rem;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--wide-width .cds-custom-aichat--overlay--covering .cds-custom-aichat--header__right-buttons{\n border-start-end-radius:0.5rem;\n}\n:host .cds-custom-aichat--overlay-panel{\n position:absolute;\n display:block;\n box-sizing:border-box;\n border-radius:0;\n margin:0;\n block-size:100%;\n inline-size:100%;\n inset-block-start:0;\n min-block-size:100%;\n text-align:start;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel{\n inset-inline:unset 0;\n text-align:end;\n}\n:host .cds-custom-aichat--overlay-panel--closed{\n display:none;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--opening--fade-in{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--opening--fade-in{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--opening--slide-in-from-left{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--opening--slide-in-from-left{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-slide-in-from-left both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--opening--slide-in-from-right{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--opening--slide-in-from-right{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-slide-in-from-right both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--opening--slide-in-from-left{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--opening--slide-in-from-left{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-slide-in-from-right both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--opening--slide-in-from-right{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--opening--slide-in-from-right{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-slide-in-from-left both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--opening--slide-in-from-bottom{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--opening--slide-in-from-bottom{\n animation:240ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-in-from-bottom both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--fade-out{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--fade-out{\n animation:240ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-fade-out both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--slide-out-to-left{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--slide-out-to-left{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-left both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--slide-out-to-right{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--slide-out-to-right{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-right both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--slide-out-to-top{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--slide-out-to-top{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-top both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--closing--slide-out-to-left{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--closing--slide-out-to-left{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-right both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--closing--slide-out-to-right{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--closing--slide-out-to-right{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-left both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--slide-out-to-bottom{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--slide-out-to-bottom{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-bottom both;\n}\n:host{\n}\n:host .cds-custom-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}\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--conversational-search + .cds-custom-aichat--response-stopped,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--conversational-search + .cds-custom-aichat--response-stopped{\n padding-inline-start:56px;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--conversational-search + .cds-custom-aichat--response-stopped{\n padding-inline-start:16px;\n}\n:host{\n}\n:host .cds-custom-aichat--hidden{\n display:none;\n}\n:host .cds-custom-aichat--widget__break-word{\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-custom-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 .cds-custom-aichat--container--render{\n box-sizing:border-box;\n block-size:100%;\n color:var(--cds-text-primary, #161616);\n font-family:\"IBM Plex Sans\", \"Helvetica Neue\", arial, sans-serif;\n inline-size:100%;\n}\n:host .cds-custom-aichat--container--render[dir=rtl]{\n direction:rtl;\n}\n:host .cds-custom-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 .cds-custom-aichat--widget__region-container{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--modal-host{\n position:fixed;\n z-index:calc(var(--cds-custom-aichat-z-index, 99999) + 1);\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-custom-aichat--modal-host:has(> *){\n pointer-events:auto;\n}\n:host .cds-custom-aichat--modal-host > *{\n pointer-events:auto;\n}\n:host .cds-custom-aichat--widget{\n position:relative;\n display:flex;\n flex-direction:column;\n block-size:100%;\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\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 .cds-custom-aichat--header{\n background-color:var(--cds-chat-header-background, #ffffff);\n}\n:host .cds-custom-aichat--ai-theme .cds-custom-aichat--widget{\n border:solid 1px transparent;\n background:linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box;\n box-shadow:var(--cds-custom-aichat-ai-box-shadow-outer, 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1)));\n}\n:host .cds-custom-aichat--frameless .cds-custom-aichat--widget{\n border:none;\n box-shadow:none;\n}\n:host{\n}\n:host .cds-custom-aichat--widget .cds-custom-aichat--widget__animation-container{\n position:relative;\n z-index:1;\n flex:1;\n background:var(--cds-chat-shell-background, #ffffff);\n inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--assistant-container{\n position:absolute;\n block-size:100%;\n inline-size:100%;\n inset-block-start:0;\n inset-inline-start:0;\n}\n:host{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded{\n border-radius:var(--cds-custom-aichat-border-radius, 0px);\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--view-source-panel,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--home-screen,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--confirm-modal,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--widget__animation-container,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--assistant-container,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel-container,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--hydrating-container{\n border-end-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--header{\n border-start-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--input-container{\n border-end-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host{\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--image,\n:host .cds-custom-aichat--grid .cds-custom-aichat--media-player,\n:host .cds-custom-aichat--grid .cds-custom-aichat--media-player__skeleton,\n:host .cds-custom-aichat--body-message-components__message-wrapper .cds-custom-aichat--image,\n:host .cds-custom-aichat--body-message-components__message-wrapper .cds-custom-aichat--media-player,\n:host .cds-custom-aichat--body-message-components__message-wrapper .cds-custom-aichat--media-player__skeleton{\n border-radius:0;\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--closed .cds-custom-aichat--widget__animation-container{\n overflow:hidden;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--widget.cds-custom-aichat--widget--launched.cds-custom-aichat--widget--default-element{\n animation:none;\n }\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--launched.cds-custom-aichat--widget--default-element:not(.cds-custom-aichat---is-phone){\n animation:cds-custom-aichat-widget-in 240ms cubic-bezier(0, 0, 0.3, 1) both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--widget.cds-custom-aichat--widget--closing.cds-custom-aichat--widget--default-element{\n animation:none;\n }\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--closing.cds-custom-aichat--widget--default-element{\n animation:cds-custom-aichat-widget-out 110ms cubic-bezier(0.4, 0.14, 1, 1) both;\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget.cds-custom-aichat--widget--closed,\n:host .cds-custom-aichat--ai-theme .cds-custom-aichat--widget.cds-custom-aichat--widget.cds-custom-aichat--widget--closed{\n border:none;\n box-shadow:none;\n}\n:host{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--closed{\n display:none;\n}\n:host{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--default-element{\n position:fixed;\n z-index:var(--cds-custom-aichat-z-index, 99999);\n block-size:var(--cds-custom-aichat-height, calc(100vh - 2 * 2rem));\n inline-size:var(--cds-custom-aichat-width, min(380px, var(--cds-custom-aichat-max-width, 672px)));\n inset:var(--cds-custom-aichat-top-position, auto) var(--cds-custom-aichat-right-position, 2rem) var(--cds-custom-aichat-bottom-position, 3rem) var(--cds-custom-aichat-left-position, auto);\n max-block-size:var(--cds-custom-aichat-max-height, 640px);\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n min-block-size:var(--cds-custom-aichat-min-height, 150px);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--widget.cds-custom-aichat--widget--default-element{\n inset-inline:var(--cds-custom-aichat-right-position, 2rem) var(--cds-custom-aichat-left-position, auto);\n}\n:host .cds-custom-aichat---is-phone:not(.cds-custom-aichat--container-disable-mobile-enhancements) .cds-custom-aichat--widget{\n position:fixed;\n z-index:var(--cds-custom-aichat-z-index, 99999);\n block-size:var(--cds-custom-aichat-height, calc(100vh - 2 * 2rem));\n inline-size:var(--cds-custom-aichat-width, min(380px, var(--cds-custom-aichat-max-width, 672px)));\n inset:var(--cds-custom-aichat-top-position, auto) var(--cds-custom-aichat-right-position, 2rem) var(--cds-custom-aichat-bottom-position, 3rem) var(--cds-custom-aichat-left-position, auto);\n max-block-size:var(--cds-custom-aichat-max-height, 640px);\n min-block-size:var(--cds-custom-aichat-min-height, 150px);\n}\n:host .cds-custom-aichat---is-phone:not(.cds-custom-aichat--container-disable-mobile-enhancements) .cds-custom-aichat--widget.cds-custom-aichat--widget--launched.cds-custom-aichat--widget--default-element{\n animation:cds-custom-aichat-widget-in-mobile 240ms cubic-bezier(0, 0, 0.3, 1) both;\n inset-block-end:1px;\n inset-inline-start:1px;\n}\n:host .cds-custom-aichat---is-phone[dir=rtl]:not(.cds-custom-aichat--container-disable-mobile-enhancements) .cds-custom-aichat--widget{\n inset-inline:var(--cds-custom-aichat-right-position, 2rem) var(--cds-custom-aichat-left-position, auto);\n}\n:host .cds-custom-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 .cds-custom-aichat--widget--rounded .cds-custom-aichat{\n border-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--ai-theme .cds-custom-aichat{\n background-image:var(--cds-custom-aichat-ai-background-image, linear-gradient(to bottom, var(--cds-chat-shell-background, #ffffff) 0, var(--cds-chat-shell-background, #ffffff) 50%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 100%));\n box-shadow:var(--cds-custom-aichat-ai-box-shadow-inner, inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1))), var(--cds-custom-aichat-ai-box-shadow-outer, 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1)));\n}\n:host .cds-custom-aichat--frameless.cds-custom-aichat--ai-theme .cds-custom-aichat{\n box-shadow:var(--cds-custom-aichat-ai-box-shadow-inner, inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)));\n}\n:host .cds-custom-aichat.cds-custom-aichat--human-agent-app{\n min-inline-size:unset;\n}\n:host .cds-custom-aichat--main-window,\n:host .cds-custom-aichat--widget__layer{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--widget__focus-trap-glass{\n position:fixed;\n z-index:var(--cds-custom-aichat-z-index, 99999);\n overflow:hidden;\n background:var(--cds-overlay, rgba(22, 22, 22, 0.5));\n block-size:100vh;\n inline-size:100vw;\n inset-block-start:0;\n inset-inline-start:0;\n opacity:0.5;\n}\n:host svg.cds-custom-aichat--icon__logout--reverse{\n transform:scaleX(-1);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--icon__logout--reverse{\n transform:none;\n}\n:host .cds-custom-aichat--scroll-focus:focus-visible::before{\n position:sticky;\n z-index:1;\n display:block;\n box-sizing:border-box;\n border:solid 2px var(--cds-focus, #0f62fe);\n block-size:100%;\n content:\"\";\n float:inline-start;\n inline-size:100%;\n inset-block-start:0;\n margin-block-start:-100%;\n pointer-events:none;\n}\n:host .cds-custom-aichat--container--render .cds-custom-aichat--reverse-icon svg,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--direction-has-reversible-svg svg{\n transform:scaleX(-1);\n}\n:host{\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--direction-has-reversible-svg.cds-custom-aichat--reverse-icon svg{\n transform:scaleX(1);\n}\n:host{\n}\n:host .cds-custom-aichat--panel-content{\n overflow:hidden;\n}\n:host .cds-custom-aichat--widget--max-width{\n --cds-custom-aichat-border-radius:0;\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--panel-content{\n flex:1;\n margin:auto;\n block-size:100%;\n inline-size:100%;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host{\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--body-and-footer-component{\n border-end-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--panel-content{\n border-end-end-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:calc(var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--message{\n position:relative;\n display:block;\n margin:0;\n animation:none;\n }\n}\n:host .cds-custom-aichat--message{\n position:relative;\n display:block;\n margin:0;\n animation:cds-custom-aichat-fade-in 240ms cubic-bezier(0, 0, 0.38, 0.9) forwards;\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--no-animation{\n animation:none;\n}\n:host .cds-custom-aichat--message.cds-custom-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-custom-aichat--message.cds-custom-aichat--message--first-message.cds-custom-aichat--message--has-focus::after{\n block-size:calc(100% - 0.5rem);\n inset-block-start:0.5rem;\n}\n:host .cds-custom-aichat--message--with-avatar-line.cds-custom-aichat--message--response.cds-custom-aichat--message--last-message:not(.cds-custom-aichat--with-human-agent){\n min-block-size:calc(100% - 88px);\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--last-message.cds-custom-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-custom-aichat--message .cds-custom-aichat--message-vertical-padding,\n:host .cds-custom-aichat--message .cds-custom-aichat--ui-customization-element--response{\n padding-block-start:1rem;\n}\n:host .cds-custom-aichat--message--with-avatar-line .cds-custom-aichat--message-vertical-padding,\n:host .cds-custom-aichat--message--with-avatar-line .cds-custom-aichat--ui-customization-element--response,\n:host .cds-custom-aichat--message--option-response-without-title-or-description .cds-custom-aichat--message-vertical-padding{\n padding-block-start:0;\n}\n:host .cds-custom-aichat--message--option-response-without-title-or-description .cds-custom-aichat--ui-customization-element--response{\n padding-block-start:0;\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--custom .cds-custom-aichat--message-vertical-padding,\n:host .cds-custom-aichat--message.cds-custom-aichat--message--custom .cds-custom-aichat--ui-customization-element--response{\n padding-block:0;\n}\n:host .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received,\n:host .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received.cds-custom-aichat--received--carousel:not(.cds-custom-aichat--received--carousel-single):first-child,\n:host .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received.cds-custom-aichat--received--full-width:first-child{\n margin-block-start:0.5rem;\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--last-message .cds-custom-aichat--message--padding{\n padding-block-end:1.5rem;\n}\n:host .cds-custom-aichat--sent-container{\n display:flex;\n justify-content:flex-end;\n}\n:host .cds-custom-aichat--message .cds-custom-aichat--received,\n:host .cds-custom-aichat--message .cds-custom-aichat--sent-container{\n flex-grow:1;\n margin-inline:1rem;\n min-inline-size:0;\n}\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--conversational-search,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--search,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received--carousel:not(.cds-custom-aichat--received--carousel-single),\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--full-width,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--conversational-search,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--search,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--message .cds-custom-aichat--received--carousel:not(.cds-custom-aichat--received--carousel-single),\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--full-width,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--conversational-search,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--search,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received--carousel:not(.cds-custom-aichat--received--carousel-single),\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--full-width{\n margin-inline:0 1rem;\n}\n:host .cds-custom-aichat--message a:not(button){\n color:var(--cds-link-primary, #0f62fe);\n outline:none;\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a:visited:not(button){\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-custom-aichat--message a:hover:not(button){\n text-decoration:underline;\n}\n:host .cds-custom-aichat--message a:focus:not(button){\n text-decoration:underline;\n}\n:host .cds-custom-aichat--message::after{\n display:table;\n clear:both;\n content:\"\";\n}\n:host .cds-custom-aichat--messages--welcome.cds-custom-aichat--messages--welcome--typing{\n min-block-size:100%;\n}\n:host .cds-custom-aichat--assistant-message{\n position:relative;\n display:flex;\n flex-direction:row;\n max-inline-size:100%;\n}\n:host .cds-custom-aichat--received--inline-error,\n:host .cds-custom-aichat--received--text,\n:host .cds-custom-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-custom-aichat--message-user-defined-response{\n max-inline-size:100%;\n}\n:host .cds-custom-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-custom-aichat--received--video,\n:host .cds-custom-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-custom-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-custom-aichat--message-status{\n display:flex;\n align-items:center;\n margin-inline:8px;\n}\n:host{\n}\n:host .cds-custom-aichat--sent-and-message-state--below-message{\n display:flex;\n flex-direction:column;\n align-items:flex-end;\n}\n:host .cds-custom-aichat--sent-and-message-state--below-message .cds-custom-aichat--message-status{\n margin-inline:0;\n padding-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-custom-aichat--message-status .cds-custom-aichat--loading-spinner circle{\n stroke-width:6;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--sent-container .cds-custom-aichat--message-status-file-success svg{\n animation:none;\n fill:var(--cds-interactive, #0f62fe);\n }\n}\n:host .cds-custom-aichat--sent-container .cds-custom-aichat--message-status-file-success svg{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) 2000ms cds-custom-chat-fade-out forwards;\n fill:var(--cds-interactive, #0f62fe);\n}\n:host .cds-custom-aichat--received--loading,\n:host .cds-custom-aichat--search-result,\n:host .cds-custom-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-custom-aichat--received--loading .cds-custom-aichat--received--inner{\n position:relative;\n}\n:host .cds-custom-aichat--sent--text > span{\n flex:1;\n white-space:pre-wrap;\n}\n:host .cds-custom-aichat--sent--text{\n display:flex;\n}\n:host svg.cds-custom-aichat--sent-file-icon{\n margin-inline-end:8px;\n}\n:host .cds-custom-aichat--sent{\n display:flex;\n flex-direction:column;\n inline-size:100%;\n}\n:host .cds-custom-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-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--sent--bubble{\n border-radius:0 0.5rem 0.5rem 0.5rem;\n}\n:host .cds-custom-aichat--received--options,\n:host .cds-custom-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-custom-aichat--received--iframe-preview-card{\n overflow:hidden;\n inline-size:100%;\n}\n:host .cds-custom-aichat--assistant-message .cds-custom-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-custom-aichat--assistant-message .cds-custom-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-custom-aichat--message--system-message{\n padding-block-start:28px;\n}\n:host .cds-custom-aichat--message__avatar-line{\n display:flex;\n padding-block-start:28px;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-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-custom-aichat--message__avatar-line .cds-custom-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-custom-aichat--message__avatar-line .cds-custom-aichat--message__avatar--assistant svg{\n block-size:28px;\n inline-size:28px;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback{\n display:flex;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback img,\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback .cds-custom-aichat--icon-holder{\n border-radius:14px;\n block-size:28px;\n inline-size:28px;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback img svg,\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback .cds-custom-aichat--icon-holder svg{\n block-size:16px;\n fill:var(--cds-icon-inverse, #ffffff);\n inline-size:16px;\n}\n:host .cds-custom-aichat--message--request .cds-custom-aichat--message__avatar-line{\n justify-content:flex-end;\n padding-inline-end:1rem;\n}\n:host .cds-custom-aichat--message--request .cds-custom-aichat--message__avatar-line .cds-custom-aichat--message__label{\n padding-block-end:0.5rem;\n padding-inline-start:0.5rem;\n}\n:host{\n}\n:host .cds-custom-aichat--message--response .cds-custom-aichat--message__avatar-line{\n padding-inline-start:0.5rem;\n}\n:host .cds-custom-aichat--message--response .cds-custom-aichat--message__avatar-line .cds-custom-aichat--message__label{\n padding-block:0.5rem;\n padding-inline:0.5rem;\n}\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message + .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message,\n:host .cds-custom-aichat--message--request + .cds-custom-aichat--message--request{\n padding-block-start:0.5rem;\n}\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message + .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message .cds-custom-aichat--message__avatar-line,\n:host .cds-custom-aichat--message--request + .cds-custom-aichat--message--request .cds-custom-aichat--message__avatar-line{\n display:none;\n}\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message + .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message .cds-custom-aichat--received--from-human,\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message + .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message .cds-custom-aichat--sent--bubble,\n:host .cds-custom-aichat--message--request + .cds-custom-aichat--message--request .cds-custom-aichat--received--from-human,\n:host .cds-custom-aichat--message--request + .cds-custom-aichat--message--request .cds-custom-aichat--sent--bubble{\n border-radius:0.5rem;\n}\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--agent-message) .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding{\n padding-block-start:0.25rem;\n}\n:host .cds-custom-aichat--message__avatar--agent .cds-custom-aichat--image-with-fallback .cds-custom-aichat--icon-holder{\n background-color:var(--cds-chat-avatar-agent, #393939);\n}\n:host .cds-custom-aichat--received--from-human.cds-custom-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-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--received--from-agent.cds-custom-aichat--received--text{\n border-radius:0.5rem 0 0.5rem 0.5rem;\n}\n:host .cds-custom-aichat--message__avatar--assistant .cds-custom-aichat--image-with-fallback .cds-custom-aichat--icon-holder{\n background-color:var(--cds-chat-avatar-bot, #6f6f6f);\n}\n:host{\n}\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received{\n margin-block-start:0;\n}\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--agent-status-message,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--agent-status-message{\n margin-inline:0;\n}\n:host{\n}\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--sent-container,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--sent-container{\n margin-inline:calc(0.5rem + 2rem + 0.5rem) 1rem;\n}\n:host{\n}\n:host .cds-custom-aichat--messages--holder{\n display:flex;\n overflow:hidden;\n flex:1;\n flex-direction:column;\n}\n:host .cds-custom-aichat--messages__wrapper{\n position:relative;\n overflow:hidden;\n flex:1;\n inline-size:100%;\n}\n:host .cds-custom-aichat--messages__wrapper:focus{\n outline:none;\n}\n:host .cds-custom-aichat--message--focus-handle,\n:host .cds-custom-aichat--messages--scroll-handle{\n position:relative;\n display:block;\n overflow:hidden;\n padding:0;\n border:none;\n margin:0;\n block-size:0;\n inline-size:0;\n outline:none;\n}\n:host .cds-custom-aichat--messages__wrapper--scroll-handle-has-focus::after{\n position:absolute;\n box-sizing:border-box;\n border:solid 2px var(--cds-focus, #0f62fe);\n block-size:100%;\n content:\"\";\n inline-size:100%;\n inset-block-start:0;\n pointer-events:none;\n}\n:host .cds-custom-aichat--messages{\n overflow:hidden auto;\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat-scrollDownIndicatorIcon{\n position:absolute;\n z-index:1;\n display:grid;\n border-radius:50%;\n margin:0 auto;\n background-color:var(--cds-button-secondary, #393939);\n block-size:2rem;\n color:var(--cds-text-on-color, #ffffff);\n cursor:pointer;\n inline-size:2rem;\n inset-block-end:1rem;\n inset-inline-start:calc(50% - 1rem);\n place-items:center;\n}\n:host .cds-custom-aichat-scrollDownIndicatorIcon:active{\n background-color:var(--cds-button-secondary-active, #6f6f6f);\n}\n:host .cds-custom-aichat-scrollDownIndicatorIcon:hover{\n background-color:var(--cds-button-secondary-hover, #474747);\n}\n:host .cds-custom-aichat-scrollDownIndicatorIcon:focus{\n border-color:var(--cds-focus, #0f62fe);\n box-shadow:inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-custom--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-border:#e0e0e0;\n --cds-chat-bubble-user:#e0e0e0;\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-prompt-background:#ffffff;\n --cds-chat-prompt-border-end:rgba(244, 244, 244, 0);\n --cds-chat-prompt-border-start:#f4f4f4;\n --cds-chat-shell-background:#ffffff;\n --cds-field-01:#f4f4f4;\n --cds-field-02:#ffffff;\n --cds-field-03:#f4f4f4;\n --cds-field-hover-01:#e8e8e8;\n --cds-field-hover-02:#e8e8e8;\n --cds-field-hover-03:#e8e8e8;\n --cds-focus:#0f62fe;\n --cds-focus-inset:#ffffff;\n --cds-focus-inverse:#ffffff;\n --cds-highlight:#d0e2ff;\n --cds-icon-disabled:rgba(22, 22, 22, 0.25);\n --cds-icon-interactive:#0f62fe;\n --cds-icon-inverse:#ffffff;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:#8d8d8d;\n --cds-icon-primary:#161616;\n --cds-icon-secondary:#525252;\n --cds-interactive:#0f62fe;\n --cds-layer-01:#f4f4f4;\n --cds-layer-02:#ffffff;\n --cds-layer-03:#f4f4f4;\n --cds-layer-accent-01:#e0e0e0;\n --cds-layer-accent-02:#e0e0e0;\n --cds-layer-accent-03:#e0e0e0;\n --cds-layer-accent-active-01:#a8a8a8;\n --cds-layer-accent-active-02:#a8a8a8;\n --cds-layer-accent-active-03:#a8a8a8;\n --cds-layer-accent-hover-01:#d1d1d1;\n --cds-layer-accent-hover-02:#d1d1d1;\n --cds-layer-accent-hover-03:#d1d1d1;\n --cds-layer-active-01:#c6c6c6;\n --cds-layer-active-02:#c6c6c6;\n --cds-layer-active-03:#c6c6c6;\n --cds-layer-background-01:#ffffff;\n --cds-layer-background-02:#f4f4f4;\n --cds-layer-background-03:#ffffff;\n --cds-layer-hover-01:#e8e8e8;\n --cds-layer-hover-02:#e8e8e8;\n --cds-layer-hover-03:#e8e8e8;\n --cds-layer-selected-01:#e0e0e0;\n --cds-layer-selected-02:#e0e0e0;\n --cds-layer-selected-03:#e0e0e0;\n --cds-layer-selected-disabled:#8d8d8d;\n --cds-layer-selected-hover-01:#d1d1d1;\n --cds-layer-selected-hover-02:#d1d1d1;\n --cds-layer-selected-hover-03:#d1d1d1;\n --cds-layer-selected-inverse:#161616;\n --cds-link-inverse:#78a9ff;\n --cds-link-inverse-active:#f4f4f4;\n --cds-link-inverse-hover:#a6c8ff;\n --cds-link-inverse-visited:#be95ff;\n --cds-link-primary:#0f62fe;\n --cds-link-primary-hover:#0043ce;\n --cds-link-secondary:#0043ce;\n --cds-link-visited:#8a3ffc;\n --cds-overlay:rgba(22, 22, 22, 0.5);\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-text-disabled:rgba(22, 22, 22, 0.25);\n --cds-text-error:#da1e28;\n --cds-text-helper:#6f6f6f;\n --cds-text-inverse:#ffffff;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:#8d8d8d;\n --cds-text-placeholder:rgba(22, 22, 22, 0.4);\n --cds-text-primary:#161616;\n --cds-text-secondary:#525252;\n --cds-toggle-off:#8d8d8d;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#e0e0e0;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#393939;\n --cds-button-tertiary:#0f62fe;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#da1e28;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#6f6f6f;\n --cds-button-tertiary-active:#002d9c;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#474747;\n --cds-button-tertiary-hover:#0050e6;\n --cds-button-disabled:#c6c6c6;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--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-custom--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-custom--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-border:#e0e0e0;\n --cds-chat-bubble-user:#e0e0e0;\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-prompt-background:#ffffff;\n --cds-chat-prompt-border-end:rgba(244, 244, 244, 0);\n --cds-chat-prompt-border-start:#f4f4f4;\n --cds-chat-shell-background:#ffffff;\n --cds-field-01:#ffffff;\n --cds-field-02:#f4f4f4;\n --cds-field-03:#ffffff;\n --cds-field-hover-01:#e8e8e8;\n --cds-field-hover-02:#e8e8e8;\n --cds-field-hover-03:#e8e8e8;\n --cds-focus:#0f62fe;\n --cds-focus-inset:#ffffff;\n --cds-focus-inverse:#ffffff;\n --cds-highlight:#d0e2ff;\n --cds-icon-disabled:rgba(22, 22, 22, 0.25);\n --cds-icon-interactive:#0f62fe;\n --cds-icon-inverse:#ffffff;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:#8d8d8d;\n --cds-icon-primary:#161616;\n --cds-icon-secondary:#525252;\n --cds-interactive:#0f62fe;\n --cds-layer-01:#ffffff;\n --cds-layer-02:#f4f4f4;\n --cds-layer-03:#ffffff;\n --cds-layer-accent-01:#e0e0e0;\n --cds-layer-accent-02:#e0e0e0;\n --cds-layer-accent-03:#e0e0e0;\n --cds-layer-accent-active-01:#a8a8a8;\n --cds-layer-accent-active-02:#a8a8a8;\n --cds-layer-accent-active-03:#a8a8a8;\n --cds-layer-accent-hover-01:#d1d1d1;\n --cds-layer-accent-hover-02:#d1d1d1;\n --cds-layer-accent-hover-03:#d1d1d1;\n --cds-layer-active-01:#c6c6c6;\n --cds-layer-active-02:#c6c6c6;\n --cds-layer-active-03:#c6c6c6;\n --cds-layer-background-01:#f4f4f4;\n --cds-layer-background-02:#ffffff;\n --cds-layer-background-03:#f4f4f4;\n --cds-layer-hover-01:#e8e8e8;\n --cds-layer-hover-02:#e8e8e8;\n --cds-layer-hover-03:#e8e8e8;\n --cds-layer-selected-01:#e0e0e0;\n --cds-layer-selected-02:#e0e0e0;\n --cds-layer-selected-03:#e0e0e0;\n --cds-layer-selected-disabled:#8d8d8d;\n --cds-layer-selected-hover-01:#d1d1d1;\n --cds-layer-selected-hover-02:#d1d1d1;\n --cds-layer-selected-hover-03:#d1d1d1;\n --cds-layer-selected-inverse:#161616;\n --cds-link-inverse:#78a9ff;\n --cds-link-inverse-active:#f4f4f4;\n --cds-link-inverse-hover:#a6c8ff;\n --cds-link-inverse-visited:#be95ff;\n --cds-link-primary:#0f62fe;\n --cds-link-primary-hover:#0043ce;\n --cds-link-secondary:#0043ce;\n --cds-link-visited:#8a3ffc;\n --cds-overlay:rgba(22, 22, 22, 0.5);\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-text-disabled:rgba(22, 22, 22, 0.25);\n --cds-text-error:#da1e28;\n --cds-text-helper:#6f6f6f;\n --cds-text-inverse:#ffffff;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:#8d8d8d;\n --cds-text-placeholder:rgba(22, 22, 22, 0.4);\n --cds-text-primary:#161616;\n --cds-text-secondary:#525252;\n --cds-toggle-off:#8d8d8d;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#e0e0e0;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#393939;\n --cds-button-tertiary:#0f62fe;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#da1e28;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#6f6f6f;\n --cds-button-tertiary-active:#002d9c;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#474747;\n --cds-button-tertiary-hover:#0050e6;\n --cds-button-disabled:#c6c6c6;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--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-custom--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-custom--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-border:#525252;\n --cds-chat-bubble-user:#393939;\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-prompt-background:#161616;\n --cds-chat-prompt-border-end:rgba(38, 38, 38, 0);\n --cds-chat-prompt-border-start:#262626;\n --cds-chat-shell-background:#262626;\n --cds-field-01:#393939;\n --cds-field-02:#525252;\n --cds-field-03:#6f6f6f;\n --cds-field-hover-01:#474747;\n --cds-field-hover-02:#636363;\n --cds-field-hover-03:#5e5e5e;\n --cds-focus:#ffffff;\n --cds-focus-inset:#161616;\n --cds-focus-inverse:#0f62fe;\n --cds-highlight:#002d9c;\n --cds-icon-disabled:rgba(244, 244, 244, 0.25);\n --cds-icon-interactive:#ffffff;\n --cds-icon-inverse:#161616;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-icon-primary:#f4f4f4;\n --cds-icon-secondary:#c6c6c6;\n --cds-interactive:#4589ff;\n --cds-layer-01:#393939;\n --cds-layer-02:#525252;\n --cds-layer-03:#6f6f6f;\n --cds-layer-accent-01:#525252;\n --cds-layer-accent-02:#6f6f6f;\n --cds-layer-accent-03:#8d8d8d;\n --cds-layer-accent-active-01:#8d8d8d;\n --cds-layer-accent-active-02:#393939;\n --cds-layer-accent-active-03:#525252;\n --cds-layer-accent-hover-01:#636363;\n --cds-layer-accent-hover-02:#5e5e5e;\n --cds-layer-accent-hover-03:#7a7a7a;\n --cds-layer-active-01:#6f6f6f;\n --cds-layer-active-02:#8d8d8d;\n --cds-layer-active-03:#393939;\n --cds-layer-background-01:#262626;\n --cds-layer-background-02:#393939;\n --cds-layer-background-03:#525252;\n --cds-layer-hover-01:#474747;\n --cds-layer-hover-02:#636363;\n --cds-layer-hover-03:#5e5e5e;\n --cds-layer-selected-01:#525252;\n --cds-layer-selected-02:#6f6f6f;\n --cds-layer-selected-03:#525252;\n --cds-layer-selected-disabled:#a8a8a8;\n --cds-layer-selected-hover-01:#636363;\n --cds-layer-selected-hover-02:#5e5e5e;\n --cds-layer-selected-hover-03:#636363;\n --cds-layer-selected-inverse:#f4f4f4;\n --cds-link-inverse:#0f62fe;\n --cds-link-inverse-active:#161616;\n --cds-link-inverse-hover:#0043ce;\n --cds-link-inverse-visited:#8a3ffc;\n --cds-link-primary:#78a9ff;\n --cds-link-primary-hover:#a6c8ff;\n --cds-link-secondary:#a6c8ff;\n --cds-link-visited:#be95ff;\n --cds-overlay:rgba(0, 0, 0, 0.65);\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-text-disabled:rgba(244, 244, 244, 0.25);\n --cds-text-error:#ffb3b8;\n --cds-text-helper:#c6c6c6;\n --cds-text-inverse:#161616;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-text-placeholder:rgba(244, 244, 244, 0.4);\n --cds-text-primary:#f4f4f4;\n --cds-text-secondary:#c6c6c6;\n --cds-toggle-off:#8d8d8d;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#161616;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#6f6f6f;\n --cds-button-tertiary:#ffffff;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#ff8389;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#393939;\n --cds-button-tertiary-active:#c6c6c6;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#5e5e5e;\n --cds-button-tertiary-hover:#f4f4f4;\n --cds-button-disabled:rgba(141, 141, 141, 0.3);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--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-custom--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-custom--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-border:#525252;\n --cds-chat-bubble-user:#393939;\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-prompt-background:#161616;\n --cds-chat-prompt-border-end:rgba(38, 38, 38, 0);\n --cds-chat-prompt-border-start:#262626;\n --cds-chat-shell-background:#262626;\n --cds-field-01:#262626;\n --cds-field-02:#393939;\n --cds-field-03:#525252;\n --cds-field-hover-01:#333333;\n --cds-field-hover-02:#474747;\n --cds-field-hover-03:#636363;\n --cds-focus:#ffffff;\n --cds-focus-inset:#161616;\n --cds-focus-inverse:#0f62fe;\n --cds-highlight:#001d6c;\n --cds-icon-disabled:rgba(244, 244, 244, 0.25);\n --cds-icon-interactive:#ffffff;\n --cds-icon-inverse:#161616;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-icon-primary:#f4f4f4;\n --cds-icon-secondary:#c6c6c6;\n --cds-interactive:#4589ff;\n --cds-layer-01:#262626;\n --cds-layer-02:#393939;\n --cds-layer-03:#525252;\n --cds-layer-accent-01:#393939;\n --cds-layer-accent-02:#525252;\n --cds-layer-accent-03:#6f6f6f;\n --cds-layer-accent-active-01:#6f6f6f;\n --cds-layer-accent-active-02:#8d8d8d;\n --cds-layer-accent-active-03:#393939;\n --cds-layer-accent-hover-01:#474747;\n --cds-layer-accent-hover-02:#636363;\n --cds-layer-accent-hover-03:#5e5e5e;\n --cds-layer-active-01:#525252;\n --cds-layer-active-02:#6f6f6f;\n --cds-layer-active-03:#8d8d8d;\n --cds-layer-background-01:#161616;\n --cds-layer-background-02:#262626;\n --cds-layer-background-03:#393939;\n --cds-layer-hover-01:#333333;\n --cds-layer-hover-02:#474747;\n --cds-layer-hover-03:#636363;\n --cds-layer-selected-01:#393939;\n --cds-layer-selected-02:#525252;\n --cds-layer-selected-03:#6f6f6f;\n --cds-layer-selected-disabled:#a8a8a8;\n --cds-layer-selected-hover-01:#474747;\n --cds-layer-selected-hover-02:#636363;\n --cds-layer-selected-hover-03:#5e5e5e;\n --cds-layer-selected-inverse:#f4f4f4;\n --cds-link-inverse:#0f62fe;\n --cds-link-inverse-active:#161616;\n --cds-link-inverse-hover:#0043ce;\n --cds-link-inverse-visited:#8a3ffc;\n --cds-link-primary:#78a9ff;\n --cds-link-primary-hover:#a6c8ff;\n --cds-link-secondary:#a6c8ff;\n --cds-link-visited:#be95ff;\n --cds-overlay:rgba(0, 0, 0, 0.65);\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-text-disabled:rgba(244, 244, 244, 0.25);\n --cds-text-error:#ff8389;\n --cds-text-helper:#a8a8a8;\n --cds-text-inverse:#161616;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-text-placeholder:rgba(244, 244, 244, 0.4);\n --cds-text-primary:#f4f4f4;\n --cds-text-secondary:#c6c6c6;\n --cds-toggle-off:#6f6f6f;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#161616;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#6f6f6f;\n --cds-button-tertiary:#ffffff;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#fa4d56;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#393939;\n --cds-button-tertiary-active:#c6c6c6;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#5e5e5e;\n --cds-button-tertiary-hover:#f4f4f4;\n --cds-button-disabled:rgba(141, 141, 141, 0.3);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--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-custom--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 cds-custom-tile{\n border:1px solid var(--cds-chat-bubble-border, #e0e0e0);\n border-radius:0.5rem;\n}\n:host .cds-custom-aichat--light cds-custom-tile,\n:host .cds-custom--white cds-custom-tile,\n:host .cds-custom--g10 cds-custom-tile{\n background-color:#ffffff;\n}\n:host .cds-custom-aichat--dark,\n:host .cds-custom--g90,\n:host .cds-custom--g100{\n scrollbar-color:var(--cds-layer-03) var(--cds-layer-01);\n}\n:host .cds-custom-aichat--dark cds-custom-tile,\n:host .cds-custom--g90 cds-custom-tile,\n:host .cds-custom--g100 cds-custom-tile{\n background-color:#262626;\n}";
17466
+ var css_248z = ".cds-custom--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-custom--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-custom--layout-constraint--size__min-xs{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem);\n}\n\n.cds-custom--layout-constraint--size__max-xs{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem);\n}\n\n.cds-custom--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-custom--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-custom--layout-constraint--size__min-sm{\n --cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem);\n}\n\n.cds-custom--layout-constraint--size__max-sm{\n --cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem);\n}\n\n.cds-custom--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-custom--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-custom--layout-constraint--size__min-md{\n --cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem);\n}\n\n.cds-custom--layout-constraint--size__max-md{\n --cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem);\n}\n\n.cds-custom--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-custom--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-custom--layout-constraint--size__min-lg{\n --cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem);\n}\n\n.cds-custom--layout-constraint--size__max-lg{\n --cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem);\n}\n\n.cds-custom--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-custom--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-custom--layout-constraint--size__min-xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem);\n}\n\n.cds-custom--layout-constraint--size__max-xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem);\n}\n\n.cds-custom--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-custom--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-custom--layout-constraint--size__min-2xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem);\n}\n\n.cds-custom--layout-constraint--size__max-2xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem);\n}\n\n.cds-custom--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-custom--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-custom--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-custom--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-custom--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-custom--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-custom--layout-constraint--density__min-normal{\n --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n\n.cds-custom--layout-constraint--density__max-normal{\n --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n\n:root{\n --cds-layout-size-height-xs:1.5rem;\n --cds-layout-size-height-sm:2rem;\n --cds-layout-size-height-md:2.5rem;\n --cds-layout-size-height-lg:3rem;\n --cds-layout-size-height-xl:4rem;\n --cds-layout-size-height-2xl:5rem;\n --cds-layout-size-height-min:0px;\n --cds-layout-size-height-max:999999999px;\n --cds-layout-density-padding-inline-condensed:0.5rem;\n --cds-layout-density-padding-inline-normal:1rem;\n --cds-layout-density-padding-inline-min:0px;\n --cds-layout-density-padding-inline-max:999999999px;\n}\n\n:host{\n block-size:100%;\n --cds-layout-size-height-xs:1.5rem;\n --cds-layout-size-height-sm:2rem;\n --cds-layout-size-height-md:2.5rem;\n --cds-layout-size-height-lg:3rem;\n --cds-layout-size-height-xl:4rem;\n --cds-layout-size-height-2xl:5rem;\n --cds-layout-size-height-min:0px;\n --cds-layout-size-height-max:999999999px;\n --cds-layout-density-padding-inline-condensed:0.5rem;\n --cds-layout-density-padding-inline-normal:1rem;\n --cds-layout-density-padding-inline-min:0px;\n --cds-layout-density-padding-inline-max:999999999px;\n}\n:host html,\n:host body,\n:host div,\n:host span,\n:host applet,\n:host object,\n:host iframe,\n:host h1,\n:host h2,\n:host h3,\n:host h4,\n:host h5,\n:host h6,\n:host p,\n:host blockquote,\n:host pre,\n:host a,\n:host abbr,\n:host acronym,\n:host address,\n:host big,\n:host cite,\n:host code,\n:host del,\n:host dfn,\n:host em,\n:host img,\n:host ins,\n:host kbd,\n:host q,\n:host s,\n:host samp,\n:host small,\n:host strike,\n:host strong,\n:host sub,\n:host sup,\n:host tt,\n:host var,\n:host b,\n:host u,\n:host i,\n:host center,\n:host dl,\n:host dt,\n:host dd,\n:host ol,\n:host ul,\n:host li,\n:host fieldset,\n:host form,\n:host label,\n:host legend,\n:host table,\n:host caption,\n:host tbody,\n:host tfoot,\n:host thead,\n:host tr,\n:host th,\n:host td,\n:host article,\n:host aside,\n:host canvas,\n:host details,\n:host embed,\n:host figure,\n:host figcaption,\n:host footer,\n:host header,\n:host hgroup,\n:host menu,\n:host nav,\n:host output,\n:host ruby,\n:host section,\n:host summary,\n:host time,\n:host mark,\n:host audio,\n:host video{\n padding:0;\n border:0;\n margin:0;\n font:inherit;\n font-feature-settings:\"liga\" 1;\n font-size:100%;\n vertical-align:baseline;\n}\n:host button,\n:host select,\n:host input,\n:host textarea{\n border-radius:0;\n font-family:inherit;\n}\n:host{\n}\n:host article,\n:host aside,\n:host details,\n:host figcaption,\n:host figure,\n:host footer,\n:host header,\n:host hgroup,\n:host menu,\n:host nav,\n:host section{\n display:block;\n}\n:host body{\n background-color:var(--cds-background, #ffffff);\n color:var(--cds-text-primary, #161616);\n line-height:1;\n}\n:host ol,\n:host ul{\n list-style:none;\n}\n:host blockquote,\n:host q{\n quotes:none;\n}\n:host blockquote::before,\n:host blockquote::after,\n:host q::before,\n:host q::after{\n content:none;\n}\n:host table{\n border-collapse:collapse;\n border-spacing:0;\n}\n:host html{\n box-sizing:border-box;\n}\n:host *,\n:host *::before,\n:host *::after{\n box-sizing:inherit;\n}\n:host html{\n font-size:100%;\n}\n:host body{\n font-weight:400;\n font-family:'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;\n -moz-osx-font-smoothing:grayscale;\n -webkit-font-smoothing:antialiased;\n text-rendering:optimizeLegibility;\n}\n:host code{\n font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n}\n:host strong{\n font-weight:600;\n}\n@media screen and (-ms-high-contrast: active){\n :host svg{\n fill:ButtonText;\n }\n}\n:host h1{\n font-size:var(--cds-heading-06-font-size, 2.625rem);\n font-weight:var(--cds-heading-06-font-weight, 300);\n line-height:var(--cds-heading-06-line-height, 1.199);\n letter-spacing:var(--cds-heading-06-letter-spacing, 0);\n}\n:host h2{\n font-size:var(--cds-heading-05-font-size, 2rem);\n font-weight:var(--cds-heading-05-font-weight, 400);\n line-height:var(--cds-heading-05-line-height, 1.25);\n letter-spacing:var(--cds-heading-05-letter-spacing, 0);\n}\n:host h3{\n font-size:var(--cds-heading-04-font-size, 1.75rem);\n font-weight:var(--cds-heading-04-font-weight, 400);\n line-height:var(--cds-heading-04-line-height, 1.28572);\n letter-spacing:var(--cds-heading-04-letter-spacing, 0);\n}\n:host h4{\n font-size:var(--cds-heading-03-font-size, 1.25rem);\n font-weight:var(--cds-heading-03-font-weight, 400);\n line-height:var(--cds-heading-03-line-height, 1.4);\n letter-spacing:var(--cds-heading-03-letter-spacing, 0);\n}\n:host h5{\n font-size:var(--cds-heading-02-font-size, 1rem);\n font-weight:var(--cds-heading-02-font-weight, 600);\n line-height:var(--cds-heading-02-line-height, 1.5);\n letter-spacing:var(--cds-heading-02-letter-spacing, 0);\n}\n:host h6{\n font-size:var(--cds-heading-01-font-size, 0.875rem);\n font-weight:var(--cds-heading-01-font-weight, 600);\n line-height:var(--cds-heading-01-line-height, 1.42857);\n letter-spacing:var(--cds-heading-01-letter-spacing, 0.16px);\n}\n:host p{\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n}\n:host a{\n color:var(--cds-link-primary, #0062fe);\n}\n:host em{\n font-style:italic;\n}\n:host{\n}\n@keyframes cds-custom-aichat-fade-in{\n 0%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-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-custom-aichat-fade-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-fade-in-img{\n 0%{\n filter:grayscale(100%);\n opacity:0;\n }\n 100%{\n filter:grayscale(0%);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-slide-in-from-right{\n from{\n inset-inline-start:100%;\n }\n to{\n inset-inline-start:0;\n }\n}\n@keyframes cds-custom-aichat-slide-out-to-right{\n from{\n inset-inline-start:0;\n }\n to{\n inset-inline-start:100%;\n }\n}\n@keyframes cds-custom-aichat-slide-out-to-top{\n from{\n inset-block-start:0;\n }\n to{\n inset-block-start:-100%;\n }\n}\n@keyframes cds-custom-aichat-slide-in-from-left{\n from{\n inset-inline-end:100%;\n }\n to{\n inset-inline-end:0;\n }\n}\n@keyframes cds-custom-aichat-slide-out-to-left{\n from{\n inset-inline-end:0;\n }\n to{\n inset-inline-end:100%;\n }\n}\n@keyframes cds-custom-aichat-slide-in-from-bottom{\n from{\n inset-block-start:100%;\n }\n to{\n inset-block-start:0;\n }\n}\n@keyframes cds-custom-aichat-slide-out-to-bottom{\n from{\n inset-block-start:0;\n }\n to{\n inset-block-start:100%;\n }\n}\n@keyframes cds-custom-aichat-widget-in{\n 0%{\n inset-block-end:0;\n opacity:0;\n }\n 100%{\n inset-block-end:var(--cds-custom-aichat-bottom-position, 3rem);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-widget-in-mobile{\n 0%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-widget-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-fade-in-up-back-button{\n 0%{\n opacity:0;\n transform:translate(-50%, calc(-100% - 1rem + 2rem));\n }\n 15%{\n opacity:0;\n }\n 50%{\n transform:translate(-50%, calc(-100% - 1rem));\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-in{\n 0%{\n inset-block-end:calc(var(--cds-custom-aichat-launcher-position-bottom, 3rem) - 1rem);\n opacity:0;\n }\n 100%{\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-bounce{\n 0%{\n transform:translateY(0);\n }\n 30%{\n transform:translateY(-10px);\n }\n 50%{\n transform:translateY(0);\n }\n 70%{\n transform:translateY(-10px);\n }\n 100%{\n transform:translateY(0);\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-in-slide-up{\n 0%{\n background:transparent;\n box-shadow:none;\n inset-block-end:calc(2rem + var(--cds-custom-aichat-launcher-default-size, 56px) + var(--cds-custom-aichat-launcher-position-bottom, 3rem) - var(--cds-custom-aichat-launcher-desktop-expanded-height, 320px));\n }\n 30%{\n background:transparent;\n box-shadow:none;\n }\n 100%{\n background:var(--cds-custom-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:4rem;\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-in-text{\n 0%{\n opacity:0;\n }\n 40%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-resize-reposition{\n 0%{\n padding:0;\n border-radius:28px;\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-end:var(--cds-custom-aichat-launcher-position-right, 2rem);\n }\n 100%{\n padding:0 60px 60px 0;\n border-radius:5rem;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-end:calc(-1 * 5rem);\n }\n}\n@keyframes cds-custom-aichat-launcher-resize-reposition-rtl{\n 0%{\n padding:0;\n border-radius:28px;\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-start:var(--cds-custom-aichat-launcher-position-right, 2rem);\n }\n 100%{\n padding:0 0 60px 60px;\n border-radius:5rem;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-start:calc(-1 * 5rem);\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-in-close-button{\n 0%{\n opacity:0;\n }\n 80%{\n opacity:0;\n }\n 100%{\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-avatar-resize{\n 0%{\n block-size:32px;\n inline-size:32px;\n }\n 100%{\n block-size:48px;\n inline-size:48px;\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-in-slide-up-small-expanded{\n 0%{\n inset-block-end:-160px;\n opacity:0;\n }\n 30%{\n opacity:0;\n }\n 100%{\n inset-block-end:calc(-1 * 5rem);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-out-slide-down{\n 0%{\n background:var(--cds-custom-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:4rem;\n }\n 40%{\n background:transparent;\n box-shadow:none;\n }\n 100%{\n background:transparent;\n box-shadow:none;\n inset-block-end:calc(2rem + var(--cds-custom-aichat-launcher-default-size, 56px) + var(--cds-custom-aichat-launcher-position-bottom, 3rem) - var(--cds-custom-aichat-launcher-desktop-expanded-height, 320px));\n }\n}\n@keyframes cds-custom-aichat-launcher-fade-out{\n 0%{\n opacity:1;\n }\n 40%{\n opacity:0;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-launcher-default-size-position{\n 0%{\n padding:0 60px 60px 0;\n border-radius:5rem;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-end:calc(-1 * 5rem);\n }\n 100%{\n padding:0;\n border-radius:28px;\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-end:var(--cds-custom-aichat-launcher-position-right, 2rem);\n }\n}\n@keyframes cds-custom-aichat-launcher-default-size-position-rtl{\n 0%{\n padding:0 0 60px 60px;\n border-radius:5rem;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-start:calc(-1 * 5rem);\n }\n 100%{\n padding:0;\n border-radius:28px;\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-start:var(--cds-custom-aichat-launcher-position-right, 2rem);\n }\n}\n@keyframes cds-custom-aichat-launcher-icon-to-32{\n 0%{\n inline-size:24px;\n }\n 100%{\n inline-size:32px;\n }\n}\n@keyframes cds-custom-aichat-launcher-icon-to-24{\n 0%{\n inline-size:32px;\n }\n 100%{\n inline-size:24px;\n }\n}\n@keyframes cds-custom-aichat-launcher-partially-round{\n 0%{\n border-radius:28px;\n }\n 100%{\n border-radius:14px;\n }\n}\n@keyframes cds-custom-aichat-launcher-completely-round{\n 0%{\n border-radius:14px;\n }\n 100%{\n border-radius:28px;\n }\n}\n@keyframes cds-custom-aichat-launcher-extend{\n 0%{\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n }\n 100%{\n inline-size:var(--cds-custom-aichat-launcher-extended-width, 280px);\n }\n}\n@keyframes cds-custom-aichat-launcher-reduce{\n 0%{\n inline-size:var(--cds-custom-aichat-launcher-extended-width, 280px);\n }\n 100%{\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n }\n}\n@keyframes cds-custom-aichat-launcher-extended-element-fade-in{\n 0%{\n inset-block-end:-16px;\n opacity:0;\n }\n 50%, 100%{\n inset-block-end:0;\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-launcher-extended-element-fade-out{\n 0%{\n inset-block-start:0;\n opacity:1;\n }\n 50%, 100%{\n inset-block-start:-16px;\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-linear-load-size{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:0;\n }\n 25%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:2.5px;\n }\n 83.3%{\n r:0.875px;\n }\n 100%{\n r:0.875px;\n }\n}\n@keyframes cds-custom-aichat-linear-load-stroke{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n stroke-width:0;\n }\n 8.33%{\n stroke-width:1.72;\n }\n 100%{\n stroke-width:1.72;\n }\n}\n@keyframes cds-custom-aichat-linear-loop-size{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:0.875px;\n }\n 25%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:2.5px;\n }\n 91.66%{\n r:0.875px;\n }\n 100%{\n r:0.875px;\n }\n}\n@keyframes cds-custom-aichat-linear-loop-stroke{\n 0%{\n animation-timing-function:cubic-bezier(0.4, 0.14, 1, 1);\n stroke-width:1.72;\n }\n 100%{\n stroke-width:1.72;\n }\n}\n@keyframes cds-custom-aichat-linear-unload-size{\n 0%{\n r:0.875px;\n }\n 8.33%{\n r:0.875px;\n }\n 33.33%{\n animation-timing-function:cubic-bezier(0.4, 0.14, 1, 1);\n r:2.5px;\n }\n 58.33%{\n r:0;\n }\n 100%{\n r:0;\n }\n}\n@keyframes cds-custom-aichat-linear-unload-stroke{\n 0%{\n stroke-width:1.72;\n }\n 50%{\n stroke-width:1.72;\n }\n 58.33%{\n stroke-width:0;\n }\n 100%{\n stroke-width:0;\n }\n}\n@keyframes cds-custom-aichat-widget-in{\n 0%{\n inset-block-end:calc(var(--cds-custom-aichat-bottom-position, 3rem) - 2rem);\n opacity:0;\n }\n 100%{\n inset-block-end:var(--cds-custom-aichat-bottom-position, 3rem);\n opacity:1;\n }\n}\n@keyframes cds-custom-aichat-widget-out{\n 0%{\n opacity:1;\n }\n 100%{\n opacity:0;\n }\n}\n@keyframes cds-custom-aichat-linear-load-size{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:0;\n }\n 25%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:2.5px;\n }\n 83.3%{\n r:0.875px;\n }\n 100%{\n r:0.875px;\n }\n}\n@keyframes cds-custom-aichat-linear-load-stroke{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n stroke-width:0;\n }\n 8.33%{\n stroke-width:1.72;\n }\n 100%{\n stroke-width:1.72;\n }\n}\n@keyframes cds-custom-aichat-linear-loop-size{\n 0%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:0.875px;\n }\n 25%{\n animation-timing-function:cubic-bezier(0, 0, 0.3, 1);\n r:2.5px;\n }\n 91.66%{\n r:0.875px;\n }\n 100%{\n r:0.875px;\n }\n}\n@keyframes cds-custom-aichat-linear-loop-stroke{\n 0%{\n animation-timing-function:cubic-bezier(0.4, 0.14, 1, 1);\n stroke-width:1.72;\n }\n 100%{\n stroke-width:1.72;\n }\n}\n@keyframes cds-custom-aichat-linear-unload-size{\n 0%{\n r:0.875px;\n }\n 8.33%{\n r:0.875px;\n }\n 33.33%{\n animation-timing-function:cubic-bezier(0.4, 0.14, 1, 1);\n r:2.5px;\n }\n 58.33%{\n r:0;\n }\n 100%{\n r:0;\n }\n}\n@keyframes cds-custom-aichat-linear-unload-stroke{\n 0%{\n stroke-width:1.72;\n }\n 50%{\n stroke-width:1.72;\n }\n 58.33%{\n stroke-width:0;\n }\n 100%{\n stroke-width:0;\n }\n}\n:host{\n}\n:host .cds-custom-aichat--container--render{\n --cds-custom-aichat-max-height:640px;\n --cds-custom-aichat-min-height:max(\n 150px,\n calc(min(256px, 100vh) - var(--cds-custom-aichat-bottom-position))\n );\n --cds-custom-aichat-max-width:672px;\n --cds-custom-aichat-bottom-position:3rem;\n --cds-custom-aichat-right-position:2rem;\n --cds-custom-aichat-top-position:auto;\n --cds-custom-aichat-left-position:auto;\n --cds-custom-aichat-z-index:99999;\n --cds-custom-aichat-border-radius:0;\n --cds-custom-aichat-ai-background-image:linear-gradient(\n to bottom,\n var(--cds-chat-shell-background, #ffffff) 0,\n var(--cds-chat-shell-background, #ffffff) 50%,\n var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%,\n var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 100%\n );\n --cds-custom-aichat-ai-box-shadow-inner:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));\n --cds-custom-aichat-ai-box-shadow-outer:0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));\n --cds-custom-aichat-card-border-radius:0.5rem;\n --cds-custom-aichat-card-max-width:424px;\n --cds-custom-aichat-box-shadow:1px 0 4px hsl(0deg 0% 9% / 30%);\n --cds-custom-aichat-width:min(380px, var(--cds-custom-aichat-max-width));\n --cds-custom-aichat-height:calc(100vh - (2 * 2rem));\n --cds-custom-aichat-launcher-default-size:56px;\n --cds-custom-aichat-launcher-position-bottom:3rem;\n --cds-custom-aichat-launcher-position-right:2rem;\n --cds-custom-aichat-launcher-extended-width:280px;\n --cds-custom-aichat-launcher-desktop-expanded-height:320px;\n --cds-custom-aichat-launcher-position-bottom-mobile:1rem;\n --cds-custom-aichat-launcher-color-background:var(--cds-button-primary, #0f62fe);\n --cds-custom-aichat-launcher-color-avatar:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-launcher-color-background-hover:var(--cds-button-primary-hover, #0050e6);\n --cds-custom-aichat-launcher-color-background-active:var(--cds-button-primary-active, #002d9c);\n --cds-custom-aichat-launcher-color-focus-border:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-launcher-mobile-color-text:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-launcher-expanded-message-color-text:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-launcher-expanded-message-color-background:var(--cds-button-primary, #0f62fe);\n --cds-custom-aichat-launcher-expanded-message-color-background-hover:var(--cds-button-primary-hover, #0050e6);\n --cds-custom-aichat-launcher-expanded-message-color-background-active:var(--cds-button-primary-active, #002d9c);\n --cds-custom-aichat-launcher-expanded-message-color-focus-border:var(--cds-text-on-color, #ffffff);\n --cds-custom-aichat-unread-indicator-color-background:var(--cds-support-error, #da1e28);\n --cds-custom-aichat-unread-indicator-color-text:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom-aichat--container--render .cds-custom-aichat--widget--rounded{\n --cds-custom-aichat-border-radius:0.5rem;\n}\n:host .cds-custom-aichat--container--render.cds-custom-aichat---is-phone{\n --cds-custom-aichat-width:calc(100vw - 4px);\n --cds-custom-aichat-height:calc(100vh - 4px);\n --cds-custom-aichat-left-position:2;\n --cds-custom-aichat-top-position:2;\n --cds-custom-aichat-max-height:auto;\n --cds-custom-aichat-min-height:auto;\n --cds-custom-aichat-right-position:auto;\n}\n@supports (height: 100dvh){\n :host .cds-custom-aichat--container--render.cds-custom-aichat---is-phone{\n --cds-custom-aichat-width:calc(100dvw - 4px);\n --cds-custom-aichat-height:calc(100dvh - 4px);\n }\n}\n:host{\n}\n:host .cds-custom--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-custom--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-custom--layout-constraint--size__min-xs{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem);\n}\n:host .cds-custom--layout-constraint--size__max-xs{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem);\n}\n:host .cds-custom--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-custom--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-custom--layout-constraint--size__min-sm{\n --cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem);\n}\n:host .cds-custom--layout-constraint--size__max-sm{\n --cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem);\n}\n:host .cds-custom--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-custom--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-custom--layout-constraint--size__min-md{\n --cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem);\n}\n:host .cds-custom--layout-constraint--size__max-md{\n --cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem);\n}\n:host .cds-custom--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-custom--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-custom--layout-constraint--size__min-lg{\n --cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem);\n}\n:host .cds-custom--layout-constraint--size__max-lg{\n --cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem);\n}\n:host .cds-custom--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-custom--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-custom--layout-constraint--size__min-xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem);\n}\n:host .cds-custom--layout-constraint--size__max-xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem);\n}\n:host .cds-custom--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-custom--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-custom--layout-constraint--size__min-2xl{\n --cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem);\n}\n:host .cds-custom--layout-constraint--size__max-2xl{\n --cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem);\n}\n:host .cds-custom--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-custom--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-custom--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-custom--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-custom--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-custom--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-custom--layout-constraint--density__min-normal{\n --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem);\n}\n:host .cds-custom--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-custom--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-custom--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-custom--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-custom--layer-one.cds-custom--layer__with-background{\n background-color:var(--cds-layer-background);\n}\n:host .cds-custom--layer-two.cds-custom--layer__with-background{\n background-color:var(--cds-layer-background);\n}\n:host .cds-custom--layer-three.cds-custom--layer__with-background{\n background-color:var(--cds-layer-background);\n}\n@keyframes cds-custom--hide-feedback{\n 0%{\n opacity:1;\n visibility:inherit;\n }\n 100%{\n opacity:0;\n visibility:hidden;\n }\n}\n@keyframes cds-custom--show-feedback{\n 0%{\n opacity:0;\n visibility:hidden;\n }\n 100%{\n opacity:1;\n visibility:inherit;\n }\n}\n@keyframes cds-custom--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{\n}\n:host .cds-custom--assistive-text,\n:host .cds-custom--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-custom--popover-container{\n display:inline-block;\n}\n:host .cds-custom--popover-container:not(.cds-custom--popover--auto-align){\n position:relative;\n}\n:host .cds-custom--popover--high-contrast .cds-custom--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-custom--popover--drop-shadow .cds-custom--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-custom--popover--border > .cds-custom--popover > .cds-custom--popover-content{\n outline:1px solid var(--cds-popover-border-color, var(--cds-border-subtle));\n outline-offset:-1px;\n}\n:host .cds-custom--popover--caret{\n --cds-popover-offset:0.625rem;\n}\n:host .cds-custom--popover{\n position:absolute;\n z-index:6000;\n inset:0;\n pointer-events:none;\n}\n:host .cds-custom--popover-content{\n --cds-layout-size-height-sm:2rem;\n}\n:host .cds-custom--popover-content.cds-custom--layout--size-sm, :host .cds-custom--layout--size-sm :where(.cds-custom--popover-content){\n --cds-layout-size-height:var(--cds-layout-size-height-sm);\n}\n:host .cds-custom--popover-content{\n --cds-layout-size-height-md:2.5rem;\n}\n:host .cds-custom--popover-content.cds-custom--layout--size-md, :host .cds-custom--layout--size-md :where(.cds-custom--popover-content){\n --cds-layout-size-height:var(--cds-layout-size-height-md);\n}\n:host .cds-custom--popover-content{\n --cds-layout-size-height-lg:3rem;\n}\n:host .cds-custom--popover-content.cds-custom--layout--size-lg, :host .cds-custom--layout--size-lg :where(.cds-custom--popover-content){\n --cds-layout-size-height:var(--cds-layout-size-height-lg);\n}\n:host .cds-custom--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-custom--popover-content *,\n:host .cds-custom--popover-content *::before,\n:host .cds-custom--popover-content *::after{\n box-sizing:inherit;\n}\n:host .cds-custom--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-custom--popover--open > .cds-custom--popover > .cds-custom--popover-content{\n display:block;\n}\n:host .cds-custom--popover--background-token__background > .cds-custom--popover > .cds-custom--popover-content{\n background-color:var(--cds-background, #ffffff);\n}\n:host .cds-custom--popover-content::before{\n position:absolute;\n display:none;\n content:\"\";\n}\n:host .cds-custom--popover--open > .cds-custom--popover > .cds-custom--popover-content::before{\n display:block;\n}\n:host .cds-custom--popover-caret,\n:host .cds-custom--popover--auto-align.cds-custom--popover-caret{\n position:absolute;\n z-index:6000;\n display:none;\n will-change:transform;\n}\n:host .cds-custom--popover-caret::after,\n:host .cds-custom--popover--auto-align.cds-custom--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-custom--popover-caret::before,\n:host .cds-custom--popover--auto-align.cds-custom--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-custom--popover--background-token__background > .cds-custom--popover > .cds-custom--popover-caret::after{\n background-color:var(--cds-background, #ffffff);\n}\n:host .cds-custom--popover--border .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border .cds-custom--popover--auto-align.cds-custom--popover-caret::before{\n display:block;\n}\n:host .cds-custom--popover--caret.cds-custom--popover--open > .cds-custom--popover > .cds-custom--popover-caret{\n display:block;\n}\n:host .cds-custom--popover--auto-align.cds-custom--popover--caret.cds-custom--popover--open > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret{\n display:block;\n}\n:host .cds-custom--popover--tab-tip > .cds-custom--popover > .cds-custom--popover-caret{\n display:none;\n}\n:host .cds-custom--popover--bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-block-end:0;\n inset-inline-start:50%;\n transform:translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host [dir=rtl] .cds-custom--popover--bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n transform:translate(50%, calc(100% + var(--cds-popover-offset, 0rem)));\n}\n:host .cds-custom--popover--bottom-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--bottom-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--bottom-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--bottom-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--bottom-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--bottom-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--bottom-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--bottom-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n}\n:host .cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--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-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--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-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--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-custom--popover--border.cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--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-custom--popover--border.cds-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--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-custom--popover--bottom > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--bottom-left > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--bottom-start > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--bottom-right > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--bottom-end > .cds-custom--popover > .cds-custom--popover-caret{\n transform:translate(50%, var(--cds-popover-offset, 0rem));\n}\n:host .cds-custom--popover--bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--bottom-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--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-custom--popover--bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--bottom-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--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-custom--popover--border.cds-custom--popover--bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--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-custom--popover--border.cds-custom--popover--bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--bottom-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--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-custom--popover--top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n transform:translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));\n}\n:host .cds-custom--popover--top-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--top-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--top-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--top-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));\n}\n:host .cds-custom--popover--top > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--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-custom--popover--top > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--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-custom--popover--top > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--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-custom--popover--border.cds-custom--popover--top > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--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-custom--popover--border.cds-custom--popover--top > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-left > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-start > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-right > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-end > .cds-custom--popover > .cds-custom--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-custom--popover--top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--top-left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--top-right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret{\n transform:translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));\n}\n:host .cds-custom--popover--top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--top-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--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-custom--popover--top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--top-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--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-custom--popover--border.cds-custom--popover--top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--top-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--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-custom--popover--border.cds-custom--popover--top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--top-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--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-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:100%;\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--right > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--right-top > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--right-start > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--right-bottom > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--right-end > .cds-custom--popover > .cds-custom--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-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret{\n inset-inline-end:100%;\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--border.cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--border.cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n inset-inline-start:1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n inset-inline-start:-1px;\n}\n:host .cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--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-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--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-custom--popover--border.cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--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-custom--popover--border.cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inset-inline-start:1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before{\n margin-inline-start:1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--right-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inset-inline-start:0;\n}\n:host .cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:initial;\n inset-inline-start:100%;\n}\n:host .cds-custom--popover--left > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--left-top > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--left-start > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--left-bottom > .cds-custom--popover > .cds-custom--popover-content::before,\n:host .cds-custom--popover--left-end > .cds-custom--popover > .cds-custom--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-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret,\n:host [dir=rtl] .cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret{\n inset-inline-end:initial;\n inset-inline-start:100%;\n}\n:host .cds-custom--popover--border.cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--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-custom--popover--border.cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n inset-inline-start:-1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-top:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-bottom:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-caret::after{\n inset-inline-start:1px;\n}\n:host .cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret,\n:host .cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--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-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--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-custom--popover--border.cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host .cds-custom--popover--border.cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--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-custom--popover--border.cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host .cds-custom--popover--border.cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inset-inline-start:-1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::before{\n margin-inline-start:-1px;\n}\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-top.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-start.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-bottom.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after,\n:host [dir=rtl] .cds-custom--popover--border.cds-custom--popover--left-end.cds-custom--popover--auto-align > .cds-custom--popover > .cds-custom--popover-content > .cds-custom--popover-caret::after{\n inset-inline-start:0;\n}\n:host .cds-custom--popover--tab-tip > .cds-custom--popover > .cds-custom--popover-content{\n border-radius:0;\n}\n:host .cds-custom--popover--tab-tip.cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--tab-tip.cds-custom--popover--bottom-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--tab-tip.cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--tab-tip.cds-custom--popover--bottom-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-start:0;\n}\n:host .cds-custom--popover--tab-tip.cds-custom--popover--top-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host .cds-custom--popover--tab-tip.cds-custom--popover--bottom-end:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--tab-tip.cds-custom--popover--top-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content,\n:host [dir=rtl] .cds-custom--popover--tab-tip.cds-custom--popover--bottom-start:not(.cds-custom--popover--auto-align) > .cds-custom--popover > .cds-custom--popover-content{\n inset-inline-end:0;\n inset-inline-start:initial;\n}\n:host .cds-custom--popover--tab-tip .cds-custom--popover{\n will-change:filter;\n}\n:host .cds-custom--popover--tab-tip__button{\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-custom--popover--tab-tip__button *,\n:host .cds-custom--popover--tab-tip__button *::before,\n:host .cds-custom--popover--tab-tip__button *::after{\n box-sizing:inherit;\n}\n:host .cds-custom--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}\n:host .cds-custom--popover--tab-tip__button::-moz-focus-inner{\n border:0;\n}\n:host .cds-custom--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-custom--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-custom--popover--tab-tip__button:focus{\n outline-style:dotted;\n }\n}\n:host .cds-custom--popover--tab-tip__button:hover{\n background-color:var(--cds-layer-hover);\n}\n:host .cds-custom--popover--tab-tip.cds-custom--popover--open .cds-custom--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-custom--popover--tab-tip.cds-custom--popover--open .cds-custom--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-custom--popover--tab-tip__button svg{\n fill:var(--cds-icon-primary, #161616);\n}\n:host .cds-custom--tooltip{\n --cds-popover-offset:12px;\n}\n:host .cds-custom--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-custom--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-custom--icon-tooltip .cds-custom--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-custom--definition-term{\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-custom--definition-term *,\n:host .cds-custom--definition-term *::before,\n:host .cds-custom--definition-term *::after{\n box-sizing:inherit;\n}\n:host .cds-custom--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}\n:host .cds-custom--definition-term::-moz-focus-inner{\n border:0;\n}\n:host .cds-custom--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-custom--definition-term:focus{\n outline:1px solid var(--cds-focus, #0f62fe);\n}\n@media screen and (prefers-contrast){\n :host .cds-custom--definition-term:focus{\n outline-style:dotted;\n }\n}\n:host .cds-custom--definition-term:focus{\n border-block-end-color:var(--cds-border-interactive, #0f62fe);\n}\n:host .cds-custom--definition-term:hover{\n border-block-end-color:var(--cds-border-interactive, #0f62fe);\n}\n:host .cds-custom--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-custom--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-custom--btn *,\n:host .cds-custom--btn *::before,\n:host .cds-custom--btn *::after{\n box-sizing:inherit;\n}\n:host .cds-custom--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-custom--btn:disabled, :host .cds-custom--btn:hover:disabled, :host .cds-custom--btn:focus:disabled, :host .cds-custom--btn.cds-custom--btn--disabled, :host .cds-custom--btn.cds-custom--btn--disabled:hover, :host .cds-custom--btn.cds-custom--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-custom--btn .cds-custom--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-custom--btn::-moz-focus-inner{\n padding:0;\n border:0;\n}\n:host .cds-custom--btn--primary{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:var(--cds-button-primary, #0f62fe);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--primary:hover{\n background-color:var(--cds-button-primary-hover, #0050e6);\n}\n:host .cds-custom--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-custom--btn--primary:active{\n background-color:var(--cds-button-primary-active, #002d9c);\n}\n:host .cds-custom--btn--primary .cds-custom--btn__icon,\n:host .cds-custom--btn--primary .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--primary:hover{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--secondary{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:var(--cds-button-secondary, #393939);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--secondary:hover{\n background-color:var(--cds-button-secondary-hover, #474747);\n}\n:host .cds-custom--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-custom--btn--secondary:active{\n background-color:var(--cds-button-secondary-active, #6f6f6f);\n}\n:host .cds-custom--btn--secondary .cds-custom--btn__icon,\n:host .cds-custom--btn--secondary .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--secondary:hover, :host .cds-custom--btn--secondary:focus{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--tertiary{\n border-width:1px;\n border-style:solid;\n border-color:var(--cds-button-tertiary, #0f62fe);\n background-color:transparent;\n color:var(--cds-button-tertiary, #0f62fe);\n}\n:host .cds-custom--btn--tertiary:hover{\n background-color:var(--cds-button-tertiary-hover, #0050e6);\n}\n:host .cds-custom--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-custom--btn--tertiary:active{\n background-color:var(--cds-button-tertiary-active, #002d9c);\n}\n:host .cds-custom--btn--tertiary .cds-custom--btn__icon,\n:host .cds-custom--btn--tertiary .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--tertiary:hover{\n color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds-custom--btn--tertiary:focus{\n background-color:var(--cds-button-tertiary, #0f62fe);\n color:var(--cds-text-inverse, #ffffff);\n}\n:host .cds-custom--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-custom--btn--tertiary:disabled, :host .cds-custom--btn--tertiary:hover:disabled, :host .cds-custom--btn--tertiary:focus:disabled, :host .cds-custom--btn--tertiary.cds-custom--btn--disabled, :host .cds-custom--btn--tertiary.cds-custom--btn--disabled:hover, :host .cds-custom--btn--tertiary.cds-custom--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-custom--btn--ghost{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:transparent;\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-custom--btn--ghost:hover{\n background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n}\n:host .cds-custom--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-custom--btn--ghost:active{\n background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds-custom--btn--ghost .cds-custom--btn__icon,\n:host .cds-custom--btn--ghost .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--ghost{\n padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);\n}\n:host .cds-custom--btn--ghost .cds-custom--btn__icon{\n position:static;\n align-self:center;\n margin-inline-start:0.5rem;\n}\n:host .cds-custom--btn--ghost:hover, :host .cds-custom--btn--ghost:active{\n color:var(--cds-link-primary-hover, #0043ce);\n}\n:host .cds-custom--btn--ghost:active{\n background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds-custom--btn--ghost:disabled, :host .cds-custom--btn--ghost:hover:disabled, :host .cds-custom--btn--ghost:focus:disabled, :host .cds-custom--btn--ghost.cds-custom--btn--disabled, :host .cds-custom--btn--ghost.cds-custom--btn--disabled:hover, :host .cds-custom--btn--ghost.cds-custom--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-custom--btn--ghost:not([disabled]) svg{\n fill:var(--cds-icon-primary, #161616);\n}\n:host .cds-custom--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-custom--btn--icon-only > :first-child{\n min-inline-size:1rem;\n}\n:host .cds-custom--btn--icon-only .cds-custom--btn__icon{\n position:static;\n}\n:host .cds-custom--btn--icon-only.cds-custom--btn--ghost .cds-custom--btn__icon, :host .cds-custom--btn--icon-only.cds-custom--btn--danger--ghost .cds-custom--btn__icon{\n margin:0;\n}\n:host .cds-custom--btn--icon-only.cds-custom--btn--danger--ghost{\n padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 1rem);\n}\n:host .cds-custom--btn--xs:not(.cds-custom--btn--icon-only){\n padding-block-start:1.5px;\n}\n:host .cds-custom--btn--xs:not(.cds-custom--btn--icon-only) .cds-custom--btn__icon,\n:host .cds-custom--btn--sm:not(.cds-custom--btn--icon-only) .cds-custom--btn__icon,\n:host .cds-custom--btn--md:not(.cds-custom--btn--icon-only) .cds-custom--btn__icon{\n margin-block-start:0;\n}\n:host .cds-custom--btn--icon-only.cds-custom--btn--selected{\n background:var(--cds-background-selected, rgba(141, 141, 141, 0.2));\n}\n:host .cds-custom--btn path[data-icon-path=inner-path]{\n fill:none;\n}\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]),\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only .cds-custom--btn__icon{\n fill:var(--cds-icon-primary, #161616);\n}\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only[disabled] .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]),\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only[disabled] .cds-custom--btn__icon,\n:host .cds-custom--btn.cds-custom--btn--icon-only.cds-custom--btn--ghost[disabled]:hover .cds-custom--btn__icon{\n fill:var(--cds-icon-on-color-disabled, #8d8d8d);\n}\n:host .cds-custom--btn--ghost.cds-custom--btn--icon-only[disabled]{\n cursor:not-allowed;\n}\n:host .cds-custom--icon-tooltip--disabled .cds-custom--tooltip-trigger__wrapper{\n cursor:not-allowed;\n}\n:host .cds-custom--icon-tooltip--disabled .cds-custom--btn--icon-only[disabled]{\n pointer-events:none;\n}\n:host .cds-custom--btn--danger{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:var(--cds-button-danger-primary, #da1e28);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger:hover{\n background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds-custom--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-custom--btn--danger:active{\n background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds-custom--btn--danger .cds-custom--btn__icon,\n:host .cds-custom--btn--danger .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--danger:hover{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger--tertiary{\n border-width:1px;\n border-style:solid;\n border-color:var(--cds-button-danger-secondary, #da1e28);\n background-color:transparent;\n color:var(--cds-button-danger-secondary, #da1e28);\n}\n:host .cds-custom--btn--danger--tertiary:hover{\n background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds-custom--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-custom--btn--danger--tertiary:active{\n background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds-custom--btn--danger--tertiary .cds-custom--btn__icon,\n:host .cds-custom--btn--danger--tertiary .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--danger--tertiary:hover{\n border-color:var(--cds-button-danger-hover, #b81921);\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--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-custom--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-custom--btn--danger--tertiary:disabled, :host .cds-custom--btn--danger--tertiary:hover:disabled, :host .cds-custom--btn--danger--tertiary:focus:disabled, :host .cds-custom--btn--danger--tertiary.cds-custom--btn--disabled, :host .cds-custom--btn--danger--tertiary.cds-custom--btn--disabled:hover, :host .cds-custom--btn--danger--tertiary.cds-custom--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-custom--btn--danger--ghost{\n border-width:1px;\n border-style:solid;\n border-color:transparent;\n background-color:transparent;\n color:var(--cds-button-danger-secondary, #da1e28);\n}\n:host .cds-custom--btn--danger--ghost:hover{\n background-color:var(--cds-button-danger-hover, #b81921);\n}\n:host .cds-custom--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-custom--btn--danger--ghost:active{\n background-color:var(--cds-button-danger-active, #750e13);\n}\n:host .cds-custom--btn--danger--ghost .cds-custom--btn__icon,\n:host .cds-custom--btn--danger--ghost .cds-custom--btn__icon path:not([data-icon-path]):not([fill=none]){\n fill:currentColor;\n}\n:host .cds-custom--btn--danger--ghost{\n padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);\n}\n:host .cds-custom--btn--danger--ghost .cds-custom--btn__icon{\n position:static;\n margin-inline-start:0.5rem;\n}\n:host .cds-custom--btn--danger--ghost:hover, :host .cds-custom--btn--danger--ghost:active{\n color:var(--cds-text-on-color, #ffffff);\n}\n:host .cds-custom--btn--danger--ghost:disabled, :host .cds-custom--btn--danger--ghost:hover:disabled, :host .cds-custom--btn--danger--ghost:focus:disabled, :host .cds-custom--btn--danger--ghost.cds-custom--btn--disabled, :host .cds-custom--btn--danger--ghost.cds-custom--btn--disabled:hover, :host .cds-custom--btn--danger--ghost.cds-custom--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-custom--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-custom--btn--icon-only.cds-custom--btn--expressive{\n padding:12px 13px;\n}\n:host .cds-custom--btn.cds-custom--btn--expressive .cds-custom--btn__icon{\n block-size:1.25rem;\n inline-size:1.25rem;\n}\n:host .cds-custom--btn-set .cds-custom--btn.cds-custom--btn--expressive{\n max-inline-size:20rem;\n}\n:host .cds-custom--btn.cds-custom--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-custom--btn.cds-custom--skeleton:hover, :host .cds-custom--btn.cds-custom--skeleton:focus, :host .cds-custom--btn.cds-custom--skeleton:active{\n border:none;\n cursor:default;\n outline:none;\n}\n:host .cds-custom--btn.cds-custom--skeleton::before{\n position:absolute;\n animation:3000ms ease-in-out cds-custom--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-custom--btn.cds-custom--skeleton::before{\n animation:none;\n }\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--btn.cds-custom--skeleton{\n background:CanvasText;\n }\n :host .cds-custom--btn.cds-custom--skeleton::before{\n background:Canvas;\n forced-color-adjust:none;\n }\n}\n:host .cds-custom--btn.cds-custom--skeleton{\n inline-size:9.375rem;\n}\n:host .cds-custom--btn-set{\n display:flex;\n}\n:host .cds-custom--btn-set--stacked{\n flex-direction:column;\n}\n:host .cds-custom--btn-set .cds-custom--btn{\n inline-size:100%;\n max-inline-size:12.25rem;\n}\n:host .cds-custom--btn-set .cds-custom--btn:not(:focus){\n box-shadow:-0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-custom--btn-set .cds-custom--btn:first-of-type:not(:focus){\n box-shadow:inherit;\n}\n:host .cds-custom--btn-set .cds-custom--btn:focus + .cds-custom--btn{\n box-shadow:inherit;\n}\n:host .cds-custom--btn-set--stacked .cds-custom--btn:not(:focus){\n box-shadow:0 -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-custom--btn-set--stacked .cds-custom--btn:first-of-type:not(:focus){\n box-shadow:inherit;\n}\n:host .cds-custom--btn-set .cds-custom--btn.cds-custom--btn--disabled{\n box-shadow:-0.0625rem 0 0 0 var(--cds-icon-on-color-disabled, #8d8d8d);\n}\n:host .cds-custom--btn-set .cds-custom--btn.cds-custom--btn--disabled:first-of-type{\n box-shadow:none;\n}\n:host .cds-custom--btn-set--stacked .cds-custom--btn.cds-custom--btn--disabled{\n box-shadow:0 -0.0625rem 0 0 var(--cds-layer-selected-disabled, #8d8d8d);\n}\n:host .cds-custom--btn-set--stacked .cds-custom--btn.cds-custom--btn--disabled:first-of-type{\n box-shadow:none;\n}\n:host .cds-custom--btn-set .cds-custom--btn.cds-custom--btn--loading{\n border-color:transparent;\n background-color:transparent;\n box-shadow:none;\n}\n:host .cds-custom--btn--sm .cds-custom--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-custom--btn:focus{\n color:Highlight;\n outline:1px solid Highlight;\n }\n}\n:host [dir=rtl] .cds-custom--btn-set .cds-custom--btn:not(:focus){\n box-shadow:0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-custom-aichat--response-user-avatar img{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--response-user-avatar svg{\n fill:currentcolor;\n}\n:host .cds-custom-aichat--response-user-avatar .cds-custom-aichat--response-user-avatar__circle{\n border:2px solid currentcolor;\n border-radius:50%;\n background-color:transparent;\n font-weight:bold;\n}\n:host .cds-custom-aichat--response-user-avatar .cds-custom-aichat--response-user-avatar__circle .cds-custom-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-custom-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 inline-size:100%;\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--human-agent-banner__body{\n margin:0 auto;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host .cds-custom-aichat--human-agent-banner .cds-custom-aichat--response-user-avatar{\n margin:0 0.75rem 0 0;\n block-size:32px;\n inline-size:32px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--human-agent-banner .cds-custom-aichat--response-user-avatar{\n margin:0 0 0 0.75rem;\n}\n:host .cds-custom-aichat--human-agent-banner .cds-custom-aichat--response-user-avatar img{\n border-radius:16px;\n}\n:host .cds-custom-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-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--human-agent-banner__human-agent-info{\n padding:0 0 0 1rem;\n}\n:host .cds-custom-aichat--human-agent-banner__human-agent-line1{\n font-weight:600;\n}\n:host .cds-custom-aichat--human-agent-banner--connected .cds-custom-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-custom-aichat--human-agent-banner__human-agent-line2{\n padding-block-start:0.25rem;\n}\n:host .cds-custom-aichat--human-agent-banner__human-agent-line2,\n:host .cds-custom-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-custom-aichat--agent-banner__stop-sharing-button{\n inline-size:100%;\n max-inline-size:unset;\n}\n:host{\n}\n:host .cds-custom-aichat--custom-panel{\n display:flex;\n flex-direction:column;\n background-color:var(--cds-chat-shell-background, #ffffff);\n background-image:unset;\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--ai-theme .cds-custom-aichat--custom-panel{\n background-color:var(--cds-chat-shell-background, #ffffff);\n background-image:var(--cds-custom-aichat-ai-background-image, linear-gradient(to bottom, var(--cds-chat-shell-background, #ffffff) 0, var(--cds-chat-shell-background, #ffffff) 50%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 100%));\n}\n:host .cds-custom-aichat--ai-theme .cds-custom-aichat--overlay-panel--with-back-button,\n:host .cds-custom-aichat--custom-panel,\n:host .cds-custom-aichat--overlay-panel--with-back-button .cds-custom-aichat--custom-panel{\n background-color:var(--cds-chat-shell-background, #ffffff);\n background-image:unset;\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--overlay-panel-container .cds-custom-aichat--panel-content{\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host .cds-custom-aichat--custom-panel__content-container{\n overflow:auto;\n block-size:100%;\n}\n:host .cds-custom-aichat--custom-panel .cds-custom-aichat--panel-content{\n flex:1;\n}\n:host{\n}\n:host .cds-custom-aichat--body-and-footer-component{\n display:flex;\n flex-direction:column;\n block-size:100%;\n}\n:host .cds-custom-aichat--body-and-footer-component .cds-custom-aichat--body-message-components{\n overflow:auto;\n flex:1;\n}\n:host .cds-custom-aichat--body-and-footer-component .cds-custom-aichat--panel-content{\n display:flex;\n flex:1;\n flex-direction:column;\n background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host{\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--header__header-bottom-element{\n margin:auto;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host .cds-custom-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{\n}\n:host .cds-custom-aichat--header{\n display:flex;\n box-sizing:unset;\n justify-content:center;\n block-size:40px;\n border-block-end:1px solid var(--cds-border-subtle-00, #e0e0e0);\n inline-size:100%;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n}\n:host .cds-custom-aichat--header--content{\n position:relative;\n display:flex;\n inline-size:100%;\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--header--content{\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host .cds-custom-aichat--header__buttons{\n display:flex;\n align-items:center;\n}\n:host .cds-custom-aichat--header__buttons .cds-custom-aichat--header__slug{\n margin:0.5rem;\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--header--content{\n border-start-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--header__center-container{\n display:flex;\n overflow:hidden;\n flex:1;\n align-items:center;\n margin:0 0.25rem;\n}\n:host .cds-custom-aichat--header__center-container:first-child{\n margin:0 1rem;\n}\n:host .cds-custom-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-custom-aichat--header__slug-title{\n padding-block-end:0.75rem;\n}\n:host .cds-custom-aichat--header__overflow-menu{\n max-block-size:488px;\n}\n:host .cds-custom-aichat--header__overflow-menu svg,\n:host .cds-custom-aichat--header__back-button svg,\n:host .cds-custom-aichat--header__restart-button svg,\n:host .cds-custom-aichat--header__close-button svg{\n block-size:16px;\n inline-size:16px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--home-screen-header button.cds-custom-aichat--header__back-button{\n transform:none;\n}\n:host .cds-custom-aichat--header--with-avatar .cds-custom-aichat--header__center-container{\n margin-inline-start:0;\n}\n:host .cds-custom-aichat--header__left-items,\n:host .cds-custom-aichat--chat-header-overflow-menu__host-element,\n:host .cds-custom-aichat--header__title-container{\n max-inline-size:100%;\n}\n:host .cds-custom-aichat--header__left-items :first-child{\n overflow:hidden;\n border-start-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--header__left-items :first-child::part(button){\n border-start-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--header__right-buttons :last-child::part(button){\n border-start-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host cds-custom-aichat-chat-header-avatar{\n align-self:center;\n margin-inline:0.5rem;\n}\n:host cds-custom-aichat-chat-header-avatar + .cds-custom-aichat--header__separator{\n margin-inline-start:0.5rem;\n}\n:host .cds-custom-aichat--wide-width.cds-custom-aichat--widget--max-width .cds-custom-aichat--header__center-container:first-child{\n margin:0 1rem 0 0;\n}\n:host .cds-custom-aichat--header--with-avatar .cds-custom-aichat--header__center-container:first-child > cds-custom-aichat-chat-header-avatar{\n margin-inline-start:0.75rem;\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen{\n display:flex;\n flex-direction:column;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n}\n:host .cds-custom-aichat--home-screen--background-ai-theme{\n background-color:var(--cds-chat-shell-background, #ffffff);\n background-image:var(--cds-custom-aichat-ai-background-image, linear-gradient(to bottom, var(--cds-chat-shell-background, #ffffff) 0, var(--cds-chat-shell-background, #ffffff) 50%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 100%));\n}\n:host .cds-custom-aichat--home-screen__home-screen-bottom-element{\n position:relative;\n margin:auto;\n inline-size:100%;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen__content{\n display:flex;\n overflow:hidden;\n flex:1;\n flex-direction:column;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen--first-render .cds-custom-aichat--home-screen__content{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen--first-render .cds-custom-aichat--home-screen__content{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in 70ms both;\n }\n}\n:host .cds-custom-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-custom-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-custom-aichat--home-screen__body--custom-content{\n flex-grow:1;\n flex-shrink:0;\n min-block-size:90%;\n}\n:host .cds-custom-aichat--home-screen__body--custom-content > *{\n flex-shrink:0;\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen__body--no-custom-content{\n flex:1;\n padding-block-end:0;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__avatar-holder{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__avatar-holder{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in 70ms both;\n }\n}\n:host .cds-custom-aichat--home-screen__avatar-holder img{\n border-radius:48px;\n}\n:host .cds-custom-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: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__greeting{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__greeting{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up 70ms both;\n }\n}\n:host .cds-custom-aichat--home-screen__starters{\n margin-block-start:2rem;\n}\n:host{\n}\n:host .cds-custom-aichat--home-screen__body--no-custom-content .cds-custom-aichat--home-screen__starters{\n margin-block-end:2rem;\n}\n:host{\n}\n:host .cds-custom-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@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete cds-custom-chat-button.cds-custom-aichat--home-screen__starter{\n display:block;\n animation:none;\n margin-block-end:0.75rem;\n max-inline-size:100%;\n word-break:break-word;\n }\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete cds-custom-chat-button.cds-custom-aichat--home-screen__starter:last-child{\n margin-block-end:0;\n }\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(1){\n --cds-custom-aichat-homescreen-starter-index:1;\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(2){\n --cds-custom-aichat-homescreen-starter-index:2;\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(3){\n --cds-custom-aichat-homescreen-starter-index:3;\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(4){\n --cds-custom-aichat-homescreen-starter-index:4;\n}\n:host cds-custom-chat-button.cds-custom-aichat--home-screen__starter:nth-child(5){\n --cds-custom-aichat-homescreen-starter-index:5;\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete cds-custom-chat-button.cds-custom-aichat--home-screen__starter{\n display:block;\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up calc(var(--cds-custom-aichat-homescreen-starter-index) * 120ms) both;\n margin-block-end:0.75rem;\n max-inline-size:100%;\n word-break:break-word;\n }\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete cds-custom-chat-button.cds-custom-aichat--home-screen__starter:last-child{\n margin-block-end:0;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__starters--animate-group cds-custom-chat-button.cds-custom-aichat--home-screen__starter{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__starters--animate-group cds-custom-chat-button.cds-custom-aichat--home-screen__starter{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up 120ms both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__custom-content--animation{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__custom-content--animation{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up 330ms both;\n }\n}\n:host .cds-custom-aichat--home-screen__back-button{\n position:absolute;\n inset-inline-start:50%;\n transform:translate(-50%, calc(-100% - 1rem));\n}\n:host .cds-custom-aichat--home-screen__back-button .cds-custom-aichat--home-screen__back-button-content{\n display:flex;\n}\n:host .cds-custom-aichat--home-screen__back-button .cds-custom-aichat--home-screen__back-button-content .cds-custom-aichat--home-screen__back-button-content-text{\n margin-inline-end:0.5rem;\n white-space:nowrap;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--home-screen__back-button .cds-custom-aichat--home-screen__back-button-content .cds-custom-aichat--home-screen__back-button-content-text{\n margin-inline:0.5rem unset;\n}\n@keyframes cds-custom-aichat-fade-in-up-back-button{\n 0%{\n opacity:0;\n transform:translate(-50%, calc(-100% - 1rem + 2rem));\n }\n 15%{\n opacity:0;\n }\n 50%{\n transform:translate(-50%, calc(-100% - 1rem));\n }\n 100%{\n opacity:1;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__back-button{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--hydration-complete .cds-custom-aichat--home-screen__back-button{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up-back-button 350ms both;\n }\n}\n:host .cds-custom-aichat--home-screen__input-container-wrapper,\n:host .cds-custom-aichat--home-screen__input-container{\n display:flex;\n inline-size:100%;\n transform:translateY(0);\n}\n:host .cds-custom-aichat--home-screen__input-container-wrapper{\n flex-direction:column;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--first-render .cds-custom-aichat--input-container{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--home-screen.cds-custom-aichat--home-screen--first-render .cds-custom-aichat--input-container{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in-up 370ms both;\n }\n}\n:host{\n}\n:host .cds-custom-aichat--input-and-completions{\n position:relative;\n inline-size:100%;\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--input-and-completions{\n margin:0 auto;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host .cds-custom-aichat--input-container{\n position:relative;\n z-index:1;\n display:flex;\n align-items:center;\n background-color:var(--cds-chat-prompt-background, #ffffff);\n border-block-start:1px solid var(--cds-border-subtle-00, #e0e0e0);\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-custom-aichat--widget--max-width.cds-custom-aichat--wide-width .cds-custom-aichat--input-container{\n border:1px solid var(--cds-border-subtle-00, #e0e0e0);\n border-radius:0.5rem;\n margin-block-end:32px;\n}\n:host .cds-custom-aichat--ai-theme .cds-custom-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-custom-aichat--input-container--show-upload-button{\n padding-inline-start:0.5rem;\n}\n:host .cds-custom-aichat--input-container__text-and-upload{\n display:flex;\n align-items:center;\n}\n:host .cds-custom-aichat--input-container__text-and-upload > *:not(:last-child),\n:host .cds-custom-aichat--input-container > *:not(:last-child){\n margin-inline-end:0.5rem;\n}\n:host .cds-custom-aichat--input-container__files-container{\n overflow:auto;\n margin-block-start:0.5rem;\n max-block-size:200px;\n}\n:host .cds-custom-aichat--input-container__files-container cds-custom-file-uploader-item{\n margin-block-end:0;\n}\n:host .cds-custom-aichat--input-container__upload-button-container{\n display:inline-block;\n inline-size:32px;\n vertical-align:top;\n}\n:host .cds-custom-aichat--input-container .cds-custom-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-custom-aichat--input-container__upload-input:focus + .cds-custom-aichat--input-container__upload-button{\n box-shadow:inset 0 0 0 2px var(--cds-focus, #0f62fe);\n}\n:host .cds-custom-aichat--input-container__upload-button:hover{\n background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12));\n}\n:host .cds-custom-aichat--input-container__upload-button:active{\n background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5));\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--input-container__upload-button--disabled{\n cursor:default;\n opacity:0.5;\n}\n:host label.cds-custom-aichat--input-container__upload-button--disabled:hover{\n background-color:transparent;\n}\n:host .cds-custom-aichat--input-container__left-container{\n position:relative;\n display:flex;\n overflow:hidden;\n flex:1 0;\n flex-direction:column;\n justify-content:center;\n block-size:100%;\n}\n:host .cds-custom-aichat--input-container--has-focus{\n outline-color:var(--cds-focus, #0f62fe);\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--input-container__left-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea{\n border:none;\n}\n:host .cds-custom-aichat--assistant-container .cds-custom-aichat--input-container{\n display:flex;\n}\n:host .cds-custom-aichat--input-container .cds-custom-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-custom-aichat--input-container--show-upload-button .cds-custom-aichat--text-area{\n inline-size:calc(100% - 32px);\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area .cds-custom-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-custom-aichat--input-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea,\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-sizer{\n max-block-size:157px;\n}\n:host .cds-custom-aichat--input-container .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea[data-has-content=false]::before{\n position:absolute;\n color:var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));\n content:attr(data-placeholder);\n inset:0;\n pointer-events:none;\n white-space:pre-wrap;\n word-wrap:break-word;\n font-size:var(--cds-body-02-font-size, 1rem);\n font-weight:var(--cds-body-02-font-weight, 400);\n line-height:var(--cds-body-02-line-height, 1.5);\n letter-spacing:var(--cds-body-02-letter-spacing, 0);\n}\n:host .cds-custom-aichat--input-container__send-button-container,\n:host .cds-custom-aichat--input-container__upload-button-container{\n display:flex;\n flex:0 1;\n align-self:flex-start;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--input-container__send-button svg{\n transform:scale(-1, 1);\n}\n:host cds-custom-button.cds-custom-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-custom-button.cds-custom-aichat--input-container__send-button:active svg,\n:host cds-custom-button.cds-custom-aichat--input-container__send-button:focus svg,\n:host cds-custom-button.cds-custom-aichat--input-container__send-button:active:focus svg{\n fill:var(--cds-interactive, #0f62fe);\n}\n:host cds-custom-button.cds-custom-aichat--input-container__send-button[disabled]:hover svg,\n:host cds-custom-button.cds-custom-aichat--input-container__send-button[disabled] svg{\n fill:var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));\n}\n:host{\n}\n:host .cds-custom-aichat--launcher__button-container{\n position:fixed;\n z-index:var(--cds-custom-aichat-z-index, 99999);\n border-radius:0.125rem;\n animation:cds-custom-aichat-launcher-in 150ms cubic-bezier(0, 0, 0.3, 1) both;\n background-color:var(--cds-background, #ffffff);\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom, 3rem);\n inset-inline-end:var(--cds-custom-aichat-launcher-position-right, 2rem);\n}\n:host .cds-custom-aichat--launcher__button-container--hidden{\n visibility:hidden;\n}\n:host .cds-custom-aichat--launcher__button-container--mobile{\n inset-block-end:var(--cds-custom-aichat-launcher-position-bottom-mobile, 1rem);\n inset-inline-end:var(--cds-custom-aichat-launcher-position-bottom-mobile, 1rem);\n}\n:host .cds-custom-aichat--launcher__button-container--round{\n border-radius:28px;\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button{\n border-radius:28px;\n background-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n transition:unset;\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button::part(button):focus{\n box-shadow:inset 0 0 0 2px var(--cds-custom-aichat-launcher-color-focus-border, var(--cds-text-on-color, #ffffff));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button:focus{\n border-width:2px;\n border-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button:hover{\n border-color:var(--cds-custom-aichat-launcher-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n background-color:var(--cds-custom-aichat-launcher-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-aichat--launcher__button:active{\n border-width:2px;\n border-color:var(--cds-custom-aichat-launcher-color-background-active, var(--cds-button-primary-active, #002d9c));\n background-color:var(--cds-custom-aichat-launcher-color-background-active, var(--cds-button-primary-active, #002d9c));\n box-shadow:inset 0 0 0 2px var(--cds-custom-aichat-launcher-color-focus-border, var(--cds-text-on-color, #ffffff));\n}\n:host .cds-custom-aichat--launcher__button-container--round .cds-custom-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-custom-aichat-unread-indicator-color-background, var(--cds-support-error, #da1e28));\n color:var(--cds-custom-aichat-unread-indicator-color-text, var(--cds-text-on-color, #ffffff));\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 inset-block-start:calc(-1 * 0.125rem);\n inset-inline-end:calc(-1 * 0.125rem);\n min-block-size:20px;\n min-inline-size:20px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--count-indicator{\n inset-inline:calc(-1 * 0.125rem) unset;\n}\n:host .cds-custom-aichat--launcher__button-container--no-animation{\n animation:none;\n}\n:host .cds-custom-aichat--launcher__button-container--bounce-animation{\n animation:cds-custom-aichat-launcher-bounce 500ms cubic-bezier(0, 0, 0.3, 1) forwards;\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button::part(button) svg{\n block-size:24px;\n fill:var(--cds-custom-aichat-launcher-color-avatar, var(--cds-text-on-color, #ffffff));\n inline-size:24px;\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button::part(button){\n display:flex;\n align-items:center;\n justify-content:center;\n padding:inherit;\n border-radius:inherit;\n block-size:inherit;\n inline-size:inherit;\n max-inline-size:inherit;\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button::part(button):focus{\n border-width:2px;\n}\n:host cds-custom-button.cds-custom-aichat--launcher__button{\n position:static;\n padding:0;\n border-radius:0.125rem;\n background-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n transition:background 250ms ease-in-out, transform 150ms ease;\n}\n:host .cds-custom-aichat--launcher__svg{\n fill:currentcolor;\n}\n:host .cds-custom-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-custom-aichat--launcher__button .cds-custom-aichat__count-indicator{\n box-shadow:1px 0.125rem 0.125rem rgba(23, 23, 23, 0.3);\n inset-block-start:calc(-1 * 0.25rem);\n inset-inline-end:calc(-1 * 0.25rem);\n}\n:host{\n}\n:host .cds-custom-aichat--launcher-complex__container{\n border-radius:0.75rem;\n animation:none;\n background-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:none;\n inset-block-end:calc(1rem + var(--cds-custom-aichat-launcher-default-size, 56px) + var(--cds-custom-aichat-launcher-position-bottom, 3rem) - var(--cds-chat-LAUNCHER-desktop-expanded-height));\n inset-inline-end:4rem;\n max-inline-size:270px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container{\n inset-inline:4rem unset;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__content-button{\n padding:0;\n border:2px solid transparent;\n border-radius:0.75rem;\n background-color:var(--cds-custom-aichat-launcher-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:none;\n min-inline-size:10rem;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__content-button:enabled:focus{\n border-width:2px;\n border-color:var(--cds-custom-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:inset 0 0 0 2px var(--cds-custom-aichat-launcher-expanded-message-color-focus-border, var(--cds-text-on-color, #ffffff));\n outline:none;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__content-button:enabled:hover{\n border-color:var(--cds-custom-aichat-launcher-expanded-message-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n background-color:var(--cds-custom-aichat-launcher-expanded-message-color-background-hover, var(--cds-button-primary-hover, #0050e6));\n cursor:pointer;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__content-button:enabled:active{\n border-width:2px;\n border-color:var(--cds-custom-aichat-launcher-expanded-message-color-background-active, var(--cds-button-primary-active, #002d9c));\n background-color:var(--cds-custom-aichat-launcher-expanded-message-color-background-active, var(--cds-button-primary-active, #002d9c));\n box-shadow:inset 0 0 0 2px var(--cds-custom-aichat-launcher-expanded-message-color-focus-border, var(--cds-text-on-color, #ffffff));\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__text{\n display:-webkit-box;\n margin:1rem;\n -webkit-box-orient:vertical;\n color:var(--cds-custom-aichat-launcher-expanded-message-color-text, var(--cds-text-on-color, #ffffff));\n font-size:20px;\n letter-spacing:0;\n -webkit-line-clamp:3;\n line-clamp:3;\n line-height:1.4;\n opacity:0;\n overflow-wrap:break-word;\n text-align:start;\n visibility:visible;\n white-space:normal;\n word-break:break-word;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher-complex__text{\n text-align:end;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button{\n position:absolute;\n padding:3px 7px 3px 3px;\n border:1px solid transparent;\n margin:0;\n box-shadow:1px 0 2px rgba(23, 23, 23, 0.3);\n cursor:pointer;\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 inset-block-start:calc((1.5rem + 0.5rem) * -1);\n inset-inline-end:0;\n opacity:0;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button:focus{\n border-color:var(--cds-focus, #0f62fe);\n outline:none;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button{\n padding:3px 3px 3px 7px;\n inset-inline:0 unset;\n}\n:host .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button .cds-custom-aichat--launcher__close-button-icon{\n margin-inline-end:0.25rem;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container .cds-custom-aichat--launcher__close-button .cds-custom-aichat--launcher__close-button-icon{\n margin-inline:0.25rem unset;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation{\n animation:700ms cds-custom-aichat-launcher-fade-in-slide-up forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher__avatar{\n animation:700ms cds-custom-aichat-launcher-avatar-resize forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher-complex__text{\n animation:700ms cds-custom-aichat-launcher-fade-in-text forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n animation:700ms cds-custom-aichat-launcher-resize-reposition forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher__close-button{\n animation:700ms cds-custom-aichat-launcher-fade-in-close-button forwards;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--intro-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n animation:700ms cds-custom-aichat-launcher-resize-reposition-rtl forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation{\n animation:150ms cds-custom-aichat-launcher-fade-in-slide-up forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher__avatar{\n animation:150ms cds-custom-aichat-launcher-avatar-resize forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher-complex__text{\n animation:150ms cds-custom-aichat-launcher-fade-in-text forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n padding:0 60px 60px 0;\n border-radius:5rem;\n animation:150ms cds-custom-aichat-launcher-fade-in-slide-up-small-expanded forwards;\n block-size:10rem;\n inline-size:10rem;\n inset-inline-end:calc(-1 * 5rem);\n}\n:host .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher__close-button{\n animation:150ms cds-custom-aichat-launcher-fade-in-close-button forwards;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--simple-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n padding:0 0 60px 60px;\n inset-inline:calc(-1 * 5rem) unset;\n}\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview{\n background-color:var(--cds-custom-aichat-launcher-expanded-message-color-background, var(--cds-button-primary, #0f62fe));\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\n inset-block-end:4rem;\n}\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview .cds-custom-aichat--launcher-complex__text{\n opacity:1;\n}\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n padding:0 60px 60px 0;\n border-radius:5rem;\n animation:unset;\n block-size:10rem;\n inline-size:10rem;\n inset-block-end:calc(-1 * 5rem);\n inset-inline-end:calc(-1 * 5rem);\n}\n:host .cds-custom-aichat--launcher-complex__container--tooling-preview .cds-custom-aichat--launcher__close-button{\n opacity:1;\n}\n:host .cds-custom-aichat--launcher-complex__container--close-animation{\n animation:400ms cds-custom-aichat-launcher-fade-out-slide-down forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher__avatar{\n animation:400ms cds-custom-aichat-launcher-avatar-resize backwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher-complex__text,\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher__close-button{\n animation:400ms cds-custom-aichat-launcher-fade-out forwards;\n}\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n animation:400ms cds-custom-aichat-launcher-default-size-position forwards;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher-complex__small-launcher-container,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-complex__container--close-animation .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-complex__small-launcher-container .cds-custom-aichat--launcher__button{\n animation:700ms cds-custom-aichat-launcher-default-size-position-rtl forwards;\n}\n:host{\n}\n:host .cds-custom-aichat--launcher-extended__container{\n block-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n inline-size:var(--cds-custom-aichat-launcher-default-size, 56px);\n}\n:host cds-custom-button.cds-custom-aichat--launcher-extended__button::part(button){\n padding:0;\n border-width:2px;\n block-size:100%;\n cursor:pointer;\n inline-size:100%;\n}\n:host .cds-custom-aichat--launcher-extended__button--hidden{\n visibility:hidden;\n}\n:host .cds-custom-aichat--launcher-extended__wrapper-container{\n position:relative;\n overflow:hidden;\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--launcher-extended__wrapper{\n position:absolute;\n display:flex;\n inline-size:calc(var(--cds-custom-aichat-launcher-extended-width, 280px) - 6px);\n inset-inline-end:0;\n max-inline-size:calc(100vw - var(--cds-custom-aichat-launcher-position-bottom, 3rem) - 6px);\n}\n:host .cds-custom-aichat--launcher-extended__text-holder{\n position:relative;\n flex:1;\n padding:0.75rem 0 0.75rem 0.75rem;\n text-align:start;\n}\n:host .cds-custom-aichat--launcher-extended__greeting{\n position:absolute;\n display:flex;\n align-items:center;\n block-size:100%;\n color:var(--cds-custom-aichat-launcher-mobile-color-text, var(--cds-text-on-color, #ffffff));\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:calc(100% - 12px);\n inset-block-end:0;\n word-break:break-word;\n}\n:host .cds-custom-aichat-is-phone .cds-custom-aichat--launcher-extended__greeting{\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-custom-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-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher__icon-holder{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:calc(var(--cds-custom-aichat-launcher-default-size, 56px) - 4px);\n inline-size:calc(var(--cds-custom-aichat-launcher-default-size, 56px) - 4px);\n margin-inline-start:auto;\n}\n:host .cds-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher__icon-holder svg{\n position:absolute;\n block-size:24px;\n inline-size:24px;\n}\n:host .cds-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher-extended__element--hidden{\n display:none;\n}\n:host .cds-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher-extended__element--fade-out{\n animation:cds-custom-aichat-launcher-extended-element-fade-out 500ms ease-out 400ms both;\n}\n:host .cds-custom-aichat--launcher-extended__button .cds-custom-aichat--launcher-extended__element--fade-in{\n animation:cds-custom-aichat-launcher-extended-element-fade-in 500ms ease-out 400ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended{\n border-radius:14px;\n inline-size:var(--cds-custom-aichat-launcher-extended-width, 280px);\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended cds-custom-button.cds-custom-aichat--launcher__button{\n inline-size:var(--cds-custom-aichat-launcher-extended-width, 280px);\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended cds-custom-button.cds-custom-aichat--launcher__button.cds-custom-aichat--launcher-extended__button::part(button\n ){\n border-radius:14px;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended .cds-custom-aichat--launcher__svg{\n inline-size:24px;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended-animation{\n animation:cds-custom-aichat-launcher-extend 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms both, cds-custom-aichat-launcher-partially-round 300ms ease-in 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended-animation cds-custom-button.cds-custom-aichat--launcher-extended__button::part(button){\n animation:cds-custom-aichat-launcher-partially-round 300ms ease-in 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--extended-animation .cds-custom-aichat--launcher__svg{\n animation:cds-custom-aichat-launcher-icon-to-24 300ms ease-out 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--reduced-animation{\n animation:cds-custom-aichat-launcher-reduce 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms both, cds-custom-aichat-launcher-completely-round 300ms ease-out 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--reduced-animation cds-custom-button.cds-custom-aichat--launcher-extended__button::part(button){\n animation:cds-custom-aichat-launcher-completely-round 300ms ease-out 500ms both;\n}\n:host .cds-custom-aichat--launcher__button-container.cds-custom-aichat--launcher-extended__button--reduced-animation .cds-custom-aichat--launcher__svg{\n animation:cds-custom-aichat-launcher-icon-to-32 300ms ease-out 500ms both;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-extended__container .cds-custom-aichat--launcher-extended__wrapper{\n inset-inline:0 unset;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--launcher-extended__container .cds-custom-aichat--launcher-extended__text-holder{\n padding:0.75rem 0.75rem 0.75rem 0;\n}\n:host{\n}\n:host .cds-custom-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(22, 22, 22, 0.5));\n block-size:100%;\n font-size:var(--cds-body-01-font-size, 0.875rem);\n font-weight:var(--cds-body-01-font-weight, 400);\n line-height:var(--cds-body-01-line-height, 1.42857);\n letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);\n inline-size:100%;\n inset-block-start:0;\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__container{\n margin:auto;\n background-color:var(--cds-background, #ffffff);\n max-inline-size:min(var(--cds-custom-aichat-max-width, 672px) - 1rem * 2, 512px);\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-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-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__message{\n padding:0 1rem 3rem 1rem;\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__no-button{\n margin-inline-end:1px;\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__button-container{\n display:flex;\n border-block-start:solid 1px var(--cds-layer-03, #f4f4f4);\n}\n:host .cds-custom-aichat--confirm-modal .cds-custom-aichat--confirm-modal__button-container *{\n flex:1;\n}\n:host{\n}\n:host .cds-custom-aichat--notifications{\n position:absolute;\n z-index:2;\n display:block;\n padding:0 1rem 0 1rem;\n inline-size:calc(100% - var(--cds-custom-aichat-scrollbar-width));\n inset-block-start:1rem;\n overflow-y:auto;\n}\n:host .cds-custom-aichat--notifications__notification{\n display:block;\n inline-size:100%;\n margin-block-end:1rem;\n}\n:host{\n}\n:host .cds-custom-aichat--max-width-small{\n max-inline-size:291px;\n}\n:host .cds-custom-aichat--max-width-medium{\n max-inline-size:438px;\n}\n:host .cds-custom-aichat--max-width-large{\n max-inline-size:585px;\n}\n:host{\n}\n:host .cds-custom-aichat--connect-to-human-agent{\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n}\n:host .cds-custom-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-custom-aichat--connect-to-human-agent__text{\n padding-block-end:1.5rem;\n}\n:host .cds-custom-aichat--connect-to-agent__text p,\n:host .cds-custom-aichat--connect-to-human-agent__request-button svg{\n margin-inline-start:2rem;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--connect-to-human-agent__request-button svg{\n margin-inline:0 2rem;\n transform:scaleX(-1);\n}\n:host .cds-custom-aichat--message .cds-custom-aichat--connect-to-human-agent__warning a,\n:host .cds-custom-aichat--message .cds-custom-aichat--connect-to-human-agent__warning a:visited{\n color:var(--cds-link-inverse, #78a9ff);\n}\n:host .cds-custom-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-custom-aichat--card-message-component{\n overflow:hidden;\n padding:0;\n}\n:host{\n}\n@font-face{\n font-family:\"swiper-icons\";\n src:url(\"data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\") format(\"woff\");\n font-weight:400;\n font-style:normal;\n}\n:host :root{\n --swiper-theme-color:#007aff;\n}\n:host :host{\n position:relative;\n display:block;\n margin-left:auto;\n margin-right:auto;\n z-index:1;\n}\n:host .swiper{\n margin-left:auto;\n margin-right:auto;\n position:relative;\n overflow:hidden;\n list-style:none;\n padding:0;\n z-index:1;\n display:block;\n}\n:host .swiper-vertical > .swiper-wrapper{\n flex-direction:column;\n}\n:host .swiper-wrapper{\n position:relative;\n width:100%;\n height:100%;\n z-index:1;\n display:flex;\n transition-property:transform;\n transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);\n box-sizing:content-box;\n}\n:host .swiper-android .swiper-slide,\n:host .swiper-ios .swiper-slide,\n:host .swiper-wrapper{\n transform:translate3d(0px, 0, 0);\n}\n:host .swiper-horizontal{\n touch-action:pan-y;\n}\n:host .swiper-vertical{\n touch-action:pan-x;\n}\n:host .swiper-slide{\n flex-shrink:0;\n width:100%;\n height:100%;\n position:relative;\n transition-property:transform;\n display:block;\n}\n:host .swiper-slide-invisible-blank{\n visibility:hidden;\n}\n:host{\n}\n:host .swiper-autoheight,\n:host .swiper-autoheight .swiper-slide{\n height:auto;\n}\n:host .swiper-autoheight .swiper-wrapper{\n align-items:flex-start;\n transition-property:transform, height;\n}\n:host .swiper-backface-hidden .swiper-slide{\n transform:translateZ(0);\n backface-visibility:hidden;\n}\n:host{\n}\n:host .swiper-3d.swiper-css-mode .swiper-wrapper{\n perspective:1200px;\n}\n:host .swiper-3d .swiper-wrapper{\n transform-style:preserve-3d;\n}\n:host .swiper-3d{\n perspective:1200px;\n}\n:host .swiper-3d .swiper-slide,\n:host .swiper-3d .swiper-cube-shadow{\n transform-style:preserve-3d;\n}\n:host{\n}\n:host .swiper-css-mode > .swiper-wrapper{\n overflow:auto;\n scrollbar-width:none;\n -ms-overflow-style:none;\n}\n:host .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar{\n display:none;\n}\n:host .swiper-css-mode > .swiper-wrapper > .swiper-slide{\n scroll-snap-align:start start;\n}\n:host .swiper-css-mode.swiper-horizontal > .swiper-wrapper{\n scroll-snap-type:x mandatory;\n}\n:host .swiper-css-mode.swiper-vertical > .swiper-wrapper{\n scroll-snap-type:y mandatory;\n}\n:host .swiper-css-mode.swiper-free-mode > .swiper-wrapper{\n scroll-snap-type:none;\n}\n:host .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide{\n scroll-snap-align:none;\n}\n:host .swiper-css-mode.swiper-centered > .swiper-wrapper::before{\n content:\"\";\n flex-shrink:0;\n order:9999;\n}\n:host .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide{\n scroll-snap-align:center center;\n scroll-snap-stop:always;\n}\n:host .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child{\n margin-inline-start:var(--swiper-centered-offset-before);\n}\n:host .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before{\n height:100%;\n min-height:1px;\n width:var(--swiper-centered-offset-after);\n}\n:host .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child{\n margin-block-start:var(--swiper-centered-offset-before);\n}\n:host .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before{\n width:100%;\n min-width:1px;\n height:var(--swiper-centered-offset-after);\n}\n:host{\n}\n:host .swiper-3d .swiper-slide-shadow,\n:host .swiper-3d .swiper-slide-shadow-left,\n:host .swiper-3d .swiper-slide-shadow-right,\n:host .swiper-3d .swiper-slide-shadow-top,\n:host .swiper-3d .swiper-slide-shadow-bottom,\n:host .swiper-3d .swiper-slide-shadow,\n:host .swiper-3d .swiper-slide-shadow-left,\n:host .swiper-3d .swiper-slide-shadow-right,\n:host .swiper-3d .swiper-slide-shadow-top,\n:host .swiper-3d .swiper-slide-shadow-bottom{\n position:absolute;\n left:0;\n top:0;\n width:100%;\n height:100%;\n pointer-events:none;\n z-index:10;\n}\n:host .swiper-3d .swiper-slide-shadow{\n background:rgba(0, 0, 0, 0.15);\n}\n:host .swiper-3d .swiper-slide-shadow-left{\n background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-3d .swiper-slide-shadow-right{\n background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-3d .swiper-slide-shadow-top{\n background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-3d .swiper-slide-shadow-bottom{\n background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n:host .swiper-lazy-preloader{\n width:42px;\n height:42px;\n position:absolute;\n left:50%;\n top:50%;\n margin-left:-21px;\n margin-top:-21px;\n z-index:10;\n transform-origin:50%;\n box-sizing:border-box;\n border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));\n border-radius:50%;\n border-top-color:transparent;\n}\n:host .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,\n:host .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{\n animation:swiper-preloader-spin 1s infinite linear;\n}\n:host .swiper-lazy-preloader-white{\n --swiper-preloader-color:#fff;\n}\n:host .swiper-lazy-preloader-black{\n --swiper-preloader-color:#000;\n}\n@keyframes swiper-preloader-spin{\n 0%{\n transform:rotate(0deg);\n }\n 100%{\n transform:rotate(360deg);\n }\n}\n:host{\n}\n:host button.cds-custom-aichat--carousel-container__navigation-button,\n:host .cds-custom-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-custom-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-custom-aichat-card-max-width, 424px);\n}\n:host .cds-custom-aichat--carousel-container__navigation cds-custom-button::part(button){\n color:currentcolor;\n}\n:host .cds-custom-aichat--carousel-container__navigation-button{\n padding:0;\n color:currentcolor;\n inline-size:32px;\n}\n:host .cds-custom-aichat--carousel-container__navigation-button:first-of-type{\n margin-inline-end:0.5rem;\n}\n:host .cds-custom-aichat--carousel-container__navigation-button:last-of-type{\n margin-inline-start:0.5rem;\n}\n:host button.cds-custom-aichat--carousel-container__navigation-button > svg{\n fill:var(--cds-text-secondary, #525252);\n}\n:host .swiper .cds-custom-aichat--card-message-component{\n display:flex;\n flex-direction:column;\n block-size:calc(100% - 2px);\n}\n:host .swiper .cds-custom-aichat--body-message-components{\n flex:1;\n}\n:host .cds-custom-aichat--carousel-container__slide--narrow.swiper-slide{\n max-inline-size:calc(100% - 32px);\n}\n:host .cds-custom-aichat--carousel-container__slide--wide.swiper-slide,\n:host .cds-custom-aichat--carousel-container__slide--standard.swiper-slide{\n max-inline-size:calc(100% - 72px);\n}\n:host .cds-custom-aichat--carousel-container__controls--standard,\n:host .cds-custom-aichat--carousel-container__controls--wide{\n padding-block-start:0.5rem;\n padding-inline:56px 16px;\n}\n:host .cds-custom-aichat--carousel-container--one-slide{\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n}\n:host .swiper{\n inline-size:100%;\n}\n:host .swiper,\n:host .swiper-wrapper{\n z-index:unset;\n}\n:host .swiper-wrapper{\n align-items:stretch;\n block-size:unset;\n}\n:host .swiper-wrapper .swiper-slide{\n block-size:unset;\n}\n:host .swiper-slide,\n:host .swiper-slide > *{\n max-inline-size:var(--cds-custom-aichat-card-max-width, 424px);\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--conversational-search-citations{\n animation:none;\n padding-block-start:16px;\n }\n}\n:host .cds-custom-aichat--conversational-search-citations{\n animation:400ms cubic-bezier(0, 0, 0.3, 1) cds-custom-chat-fade-in both;\n padding-block-start:16px;\n}\n:host .cds-custom-aichat--conversational-search-citations .swiper-slide{\n block-size:unset;\n}\n:host .cds-custom-aichat--conversational-search .cds-custom-aichat--carousel-container__controls{\n padding-block-end:0;\n}\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--conversational-search .cds-custom-aichat--carousel-container--one-slide,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--conversational-search .cds-custom-aichat--carousel-container--one-slide,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--conversational-search-disclaimer,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--conversational-search-disclaimer{\n margin-inline:56px 16px;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--conversational-search .cds-custom-aichat--carousel-container--one-slide,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--conversational-search-disclaimer{\n margin-inline:16px;\n}\n:host{\n}\n:host .cds-custom-aichat--received--conversational-search .cds-custom-aichat--received--feedback,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--conversational-search-text,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--conversational-search-text{\n margin-inline:56px 16px;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--received--conversational-search .cds-custom-aichat--received--feedback,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--conversational-search-text{\n margin-inline-start:16px;\n}\n:host .cds-custom-aichat--conversational-search-text__citations-toggle-container{\n display:block;\n padding-block-start:0.25rem;\n}\n:host .cds-custom-aichat--conversational-search-text__citations-toggle{\n margin:0;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--conversational-search-text__segment:nth-last-child(1 of .cds-custom-aichat--conversational-search-text__segment){\n margin-inline:0.25rem 0;\n}\n:host{\n}\n:host .cds-custom-aichat--date-picker__confirm-button{\n display:block;\n}\n:host .cds-custom-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-custom-aichat--inline-error{\n display:flex;\n flex-direction:row;\n margin-inline-start:-16px;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--inline-error{\n margin-inline:unset -16px;\n}\n:host .cds-custom-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-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--inline-error--icon-holder{\n margin:0.125rem 1rem 0 0.5rem;\n}\n:host .cds-custom-aichat--inline-error--icon{\n block-size:1rem;\n inline-size:1rem;\n}\n:host .cds-custom-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-custom-aichat--inline-error .cds-custom-aichat--inline-error--text{\n color:var(--cds-text-error, #da1e28);\n}\n:host{\n}\n:host .cds-custom-aichat--grid{\n display:flex;\n flex-direction:column;\n inline-size:100%;\n row-gap:0.5rem;\n}\n:host .cds-custom-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-custom-aichat--grid__cell{\n display:flex;\n flex-direction:column;\n inline-size:100%;\n row-gap:0.5rem;\n}\n:host .cds-custom-aichat--grid__cell .cds-custom-aichat--message-user-defined-response{\n inline-size:100%;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--image{\n border:none;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--image__image-wrapper{\n background-color:transparent;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--image__skeleton{\n display:none;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--media-player__skeleton{\n display:none;\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--media-player__root{\n inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--i-frame-panel{\n position:relative;\n display:flex;\n flex-direction:column;\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n}\n:host .cds-custom-aichat--i-frame-panel__content{\n position:relative;\n display:flex;\n flex:1;\n}\n:host .cds-custom-aichat--i-frame-panel__content .cds-custom-aichat--i-frame-component__status-container{\n background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-custom-aichat--i-frame-panel__content .cds-custom-aichat--i-frame-component__wrapper{\n flex:1;\n block-size:unset;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--i-frame-preview-card .cds-custom-aichat--image{\n position:unset;\n transition:none;\n }\n}\n:host .cds-custom-aichat--i-frame-preview-card .cds-custom-aichat--image{\n position:unset;\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds-custom-aichat--i-frame-preview-card:focus .cds-custom-aichat--image{\n outline:2px solid var(--cds-focus, #0f62fe);\n}\n:host .cds-custom-aichat--i-frame-preview-card:hover .cds-custom-aichat--image{\n background-color:var(--cds-layer-hover);\n text-decoration:underline;\n}\n:host{\n}\n:host .cds-custom-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-custom-aichat--inline-i-frame .cds-custom-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-custom-aichat--i-frame-component__wrapper{\n position:relative;\n overflow:hidden;\n background:transparent;\n}\n:host .cds-custom-aichat--i-frame-component__wrapper,\n:host .cds-custom-aichat--i-frame-component__i-frame{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-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-custom-aichat--i-frame-component__status-container .cds-custom-aichat--loading-spinner{\n block-size:48px;\n inline-size:48px;\n}\n:host .cds-custom-aichat--i-frame-panel .cds-custom-aichat--panel-content{\n display:flex;\n flex:1;\n flex-direction:column;\n}\n:host .cds-custom-aichat--i-frame-panel__content{\n block-size:100%;\n inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--image{\n overflow:hidden;\n padding:0;\n min-block-size:0;\n min-inline-size:0;\n}\n:host cds-custom-ai-skeleton-placeholder.cds-custom-aichat--image__skeleton::part(skeleton-placeholder\n ),\n:host cds-custom-skeleton-placeholder.cds-custom-aichat--image__skeleton::part(placeholder){\n block-size:192px;\n inline-size:100%;\n}\n:host .cds-custom-aichat--image__image-wrapper{\n background-color:var(--cds-layer-02, #ffffff);\n}\n:host .cds-custom-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-custom-aichat--image__image--loaded{\n animation:none;\n animation-duration:110ms;\n animation-iteration-count:1;\n animation-timing-function:cubic-bezier(0.2, 0, 0.38, 0.9);\n block-size:auto;\n opacity:1;\n }\n}\n:host .cds-custom-aichat--image__image--loaded{\n animation-duration:110ms;\n animation-iteration-count:1;\n animation-name:cds-custom-chat-fade-in-img;\n animation-timing-function:cubic-bezier(0.2, 0, 0.38, 0.9);\n block-size:auto;\n opacity:1;\n}\n:host{\n}\n:host .cds-custom-aichat--image .cds-custom-aichat--image__image--loaded{\n display:block;\n margin:auto;\n}\n:host .cds-custom-aichat--image__text-and-icon .cds-custom-aichat--text-holder-tile__url{\n padding-inline-end:calc(1rem + 2px);\n}\n:host .cds-custom-aichat--image__icon-only .cds-custom-aichat--image__icon{\n padding:0.75rem;\n border-radius:var(--cds-custom-aichat-card-border-radius, 0.5rem);\n background-color:var(--cds-overlay, rgba(22, 22, 22, 0.5));\n fill:var(--cds-icon-on-color, #ffffff);\n}\n:host svg.cds-custom-aichat--image__icon{\n display:block;\n margin-block-end:1rem;\n margin-inline:auto 1rem;\n}\n:host .cds-custom-aichat--image__icon-only .cds-custom-aichat--image__icon,\n:host svg.cds-custom-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-custom-aichat--image__icon--link{\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] svg.cds-custom-aichat--image__icon--link{\n inset-inline:0.5rem unset;\n}\n:host{\n}\n:host .cds-custom-aichat--button-holder{\n margin-block-start:0.5rem;\n}\n:host .cds-custom-aichat--button-holder ul{\n padding:0;\n margin:0;\n list-style:none;\n}\n:host .cds-custom-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-custom-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-custom-aichat--custom-select-temporary-padding{\n padding-block-end:5rem;\n}\n:host cds-custom-dropdown::part(trigger-button){\n block-size:2.5rem;\n}\n:host cds-custom-dropdown::part(menu-body){\n position:static;\n}\n:host{\n}\n:host .cds-custom-aichat--text-area{\n position:relative;\n block-size:-moz-fit-content;\n block-size:fit-content;\n}\n:host .cds-custom-aichat--text-area .cds-custom-aichat--text-area-textarea,\n:host .cds-custom-aichat--text-area .cds-custom-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-custom-aichat--text-area .cds-custom-aichat--text-area-textarea:focus{\n border:2px solid var(--cds-focus, #0f62fe);\n border-radius:0;\n outline:0;\n}\n:host .cds-custom-aichat--text-area .cds-custom-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-custom-aichat--text-area.cds-custom-aichat--text-area--auto-size .cds-custom-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-custom-aichat--text-area .cds-custom-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-custom-aichat--body-message-components__message-wrapper{\n padding:1rem;\n}\n:host .cds-custom-aichat--body-message-components__message-wrapper.cds-custom-aichat--body-message-components__message-wrapper--short-bottom-padding{\n padding-block-end:0.75rem;\n}\n:host .cds-custom-aichat--body-message-components .cds-custom-aichat--media-player__skeleton,\n:host .cds-custom-aichat--body-message-components .cds-custom-aichat--media-player,\n:host .cds-custom-aichat--body-message-components .cds-custom-aichat--image{\n border:none;\n}\n:host{\n}\n:host .cds-custom-aichat--body-message-components__message-wrapper.cds-custom-aichat--body-message-components__message-wrapper--short-bottom-padding + .cds-custom-aichat--body-message-components__message-wrapper:not(.cds-custom-aichat--body-message-components__message-wrapper--full-width){\n padding-block-start:0;\n}\n:host .cds-custom-aichat--body-message-components__message-wrapper.cds-custom-aichat--body-message-components__message-wrapper--full-width{\n padding:0;\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--clickable-image{\n position:relative;\n overflow:hidden;\n padding:0;\n border:none;\n border-radius:var(--cds-custom-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-custom-aichat-card-max-width, 424px);\n outline:none;\n outline-offset:-2px;\n text-align:unset;\n transition:none;\n }\n}\n:host .cds-custom-aichat--clickable-image{\n position:relative;\n overflow:hidden;\n padding:0;\n border:none;\n border-radius:var(--cds-custom-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-custom-aichat-card-max-width, 424px);\n outline:none;\n outline-offset:-2px;\n text-align:unset;\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host a.cds-custom-aichat--clickable-image .cds-custom-aichat--text-holder-tile__title{\n color:var(--cds-text-primary, #161616);\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--clickable-image .cds-custom-aichat--image{\n position:unset;\n transition:none;\n }\n}\n:host .cds-custom-aichat--clickable-image .cds-custom-aichat--image{\n position:unset;\n transition:150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n:host .cds-custom-aichat--clickable-image .cds-custom-aichat--image__image{\n -webkit-user-select:none;\n -moz-user-select:none;\n user-select:none;\n}\n:host .cds-custom-aichat--clickable-image:disabled{\n cursor:not-allowed;\n}\n:host .cds-custom-aichat--clickable-image:disabled .cds-custom-aichat--image{\n opacity:0.5;\n}\n:host .cds-custom-aichat--clickable-image:enabled:focus{\n outline:2px solid var(--cds-focus, #0f62fe);\n}\n:host .cds-custom-aichat--clickable-image:enabled:hover .cds-custom-aichat--image{\n background-color:var(--cds-layer-hover);\n text-decoration:underline;\n}\n:host .cds-custom-aichat--clickable-image:enabled:hover .cds-custom-aichat--image__image{\n opacity:0.8;\n}\n:host{\n}\n:host .cds-custom-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-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--disclaimer__title,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--disclaimer__description{\n text-align:end;\n}\n:host{\n}\n:host .cds-custom-aichat--footer-button-components{\n display:flex;\n inline-size:100%;\n}\n:host .cds-custom-aichat--footer-button-components cds-custom-button.cds-custom-aichat--button-item{\n flex:auto;\n}\n:host .cds-custom-aichat--footer-button-components cds-custom-button[href][kind=ghost] svg{\n fill:var(--cds-link-primary, #0f62fe);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column){\n gap:0.0625rem;\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column):not(:has([kind=ghost])){\n background-color:var(--cds-button-separator, #e0e0e0);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-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-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column) .cds-custom-aichat--button-item:first-child::part(button){\n border-end-start-radius:max(0px, 0.5rem - 0.0625rem);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column) .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:max(0px, 0.5rem - 0.0625rem);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column{\n flex-direction:column;\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item[kind=ghost]{\n border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host cds-custom-tile .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-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-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column){\n gap:0.0625rem;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column):not(:has([kind=ghost])){\n background-color:var(--cds-button-separator, #e0e0e0);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-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-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column) .cds-custom-aichat--button-item:first-child::part(button){\n border-end-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 0.0625rem);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components:not(.cds-custom-aichat--footer-button-components--column) .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 0.0625rem);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column{\n flex-direction:column;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item[kind=ghost]{\n border-block-start:0.0625rem solid var(--cds-chat-bubble-border, #e0e0e0);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 0.0625rem);\n border-end-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 0.0625rem);\n}\n:host .cds-custom-aichat--widget__animation-container--with-branding-banner .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components .cds-custom-aichat--button-item:first-child::part(button),\n:host .cds-custom-aichat--widget:not(.cds-custom-aichat--widget--rounded) .cds-custom-aichat--widget__animation-container:not(.cds-custom-aichat--widget__animation-container--with-branding-banner) .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components .cds-custom-aichat--button-item:first-child::part(button){\n border-end-start-radius:0;\n}\n:host .cds-custom-aichat--widget__animation-container--with-branding-banner .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components .cds-custom-aichat--button-item:last-child::part(button),\n:host .cds-custom-aichat--widget:not(.cds-custom-aichat--widget--rounded) .cds-custom-aichat--widget__animation-container:not(.cds-custom-aichat--widget__animation-container--with-branding-banner) .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components .cds-custom-aichat--button-item:last-child::part(button){\n border-end-end-radius:0;\n}\n:host .cds-custom-aichat--widget__animation-container--with-branding-banner .cds-custom-aichat--overlay-panel .cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item.cds-custom-aichat--button-item:last-child::part(button),\n:host .cds-custom-aichat--footer-button-components.cds-custom-aichat--footer-button-components--column .cds-custom-aichat--button-item.cds-custom-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-custom-aichat--media-player,\n:host .cds-custom-aichat--media-player__skeleton{\n overflow:hidden;\n padding:0;\n}\n:host .cds-custom-aichat--media-player__wrapper{\n overflow:hidden;\n}\n:host .cds-custom-aichat--media-player__skeleton-container,\n:host .cds-custom-aichat--media-player__wrapper{\n position:relative;\n padding-block-start:0;\n}\n:host .cds-custom-aichat--media-player__background{\n background-color:var(--cds-layer-accent-01, #e0e0e0);\n}\n:host .cds-custom-aichat--media-player__background--audio{\n display:flex;\n align-items:center;\n justify-content:center;\n}\n:host .cds-custom-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-custom-aichat--media-player__music-icon{\n fill:var(--cds-icon-on-color, #ffffff);\n}\n:host cds-custom-ai-skeleton-placeholder.cds-custom-aichat--media-player__skeleton-player::part(skeleton-placeholder\n ),\n:host cds-custom-skeleton-placeholder.cds-custom-aichat--media-player__skeleton-player::part(placeholder\n ),\n:host .cds-custom-aichat--media-player__background,\n:host .cds-custom-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-custom-ai-skeleton-placeholder.cds-custom-aichat--media-player__skeleton-player::part(skeleton-placeholder\n ),\n:host cds-custom-skeleton-placeholder.cds-custom-aichat--media-player__skeleton-player::part(placeholder\n ),\n:host .cds-custom-aichat--media-player__background{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--media-player__root{\n inline-size:100%;\n}\n:host .cds-custom-aichat--media-player__skeleton-text-container{\n padding:1rem;\n}\n:host .cds-custom-aichat--media-transcript{\n padding:0 1rem 1rem 1rem;\n}\n:host .cds-custom-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-custom-aichat--media-transcript__toggle:hover{\n background-color:var(--cds-layer-hover-01, #e8e8e8);\n}\n:host .cds-custom-aichat--media-transcript__toggle:focus{\n outline:2px solid var(--cds-focus, #0f62fe);\n outline-offset:-2px;\n}\n:host .cds-custom-aichat--media-transcript__toggle-label{\n display:flex;\n align-items:center;\n font-weight:600;\n}\n:host .cds-custom-aichat--media-transcript__language{\n color:var(--cds-text-secondary, #525252);\n font-weight:400;\n}\n:host .cds-custom-aichat--media-transcript__toggle-icon{\n flex-shrink:0;\n margin-inline-start:0.5rem;\n}\n:host .cds-custom-aichat--media-transcript__content--visible{\n padding-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-custom-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-custom-aichat--received--metablock-content:nth-child(2){\n margin-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-custom-aichat--text-holder-tile{\n display:flex;\n padding:1rem;\n min-block-size:initial;\n}\n:host .cds-custom-aichat--text-holder-tile__icon{\n flex:0 1 auto;\n margin:0.125rem 0.5rem 0 0;\n}\n:host .cds-custom-aichat--text-holder-tile__wrapper{\n flex:1 1;\n align-self:center;\n}\n:host .cds-custom-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-custom-aichat--text-holder-tile__description{\n color:var(--cds-text-secondary, #525252);\n}\n:host .cds-custom-aichat--text-holder-tile__description,\n:host .cds-custom-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-custom-aichat--text-holder-tile__description-margin{\n margin-block-start:0.125rem;\n}\n:host .cds-custom-aichat--text-holder-tile__url{\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-custom-aichat--text-holder-tile__url-margin{\n margin-block-start:1rem;\n}\n@supports (-webkit-line-clamp: 3){\n :host .cds-custom-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-custom-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-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--text-holder-tile__icon{\n margin-inline:0.5rem 0;\n}\n:host{\n}\n:host .cds-custom-aichat--search-result-highlight{\n background-color:var(--cds-highlight, #d0e2ff);\n}\n:host{\n}\n:host .cds-custom-aichat--citation-card{\n display:block;\n inline-size:100%;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable,\n:host .cds-custom-aichat--message button.cds-custom-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-custom-aichat--message a.cds-custom-aichat--citation-card--clickable cds-custom-tile,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable cds-custom-tile{\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-custom-aichat--message a.cds-custom-aichat--citation-card--clickable cds-custom-tile,\n :host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable cds-custom-tile{\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-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:focus,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:focus{\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:focus cds-custom-tile,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:focus cds-custom-tile{\n box-shadow:0 0 0 2px inset var(--cds-focus, #0f62fe);\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:hover,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:hover{\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:hover cds-custom-tile,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:hover cds-custom-tile{\n background:var(--cds-layer-hover-01, #e8e8e8);\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:active,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:active{\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a.cds-custom-aichat--citation-card--clickable:active cds-custom-tile,\n:host .cds-custom-aichat--message button.cds-custom-aichat--citation-card--clickable:active cds-custom-tile{\n box-shadow:0 0 0 2px inset var(--cds-focus, #0f62fe);\n text-decoration:none;\n}\n:host .cds-custom-aichat--citation-card-header{\n block-size:128px;\n}\n:host .cds-custom-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-custom-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-custom-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-custom-aichat--citation-card-label,\n:host .cds-custom-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-custom-aichat--citation-card-icon{\n display:flex;\n align-items:center;\n}\n:host .cds-custom-aichat--message a:hover.cds-custom-aichat--citation-card--clickable{\n cursor:pointer;\n text-decoration:none;\n}\n:host{\n}\n:host .cds-custom-aichat--view-source-panel{\n position:relative;\n display:flex;\n flex-direction:column;\n block-size:100%;\n}\n:host .cds-custom-aichat--view-source-panel .cds-custom-aichat--panel-content{\n flex:1;\n}\n:host .cds-custom-aichat--view-source-panel__content{\n overflow:auto;\n padding:0.75rem;\n background-color:var(--cds-background, #ffffff);\n block-size:100%;\n}\n:host{\n}\n:host .cds-custom-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-custom-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-custom-aichat--non-header-container{\n position:relative;\n display:flex;\n overflow:hidden;\n flex:1 1 0%;\n}\n:host .cds-custom-aichat--messages-and-input-container{\n position:relative;\n display:flex;\n flex:1;\n flex-direction:column;\n inline-size:100%;\n}\n:host .cds-custom-aichat--messages-container__non-input-container{\n position:relative;\n display:flex;\n overflow:hidden;\n flex:1;\n flex-direction:column;\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--messages-container__non-input-container{\n overflow:hidden auto;\n block-size:100%;\n}\n:host .cds-custom-aichat--process-wizard-done-button{\n justify-content:center;\n}\n:host .cds-custom-aichat--messages-error-handler{\n padding:1rem;\n}\n:host{\n}\n:host .cds-custom-aichat--overlay-panel--catastrophic_panel .cds-custom-aichat--overlay-panel{\n display:flex;\n flex-direction:column;\n}\n:host .cds-custom-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-custom-aichat--catastrophic-error--with-header{\n border-start-end-radius:0;\n border-start-start-radius:0;\n}\n:host .cds-custom-aichat--catastrophic-error .cds-custom-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-custom-aichat--catastrophic-error__error-text-container{\n margin-block-start:1.5rem;\n margin-inline:2rem;\n}\n:host .cds-custom-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-custom-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-custom-aichat--catastrophic-error__restart-button{\n display:block;\n margin-block-start:1rem;\n}\n:host .cds-custom-aichat--catastrophic-error--with-header .cds-custom-aichat--catastrophic-error__error-text-container{\n margin-block-end:41px;\n}\n:host .cds-custom-aichat--wide-width.cds-custom-aichat--widget--max-width .cds-custom-aichat--catastrophic-error.cds-custom-aichat--panel-content{\n max-inline-size:100%;\n}\n:host .cds-custom-aichat--wide-width.cds-custom-aichat--widget--max-width .cds-custom-aichat--catastrophic-error__error-text-container{\n margin:auto;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host{\n}\n:host .cds-custom-aichat--disclaimer-container{\n display:flex;\n flex-basis:100%;\n flex-direction:column;\n justify-content:space-between;\n block-size:100%;\n}\n:host .cds-custom-aichat--disclaimer{\n display:flex;\n flex-basis:100%;\n flex-direction:column;\n justify-content:space-between;\n block-size:100%;\n color:var(--cds-text-primary, #161616);\n}\n:host .cds-custom-aichat--disclaimer__content{\n background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-custom-aichat--disclaimer .cds-custom-aichat--header{\n border-block-end:none;\n color:var(--cds-text-primary, #161616);\n}\n:host .cds-custom-aichat--disclaimer__content.cds-custom-aichat--panel-content,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--disclaimer__content.cds-custom-aichat--panel-content{\n overflow:hidden auto;\n flex-grow:1;\n padding:0 2rem 0 2rem;\n}\n:host .cds-custom-aichat--disclaimer__icon{\n padding:1.5rem 0 1.5rem 0;\n margin-inline-start:calc(1.5rem * -1);\n}\n:host .cds-custom-aichat--disclaimer__icon > svg{\n block-size:128px;\n inline-size:128px;\n}\n:host .cds-custom-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-custom-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-custom-aichat--disclaimer__buttons{\n border-block-start:1px solid var(--cds-border-subtle-01, #c6c6c6);\n inline-size:100%;\n}\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--disclaimer__buttons{\n display:flex;\n flex-direction:row-reverse;\n}\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button{\n inline-size:288px;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button{\n inline-size:100%;\n max-inline-size:unset;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button::part(button),\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--disclaimer__buttons cds-custom-button.cds-custom-aichat--disclaimer__accept-button::part(button){\n border-end-end-radius:var(--cds-custom-aichat-border-radius, 0px);\n border-end-start-radius:var(--cds-custom-aichat-border-radius, 0px);\n}\n:host .cds-custom-aichat--widget--max-width.cds-custom-aichat--wide-width .cds-custom-aichat--disclaimer__buttons-padding{\n display:flex;\n justify-content:flex-end;\n margin:auto;\n inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host{\n}\n:host .cds-custom-aichat--error-icon{\n fill:var(--cds-support-error, #da1e28);\n vertical-align:middle;\n}\n:host .cds-custom-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-custom-aichat--hydrating-container{\n display:flex;\n overflow:hidden;\n flex-direction:column;\n block-size:100%;\n}\n:host .cds-custom-aichat--hydrating{\n display:flex;\n align-items:center;\n justify-content:center;\n block-size:100%;\n}\n:host .cds-custom-aichat--hydrating.cds-custom-aichat--hydrating--home-screen circle{\n stroke:var(--cds-text-primary, #161616);\n}\n:host .cds-custom-aichat--hydrating .cds-custom-aichat--loading-spinner{\n block-size:48px;\n inline-size:48px;\n margin-block-start:-64px;\n}\n:host .cds-custom-aichat--hydrating .cds-custom-aichat--loading-spinner path{\n stroke:var(--cds-interactive, #0f62fe);\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--hydrating.cds-custom-aichat--panel-content{\n max-inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--header-with-panel{\n position:absolute;\n z-index:100;\n inline-size:100%;\n inset-block-start:0;\n}\n:host .cds-custom-aichat--overlay-panel--disclaimer_panel{\n z-index:99;\n}\n:host .cds-custom-aichat--overlay-panel--custom_panel{\n z-index:95;\n}\n:host .cds-custom-aichat--overlay-panel--panel_response{\n z-index:94;\n}\n:host .cds-custom-aichat--overlay-panel--button_response_panel{\n z-index:93;\n}\n:host .cds-custom-aichat--overlay-panel--hydrating_panel{\n z-index:90;\n}\n:host .cds-custom-aichat--overlay-panel--catastrophic_panel{\n z-index:80;\n}\n:host .cds-custom-aichat--overlay-panel--home_screen_panel{\n z-index:30;\n}\n:host .cds-custom-aichat--overlay-panel--conversational_search_citation_panel{\n z-index:6;\n}\n:host .cds-custom-aichat--overlay-panel--iframe_panel{\n z-index:5;\n}\n:host .cds-custom-aichat--overlay-panel-container{\n position:absolute;\n block-size:100%;\n inline-size:100%;\n inset-block-start:0;\n}\n:host .cds-custom-aichat--overlay-panel-container--animating{\n overflow:hidden;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay--covering.cds-custom-aichat--overlay-panel-container .cds-custom-aichat--header--content{\n border-start-end-radius:0.5rem;\n border-start-start-radius:0.5rem;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--wide-width .cds-custom-aichat--overlay--covering .cds-custom-aichat--header__left-buttons{\n border-start-start-radius:0.5rem;\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--wide-width .cds-custom-aichat--overlay--covering .cds-custom-aichat--header__right-buttons{\n border-start-end-radius:0.5rem;\n}\n:host .cds-custom-aichat--overlay-panel{\n position:absolute;\n display:block;\n box-sizing:border-box;\n border-radius:0;\n margin:0;\n block-size:100%;\n inline-size:100%;\n inset-block-start:0;\n min-block-size:100%;\n text-align:start;\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel{\n inset-inline:unset 0;\n text-align:end;\n}\n:host .cds-custom-aichat--overlay-panel--closed{\n display:none;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--opening--fade-in{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--opening--fade-in{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-fade-in both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--opening--slide-in-from-left{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--opening--slide-in-from-left{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-slide-in-from-left both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--opening--slide-in-from-right{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--opening--slide-in-from-right{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-slide-in-from-right both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--opening--slide-in-from-left{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--opening--slide-in-from-left{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-slide-in-from-right both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--opening--slide-in-from-right{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--opening--slide-in-from-right{\n animation:240ms cubic-bezier(0, 0, 0.3, 1) cds-custom-aichat-slide-in-from-left both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--opening--slide-in-from-bottom{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--opening--slide-in-from-bottom{\n animation:240ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-in-from-bottom both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--fade-out{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--fade-out{\n animation:240ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-fade-out both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--slide-out-to-left{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--slide-out-to-left{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-left both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--slide-out-to-right{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--slide-out-to-right{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-right both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--slide-out-to-top{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--slide-out-to-top{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-top both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--closing--slide-out-to-left{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--closing--slide-out-to-left{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-right both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--closing--slide-out-to-right{\n animation:none;\n }\n}\n@media screen and (prefers-reduced-motion: no-preference){\n :host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--overlay-panel--closing--slide-out-to-right{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-left both;\n }\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--closing--slide-out-to-bottom{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--closing--slide-out-to-bottom{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-out-to-bottom both;\n}\n:host .cds-custom-aichat--overlay-panel-container:has(.cds-custom-aichat--overlay-panel--with-back-button){\n block-size:calc(100% - var(--cds-custom-aichat--header-height, 0px) + 1px);\n border-start-end-radius:0;\n border-start-start-radius:0;\n inset-block-start:calc(var(--cds-custom-aichat--header-height, 0) - 1px);\n}\n:host .cds-custom-aichat--overlay-panel--with-back-button{\n overflow:hidden;\n border:1px solid var(--cds-border-subtle-00, #e0e0e0);\n background-color:var(--cds-chat-shell-background, #ffffff);\n block-size:100%;\n border-start-end-radius:0;\n border-start-start-radius:0;\n inline-size:100%;\n inset-block-start:0;\n inset-inline-start:50%;\n max-inline-size:var(--cds-custom-aichat-max-width, 100%);\n transform:translateX(-50%);\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--overlay-panel--with-back-button.cds-custom-aichat--overlay-panel--opening--slide-in-from-bottom{\n animation:none;\n }\n}\n:host .cds-custom-aichat--overlay-panel--with-back-button.cds-custom-aichat--overlay-panel--opening--slide-in-from-bottom{\n animation:240ms cubic-bezier(0.4, 0.14, 1, 1) cds-custom-aichat-slide-in-from-bottom-below-header both;\n}\n@keyframes cds-custom-aichat-slide-in-from-bottom-below-header{\n from{\n inset-block-start:100%;\n }\n to{\n inset-block-start:0;\n }\n}\n:host{\n}\n:host .cds-custom-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}\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--conversational-search + .cds-custom-aichat--response-stopped,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--conversational-search + .cds-custom-aichat--response-stopped{\n padding-inline-start:56px;\n}\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--conversational-search + .cds-custom-aichat--response-stopped{\n padding-inline-start:16px;\n}\n:host{\n}\n:host .cds-custom-aichat--hidden{\n display:none;\n}\n:host .cds-custom-aichat--widget__break-word{\n overflow-wrap:break-word;\n word-break:break-word;\n word-wrap:break-word;\n}\n:host .cds-custom-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 .cds-custom-aichat--container--render{\n box-sizing:border-box;\n block-size:100%;\n color:var(--cds-text-primary, #161616);\n font-family:\"IBM Plex Sans\", \"Helvetica Neue\", arial, sans-serif;\n inline-size:100%;\n}\n:host .cds-custom-aichat--container--render[dir=rtl]{\n direction:rtl;\n}\n:host .cds-custom-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 .cds-custom-aichat--widget__region-container{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--modal-host{\n position:fixed;\n z-index:calc(var(--cds-custom-aichat-z-index, 99999) + 1);\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-custom-aichat--modal-host:has(> *){\n pointer-events:auto;\n}\n:host .cds-custom-aichat--modal-host > *{\n pointer-events:auto;\n}\n:host .cds-custom-aichat--widget{\n position:relative;\n display:flex;\n flex-direction:column;\n block-size:100%;\n box-shadow:var(--cds-custom-aichat-box-shadow, 1px 0 4px hsla(0, 0%, 9%, 0.3));\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 .cds-custom-aichat--header{\n background-color:var(--cds-chat-header-background, #ffffff);\n}\n:host .cds-custom-aichat--ai-theme .cds-custom-aichat--widget{\n border:solid 1px transparent;\n background-color:var(--cds-chat-shell-background, #ffffff);\n background-image:var(--cds-custom-aichat-ai-background-image, linear-gradient(to bottom, var(--cds-chat-shell-background, #ffffff) 0, var(--cds-chat-shell-background, #ffffff) 50%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 100%));\n box-shadow:var(--cds-custom-aichat-ai-box-shadow-outer, 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1)));\n}\n:host .cds-custom-aichat--frameless .cds-custom-aichat--widget{\n border:none;\n box-shadow:none;\n}\n:host{\n}\n:host .cds-custom-aichat--widget .cds-custom-aichat--widget__animation-container{\n position:relative;\n z-index:1;\n flex:1;\n background:var(--cds-chat-shell-background, #ffffff);\n inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--assistant-container{\n position:absolute;\n block-size:100%;\n inline-size:100%;\n inset-block-start:0;\n inset-inline-start:0;\n}\n:host{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded{\n border-radius:var(--cds-custom-aichat-border-radius, 0px);\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--view-source-panel,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--home-screen,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--confirm-modal,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--widget__animation-container,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--assistant-container,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel-container,\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--hydrating-container{\n border-end-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--header{\n border-start-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--input-container{\n border-end-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--rounded .cds-custom-aichat--overlay-panel.cds-custom-aichat--overlay-panel--with-back-button{\n --cds-custom-aichat-border-radius:0;\n}\n:host{\n}\n:host .cds-custom-aichat--grid .cds-custom-aichat--image,\n:host .cds-custom-aichat--grid .cds-custom-aichat--media-player,\n:host .cds-custom-aichat--grid .cds-custom-aichat--media-player__skeleton,\n:host .cds-custom-aichat--body-message-components__message-wrapper .cds-custom-aichat--image,\n:host .cds-custom-aichat--body-message-components__message-wrapper .cds-custom-aichat--media-player,\n:host .cds-custom-aichat--body-message-components__message-wrapper .cds-custom-aichat--media-player__skeleton{\n border-radius:0;\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--closed .cds-custom-aichat--widget__animation-container{\n overflow:hidden;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--widget.cds-custom-aichat--widget--launched.cds-custom-aichat--widget--default-element{\n animation:none;\n }\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--launched.cds-custom-aichat--widget--default-element:not(.cds-custom-aichat---is-phone){\n animation:cds-custom-aichat-widget-in 240ms cubic-bezier(0, 0, 0.3, 1) both;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--widget.cds-custom-aichat--widget--closing.cds-custom-aichat--widget--default-element{\n animation:none;\n }\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--closing.cds-custom-aichat--widget--default-element{\n animation:cds-custom-aichat-widget-out 110ms cubic-bezier(0.4, 0.14, 1, 1) both;\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget.cds-custom-aichat--widget--closed,\n:host .cds-custom-aichat--ai-theme .cds-custom-aichat--widget.cds-custom-aichat--widget.cds-custom-aichat--widget--closed{\n border:none;\n box-shadow:none;\n}\n:host{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--default-element.cds-custom-aichat--widget--closed{\n display:none;\n}\n:host{\n}\n:host .cds-custom-aichat--widget.cds-custom-aichat--widget--default-element{\n position:fixed;\n z-index:var(--cds-custom-aichat-z-index, 99999);\n block-size:var(--cds-custom-aichat-height, calc(100vh - 2 * 2rem));\n inline-size:var(--cds-custom-aichat-width, min(380px, var(--cds-custom-aichat-max-width, 672px)));\n inset:var(--cds-custom-aichat-top-position, auto) var(--cds-custom-aichat-right-position, 2rem) var(--cds-custom-aichat-bottom-position, 3rem) var(--cds-custom-aichat-left-position, auto);\n max-block-size:var(--cds-custom-aichat-max-height, 640px);\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n min-block-size:var(--cds-custom-aichat-min-height, 150px);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--widget.cds-custom-aichat--widget--default-element{\n inset-inline:var(--cds-custom-aichat-right-position, 2rem) var(--cds-custom-aichat-left-position, auto);\n}\n:host .cds-custom-aichat---is-phone:not(.cds-custom-aichat--container-disable-mobile-enhancements) .cds-custom-aichat--widget{\n position:fixed;\n z-index:var(--cds-custom-aichat-z-index, 99999);\n block-size:var(--cds-custom-aichat-height, calc(100vh - 2 * 2rem));\n inline-size:var(--cds-custom-aichat-width, min(380px, var(--cds-custom-aichat-max-width, 672px)));\n inset:var(--cds-custom-aichat-top-position, auto) var(--cds-custom-aichat-right-position, 2rem) var(--cds-custom-aichat-bottom-position, 3rem) var(--cds-custom-aichat-left-position, auto);\n max-block-size:var(--cds-custom-aichat-max-height, 640px);\n min-block-size:var(--cds-custom-aichat-min-height, 150px);\n}\n:host .cds-custom-aichat---is-phone:not(.cds-custom-aichat--container-disable-mobile-enhancements) .cds-custom-aichat--widget.cds-custom-aichat--widget--launched.cds-custom-aichat--widget--default-element{\n animation:cds-custom-aichat-widget-in-mobile 240ms cubic-bezier(0, 0, 0.3, 1) both;\n inset-block-end:1px;\n inset-inline-start:1px;\n}\n:host .cds-custom-aichat---is-phone[dir=rtl]:not(.cds-custom-aichat--container-disable-mobile-enhancements) .cds-custom-aichat--widget{\n inset-inline:var(--cds-custom-aichat-right-position, 2rem) var(--cds-custom-aichat-left-position, auto);\n}\n:host .cds-custom-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 .cds-custom-aichat--widget--rounded .cds-custom-aichat{\n border-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--ai-theme .cds-custom-aichat{\n background-color:var(--cds-chat-shell-background, #ffffff);\n background-image:var(--cds-custom-aichat-ai-background-image, linear-gradient(to bottom, var(--cds-chat-shell-background, #ffffff) 0, var(--cds-chat-shell-background, #ffffff) 50%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 100%));\n box-shadow:var(--cds-custom-aichat-ai-box-shadow-inner, inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1))), var(--cds-custom-aichat-ai-box-shadow-outer, 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1)));\n}\n:host .cds-custom-aichat--frameless.cds-custom-aichat--ai-theme .cds-custom-aichat{\n box-shadow:var(--cds-custom-aichat-ai-box-shadow-inner, inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)));\n}\n:host .cds-custom-aichat.cds-custom-aichat--human-agent-app{\n min-inline-size:unset;\n}\n:host .cds-custom-aichat--main-window,\n:host .cds-custom-aichat--widget__layer{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--widget__focus-trap-glass{\n position:fixed;\n z-index:var(--cds-custom-aichat-z-index, 99999);\n overflow:hidden;\n background:var(--cds-overlay, rgba(22, 22, 22, 0.5));\n block-size:100vh;\n inline-size:100vw;\n inset-block-start:0;\n inset-inline-start:0;\n opacity:0.5;\n}\n:host svg.cds-custom-aichat--icon__logout--reverse{\n transform:scaleX(-1);\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--icon__logout--reverse{\n transform:none;\n}\n:host .cds-custom-aichat--scroll-focus:focus-visible::before{\n position:sticky;\n z-index:1;\n display:block;\n box-sizing:border-box;\n border:solid 2px var(--cds-focus, #0f62fe);\n block-size:100%;\n content:\"\";\n float:inline-start;\n inline-size:100%;\n inset-block-start:0;\n margin-block-start:-100%;\n pointer-events:none;\n}\n:host .cds-custom-aichat--container--render .cds-custom-aichat--reverse-icon svg,\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--direction-has-reversible-svg svg{\n transform:scaleX(-1);\n}\n:host{\n}\n:host .cds-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--direction-has-reversible-svg.cds-custom-aichat--reverse-icon svg{\n transform:scaleX(1);\n}\n:host{\n}\n:host .cds-custom-aichat--panel-content{\n overflow:hidden;\n}\n:host .cds-custom-aichat--widget--max-width{\n --cds-custom-aichat-border-radius:0;\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--panel-content{\n flex:1;\n margin:auto;\n block-size:100%;\n inline-size:100%;\n}\n:host{\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--body-and-footer-component,\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--i-frame-panel,\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--view-source-panel,\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--custom-panel{\n border-end-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-start-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host .cds-custom-aichat--widget--rounded .cds-custom-aichat--panel-content{\n border-end-end-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n border-end-start-radius:max(0px, var(--cds-custom-aichat-border-radius, 0px) - 1px);\n}\n:host{\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--message{\n position:relative;\n display:block;\n margin:0;\n animation:none;\n }\n}\n:host .cds-custom-aichat--message{\n position:relative;\n display:block;\n margin:0;\n animation:cds-custom-aichat-fade-in 240ms cubic-bezier(0, 0, 0.38, 0.9) forwards;\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--no-animation{\n animation:none;\n}\n:host .cds-custom-aichat--message.cds-custom-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-custom-aichat--message.cds-custom-aichat--message--first-message.cds-custom-aichat--message--has-focus::after{\n block-size:calc(100% - 0.5rem);\n inset-block-start:0.5rem;\n}\n:host .cds-custom-aichat--message--with-avatar-line.cds-custom-aichat--message--response.cds-custom-aichat--message--last-message:not(.cds-custom-aichat--with-human-agent){\n min-block-size:calc(100% - 88px);\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--last-message.cds-custom-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-custom-aichat--message .cds-custom-aichat--message-vertical-padding,\n:host .cds-custom-aichat--message .cds-custom-aichat--ui-customization-element--response{\n padding-block-start:1rem;\n}\n:host .cds-custom-aichat--message--with-avatar-line .cds-custom-aichat--message-vertical-padding,\n:host .cds-custom-aichat--message--with-avatar-line .cds-custom-aichat--ui-customization-element--response,\n:host .cds-custom-aichat--message--option-response-without-title-or-description .cds-custom-aichat--message-vertical-padding{\n padding-block-start:0;\n}\n:host .cds-custom-aichat--message--option-response-without-title-or-description .cds-custom-aichat--ui-customization-element--response{\n padding-block-start:0;\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--custom .cds-custom-aichat--message-vertical-padding,\n:host .cds-custom-aichat--message.cds-custom-aichat--message--custom .cds-custom-aichat--ui-customization-element--response{\n padding-block:0;\n}\n:host .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received,\n:host .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received.cds-custom-aichat--received--carousel:not(.cds-custom-aichat--received--carousel-single):first-child,\n:host .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received.cds-custom-aichat--received--full-width:first-child{\n margin-block-start:0.5rem;\n}\n:host .cds-custom-aichat--message.cds-custom-aichat--message--last-message .cds-custom-aichat--message--padding{\n padding-block-end:1.5rem;\n}\n:host .cds-custom-aichat--sent-container{\n display:flex;\n justify-content:flex-end;\n}\n:host .cds-custom-aichat--message .cds-custom-aichat--received,\n:host .cds-custom-aichat--message .cds-custom-aichat--sent-container{\n flex-grow:1;\n margin-inline:1rem;\n min-inline-size:0;\n}\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--conversational-search,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--search,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received--carousel:not(.cds-custom-aichat--received--carousel-single),\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--full-width,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--conversational-search,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--search,\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--message .cds-custom-aichat--received--carousel:not(.cds-custom-aichat--received--carousel-single),\n:host .cds-custom-aichat--narrow-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--full-width,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--conversational-search,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--search,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received--carousel:not(.cds-custom-aichat--received--carousel-single),\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--full-width{\n margin-inline:0 1rem;\n}\n:host .cds-custom-aichat--message a:not(button){\n color:var(--cds-link-primary, #0f62fe);\n outline:none;\n text-decoration:none;\n}\n:host .cds-custom-aichat--message a:visited:not(button){\n color:var(--cds-link-primary, #0f62fe);\n}\n:host .cds-custom-aichat--message a:hover:not(button){\n text-decoration:underline;\n}\n:host .cds-custom-aichat--message a:focus:not(button){\n text-decoration:underline;\n}\n:host .cds-custom-aichat--message::after{\n display:table;\n clear:both;\n content:\"\";\n}\n:host .cds-custom-aichat--messages--welcome.cds-custom-aichat--messages--welcome--typing{\n min-block-size:100%;\n}\n:host .cds-custom-aichat--assistant-message{\n position:relative;\n display:flex;\n flex-direction:row;\n max-inline-size:100%;\n}\n:host .cds-custom-aichat--received--inline-error,\n:host .cds-custom-aichat--received--text,\n:host .cds-custom-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-custom-aichat--message-user-defined-response{\n max-inline-size:100%;\n}\n:host .cds-custom-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-custom-aichat--received--video,\n:host .cds-custom-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-custom-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-custom-aichat--message-status{\n display:flex;\n align-items:center;\n margin-inline:8px;\n}\n:host{\n}\n:host .cds-custom-aichat--sent-and-message-state--below-message{\n display:flex;\n flex-direction:column;\n align-items:flex-end;\n}\n:host .cds-custom-aichat--sent-and-message-state--below-message .cds-custom-aichat--message-status{\n margin-inline:0;\n padding-block-start:0.5rem;\n}\n:host{\n}\n:host .cds-custom-aichat--message-status .cds-custom-aichat--loading-spinner circle{\n stroke-width:6;\n}\n@media screen and (prefers-reduced-motion: reduce){\n :host .cds-custom-aichat--sent-container .cds-custom-aichat--message-status-file-success svg{\n animation:none;\n fill:var(--cds-interactive, #0f62fe);\n }\n}\n:host .cds-custom-aichat--sent-container .cds-custom-aichat--message-status-file-success svg{\n animation:150ms cubic-bezier(0.4, 0.14, 1, 1) 2000ms cds-custom-chat-fade-out forwards;\n fill:var(--cds-interactive, #0f62fe);\n}\n:host .cds-custom-aichat--received--loading,\n:host .cds-custom-aichat--search-result,\n:host .cds-custom-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-custom-aichat--received--loading .cds-custom-aichat--received--inner{\n position:relative;\n}\n:host .cds-custom-aichat--sent--text > span{\n flex:1;\n white-space:pre-wrap;\n}\n:host .cds-custom-aichat--sent--text{\n display:flex;\n}\n:host svg.cds-custom-aichat--sent-file-icon{\n margin-inline-end:8px;\n}\n:host .cds-custom-aichat--sent{\n display:flex;\n flex-direction:column;\n inline-size:100%;\n}\n:host .cds-custom-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-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--sent--bubble{\n border-radius:0 0.5rem 0.5rem 0.5rem;\n}\n:host .cds-custom-aichat--received--options,\n:host .cds-custom-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-custom-aichat--received--iframe-preview-card{\n overflow:hidden;\n inline-size:100%;\n}\n:host .cds-custom-aichat--assistant-message .cds-custom-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-custom-aichat--assistant-message .cds-custom-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-custom-aichat--message--system-message{\n padding-block-start:28px;\n}\n:host .cds-custom-aichat--message__avatar-line{\n display:flex;\n padding-block-start:28px;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-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-custom-aichat--message__avatar-line .cds-custom-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-custom-aichat--message__avatar-line .cds-custom-aichat--message__avatar--assistant svg{\n block-size:28px;\n inline-size:28px;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback{\n display:flex;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback img,\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback .cds-custom-aichat--icon-holder{\n border-radius:14px;\n block-size:28px;\n inline-size:28px;\n}\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback img svg,\n:host .cds-custom-aichat--message__avatar-line .cds-custom-aichat--image-with-fallback .cds-custom-aichat--icon-holder svg{\n block-size:16px;\n fill:var(--cds-icon-inverse, #ffffff);\n inline-size:16px;\n}\n:host .cds-custom-aichat--message--request .cds-custom-aichat--message__avatar-line{\n justify-content:flex-end;\n padding-inline-end:1rem;\n}\n:host .cds-custom-aichat--message--request .cds-custom-aichat--message__avatar-line .cds-custom-aichat--message__label{\n padding-block-end:0.5rem;\n padding-inline-start:0.5rem;\n}\n:host{\n}\n:host .cds-custom-aichat--message--response .cds-custom-aichat--message__avatar-line{\n padding-inline-start:0.5rem;\n}\n:host .cds-custom-aichat--message--response .cds-custom-aichat--message__avatar-line .cds-custom-aichat--message__label{\n padding-block:0.5rem;\n padding-inline:0.5rem;\n}\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message + .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message,\n:host .cds-custom-aichat--message--request + .cds-custom-aichat--message--request{\n padding-block-start:0.5rem;\n}\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message + .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message .cds-custom-aichat--message__avatar-line,\n:host .cds-custom-aichat--message--request + .cds-custom-aichat--message--request .cds-custom-aichat--message__avatar-line{\n display:none;\n}\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message + .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message .cds-custom-aichat--received--from-human,\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message + .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--system-message).cds-custom-aichat--message--agent-message .cds-custom-aichat--sent--bubble,\n:host .cds-custom-aichat--message--request + .cds-custom-aichat--message--request .cds-custom-aichat--received--from-human,\n:host .cds-custom-aichat--message--request + .cds-custom-aichat--message--request .cds-custom-aichat--sent--bubble{\n border-radius:0.5rem;\n}\n:host .cds-custom-aichat--message--response:not(.cds-custom-aichat--message--agent-message) .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding{\n padding-block-start:0.25rem;\n}\n:host .cds-custom-aichat--message__avatar--agent .cds-custom-aichat--image-with-fallback .cds-custom-aichat--icon-holder{\n background-color:var(--cds-chat-avatar-agent, #393939);\n}\n:host .cds-custom-aichat--received--from-human.cds-custom-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-custom-aichat--container--render[dir=rtl] .cds-custom-aichat--received--from-agent.cds-custom-aichat--received--text{\n border-radius:0.5rem 0 0.5rem 0.5rem;\n}\n:host .cds-custom-aichat--message__avatar--assistant .cds-custom-aichat--image-with-fallback .cds-custom-aichat--icon-holder{\n background-color:var(--cds-chat-avatar-bot, #6f6f6f);\n}\n:host{\n}\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message__avatar-line + .cds-custom-aichat--message--padding .cds-custom-aichat--assistant-message > div.cds-custom-aichat--received{\n margin-block-start:0;\n}\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--agent-status-message,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received.cds-custom-aichat--received--agent-status-message{\n margin-inline:0;\n}\n:host{\n}\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--received,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--received,\n:host .cds-custom-aichat--wide-width .cds-custom-aichat--message .cds-custom-aichat--sent-container,\n:host .cds-custom-aichat--standard-width .cds-custom-aichat--message .cds-custom-aichat--sent-container{\n margin-inline:calc(0.5rem + 2rem + 0.5rem) 1rem;\n}\n:host{\n}\n:host .cds-custom-aichat--messages--holder{\n display:flex;\n overflow:hidden;\n flex:1;\n flex-direction:column;\n}\n:host .cds-custom-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-custom-aichat--messages__wrapper:focus{\n outline:none;\n}\n:host .cds-custom-aichat--message--focus-handle,\n:host .cds-custom-aichat--messages--scroll-handle{\n position:relative;\n display:block;\n overflow:hidden;\n padding:0;\n border:none;\n margin:0;\n block-size:0;\n inline-size:0;\n outline:none;\n}\n:host .cds-custom-aichat--messages__wrapper--scroll-handle-has-focus::after{\n position:absolute;\n box-sizing:border-box;\n border:solid 2px var(--cds-focus, #0f62fe);\n block-size:100%;\n content:\"\";\n inline-size:100%;\n inset-block-start:0;\n pointer-events:none;\n}\n:host .cds-custom-aichat--messages{\n block-size:100%;\n inline-size:100%;\n}\n:host .cds-custom-aichat--widget--max-width .cds-custom-aichat--messages{\n margin:0 auto;\n max-inline-size:var(--cds-custom-aichat-max-width, 672px);\n}\n:host .cds-custom-aichat--processing{\n display:flex;\n align-items:center;\n}\n:host .cds-custom-aichat--processing-component{\n block-size:32px;\n}\n:host .cds-custom-aichat--processing-label{\n font-size:var(--cds-label-02-font-size, 0.875rem);\n font-weight:var(--cds-label-02-font-weight, 400);\n line-height:var(--cds-label-02-line-height, 1.28572);\n letter-spacing:var(--cds-label-02-letter-spacing, 0.16px);\n display:flex;\n align-items:center;\n animation:cds-custom-aichat-fade-in 600ms forwards;\n animation-delay:1200ms;\n block-size:32px;\n color:var(--cds-text-secondary, #525252);\n font-style:italic;\n opacity:0;\n padding-inline-start:0.125rem;\n}\n:host .cds-custom-aichat-scrollDownIndicatorIcon{\n position:sticky;\n z-index:1;\n display:grid;\n border-radius:50%;\n margin:0 auto;\n background-color:var(--cds-button-secondary, #393939);\n block-size:2rem;\n color:var(--cds-text-on-color, #ffffff);\n cursor:pointer;\n inline-size:2rem;\n inset-block-end:1rem;\n inset-inline-start:calc(50% - 1rem);\n place-items:center;\n}\n:host .cds-custom-aichat-scrollDownIndicatorIcon:active{\n background-color:var(--cds-button-secondary-active, #6f6f6f);\n}\n:host .cds-custom-aichat-scrollDownIndicatorIcon:hover{\n background-color:var(--cds-button-secondary-hover, #474747);\n}\n:host .cds-custom-aichat-scrollDownIndicatorIcon:focus{\n border-color:var(--cds-focus, #0f62fe);\n box-shadow:inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-custom--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-border:#e0e0e0;\n --cds-chat-bubble-user:#e0e0e0;\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-prompt-background:#ffffff;\n --cds-chat-prompt-border-end:rgba(244, 244, 244, 0);\n --cds-chat-prompt-border-start:#f4f4f4;\n --cds-chat-shell-background:#ffffff;\n --cds-field-01:#f4f4f4;\n --cds-field-02:#ffffff;\n --cds-field-03:#f4f4f4;\n --cds-field-hover-01:#e8e8e8;\n --cds-field-hover-02:#e8e8e8;\n --cds-field-hover-03:#e8e8e8;\n --cds-focus:#0f62fe;\n --cds-focus-inset:#ffffff;\n --cds-focus-inverse:#ffffff;\n --cds-highlight:#d0e2ff;\n --cds-icon-disabled:rgba(22, 22, 22, 0.25);\n --cds-icon-interactive:#0f62fe;\n --cds-icon-inverse:#ffffff;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:#8d8d8d;\n --cds-icon-primary:#161616;\n --cds-icon-secondary:#525252;\n --cds-interactive:#0f62fe;\n --cds-layer-01:#f4f4f4;\n --cds-layer-02:#ffffff;\n --cds-layer-03:#f4f4f4;\n --cds-layer-accent-01:#e0e0e0;\n --cds-layer-accent-02:#e0e0e0;\n --cds-layer-accent-03:#e0e0e0;\n --cds-layer-accent-active-01:#a8a8a8;\n --cds-layer-accent-active-02:#a8a8a8;\n --cds-layer-accent-active-03:#a8a8a8;\n --cds-layer-accent-hover-01:#d1d1d1;\n --cds-layer-accent-hover-02:#d1d1d1;\n --cds-layer-accent-hover-03:#d1d1d1;\n --cds-layer-active-01:#c6c6c6;\n --cds-layer-active-02:#c6c6c6;\n --cds-layer-active-03:#c6c6c6;\n --cds-layer-background-01:#ffffff;\n --cds-layer-background-02:#f4f4f4;\n --cds-layer-background-03:#ffffff;\n --cds-layer-hover-01:#e8e8e8;\n --cds-layer-hover-02:#e8e8e8;\n --cds-layer-hover-03:#e8e8e8;\n --cds-layer-selected-01:#e0e0e0;\n --cds-layer-selected-02:#e0e0e0;\n --cds-layer-selected-03:#e0e0e0;\n --cds-layer-selected-disabled:#8d8d8d;\n --cds-layer-selected-hover-01:#d1d1d1;\n --cds-layer-selected-hover-02:#d1d1d1;\n --cds-layer-selected-hover-03:#d1d1d1;\n --cds-layer-selected-inverse:#161616;\n --cds-link-inverse:#78a9ff;\n --cds-link-inverse-active:#f4f4f4;\n --cds-link-inverse-hover:#a6c8ff;\n --cds-link-inverse-visited:#be95ff;\n --cds-link-primary:#0f62fe;\n --cds-link-primary-hover:#0043ce;\n --cds-link-secondary:#0043ce;\n --cds-link-visited:#8a3ffc;\n --cds-overlay:rgba(22, 22, 22, 0.5);\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-text-disabled:rgba(22, 22, 22, 0.25);\n --cds-text-error:#da1e28;\n --cds-text-helper:#6f6f6f;\n --cds-text-inverse:#ffffff;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:#8d8d8d;\n --cds-text-placeholder:rgba(22, 22, 22, 0.4);\n --cds-text-primary:#161616;\n --cds-text-secondary:#525252;\n --cds-toggle-off:#8d8d8d;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#e0e0e0;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#393939;\n --cds-button-tertiary:#0f62fe;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#da1e28;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#6f6f6f;\n --cds-button-tertiary-active:#002d9c;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#474747;\n --cds-button-tertiary-hover:#0050e6;\n --cds-button-disabled:#c6c6c6;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--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-custom--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-custom--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-border:#e0e0e0;\n --cds-chat-bubble-user:#e0e0e0;\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-prompt-background:#ffffff;\n --cds-chat-prompt-border-end:rgba(244, 244, 244, 0);\n --cds-chat-prompt-border-start:#f4f4f4;\n --cds-chat-shell-background:#ffffff;\n --cds-field-01:#ffffff;\n --cds-field-02:#f4f4f4;\n --cds-field-03:#ffffff;\n --cds-field-hover-01:#e8e8e8;\n --cds-field-hover-02:#e8e8e8;\n --cds-field-hover-03:#e8e8e8;\n --cds-focus:#0f62fe;\n --cds-focus-inset:#ffffff;\n --cds-focus-inverse:#ffffff;\n --cds-highlight:#d0e2ff;\n --cds-icon-disabled:rgba(22, 22, 22, 0.25);\n --cds-icon-interactive:#0f62fe;\n --cds-icon-inverse:#ffffff;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:#8d8d8d;\n --cds-icon-primary:#161616;\n --cds-icon-secondary:#525252;\n --cds-interactive:#0f62fe;\n --cds-layer-01:#ffffff;\n --cds-layer-02:#f4f4f4;\n --cds-layer-03:#ffffff;\n --cds-layer-accent-01:#e0e0e0;\n --cds-layer-accent-02:#e0e0e0;\n --cds-layer-accent-03:#e0e0e0;\n --cds-layer-accent-active-01:#a8a8a8;\n --cds-layer-accent-active-02:#a8a8a8;\n --cds-layer-accent-active-03:#a8a8a8;\n --cds-layer-accent-hover-01:#d1d1d1;\n --cds-layer-accent-hover-02:#d1d1d1;\n --cds-layer-accent-hover-03:#d1d1d1;\n --cds-layer-active-01:#c6c6c6;\n --cds-layer-active-02:#c6c6c6;\n --cds-layer-active-03:#c6c6c6;\n --cds-layer-background-01:#f4f4f4;\n --cds-layer-background-02:#ffffff;\n --cds-layer-background-03:#f4f4f4;\n --cds-layer-hover-01:#e8e8e8;\n --cds-layer-hover-02:#e8e8e8;\n --cds-layer-hover-03:#e8e8e8;\n --cds-layer-selected-01:#e0e0e0;\n --cds-layer-selected-02:#e0e0e0;\n --cds-layer-selected-03:#e0e0e0;\n --cds-layer-selected-disabled:#8d8d8d;\n --cds-layer-selected-hover-01:#d1d1d1;\n --cds-layer-selected-hover-02:#d1d1d1;\n --cds-layer-selected-hover-03:#d1d1d1;\n --cds-layer-selected-inverse:#161616;\n --cds-link-inverse:#78a9ff;\n --cds-link-inverse-active:#f4f4f4;\n --cds-link-inverse-hover:#a6c8ff;\n --cds-link-inverse-visited:#be95ff;\n --cds-link-primary:#0f62fe;\n --cds-link-primary-hover:#0043ce;\n --cds-link-secondary:#0043ce;\n --cds-link-visited:#8a3ffc;\n --cds-overlay:rgba(22, 22, 22, 0.5);\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-text-disabled:rgba(22, 22, 22, 0.25);\n --cds-text-error:#da1e28;\n --cds-text-helper:#6f6f6f;\n --cds-text-inverse:#ffffff;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:#8d8d8d;\n --cds-text-placeholder:rgba(22, 22, 22, 0.4);\n --cds-text-primary:#161616;\n --cds-text-secondary:#525252;\n --cds-toggle-off:#8d8d8d;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#e0e0e0;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#393939;\n --cds-button-tertiary:#0f62fe;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#da1e28;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#6f6f6f;\n --cds-button-tertiary-active:#002d9c;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#474747;\n --cds-button-tertiary-hover:#0050e6;\n --cds-button-disabled:#c6c6c6;\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--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-custom--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-custom--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-border:#525252;\n --cds-chat-bubble-user:#393939;\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-prompt-background:#161616;\n --cds-chat-prompt-border-end:rgba(38, 38, 38, 0);\n --cds-chat-prompt-border-start:#262626;\n --cds-chat-shell-background:#262626;\n --cds-field-01:#393939;\n --cds-field-02:#525252;\n --cds-field-03:#6f6f6f;\n --cds-field-hover-01:#474747;\n --cds-field-hover-02:#636363;\n --cds-field-hover-03:#5e5e5e;\n --cds-focus:#ffffff;\n --cds-focus-inset:#161616;\n --cds-focus-inverse:#0f62fe;\n --cds-highlight:#002d9c;\n --cds-icon-disabled:rgba(244, 244, 244, 0.25);\n --cds-icon-interactive:#ffffff;\n --cds-icon-inverse:#161616;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-icon-primary:#f4f4f4;\n --cds-icon-secondary:#c6c6c6;\n --cds-interactive:#4589ff;\n --cds-layer-01:#393939;\n --cds-layer-02:#525252;\n --cds-layer-03:#6f6f6f;\n --cds-layer-accent-01:#525252;\n --cds-layer-accent-02:#6f6f6f;\n --cds-layer-accent-03:#8d8d8d;\n --cds-layer-accent-active-01:#8d8d8d;\n --cds-layer-accent-active-02:#393939;\n --cds-layer-accent-active-03:#525252;\n --cds-layer-accent-hover-01:#636363;\n --cds-layer-accent-hover-02:#5e5e5e;\n --cds-layer-accent-hover-03:#7a7a7a;\n --cds-layer-active-01:#6f6f6f;\n --cds-layer-active-02:#8d8d8d;\n --cds-layer-active-03:#393939;\n --cds-layer-background-01:#262626;\n --cds-layer-background-02:#393939;\n --cds-layer-background-03:#525252;\n --cds-layer-hover-01:#474747;\n --cds-layer-hover-02:#636363;\n --cds-layer-hover-03:#5e5e5e;\n --cds-layer-selected-01:#525252;\n --cds-layer-selected-02:#6f6f6f;\n --cds-layer-selected-03:#525252;\n --cds-layer-selected-disabled:#a8a8a8;\n --cds-layer-selected-hover-01:#636363;\n --cds-layer-selected-hover-02:#5e5e5e;\n --cds-layer-selected-hover-03:#636363;\n --cds-layer-selected-inverse:#f4f4f4;\n --cds-link-inverse:#0f62fe;\n --cds-link-inverse-active:#161616;\n --cds-link-inverse-hover:#0043ce;\n --cds-link-inverse-visited:#8a3ffc;\n --cds-link-primary:#78a9ff;\n --cds-link-primary-hover:#a6c8ff;\n --cds-link-secondary:#a6c8ff;\n --cds-link-visited:#be95ff;\n --cds-overlay:rgba(0, 0, 0, 0.65);\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-text-disabled:rgba(244, 244, 244, 0.25);\n --cds-text-error:#ffb3b8;\n --cds-text-helper:#c6c6c6;\n --cds-text-inverse:#161616;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-text-placeholder:rgba(244, 244, 244, 0.4);\n --cds-text-primary:#f4f4f4;\n --cds-text-secondary:#c6c6c6;\n --cds-toggle-off:#8d8d8d;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#161616;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#6f6f6f;\n --cds-button-tertiary:#ffffff;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#ff8389;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#393939;\n --cds-button-tertiary-active:#c6c6c6;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#5e5e5e;\n --cds-button-tertiary-hover:#f4f4f4;\n --cds-button-disabled:rgba(141, 141, 141, 0.3);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--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-custom--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-custom--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-border:#525252;\n --cds-chat-bubble-user:#393939;\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-prompt-background:#161616;\n --cds-chat-prompt-border-end:rgba(38, 38, 38, 0);\n --cds-chat-prompt-border-start:#262626;\n --cds-chat-shell-background:#262626;\n --cds-field-01:#262626;\n --cds-field-02:#393939;\n --cds-field-03:#525252;\n --cds-field-hover-01:#333333;\n --cds-field-hover-02:#474747;\n --cds-field-hover-03:#636363;\n --cds-focus:#ffffff;\n --cds-focus-inset:#161616;\n --cds-focus-inverse:#0f62fe;\n --cds-highlight:#001d6c;\n --cds-icon-disabled:rgba(244, 244, 244, 0.25);\n --cds-icon-interactive:#ffffff;\n --cds-icon-inverse:#161616;\n --cds-icon-on-color:#ffffff;\n --cds-icon-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-icon-primary:#f4f4f4;\n --cds-icon-secondary:#c6c6c6;\n --cds-interactive:#4589ff;\n --cds-layer-01:#262626;\n --cds-layer-02:#393939;\n --cds-layer-03:#525252;\n --cds-layer-accent-01:#393939;\n --cds-layer-accent-02:#525252;\n --cds-layer-accent-03:#6f6f6f;\n --cds-layer-accent-active-01:#6f6f6f;\n --cds-layer-accent-active-02:#8d8d8d;\n --cds-layer-accent-active-03:#393939;\n --cds-layer-accent-hover-01:#474747;\n --cds-layer-accent-hover-02:#636363;\n --cds-layer-accent-hover-03:#5e5e5e;\n --cds-layer-active-01:#525252;\n --cds-layer-active-02:#6f6f6f;\n --cds-layer-active-03:#8d8d8d;\n --cds-layer-background-01:#161616;\n --cds-layer-background-02:#262626;\n --cds-layer-background-03:#393939;\n --cds-layer-hover-01:#333333;\n --cds-layer-hover-02:#474747;\n --cds-layer-hover-03:#636363;\n --cds-layer-selected-01:#393939;\n --cds-layer-selected-02:#525252;\n --cds-layer-selected-03:#6f6f6f;\n --cds-layer-selected-disabled:#a8a8a8;\n --cds-layer-selected-hover-01:#474747;\n --cds-layer-selected-hover-02:#636363;\n --cds-layer-selected-hover-03:#5e5e5e;\n --cds-layer-selected-inverse:#f4f4f4;\n --cds-link-inverse:#0f62fe;\n --cds-link-inverse-active:#161616;\n --cds-link-inverse-hover:#0043ce;\n --cds-link-inverse-visited:#8a3ffc;\n --cds-link-primary:#78a9ff;\n --cds-link-primary-hover:#a6c8ff;\n --cds-link-secondary:#a6c8ff;\n --cds-link-visited:#be95ff;\n --cds-overlay:rgba(0, 0, 0, 0.65);\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-text-disabled:rgba(244, 244, 244, 0.25);\n --cds-text-error:#ff8389;\n --cds-text-helper:#a8a8a8;\n --cds-text-inverse:#161616;\n --cds-text-on-color:#ffffff;\n --cds-text-on-color-disabled:rgba(255, 255, 255, 0.25);\n --cds-text-placeholder:rgba(244, 244, 244, 0.4);\n --cds-text-primary:#f4f4f4;\n --cds-text-secondary:#c6c6c6;\n --cds-toggle-off:#6f6f6f;\n --cds-spacing-01:0.125rem;\n --cds-spacing-02:0.25rem;\n --cds-spacing-03:0.5rem;\n --cds-spacing-04:0.75rem;\n --cds-spacing-05:1rem;\n --cds-spacing-06:1.5rem;\n --cds-spacing-07:2rem;\n --cds-spacing-08:2.5rem;\n --cds-spacing-09:3rem;\n --cds-spacing-10:4rem;\n --cds-spacing-11:5rem;\n --cds-spacing-12:6rem;\n --cds-spacing-13:10rem;\n --cds-fluid-spacing-01:0;\n --cds-fluid-spacing-02:2vw;\n --cds-fluid-spacing-03:5vw;\n --cds-fluid-spacing-04:10vw;\n --cds-caption-01-font-size:0.75rem;\n --cds-caption-01-font-weight:400;\n --cds-caption-01-line-height:1.33333;\n --cds-caption-01-letter-spacing:0.32px;\n --cds-caption-02-font-size:0.875rem;\n --cds-caption-02-font-weight:400;\n --cds-caption-02-line-height:1.28572;\n --cds-caption-02-letter-spacing:0.32px;\n --cds-label-01-font-size:0.75rem;\n --cds-label-01-font-weight:400;\n --cds-label-01-line-height:1.33333;\n --cds-label-01-letter-spacing:0.32px;\n --cds-label-02-font-size:0.875rem;\n --cds-label-02-font-weight:400;\n --cds-label-02-line-height:1.28572;\n --cds-label-02-letter-spacing:0.16px;\n --cds-helper-text-01-font-size:0.75rem;\n --cds-helper-text-01-line-height:1.33333;\n --cds-helper-text-01-letter-spacing:0.32px;\n --cds-helper-text-02-font-size:0.875rem;\n --cds-helper-text-02-font-weight:400;\n --cds-helper-text-02-line-height:1.28572;\n --cds-helper-text-02-letter-spacing:0.16px;\n --cds-body-short-01-font-size:0.875rem;\n --cds-body-short-01-font-weight:400;\n --cds-body-short-01-line-height:1.28572;\n --cds-body-short-01-letter-spacing:0.16px;\n --cds-body-short-02-font-size:1rem;\n --cds-body-short-02-font-weight:400;\n --cds-body-short-02-line-height:1.375;\n --cds-body-short-02-letter-spacing:0;\n --cds-body-long-01-font-size:0.875rem;\n --cds-body-long-01-font-weight:400;\n --cds-body-long-01-line-height:1.42857;\n --cds-body-long-01-letter-spacing:0.16px;\n --cds-body-long-02-font-size:1rem;\n --cds-body-long-02-font-weight:400;\n --cds-body-long-02-line-height:1.5;\n --cds-body-long-02-letter-spacing:0;\n --cds-code-01-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-01-font-size:0.75rem;\n --cds-code-01-font-weight:400;\n --cds-code-01-line-height:1.33333;\n --cds-code-01-letter-spacing:0.32px;\n --cds-code-02-font-family:'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;\n --cds-code-02-font-size:0.875rem;\n --cds-code-02-font-weight:400;\n --cds-code-02-line-height:1.42857;\n --cds-code-02-letter-spacing:0.32px;\n --cds-heading-01-font-size:0.875rem;\n --cds-heading-01-font-weight:600;\n --cds-heading-01-line-height:1.42857;\n --cds-heading-01-letter-spacing:0.16px;\n --cds-heading-02-font-size:1rem;\n --cds-heading-02-font-weight:600;\n --cds-heading-02-line-height:1.5;\n --cds-heading-02-letter-spacing:0;\n --cds-productive-heading-01-font-size:0.875rem;\n --cds-productive-heading-01-font-weight:600;\n --cds-productive-heading-01-line-height:1.28572;\n --cds-productive-heading-01-letter-spacing:0.16px;\n --cds-productive-heading-02-font-size:1rem;\n --cds-productive-heading-02-font-weight:600;\n --cds-productive-heading-02-line-height:1.375;\n --cds-productive-heading-02-letter-spacing:0;\n --cds-productive-heading-03-font-size:1.25rem;\n --cds-productive-heading-03-font-weight:400;\n --cds-productive-heading-03-line-height:1.4;\n --cds-productive-heading-03-letter-spacing:0;\n --cds-productive-heading-04-font-size:1.75rem;\n --cds-productive-heading-04-font-weight:400;\n --cds-productive-heading-04-line-height:1.28572;\n --cds-productive-heading-04-letter-spacing:0;\n --cds-productive-heading-05-font-size:2rem;\n --cds-productive-heading-05-font-weight:400;\n --cds-productive-heading-05-line-height:1.25;\n --cds-productive-heading-05-letter-spacing:0;\n --cds-productive-heading-06-font-size:2.625rem;\n --cds-productive-heading-06-font-weight:300;\n --cds-productive-heading-06-line-height:1.199;\n --cds-productive-heading-06-letter-spacing:0;\n --cds-productive-heading-07-font-size:3.375rem;\n --cds-productive-heading-07-font-weight:300;\n --cds-productive-heading-07-line-height:1.19;\n --cds-productive-heading-07-letter-spacing:0;\n --cds-expressive-paragraph-01-font-size:1.5rem;\n --cds-expressive-paragraph-01-font-weight:300;\n --cds-expressive-paragraph-01-line-height:1.334;\n --cds-expressive-paragraph-01-letter-spacing:0;\n --cds-expressive-heading-01-font-size:0.875rem;\n --cds-expressive-heading-01-font-weight:600;\n --cds-expressive-heading-01-line-height:1.42857;\n --cds-expressive-heading-01-letter-spacing:0.16px;\n --cds-expressive-heading-02-font-size:1rem;\n --cds-expressive-heading-02-font-weight:600;\n --cds-expressive-heading-02-line-height:1.5;\n --cds-expressive-heading-02-letter-spacing:0;\n --cds-expressive-heading-03-font-size:1.25rem;\n --cds-expressive-heading-03-font-weight:400;\n --cds-expressive-heading-03-line-height:1.4;\n --cds-expressive-heading-03-letter-spacing:0;\n --cds-expressive-heading-04-font-size:1.75rem;\n --cds-expressive-heading-04-font-weight:400;\n --cds-expressive-heading-04-line-height:1.28572;\n --cds-expressive-heading-04-letter-spacing:0;\n --cds-expressive-heading-05-font-size:2rem;\n --cds-expressive-heading-05-font-weight:400;\n --cds-expressive-heading-05-line-height:1.25;\n --cds-expressive-heading-05-letter-spacing:0;\n --cds-expressive-heading-06-font-size:2rem;\n --cds-expressive-heading-06-font-weight:600;\n --cds-expressive-heading-06-line-height:1.25;\n --cds-expressive-heading-06-letter-spacing:0;\n --cds-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-01-font-size:1.25rem;\n --cds-quotation-01-font-weight:400;\n --cds-quotation-01-line-height:1.3;\n --cds-quotation-01-letter-spacing:0;\n --cds-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-quotation-02-font-size:2rem;\n --cds-quotation-02-font-weight:300;\n --cds-quotation-02-line-height:1.25;\n --cds-quotation-02-letter-spacing:0;\n --cds-display-01-font-size:2.625rem;\n --cds-display-01-font-weight:300;\n --cds-display-01-line-height:1.19;\n --cds-display-01-letter-spacing:0;\n --cds-display-02-font-size:2.625rem;\n --cds-display-02-font-weight:600;\n --cds-display-02-line-height:1.19;\n --cds-display-02-letter-spacing:0;\n --cds-display-03-font-size:2.625rem;\n --cds-display-03-font-weight:300;\n --cds-display-03-line-height:1.19;\n --cds-display-03-letter-spacing:0;\n --cds-display-04-font-size:2.625rem;\n --cds-display-04-font-weight:300;\n --cds-display-04-line-height:1.19;\n --cds-display-04-letter-spacing:0;\n --cds-legal-01-font-size:0.75rem;\n --cds-legal-01-font-weight:400;\n --cds-legal-01-line-height:1.33333;\n --cds-legal-01-letter-spacing:0.32px;\n --cds-legal-02-font-size:0.875rem;\n --cds-legal-02-font-weight:400;\n --cds-legal-02-line-height:1.28572;\n --cds-legal-02-letter-spacing:0.16px;\n --cds-body-compact-01-font-size:0.875rem;\n --cds-body-compact-01-font-weight:400;\n --cds-body-compact-01-line-height:1.28572;\n --cds-body-compact-01-letter-spacing:0.16px;\n --cds-body-compact-02-font-size:1rem;\n --cds-body-compact-02-font-weight:400;\n --cds-body-compact-02-line-height:1.375;\n --cds-body-compact-02-letter-spacing:0;\n --cds-heading-compact-01-font-size:0.875rem;\n --cds-heading-compact-01-font-weight:600;\n --cds-heading-compact-01-line-height:1.28572;\n --cds-heading-compact-01-letter-spacing:0.16px;\n --cds-heading-compact-02-font-size:1rem;\n --cds-heading-compact-02-font-weight:600;\n --cds-heading-compact-02-line-height:1.375;\n --cds-heading-compact-02-letter-spacing:0;\n --cds-body-01-font-size:0.875rem;\n --cds-body-01-font-weight:400;\n --cds-body-01-line-height:1.42857;\n --cds-body-01-letter-spacing:0.16px;\n --cds-body-02-font-size:1rem;\n --cds-body-02-font-weight:400;\n --cds-body-02-line-height:1.5;\n --cds-body-02-letter-spacing:0;\n --cds-heading-03-font-size:1.25rem;\n --cds-heading-03-font-weight:400;\n --cds-heading-03-line-height:1.4;\n --cds-heading-03-letter-spacing:0;\n --cds-heading-04-font-size:1.75rem;\n --cds-heading-04-font-weight:400;\n --cds-heading-04-line-height:1.28572;\n --cds-heading-04-letter-spacing:0;\n --cds-heading-05-font-size:2rem;\n --cds-heading-05-font-weight:400;\n --cds-heading-05-line-height:1.25;\n --cds-heading-05-letter-spacing:0;\n --cds-heading-06-font-size:2.625rem;\n --cds-heading-06-font-weight:300;\n --cds-heading-06-line-height:1.199;\n --cds-heading-06-letter-spacing:0;\n --cds-heading-07-font-size:3.375rem;\n --cds-heading-07-font-weight:300;\n --cds-heading-07-line-height:1.19;\n --cds-heading-07-letter-spacing:0;\n --cds-fluid-heading-03-font-size:1.25rem;\n --cds-fluid-heading-03-font-weight:400;\n --cds-fluid-heading-03-line-height:1.4;\n --cds-fluid-heading-03-letter-spacing:0;\n --cds-fluid-heading-04-font-size:1.75rem;\n --cds-fluid-heading-04-font-weight:400;\n --cds-fluid-heading-04-line-height:1.28572;\n --cds-fluid-heading-04-letter-spacing:0;\n --cds-fluid-heading-05-font-size:2rem;\n --cds-fluid-heading-05-font-weight:400;\n --cds-fluid-heading-05-line-height:1.25;\n --cds-fluid-heading-05-letter-spacing:0;\n --cds-fluid-heading-06-font-size:2rem;\n --cds-fluid-heading-06-font-weight:600;\n --cds-fluid-heading-06-line-height:1.25;\n --cds-fluid-heading-06-letter-spacing:0;\n --cds-fluid-paragraph-01-font-size:1.5rem;\n --cds-fluid-paragraph-01-font-weight:300;\n --cds-fluid-paragraph-01-line-height:1.334;\n --cds-fluid-paragraph-01-letter-spacing:0;\n --cds-fluid-quotation-01-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-01-font-size:1.25rem;\n --cds-fluid-quotation-01-font-weight:400;\n --cds-fluid-quotation-01-line-height:1.3;\n --cds-fluid-quotation-01-letter-spacing:0;\n --cds-fluid-quotation-02-font-family:'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;\n --cds-fluid-quotation-02-font-size:2rem;\n --cds-fluid-quotation-02-font-weight:300;\n --cds-fluid-quotation-02-line-height:1.25;\n --cds-fluid-quotation-02-letter-spacing:0;\n --cds-fluid-display-01-font-size:2.625rem;\n --cds-fluid-display-01-font-weight:300;\n --cds-fluid-display-01-line-height:1.19;\n --cds-fluid-display-01-letter-spacing:0;\n --cds-fluid-display-02-font-size:2.625rem;\n --cds-fluid-display-02-font-weight:600;\n --cds-fluid-display-02-line-height:1.19;\n --cds-fluid-display-02-letter-spacing:0;\n --cds-fluid-display-03-font-size:2.625rem;\n --cds-fluid-display-03-font-weight:300;\n --cds-fluid-display-03-line-height:1.19;\n --cds-fluid-display-03-letter-spacing:0;\n --cds-fluid-display-04-font-size:2.625rem;\n --cds-fluid-display-04-font-weight:300;\n --cds-fluid-display-04-line-height:1.19;\n --cds-fluid-display-04-letter-spacing:0;\n --cds-button-separator:#161616;\n --cds-button-primary:#0f62fe;\n --cds-button-secondary:#6f6f6f;\n --cds-button-tertiary:#ffffff;\n --cds-button-danger-primary:#da1e28;\n --cds-button-danger-secondary:#fa4d56;\n --cds-button-danger-active:#750e13;\n --cds-button-primary-active:#002d9c;\n --cds-button-secondary-active:#393939;\n --cds-button-tertiary-active:#c6c6c6;\n --cds-button-danger-hover:#b81921;\n --cds-button-primary-hover:#0050e6;\n --cds-button-secondary-hover:#5e5e5e;\n --cds-button-tertiary-hover:#f4f4f4;\n --cds-button-disabled:rgba(141, 141, 141, 0.3);\n}\n@media screen and (-ms-high-contrast: active), (forced-colors: active){\n :host .cds-custom--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-custom--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 cds-custom-tile{\n border:1px solid var(--cds-chat-bubble-border, #e0e0e0);\n border-radius:0.5rem;\n background-color:var(--cds-chat-shell-background, #ffffff);\n}\n:host .cds-custom-aichat--dark,\n:host .cds-custom--g90,\n:host .cds-custom--g100{\n scrollbar-color:var(--cds-layer-03, #f4f4f4) var(--cds-layer-01, #f4f4f4);\n}";
17093
17467
 
17094
17468
  function detectConfigChanges(previousConfig, newConfig) {
17095
17469
  if (!previousConfig) {
@@ -17113,7 +17487,7 @@ function detectConfigChanges(previousConfig, newConfig) {
17113
17487
  const layoutChanged = !isEqual(previousConfig.layout, newConfig.layout);
17114
17488
  const headerChanged = !isEqual(previousConfig.header, newConfig.header);
17115
17489
  const homescreenChanged = !isEqual(previousConfig.homescreen, newConfig.homescreen);
17116
- const lightweightUIChanged = !isEqual(previousConfig.launcher, newConfig.launcher) || previousConfig.openChatByDefault !== newConfig.openChatByDefault || previousConfig.shouldSanitizeHTML !== newConfig.shouldSanitizeHTML || previousConfig.debug !== newConfig.debug || previousConfig.enableFocusTrap !== newConfig.enableFocusTrap || previousConfig.shouldTakeFocusIfOpensAutomatically !== newConfig.shouldTakeFocusIfOpensAutomatically || previousConfig.assistantName !== newConfig.assistantName || previousConfig.isReadonly !== newConfig.isReadonly || previousConfig.locale !== newConfig.locale || previousConfig.disableCustomElementMobileEnhancements !== newConfig.disableCustomElementMobileEnhancements;
17490
+ const lightweightUIChanged = !isEqual(previousConfig.launcher, newConfig.launcher) || previousConfig.openChatByDefault !== newConfig.openChatByDefault || previousConfig.shouldSanitizeHTML !== newConfig.shouldSanitizeHTML || previousConfig.debug !== newConfig.debug || previousConfig.enableFocusTrap !== newConfig.enableFocusTrap || previousConfig.shouldTakeFocusIfOpensAutomatically !== newConfig.shouldTakeFocusIfOpensAutomatically || previousConfig.assistantName !== newConfig.assistantName || previousConfig.isReadonly !== newConfig.isReadonly || previousConfig.locale !== newConfig.locale || previousConfig.disableCustomElementMobileEnhancements !== newConfig.disableCustomElementMobileEnhancements || previousConfig.input?.isVisible !== newConfig.input?.isVisible || previousConfig.input?.isDisabled !== newConfig.input?.isDisabled || previousConfig.launcher?.showUnreadIndicator !== newConfig.launcher?.showUnreadIndicator;
17117
17491
  return {
17118
17492
  humanAgentConfigChanged: humanAgentConfigChanged,
17119
17493
  themingChanged: themingChanged,
@@ -17185,16 +17559,39 @@ async function applyConfigChangesDynamically(changes, newConfig, serviceManager)
17185
17559
  }));
17186
17560
  }
17187
17561
  if (changes.lightweightUIChanged) {
17188
- if (typeof newConfig.isReadonly === "boolean") {
17189
- const current = store.getState().assistantInputState;
17190
- const next = {
17191
- ...current,
17192
- isReadonly: newConfig.isReadonly
17562
+ const current = store.getState().assistantInputState;
17563
+ let nextState = current;
17564
+ if (typeof newConfig.input?.isVisible === "boolean") {
17565
+ if (current.fieldVisible !== newConfig.input.isVisible) {
17566
+ nextState = {
17567
+ ...nextState,
17568
+ fieldVisible: newConfig.input.isVisible
17569
+ };
17570
+ }
17571
+ }
17572
+ let disableValue;
17573
+ if (typeof newConfig.input?.isDisabled === "boolean") {
17574
+ disableValue = newConfig.input.isDisabled;
17575
+ } else if (typeof newConfig.isReadonly === "boolean") {
17576
+ disableValue = newConfig.isReadonly;
17577
+ }
17578
+ if (disableValue !== undefined && current.isReadonly !== disableValue) {
17579
+ nextState = {
17580
+ ...nextState,
17581
+ isReadonly: disableValue
17193
17582
  };
17583
+ }
17584
+ if (nextState !== current) {
17194
17585
  store.dispatch(actions.changeState({
17195
- assistantInputState: next
17586
+ assistantInputState: nextState
17196
17587
  }));
17197
17588
  }
17589
+ if (typeof newConfig.launcher?.showUnreadIndicator === "boolean") {
17590
+ const currentValue = store.getState().persistedToBrowserStorage.showUnreadIndicator;
17591
+ if (currentValue !== newConfig.launcher.showUnreadIndicator) {
17592
+ store.dispatch(actions.setLauncherProperty("showUnreadIndicator", newConfig.launcher.showUnreadIndicator));
17593
+ }
17594
+ }
17198
17595
  }
17199
17596
  }
17200
17597